/*--------------------------------------------------------------
   Typography
--------------------------------------------------------------*/
html {
  font-size: 62.5%;
}

body {
  line-height: 1.88;
}
html, html a{
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-top: 0;
  margin-bottom: 2rem;
}


.typology-cover .entry-title,
.typology-cover h1 { line-height: 1.2;}

h1,.h1 { line-height: 1.2;}
h2,.h2 {  line-height: 1.25;}
h3,.h3{  line-height: 1.3;}
h4,.h4{ line-height: 1.35;}
h5,.h5{ line-height: 1.5;}
h6,.h6 {line-height: 1.4;}

.entry-content{
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
  margin-bottom: 3.6rem;
}
}


.meta-item{
    vertical-align: top;
    margin-right: 15px;
    a{
      text-decoration: none;
      padding-bottom: 3px;
      border-bottom: 1px solid transparent;
      transition: border-bottom .1s ease-in-out;
    }
    &:after{
      content: "/";
      right: -7px;
      position: relative;
    }
    &:last-child:after{
      display: none;
    }
}
.meta-item a:hover {
    border-bottom: 1px solid;
}
.section-title{
  line-height: 1;
}

p {
  margin: 0 0 3.6rem;
}
.typology-layout-a .entry-content p:last-child,
.typology-layout-b .entry-content p:last-child{
    margin-bottom: 0;
}
.typology-layout-b .entry-content p:only-of-type{
  margin-bottom: 0;
}

.entry-title{
  margin-bottom: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.entry-title a{
  text-decoration: none;
}


blockquote,
q{
    position: relative;
    padding: 8rem 8rem 7rem 8rem;
    margin-bottom: 3.6rem;
    text-align: center;
    font-size: 2rem;
    line-height: 1.88;
    border: 1px double rgba(0,0,0,0.1);
    margin:6rem 0;
    display: block;
    &:before,
    &:after{
      position: absolute;
      width: 40px;
      height: 40px;
      display: block;
      line-height: 40px;
      text-align: center;
      left: 50%;
      margin-left: -20px;
      color: #FFF;
      border-radius: 50%;
      -webkit-box-shadow: 0 0 0 10px #FFF;
      box-shadow: 0 0 0 10px #FFF;
      font-size: 3.6rem;
      font-weight: 600;
      padding: 12px;
    }
    &:before{
      content: "\201D";
      top: -2rem;
    }
    p{
      margin-bottom: 0;
    }
    cite{
      display: block;
      opacity: 0.6;
      font-size: 80%;
      margin-top: 2rem;
    }

}

.entry-content ul li,
.entry-content ol li,
.comment-list .comment-content ol li,
.comment-list .comment-content ul li{
  margin-bottom: 4px;
}
.comment-list .comment-content,
.entry-content{
  address, dl, ol, ul{
    margin-bottom: 3.6rem;
    address, dl, ol, ul{
      margin-bottom: 0;
    }
  }
  ul,
  ul li{
    list-style: disc;
  }
  ol,
  ol li{
    list-style: decimal;
  }
}
pre {
    padding: 15px 20px;
    margin-bottom: 3.6rem;
}

.widget-title{
  line-height: 1.2;
}

table{
    border-collapse: separate;
    border-spacing: 0;
    border-top: 1px solid;
    border-left: 1px solid;
    margin-bottom: 3.6rem;
}
table:last-child{
  margin-bottom: 0;
}

td, th {
    padding: 10px 15px;
    border-bottom: 1px solid;
    border-right: 1px solid;
}
.post-date-month{
  font-size: 1.4rem;
}