/*$theme-alt1: #9cb346;
$theme-alt2: #45b5ec;
$theme-alt3: #ffd228;
$theme-alt4: #f4901e;*/
.typography {
  /*$theme-alt1: #9cb346;
$theme-alt2: #45b5ec;
$theme-alt3: #ffd228;
$theme-alt4: #f4901e;*/ }
  .typography p {
    margin: 0 0 10px; }
  .typography h1,
  .typography h2,
  .typography h3,
  .typography h4,
  .typography h5,
  .typography h6 {
    margin-top: 20px;
    font-weight: 500;
    font-family: inherit;
    /*color: inherit;*/
    margin-bottom: 10px;
    line-height: 1.1; }
    .typography h1 a,
    .typography h2 a,
    .typography h3 a,
    .typography h4 a,
    .typography h5 a,
    .typography h6 a {
      color: inherit; }
    .typography h1.panel-title,
    .typography h2.panel-title,
    .typography h3.panel-title,
    .typography h4.panel-title,
    .typography h5.panel-title,
    .typography h6.panel-title {
      margin-top: 0;
      margin-bottom: 0;
      font-size: 16px; }
  .typography h1 {
    font-size: 36px; }
  .typography h2 {
    font-size: 30px; }
  .typography h3 {
    font-size: 24px; }
  .typography h4 {
    font-size: 18px; }
  .typography h5 {
    font-size: 14px; }
  .typography h6 {
    font-size: 12px; }
  .typography em {
    font-style: italic; }
  .typography a {
    text-decoration: none; }
    .typography a:hover {
      text-decoration: underline; }
    .btn .typography a:hover {
      text-decoration: none; }
    .typography a.label {
      color: #fff; }
  .typography li {
    margin-bottom: 5px; }
  .typography .navbar li {
    margin-bottom: 0; }
  .typography table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    /*@extend .table;*/
    /*        border-collapse: collapse;
                margin-bottom: $line-height-computed/2;*/
    /*        th,
                thead td {
                    background-color: $table-bg-accent
                }
                td,
                th {
                    padding: 2px 5px;
                    border: 1px solid $table-border-color;
                    vertical-align: top;
                    font-size: 14px;
                }
                th {
                    font-weight: bold;
                }*/ }
    .typography table > thead > tr > th,
    .typography table > thead > tr > td,
    .typography table > tbody > tr > th,
    .typography table > tbody > tr > td,
    .typography table > tfoot > tr > th,
    .typography table > tfoot > tr > td {
      padding: 8px;
      line-height: 1.42857;
      vertical-align: top;
      border-top: 1px solid #ddd; }
    .typography table > thead > tr > th {
      vertical-align: bottom;
      border-bottom: 2px solid #ddd; }
    .typography table > caption + thead > tr:first-child > th,
    .typography table > caption + thead > tr:first-child > td,
    .typography table > colgroup + thead > tr:first-child > th,
    .typography table > colgroup + thead > tr:first-child > td,
    .typography table > thead:first-child > tr:first-child > th,
    .typography table > thead:first-child > tr:first-child > td {
      border-top: 0; }
    .typography table > tbody + tbody {
      border-top: 2px solid #ddd; }
    .typography table tr:nth-child(even) {
      /*background-color: $table-*/
      background-color: #f9f9f9; }
  .typography img {
    height: auto;
    /* resets the image height so that it maintains its aspect ratio when width is set */ }
    .typography img.left {
      float: left;
      max-width: 50%;
      margin: 5px 20px 10px 0; }
    .typography img.right {
      float: right;
      max-width: 50%;
      margin: 5px 0 10px 20px; }
    .typography img.leftAlone {
      float: left;
      margin-right: 100%;
      margin-bottom: 10px;
      clear: both; }
    .typography img.center {
      float: none;
      margin-left: auto;
      margin-right: auto;
      display: block;
      margin-bottom: 10px;
      clear: both; }
  .typography blockquote {
    background: transparent url(../images/blockquote.png) no-repeat 0px 6px;
    display: block;
    font-style: italic;
    margin: 0;
    border: none;
    text-indent: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0; }
  .typography blockquote p {
    font-size: 17px;
    line-height: 25px; }
  .typography pre {
    background: #eeeeee;
    border: 1px solid #555555;
    font-family: Courier, monospace;
    margin: 0 0 20px 0;
    padding: 15px;
    clear: both; }
  .typography address {
    display: block;
    margin-bottom: 20px; }
  .typography .align-left {
    float: left;
    margin-right: 20px;
    max-width: 50%; }
  .typography .align-right {
    float: right;
    margin-left: 20px;
    max-width: 50%; }
  .typography .captionImage {
    width: 100%;
    margin-top: 5px; }
    .typography .captionImageimg {
      margin: 0; }
    .typography .captionImage.left {
      float: left;
      margin: 5px 30px 20px 0px; }
    .typography .captionImage.right {
      float: right;
      margin: 5px 0 20px 30px; }
      .typography .captionImage.right p {
        margin-left: -10px;
        text-align: left;
        margin-left: -10px; }
    .typography .captionImage.left[style], .typography .captionImage.right[style] {
      max-width: 50%; }
    .typography .captionImage.left img,
    .typography .captionImage.right img {
      float: none;
      max-width: none;
      width: 100%; }
    .typography .captionImage.left img {
      margin-right: -10px; }
    .typography .captionImage.right img {
      margin-left: -10px; }
    .typography .captionImage.leftAlone {
      float: none;
      margin: 0 20px 20px 0px; }
    .typography .captionImage.center {
      margin: 0 auto 20px; }
    .typography .captionImage p {
      clear: both;
      margin: 5px 0;
      font-style: italic;
      color: #777777; }
  .typography ::-moz-selection,
  .typography ::-moz-selection {
    background: #fcf8e3;
    color: #8a6d3b;
    text-shadow: none; }
  .typography ::selection,
  .typography ::-moz-selection {
    background: #fcf8e3;
    color: #8a6d3b;
    text-shadow: none; }
  .typography .left {
    text-align: left; }
  .typography .center {
    text-align: center; }
  .typography .right {
    text-align: right; }
  .typography .OurDistrictGreen {
    EditMenuName: "Our District Green";
    color: #9cb346; }

.editmode {
  margin-top: 10px;
  margin-bottom: 10px; }

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