/*
 * A partial implementation of the Ruby list functions from Compass:
 * https://github.com/Compass/compass/blob/stable/lib/compass/sass_extensions/functions/lists.rb
 */
/*
 * A partial implementation of the Ruby constants functions from Compass:
 * https://github.com/Compass/compass/blob/stable/lib/compass/sass_extensions/functions/constants.rb
 */
/*
 * A partial implementation of the Ruby display functions from Compass:
 * https://github.com/Compass/compass/blob/stable/core/lib/compass/core/sass_extensions/functions/display.rb
 */
@font-face {
  font-weight: 400;
  font-family: "SourceSansPro";
  src: url("/mysite/fonts/SourceSansPro/SourceSansPro-400.eot");
  src: url("/mysite/fonts/SourceSansPro/SourceSansPro-400.eot?iefix") format('eot'), url("/mysite/fonts/SourceSansPro/SourceSansPro-400.woff") format('woff'), url("/mysite/fonts/SourceSansPro/SourceSansPro-400.otf") format('opentype'), url("/mysite/fonts/SourceSansPro/SourceSansPro-400.svg") format('svg'), url("/mysite/fonts/SourceSansPro/SourceSansPro-400.ttf") format('truetype'); }
@font-face {
  font-weight: 700;
  font-family: "SourceSansPro";
  src: url("/mysite/fonts/SourceSansPro/SourceSansPro-700.eot");
  src: url("/mysite/fonts/SourceSansPro/SourceSansPro-700.eot?iefix") format('eot'), url("/mysite/fonts/SourceSansPro/SourceSansPro-700.woff") format('woff'), url("/mysite/fonts/SourceSansPro/SourceSansPro-700.otf") format('opentype'), url("/mysite/fonts/SourceSansPro/SourceSansPro-700.svg") format('svg'), url("/mysite/fonts/SourceSansPro/SourceSansPro-700.ttf") format('truetype'); }
body, .typography {
  font-size: 18px;
  font-size: 1.125rem; }
  body p, .typography p {
    line-height: 22px;
    line-height: 1.375rem;
    margin: 0 0 22px;
    margin: 0 0 1.375rem; }
  body blockquote, .typography blockquote {
    margin: 10px;
    font-size: 1.4em;
    color: #777;
    font-style: italic; }
  body q, .typography q {
    display: block;
    font-size: 0.8em;
    margin: 1em 1em;
    padding: 0.5em;
    border: 1px #ccc solid; }
  body a, .typography a {
    text-decoration: underline;
    color: #231f20; }
    body a:hover, .typography a:hover {
      text-decoration: none; }
  body ul,
  body ol, .typography ul,
  .typography ol {
    margin: 0 0 0 10px;
    margin: 0 0 0 0.625rem; }
    body ul li,
    body ol li, .typography ul li,
    .typography ol li {
      margin: 5px 10px; }
    body ul li li,
    body ol li li, .typography ul li li,
    .typography ol li li {
      font-size: 16px;
      font-size: 1rem; }
  body h1, body h2, body h3, body h4, body h5, body h6, .typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 {
    margin: 0 0 22px;
    margin: 0 0 1.375rem;
    font-weight: 400;
    font-family: SourceSansPro, Helvetica, Arial, sans-serif;
    line-height: 1;
    letter-spacing: 2px; }
  body h4, .typography h4 {
    margin: 0 0 16px; }
  body h5, body h6, .typography h5, .typography h6 {
    margin: 0 0 12px; }
  body h1, .typography h1 {
    font-size: 26px;
    font-size: 1.625rem; }
  body h2, .typography h2 {
    font-size: 24px;
    font-size: 1.5rem; }
  body h3, .typography h3 {
    font-size: 22px;
    font-size: 1.375rem; }
  body h4, .typography h4 {
    font-size: 19px;
    font-size: 1.1875rem; }
  body h5, .typography h5 {
    font-size: 18px;
    font-size: 1.125rem; }
  body h6, .typography h6 {
    font-size: 17px;
    font-size: 1.0625rem; }
  @media (min-width: 600px) {
    body h1, .typography h1 {
      font-size: 32px;
      font-size: 2rem; }
    body h2, .typography h2 {
      font-size: 28px;
      font-size: 1.75rem; }
    body h3, .typography h3 {
      font-size: 24px;
      font-size: 1.5rem; }
    body h4, .typography h4 {
      font-size: 21px;
      font-size: 1.3125rem; }
    body h5, .typography h5 {
      font-size: 19px;
      font-size: 1.1875rem; }
    body h6, .typography h6 {
      font-size: 18px;
      font-size: 1.125rem; } }
  .no-mediaqueries body h1, .no-mediaqueries .typography h1 {
    font-size: 32px;
    font-size: 2rem; }
  .no-mediaqueries body h2, .no-mediaqueries .typography h2 {
    font-size: 28px;
    font-size: 1.75rem; }
  .no-mediaqueries body h3, .no-mediaqueries .typography h3 {
    font-size: 24px;
    font-size: 1.5rem; }
  .no-mediaqueries body h4, .no-mediaqueries .typography h4 {
    font-size: 21px;
    font-size: 1.3125rem; }
  .no-mediaqueries body h5, .no-mediaqueries .typography h5 {
    font-size: 19px;
    font-size: 1.1875rem; }
  .no-mediaqueries body h6, .no-mediaqueries .typography h6 {
    font-size: 18px;
    font-size: 1.125rem; }
  body pre, .typography pre {
    font-family: "Courier New", Courier, SourceSansPro, Helvetica, Arial, sans-serif;
    display: block;
    font-size: 1.2em;
    margin: 2em 5em;
    padding: 0.5em;
    border: 1px #ccc solid;
    background: #eee; }
  body table, .typography table {
    margin: 0 0 22px;
    margin: 0 0 1.375rem;
    border-collapse: collapse; }
    body table td, .typography table td {
      padding: 5px; }

.typography .left {
  text-align: left; }
.typography .center {
  text-align: center; }
.typography .right {
  text-align: right; }
.typography img {
  border: none;
  max-width: 100%;
  height: auto !important;
  margin: 0 0 22px;
  margin: 0 0 1.375rem; }
  .typography img.right {
    float: right;
    margin-left: 22px;
    margin-left: 1.375rem; }
  .typography img.left {
    float: left;
    margin-right: 22px;
    margin-right: 1.375rem; }
  .typography img.leftAlone {
    float: left;
    margin-right: 100%; }
  .typography img.rightAlone {
    float: right;
    margin-left: 100%; }
  .typography img.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block; }

.typography .fixme {
  background: #ff0000;
  color: #fff;
  text-decoration: underline; }

form .Actions input.action, form button, a.button, p.button a, span.button {
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  background: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  display: block;
  outline: none;
  padding: 0;
  margin: 0;
  font-family: SourceSansPro, Helvetica, Arial, sans-serif;
  display: inline-block;
  background: #231f20;
  color: #fff !important;
  font-weight: 700;
  padding: 10px 20px;
  text-decoration: none;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px; }
  form .Actions input.action *, form button *, a.button *, p.button a *, span.button * {
    color: #fff; }

a.button-large, p.button-large a, span.button-large {
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  background: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  display: block;
  outline: none;
  padding: 0;
  margin: 0;
  font-family: SourceSansPro, Helvetica, Arial, sans-serif;
  display: inline-block;
  background: #231f20;
  color: #fff !important;
  font-weight: 700;
  font-size: 1.5em;
  padding: 20px 30px;
  text-decoration: none;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px; }

a.button-border, p.button-border a, span.button-border {
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  background: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  display: block;
  outline: none;
  padding: 0;
  margin: 0;
  font-family: SourceSansPro, Helvetica, Arial, sans-serif;
  display: inline-block;
  color: #231f20 !important;
  border: 1px solid #231f20;
  font-weight: 700;
  padding: 10px 20px;
  text-decoration: none;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px; }

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