@charset "UTF-8";
/*------------------------------------*\
:    Variables
\*------------------------------------*/
/*------------------------------------*\
:    Mixins - Type
\*------------------------------------*/
/*------------------------------------*\
:    Mixins - Flexbox
\*------------------------------------*/
/*------------------------------------*\
:    Mixins - Animation
\*------------------------------------*/
/*------------------------------------*\
:    Mixins - Miscellaneous
\*------------------------------------*/
/*------------------------------------*\
:    Mixins - Media Queries
\*------------------------------------*/
/*------------------------------------*\
:    General Type Settings
\*------------------------------------*/
/* line 8, ../scss/dev/05-type.scss */
html {
  font-size: 62.5%; }

/* line 12, ../scss/dev/05-type.scss */
body {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #555; }
  @media (min-width: 0px) and (max-width: 500px) {
    /* line 12, ../scss/dev/05-type.scss */
    body {
      font-size: 14px;
      font-size: 1.4rem; } }

/* line 22, ../scss/dev/05-type.scss */
h1,
h2,
h3,
h4,
h5 {
  font-family: "Poppins", sans-serif;
  font-weight: 700; }

@media (min-width: 0px) and (max-width: 500px) {
  /* line 31, ../scss/dev/05-type.scss */
  h1 {
    font-size: 24px;
    font-size: 2.4rem; } }

/* line 39, ../scss/dev/05-type.scss */
.l-header-img-full h1, .l-header-img-full h2, .l-header-img-full h3, .l-header-img-full h4,
.l-header-noimg-full h1,
.l-header-noimg-full h2,
.l-header-noimg-full h3,
.l-header-noimg-full h4 {
  color: #ffffff; }

/* line 45, ../scss/dev/05-type.scss */
.home article h1,
.home article h2 {
  color: #111; }

/* line 51, ../scss/dev/05-type.scss */
.l-sidebar h3 {
  margin-bottom: 10px; }

/* line 55, ../scss/dev/05-type.scss */
p {
  margin: 0 0 4rem; }
  /* line 57, ../scss/dev/05-type.scss */
  p:last-child {
    margin: 0; }

/* line 62, ../scss/dev/05-type.scss */
a {
  color: #028bc4;
  text-decoration: none;
  -webkit-transition: color 0.3s;
          transition: color 0.3s; }
  /* line 66, ../scss/dev/05-type.scss */
  a:hover {
    color: #555; }

/* line 71, ../scss/dev/05-type.scss */
.search-hl {
  color: #fa4515;
  border-bottom: 1px dotted #aaa; }

/* line 76, ../scss/dev/05-type.scss */
.article-intro {
  font-weight: 700;
  margin-bottom: 1em; }

/* line 82, ../scss/dev/05-type.scss */
.l-main-content,
.l-reading-plane {
  line-height: 1.6; }
  /* line 87, ../scss/dev/05-type.scss */
  .l-main-content h1,
  .l-reading-plane h1 {
    line-height: 1.3; }
  /* line 91, ../scss/dev/05-type.scss */
  .l-main-content h2,
  .l-main-content h3,
  .l-main-content h4,
  .l-reading-plane h2,
  .l-reading-plane h3,
  .l-reading-plane h4 {
    line-height: 1.5;
    color: #f4c735; }
  /* line 99, ../scss/dev/05-type.scss */
  .l-main-content ul,
  .l-main-content ol,
  .l-reading-plane ul,
  .l-reading-plane ol {
    margin: 0 0 2em 0.2em; }
    /* line 103, ../scss/dev/05-type.scss */
    .l-main-content ul li,
    .l-main-content ol li,
    .l-reading-plane ul li,
    .l-reading-plane ol li {
      margin-left: 1em; }
  /* line 108, ../scss/dev/05-type.scss */
  .l-main-content ol,
  .l-reading-plane ol {
    counter-reset: nidi-counter;
    list-style: none; }
    /* line 112, ../scss/dev/05-type.scss */
    .l-main-content ol li,
    .l-reading-plane ol li {
      counter-increment: nidi-counter;
      position: relative; }
    /* line 117, ../scss/dev/05-type.scss */
    .l-main-content ol li::before,
    .l-reading-plane ol li::before {
      content: counter(nidi-counter);
      color: #028bc4;
      font-size: 1.2rem;
      font-weight: bold;
      position: absolute;
      top: 6px;
      left: -6px; }
  /* line 132, ../scss/dev/05-type.scss */
  .l-main-content ul li::before,
  .l-reading-plane ul li::before {
    content: "•";
    color: #028bc4;
    display: inline-block;
    width: 1em;
    margin-left: -1.25em; }
  /* line 140, ../scss/dev/05-type.scss */
  .l-main-content ul.clean,
  .l-reading-plane ul.clean {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    /* line 144, ../scss/dev/05-type.scss */
    .l-main-content ul.clean li,
    .l-reading-plane ul.clean li {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      /* line 148, ../scss/dev/05-type.scss */
      .l-main-content ul.clean li::before,
      .l-reading-plane ul.clean li::before {
        content: "";
        color: unset;
        display: unset;
        width: unset;
        margin-left: unset; }
  /* line 158, ../scss/dev/05-type.scss */
  .l-main-content ol,
  .l-reading-plane ol {
    margin: 0 0 1em 0.2em;
    counter-reset: li-counter; }
    /* line 162, ../scss/dev/05-type.scss */
    .l-main-content ol li::before,
    .l-reading-plane ol li::before {
      content: counter(li-counter);
      counter-increment: li-counter;
      color: #028bc4;
      display: inline-block;
      width: 1em;
      margin-left: -1em; }

/* line 174, ../scss/dev/05-type.scss */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

/* line 179, ../scss/dev/05-type.scss */
::selection {
  background: #b3d4fc;
  text-shadow: none; }