/** ----------------------------------------------------------
 *
 * Contains the generic theme typography styles
 *
 *    Include your notes or table of contents here
 *
 *    Include color hex's or values of your grid
 *      #333333             - body
 *      #B80000             - links, headings
 *      #D80000             - links on hover
 *      5px Vertical grid   - based on multiples of 5px, eg 10px, 15px, 20px, 25px...
 *
 *    @author Your Name <email@gmail.com>
 *
 * ------------------------------------------------------- */

/* TEMPLATE CUSTOM FONTS */
  /* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 20, 2012 06:04:25 AM America/New_York */

  /* add your own custom fonts here */
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

.typography {
	font-family: Montserrat, sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
	color: #646464;
	margin-top: 20px;
}
.typography img {
  max-width:95%;
  height:auto;
}
.typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 {
  margin-top: 0;
  font-family: Montserrat, sans-serif;
  margin-bottom: 0.5rem;
  font-weight: 600;
   }
.typography h1 { font-size: 3.4rem; line-height: 1.2;  letter-spacing: -.1rem;}
.typography h2 {
	font-size: 3.0rem;
	line-height: 1.1;
	letter-spacing: -.1rem;
	color: #01703B;
	font-weight: 600;
}
.typography h3 { font-size: 2.6rem; line-height: 1.3;  letter-spacing: -.1rem; }
.typography h4 { font-size: 2.2rem; line-height: 1.35; letter-spacing: -.08rem; }
.typography h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
.typography h6 { font-size: 1.3rem; line-height: 1.6;  letter-spacing: 0; }

.typography p {
	margin-top: 0;
	color: #000000;
	
  }

/* Larger than phablet */
@media (min-width: 550px) {
 .typography h1 { font-size: 3.4rem; }
 .typography h2 { font-size: 3.0rem; }
 .typography h3 { font-size: 2.6rem; }
 .typography h4 { font-size: 2.2rem; }
 .typography h5 { font-size: 1.8rem; }
 .typography h6 { font-size: 1.3rem; }
}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.typography a {
	color: #01703B;
	text-decoration:none;
}
.typography a:hover {
  color: #0FA0CE; }


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.typography .button,
.typography button,
.typography input[type="submit"],
.typography input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
.typography .button:hover,
.typography button:hover,
.typography input[type="submit"]:hover,
.typography input[type="reset"]:hover,
.typography input[type="button"]:hover,
.typography .button:focus,
.typography button:focus,
.typography input[type="submit"]:focus,
.typography input[type="reset"]:focus,
.typography input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.typography.button.button-primary,
.typography button.button-primary,
.typography input[type="submit"].button-primary,
.typography input[type="reset"].button-primary,
.typography input[type="button"].button-primary {
	color: #FFF;
	background-color: #01703B;
	border-color: #01703B;
}
.typography .button.button-primary:hover,
.typography button.button-primary:hover,
.typography input[type="submit"].button-primary:hover,
.typography input[type="reset"].button-primary:hover,
.typography input[type="button"].button-primary:hover,
.typography .button.button-primary:focus,
.typography button.button-primary:focus,
.typography input[type="submit"].button-primary:focus,
.typography input[type="reset"].button-primary:focus,
.typography input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.typography input[type="email"],
.typography input[type="number"],
.typography input[type="search"],
.typography input[type="text"],
.typography input[type="tel"],
.typography input[type="url"],
.typography input[type="password"],
.typography textarea,
.typography select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
.typography input[type="email"],
.typography input[type="number"],
.typography input[type="search"],
.typography input[type="text"],
.typography input[type="tel"],
.typography input[type="url"],
.typography input[type="password"],
.typography textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
.typography textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
.typography input[type="email"]:focus,
.typography input[type="number"]:focus,
.typography input[type="search"]:focus,
.typography input[type="text"]:focus,
.typography input[type="tel"]:focus,
.typography input[type="url"]:focus,
.typography input[type="password"]:focus,
.typography textarea:focus,
.typography select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
.typography label,
.typography legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
.typography fieldset {
  padding: 0;
  border-width: 0; }
.typography input[type="checkbox"],
.typography input[type="radio"] {
  display: inline; }
.typography label > .typography.label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.typography ul {
  list-style: circle inside; }
.typography ol {
  list-style: decimal inside; }
.typography ol, .typography ul {
  padding-left: 0;
  margin-top: 0; }
.typography ul ul,
.typography ul ol,
.typography ol ol,
.typography ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
.typography li {
  margin-bottom: 1rem; }


/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.typography code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
.typography pre > .typography code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.typography th, 
.typography td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
.typography th:first-child,
.typography td:first-child {
  padding-left: 0; }
.typography th:last-child,
.typography td:last-child {
  padding-right: 0; }


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.typography button,
.typography .button {
  margin-bottom: 1rem; }
.typography input,
.typography textarea,
.typography select,
.typography fieldset {
  margin-bottom: 1.5rem; }
.typography pre,
.typography blockquote,
.typography dl,
.typography figure,
.typography table,
.typography p,
.typography ul,
.typography ol,
.typography form {
  margin-bottom: 1.5rem; }


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.typography .u-full-width {
  width: 100%;
  box-sizing: border-box; }
.typography .u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.typography .u-pull-right {
  float: right; }
.typography .u-pull-left {
  float: left; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.typography hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.typography .container:after,
.typography .row:after,
.typography .u-cf {
  content: "";
  display: table;
  clear: both; }