@font-face {
  font-family: "Noto Sans Thai";
  font-weight: 300 700;
  src: url("/fonts/NotoSansThai-Light.ttf") format("truetype"),
       url("/fonts/NotoSansThai-Bold.ttf") format("truetype")
}

/* css override */
/* */
.p-related__item a{
  font-family: "Noto Sans Thai", sans-serif;
  letter-spacing: 0.6px;
}
.page-description {
  font-family: "Raleway", sans-serif;
  color: #242f3a;
  font-weight: 500;
}
.page-title {
  color: #eeee;

  font-family: "Raleway", sans-serif;
  letter-spacing: 8px;
  font-weight: 600;
}
.post-title,
.post-title a {
  font-family: "Maitree", sans-serif;
  font-weight: 400;
  letter-spacing: 0.1rem;
}

h2.li-title {
  font-family: "Maitree", sans-serif;
  font-weight: 400;
  letter-spacing: 0.1rem;
}

.p-article h1 {
  font-family: "Maitree", sans-serif;
}

body:not(.post-template) .post-title {
  font-size: 3rem;
}

.p-article,
.p-article p,
.post-excerpt p {
  font-family: "Noto Sans Thai", sans-serif;
  letter-spacing: 0.6px;
  font-style: normal;
  font-variant: normal;
  font-weight: 300;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

.post-header {
  font-family: "Maitree", Thonburi, Tahoma, sans-serif;
  line-height: 1.63em;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  margin-bottom: 1em;
}
.post-head.main-header {
  min-height: 120px;
}
.post-excerpt p {
  font-size: 1.7rem;
}
.post-meta {
  font-family: "Maitree", Thonburi, Tahoma, sans-serif;
  font-size: 1.6rem;
}
/* */
header .post-meta {
  font-size: 1.6rem;
  margin-top: 1em;
}
body {
  font-family: "Noto Sans Thai", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Maitree", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 > a {
  color: rgba(0, 0, 0, 0.8);
}
h1,
h2,
h3,
h4,
h5,
h6 > a:hover {
  color: rgba(36, 47, 58, 0.8);
}
.p-copyright {
  font-size: 1.6rem;
  font-family: "Raleway", sans-serif;
  color: rgba(36, 47, 58, 0.8);
}
.site-footer {
  font-size: 0.9rem;
  font-family: "Raleway", sans-serif;
  color: rgba(36, 47, 58, 0.8);
}
.main-nav {
  font-family: "Raleway", sans-serif;
}
.main-nav a {
  font-family: "Raleway", sans-serif;
}
pre {
  padding: 4px;
  word-wrap: normal;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}
pre code,
pre tt {
  white-space: pre;
}
code {
  font-family: "Inconsolata", monospace;
}
.post-footer .share a {
  margin: 0.2rem;
}
.default-cover.post-head.main-header {
  height: 15vh;
}
.partials-list .post-date {
  margin-left: 8px;
  padding-left: 12px;
  border-left: #d5dbde 1px dotted;
  font-size: 1.3rem;
}
.partials-list .post-title,
.post-title a {
  font-size: 2rem;
  line-height: 2rem;
}
.post-readtime {
  font-size: 1.6rem;
  border: none;
}
.post-readtime::before {
  font-weight: 700;
  content: "· ";
}
.post-date {
  font-size: 1.6rem;
}
.p-related__item a {
  background-color: #4caf50;
}
.c-time,
.c-article__meta {
  color: #9e9e9e;
}