/* This typography file is included in the WYSIWYG editor */
/* line 106, C:/Ruby24-x64/lib/ruby/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/typography/_vertical_rhythm.scss */
html {
  font-size: 100%;
  line-height: 1.5em;
}

/*********** Grids ***********/
/* $gutter-width */
/*********** Main Colours ***********/
/*********** Typography ***********/
/* line 5, ../scss/typography.scss */
.typography {
  /* WYSIWYG EDITOR ALIGNMENT CLASSES */
}
/* line 7, ../scss/typography.scss */
.typography p {
  color: #333;
  font-weight: 400;
}
/* line 12, ../scss/typography.scss */
.typography h1 {
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
}
/* line 18, ../scss/typography.scss */
.typography h2 {
  font-size: 28px;
  font-weight: 400;
  line-height: 32px;
}
/* line 24, ../scss/typography.scss */
.typography h3 {
  font-size: 20px;
  font-weight: normal;
  line-height: normal;
  margin: 0;
}
/* line 31, ../scss/typography.scss */
.typography h4 {
  font-size: 20px;
  line-height: 24px;
  margin: 24px 0;
  font-weight: 700;
}
/* line 38, ../scss/typography.scss */
.typography a {
  color: inherit;
  text-decoration: underline;
}
/* line 43, ../scss/typography.scss */
.typography ul li {
  list-style: disc;
  line-height: 24px;
}
/* line 48, ../scss/typography.scss */
.typography ol li {
  list-style: decimal;
  line-height: 24px;
}
/* line 53, ../scss/typography.scss */
.typography table {
  font-size: 14px;
  max-width: 100%;
}
/* line 57, ../scss/typography.scss */
.typography table td {
  padding: 8px;
  border: 1px solid #acafa9;
}
/* line 64, ../scss/typography.scss */
.typography .left {
  text-align: left;
}
/* line 68, ../scss/typography.scss */
.typography .center {
  text-align: center;
}
/* line 72, ../scss/typography.scss */
.typography .right {
  text-align: right;
}
/* line 77, ../scss/typography.scss */
.typography img.left {
  float: left;
  margin: 10px 10px 0 0;
}
/* line 82, ../scss/typography.scss */
.typography img.right {
  float: right;
}
/* line 87, ../scss/typography.scss */
.typography a.button {
  background-color: #33134b;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjMzQzNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzMTM0YiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4c3434), color-stop(100%, #33134b));
  background-image: -moz-linear-gradient(#4c3434, #33134b);
  background-image: -webkit-linear-gradient(#4c3434, #33134b);
  background-image: linear-gradient(#4c3434, #33134b);
  background-size: 100%;
  text-transform: uppercase;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  padding: 4px 18px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  max-width: 162px;
  display: block;
  white-space: nowrap;
}