/*------------------------------------*\
:    Variables
\*------------------------------------*/
/*------------------------------------*\
:    Mixins - Type
\*------------------------------------*/
/*------------------------------------*\
:    Mixins - Flexbox
\*------------------------------------*/
/*------------------------------------*\
:    Mixins - Miscellaneous
\*------------------------------------*/
/*------------------------------------*\
:    Mixins - Media Queries
\*------------------------------------*/
@font-face {
  font-family: 'brushedregular';
  src: url("../../../fonts/brushed-webfont.woff2") format("woff2"), url("../../../fonts/brushed-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'dk_momotaroregular';
  src: url("../../fonts/dkmomotaro-webfont.woff2") format("woff2"), url("../../fonts/dkmomotaro-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'icomoon';
  src: url("../../../fonts/icomoon.eot?a52g6k");
  src: url("../../../fonts/icomoon.eot?a52g6k#iefix") format("embedded-opentype"), url("../../../fonts/icomoon.woff2?a52g6k") format("woff2"), url("../../../fonts/icomoon.ttf?a52g6k") format("truetype"), url("../../../fonts/icomoon.woff?a52g6k") format("woff"), url("../../../fonts/icomoon.svg?a52g6k#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*------------------------------------*\
:    General Type Settings
\*------------------------------------*/
/* line 40, ../../../scss/dev/blog/04-type.scss */
body {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #333333;
  line-height: 1.35;
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 40, ../../../scss/dev/blog/04-type.scss */
  body {
    font-size: 15px;
    font-size: 1.5rem;
  }
}

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

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

/* line 56, ../../../scss/dev/blog/04-type.scss */
p {
  margin: 0 0 20px;
}
/* line 58, ../../../scss/dev/blog/04-type.scss */
p:last-child {
  margin: 0;
}

/* line 63, ../../../scss/dev/blog/04-type.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-family: "museoslab";
  color: #333333;
}

/* line 74, ../../../scss/dev/blog/04-type.scss */
h1 {
  font-size: 40px;
  font-size: 4rem;
  font-weight: 200;
  line-height: 1.35;
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 74, ../../../scss/dev/blog/04-type.scss */
  h1 {
    font-size: 30px;
    font-size: 3rem;
  }
}

/* line 78, ../../../scss/dev/blog/04-type.scss */
h2 {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.35;
  margin-bottom: 20px;
  color: #d10303;
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 78, ../../../scss/dev/blog/04-type.scss */
  h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}

/* line 84, ../../../scss/dev/blog/04-type.scss */
blockquote {
  font-family: "brushedregular";
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.4;
  letter-spacing: 0.02em;
  max-width: 700px;
  padding: 10px 25px;
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 84, ../../../scss/dev/blog/04-type.scss */
  blockquote {
    font-size: 24px;
    font-size: 2.4rem;
  }
}

/* line 91, ../../../scss/dev/blog/04-type.scss */
ul.tags {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-family: "museoslab";
  font-size: 14px;
  font-size: 1.4rem;
}
/* line 115, ../../../scss/dev/blog/_mixins.scss */
body.ie9 ul.tags {
  *zoom: 1;
}
/* line 38, ../../../../../../../../../../var/lib/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
body.ie9 ul.tags:after {
  content: "";
  display: table;
  clear: both;
}
/* line 98, ../../../scss/dev/blog/04-type.scss */
ul.tags li:after {
  content: '\2022';
  padding: 0 5px;
  color: #d10303;
}
/* line 104, ../../../scss/dev/blog/04-type.scss */
ul.tags li:last-child:after {
  display: none;
}

/* line 111, ../../../scss/dev/blog/04-type.scss */
.tag__title {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.35;
  color: #000000;
  font-family: "museoslab";
  margin: 0 0 15px;
  display: block;
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 111, ../../../scss/dev/blog/04-type.scss */
  .tag__title {
    font-size: 24px;
    font-size: 2.4rem;
  }
}

/* line 120, ../../../scss/dev/blog/04-type.scss */
.blog-post-detail .row-container ol,
.blog-post-detail .row-container ul {
  list-style-type: disc;
}
/* line 123, ../../../scss/dev/blog/04-type.scss */
.blog-post-detail .row-container ol li,
.blog-post-detail .row-container ul li {
  margin-left: 20px;
  line-height: 1.5;
}