/*--------------------------------------------------------------
   Typography
--------------------------------------------------------------*/
html {
  font-size: 62.5%;
}
body {
  line-height: 1.75;
}
html,
html a {
  -webkit-font-smoothing: antialiased;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-top: 0;
  margin-bottom: @margin-vertical/2;
}
h1,
.h1 {
  line-height: 1.23;
}
h2,
.h2 {
  line-height: 1.31;
}
h3,
.h3 {
  line-height: 1.3;
}
h4,
.h4 {
  line-height: 1.25;
}
h5,
.h5 {
  line-height: 1.3;
}
h6,
.h6 {
  line-height: 1.3;
}

.display{
	line-height: 1.25;
}
p,
ul,
ol,
pre,
table,
.mks_col{
	& + h1,
	& + h2,
	& + h3,
	& + h4,
	& + h5,
	& + h6{
		margin-top: 50px;
	}
}

.entry-headline{
	line-height: 1.5;
}

p, ul, ol, pre, table, blockquote {
	margin-top: 0;
	margin-bottom: 2.5rem
}
ul,ol{
	list-style: none;
	padding-left: 20px;
}
ul.bullets{
	list-style: inside;
}
ol{
	list-style-type: decimal;
	list-style-position: inside;
}
.entry-content ul li,
.comment-content ul li{
	list-style: inside;
}
.entry-content > ul,
.entry-content > ol,
.entry-content > dl,
.comment-content ul,
.comment-content ol{
	margin-bottom: 30px;
	padding:0;
}
.entry-content ul > li,
.entry-content ol > li,
.comment-content ul > li,
.comment-content ol > li{
	margin-bottom: 5px;
	&:last-child{
		margin-bottom:0;
	}
}
.entry-content > ul ul,
.entry-content > ol ol,
.entry-content > ul ol,
.entry-content > ol ul,
.comment-content > ul ul,
.comment-content > ul ol,
.comment-content > ol ul,
.comment-content > ol ol{
	padding-left: 20px;
	margin-top: 5px;
}
.entry-title{
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

blockquote{
    padding: 0 0 0 50px;
    margin: 35px 0 35px;
    border-left: 0;
    line-height: 1.65;
    &:after{
		content: "";
	    display: block;
	    width: 40px;
	    height: 1px;
	    margin-top: 25px;
    }
}

pre{
    padding: 40px;
    margin-bottom: 35px;
}

strong{
	font-weight: 700;
}

hr{
	margin: 20px 0;
	border-color: #333;
}
a:hover,a:focus,a:active{
	text-decoration: none;
	outline: none;
}

table{
    table-layout: fixed;
    width: 100%;
}
thead{
    background: rgba(0,0,0,0.05);	
    font-weight: bold;
}
thead th{
	padding:0 5px;
}
td{
	padding:10px 20px;
	word-break: break-all;
}
tbody tr{
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
table a{
	font-weight: normal;
}
/* Typography -- Helpers */

.type--fade{
	opacity: .5;
}
.type--uppercase{ 
	text-transform: uppercase; 
}
.type--bold{
	font-weight: bold;
}
.type--italic{
	font-style: italic;
}
.type--underline{
	text-decoration: underline;
}
.text-center{
	text-align: center;
}

code{
	word-wrap: break-word;
}