/*------------------------------------*\
:    Variables
\*------------------------------------*/
/*------------------------------------*\
:    Mixins - Type
\*------------------------------------*/
/*------------------------------------*\
:    Mixins - Flexbox
\*------------------------------------*/
/*------------------------------------*\
:    Mixins - Miscellaneous
\*------------------------------------*/
/*------------------------------------*\
:    Mixins - Media Queries
\*------------------------------------*/
/*------------------------------------*\
:    Main - Blog List
\*------------------------------------*/
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 13, ../../../scss/dev/blog/07-main.scss */
  .blog-list-description .tag__title {
    display: inline;
    padding-right: 10px;
  }
}
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 19, ../../../scss/dev/blog/07-main.scss */
  .blog-list-description .blog-post__tags {
    display: inline-block;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }
}

/* line 26, ../../../scss/dev/blog/07-main.scss */
.blog-post {
  height: 100%;
  position: relative;
}
/* line 29, ../../../scss/dev/blog/07-main.scss */
.blog-post a {
  text-decoration: none;
}
/* line 32, ../../../scss/dev/blog/07-main.scss */
.blog-post a:hover .blog-post__text {
  background: #d10303;
}

/* line 39, ../../../scss/dev/blog/07-main.scss */
.blog-post__text {
  background: #333333;
  padding: 15px 15px;
  width: 100%;
  transition: background 0.15s ease-in-out;
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 39, ../../../scss/dev/blog/07-main.scss */
  .blog-post__text {
    padding: 10px 15px;
  }
}
/* line 47, ../../../scss/dev/blog/07-main.scss */
.blog-post__text h2 {
  color: #ffffff;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.35;
  margin-bottom: 15px;
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 47, ../../../scss/dev/blog/07-main.scss */
  .blog-post__text h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  /* line 47, ../../../scss/dev/blog/07-main.scss */
  .blog-post__text h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 47, ../../../scss/dev/blog/07-main.scss */
  .blog-post__text h2 {
    margin-bottom: 5px;
  }
}
/* line 54, ../../../scss/dev/blog/07-main.scss */
.blog-post__text h2:last-child {
  margin-bottom: 0;
}
/* line 57, ../../../scss/dev/blog/07-main.scss */
.blog-post__text h2 a {
  color: #333333;
  display: block;
}
/* line 60, ../../../scss/dev/blog/07-main.scss */
.blog-post__text h2 a:hover {
  color: #d10303;
}

/* line 67, ../../../scss/dev/blog/07-main.scss */
.blog-post__img {
  width: 100%;
  -ms-flex: 1;
      flex: 1;
  background: #e1e1e1;
}

/* line 73, ../../../scss/dev/blog/07-main.scss */
.blog-post__inner {
  display: block;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  max-width: 100%;
}
/* line 115, ../../../scss/dev/blog/_mixins.scss */
body.ie9 .blog-post__inner {
  *zoom: 1;
}
/* line 38, ../../../../../../../../../../var/lib/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
body.ie9 .blog-post__inner:after {
  content: "";
  display: table;
  clear: both;
}

/* line 81, ../../../scss/dev/blog/07-main.scss */
.blog-post__date {
  color: #ffffff;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.35;
  font-family: "museoslab";
  display: block;
  padding-right: 5px;
  font-weight: 100;
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 81, ../../../scss/dev/blog/07-main.scss */
  .blog-post__date {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  /* line 81, ../../../scss/dev/blog/07-main.scss */
  .blog-post__date {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

/* line 90, ../../../scss/dev/blog/07-main.scss */
.blog-post__tags {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  font-family: "museoslab";
  color: #d10303;
}
/* line 94, ../../../scss/dev/blog/07-main.scss */
.blog-post__tags a {
  text-decoration: none;
}
/* line 96, ../../../scss/dev/blog/07-main.scss */
.blog-post__tags a:after {
  content: ' \2022 ';
}
/* line 100, ../../../scss/dev/blog/07-main.scss */
.blog-post__tags a:last-child:after {
  display: none;
}
/* line 104, ../../../scss/dev/blog/07-main.scss */
.blog-post__tags a:hover {
  color: #ffffff;
}
/* line 106, ../../../scss/dev/blog/07-main.scss */
.blog-post__tags a:hover span {
  text-decoration: underline;
}

/* line 113, ../../../scss/dev/blog/07-main.scss */
.blog-post__event-date {
  position: absolute;
  top: 25px;
  right: 25px;
  z-index: 1;
  width: 100px;
  height: 100px;
  background: #d10303;
  padding: 5px 10px 0;
  color: #ffffff;
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 113, ../../../scss/dev/blog/07-main.scss */
  .blog-post__event-date {
    top: 10px;
    right: 10px;
    width: 80px;
    height: 80px;
  }
}
/* line 129, ../../../scss/dev/blog/07-main.scss */
.blog-post__event-date span {
  display: block;
}
/* line 132, ../../../scss/dev/blog/07-main.scss */
.blog-post__event-date .name {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.35;
  text-transform: uppercase;
}
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 132, ../../../scss/dev/blog/07-main.scss */
  .blog-post__event-date .name {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 132, ../../../scss/dev/blog/07-main.scss */
  .blog-post__event-date .name {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

/* line 138, ../../../scss/dev/blog/07-main.scss */
ol.blog-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px;
}
/* line 115, ../../../scss/dev/blog/_mixins.scss */
body.ie9 ol.blog-list {
  *zoom: 1;
}
/* line 38, ../../../../../../../../../../var/lib/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
body.ie9 ol.blog-list:after {
  content: "";
  display: table;
  clear: both;
}
/* line 143, ../../../scss/dev/blog/07-main.scss */
ol.blog-list li {
  padding: 0 10px;
  margin-bottom: 20px;
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 143, ../../../scss/dev/blog/07-main.scss */
  ol.blog-list li {
    padding: 0 5px;
    margin-bottom: 10px;
  }
}

/* line 153, ../../../scss/dev/blog/07-main.scss */
.item--large {
  width: 100%;
  height: 400px;
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 153, ../../../scss/dev/blog/07-main.scss */
  .item--large {
    height: 350px;
  }
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 153, ../../../scss/dev/blog/07-main.scss */
  .item--large {
    height: 270px;
  }
}

/* line 164, ../../../scss/dev/blog/07-main.scss */
.item--medium {
  width: 50%;
  height: 290px;
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 164, ../../../scss/dev/blog/07-main.scss */
  .item--medium {
    height: 270px;
  }
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 164, ../../../scss/dev/blog/07-main.scss */
  .item--medium {
    height: 200px;
  }
}
/* line 174, ../../../scss/dev/blog/07-main.scss */
.ie10 .item--medium .blog-post__text {
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

/* line 181, ../../../scss/dev/blog/07-main.scss */
.item--small {
  width: 33.33333%;
  height: 290px;
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 181, ../../../scss/dev/blog/07-main.scss */
  .item--small {
    height: auto;
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 188, ../../../scss/dev/blog/07-main.scss */
  .item--small .blog-post__img {
    width: 160px;
    height: auto;
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
  }
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 188, ../../../scss/dev/blog/07-main.scss */
  .item--small .blog-post__img {
    width: 120px;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 198, ../../../scss/dev/blog/07-main.scss */
  .item--small .blog-post__inner {
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: 100px;
  }
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 198, ../../../scss/dev/blog/07-main.scss */
  .item--small .blog-post__inner {
    min-height: 90px;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 207, ../../../scss/dev/blog/07-main.scss */
  .item--small .blog-post__text {
    background: none;
    border-top: 1px solid #ddd;
  }
}
/* line 212, ../../../scss/dev/blog/07-main.scss */
.ie10 .item--small .blog-post__text {
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 216, ../../../scss/dev/blog/07-main.scss */
  .item--small .blog-post__text h2 {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 1.35;
    color: #333333;
  }
}
@media (min-width: 0px) and (max-width: 767px) and (min-width: 0px) and (max-width: 1023px) {
  /* line 216, ../../../scss/dev/blog/07-main.scss */
  .item--small .blog-post__text h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media (min-width: 0px) and (max-width: 767px) and (min-width: 0px) and (max-width: 500px) {
  /* line 216, ../../../scss/dev/blog/07-main.scss */
  .item--small .blog-post__text h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

@media (min-width: 0px) and (max-width: 767px) {
  /* line 223, ../../../scss/dev/blog/07-main.scss */
  .item--small .blog-post {
    height: auto;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 230, ../../../scss/dev/blog/07-main.scss */
  .item--small a:hover .blog-post__text {
    background: none;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 234, ../../../scss/dev/blog/07-main.scss */
  .item--small a:hover .blog-post__text h2 {
    color: #d10303;
  }
}

/* line 244, ../../../scss/dev/blog/07-main.scss */
.item--typography {
  width: 50%;
  height: auto;
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 244, ../../../scss/dev/blog/07-main.scss */
  .item--typography {
    width: 100%;
  }
}
/* line 250, ../../../scss/dev/blog/07-main.scss */
.item--typography .blog-post__text {
  background: none;
  padding: 20px 0 30px;
  padding: 20px 20px;
  border: 1px solid #ddd;
  -ms-flex: 1;
      flex: 1;
}
/* line 256, ../../../scss/dev/blog/07-main.scss */
.item--typography .blog-post__text h2 {
  color: #333333;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.35;
}
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 256, ../../../scss/dev/blog/07-main.scss */
  .item--typography .blog-post__text h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 256, ../../../scss/dev/blog/07-main.scss */
  .item--typography .blog-post__text h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 260, ../../../scss/dev/blog/07-main.scss */
  .item--typography .blog-post__text p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
  }
}

/* line 268, ../../../scss/dev/blog/07-main.scss */
.blog-post--featured {
  height: 540px;
  position: relative;
  margin: 0 0 30px;
}
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 268, ../../../scss/dev/blog/07-main.scss */
  .blog-post--featured {
    height: 450px;
  }
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 268, ../../../scss/dev/blog/07-main.scss */
  .blog-post--featured {
    height: 350px;
  }
}
/* line 278, ../../../scss/dev/blog/07-main.scss */
.blog-post--featured .blog-post__tags {
  margin-top: 10px;
}
/* line 280, ../../../scss/dev/blog/07-main.scss */
.blog-post--featured .blog-post__tags a {
  transition: color 0.15s ease-in-out;
  color: #d10303;
}
/* line 285, ../../../scss/dev/blog/07-main.scss */
.blog-post--featured .blog-post__img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
/* line 292, ../../../scss/dev/blog/07-main.scss */
.blog-post--featured .blog-post__text {
  width: 100%;
  max-width: 430px;
  position: absolute;
  bottom: 50px;
  left: 80px;
  z-index: 1;
}
@media (min-width: 0px) and (max-width: 1124px) {
  /* line 292, ../../../scss/dev/blog/07-main.scss */
  .blog-post--featured .blog-post__text {
    left: calc(((100% - 1024px) / 2) + 30px);
  }
}
@media (min-width: 0px) and (max-width: 1024px) {
  /* line 292, ../../../scss/dev/blog/07-main.scss */
  .blog-post--featured .blog-post__text {
    width: calc(100% - (2 * 30px));
    left: 0;
    right: 0;
    margin: 0 30px;
  }
}
@media (min-width: 0px) and (max-width: 800px) {
  /* line 292, ../../../scss/dev/blog/07-main.scss */
  .blog-post--featured .blog-post__text {
    width: calc(100% - (2 * 30px));
    margin: 0 30px;
    bottom: 30px;
  }
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 292, ../../../scss/dev/blog/07-main.scss */
  .blog-post--featured .blog-post__text {
    width: calc(100% - (2 * 20px));
    margin: 0 20px;
    bottom: 20px;
  }
}
/* line 318, ../../../scss/dev/blog/07-main.scss */
.blog-post--featured .blog-post__text:hover {
  background: #d10303;
}
/* line 320, ../../../scss/dev/blog/07-main.scss */
.blog-post--featured .blog-post__text:hover .blog-post__tags {
  color: #ffffff;
}
/* line 322, ../../../scss/dev/blog/07-main.scss */
.blog-post--featured .blog-post__text:hover .blog-post__tags a {
  color: #ffffff;
}
/* line 328, ../../../scss/dev/blog/07-main.scss */
.blog-post--featured .blog-post__text h2 {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.35;
  display: inline;
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 328, ../../../scss/dev/blog/07-main.scss */
  .blog-post--featured .blog-post__text h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 328, ../../../scss/dev/blog/07-main.scss */
  .blog-post--featured .blog-post__text h2 {
    display: block;
  }
}
/* line 336, ../../../scss/dev/blog/07-main.scss */
.blog-post--featured .blog-post__inner {
  display: block;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: relative;
}
/* line 344, ../../../scss/dev/blog/07-main.scss */
.blog-post--featured .blog-post__inner:after {
  content: '';
  z-index: -1;
  display: block;
  width: 70%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjc1Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0) 50%);
}
/* line 356, ../../../scss/dev/blog/07-main.scss */
.blog-post--featured .blog-post__inner:hover ~ .blog-post__text {
  background: #d10303;
}
/* line 358, ../../../scss/dev/blog/07-main.scss */
.blog-post--featured .blog-post__inner:hover ~ .blog-post__text .blog-post__tags {
  color: #ffffff;
}
/* line 360, ../../../scss/dev/blog/07-main.scss */
.blog-post--featured .blog-post__inner:hover ~ .blog-post__text .blog-post__tags a {
  color: #ffffff;
}

/*------------------------------------*\
:    Main - Home
\*------------------------------------*/
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 376, ../../../scss/dev/blog/07-main.scss */
  body.page-template-page_blog .column--small {
    padding-left: 0;
  }
}
/* line 381, ../../../scss/dev/blog/07-main.scss */
body.page-template-page_blog .column--large {
  padding-right: 0;
  max-width: none;
}
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 381, ../../../scss/dev/blog/07-main.scss */
  body.page-template-page_blog .column--large {
    padding-left: 0;
  }
}
/* line 388, ../../../scss/dev/blog/07-main.scss */
body.page-template-page_blog .column--large h3 {
  margin-bottom: 10px;
}

/*------------------------------------*\
:    Main - Tag Detail
\*------------------------------------*/
/* line 398, ../../../scss/dev/blog/07-main.scss */
header.page-header {
  background: #e1e1e1;
  padding: 30px 30px;
  margin: 0 0 30px;
  line-height: 1.6;
}
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 398, ../../../scss/dev/blog/07-main.scss */
  header.page-header {
    padding: 30px 0;
  }
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 398, ../../../scss/dev/blog/07-main.scss */
  header.page-header {
    padding: 20px 0;
  }
}
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 409, ../../../scss/dev/blog/07-main.scss */
  header.page-header .column--small {
    margin: 0;
  }
}
/* line 414, ../../../scss/dev/blog/07-main.scss */
header.page-header h1 {
  margin: 0 0 30px;
  font-size: 40px;
  font-size: 4rem;
  font-weight: 200;
  line-height: 1.35;
  padding: 0;
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 414, ../../../scss/dev/blog/07-main.scss */
  header.page-header h1 {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 414, ../../../scss/dev/blog/07-main.scss */
  header.page-header h1 {
    margin: 0 0 20px;
    border-bottom: 1px solid #666666;
    padding-bottom: 10px;
  }
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 414, ../../../scss/dev/blog/07-main.scss */
  header.page-header h1 {
    margin: 0 0 15px;
  }
}
/* line 425, ../../../scss/dev/blog/07-main.scss */
header.page-header h1:last-child {
  margin: 0;
}
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 425, ../../../scss/dev/blog/07-main.scss */
  header.page-header h1:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }
}
/* line 436, ../../../scss/dev/blog/07-main.scss */
header.page-header .column--large {
  margin: 0;
  padding: 0;
}
/* line 438, ../../../scss/dev/blog/07-main.scss */
header.page-header .column--large .row h2, header.page-header .column--large .row h3 {
  font-size: 3rem;
  line-height: 1.25;
  margin-bottom: 8px;
  color: #d10303;
  margin-top: 30px;
}
/* line 444, ../../../scss/dev/blog/07-main.scss */
header.page-header .column--large .row h2:first-child, header.page-header .column--large .row h3:first-child {
  margin-top: 0px;
}
/* line 448, ../../../scss/dev/blog/07-main.scss */
header.page-header .column--large .row p {
  margin-bottom: 20px;
}
/* line 451, ../../../scss/dev/blog/07-main.scss */
header.page-header .column--large .row img {
  margin: 10px 0 20px 0;
}
/* line 454, ../../../scss/dev/blog/07-main.scss */
header.page-header .column--large .row iframe {
  display: block;
  /*margin: 25px 0 10px 0;*/
}

/* line 465, ../../../scss/dev/blog/07-main.scss */
header.page-header--blog-post-detail {
  background: #333333;
  color: #ffffff;
  padding-left: 0;
  padding-right: 0;
}
/* line 470, ../../../scss/dev/blog/07-main.scss */
header.page-header--blog-post-detail h1 {
  color: #ffffff;
}
/* line 472, ../../../scss/dev/blog/07-main.scss */
header.page-header--blog-post-detail h1:last-child {
  margin: 0 0 30px;
}
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 472, ../../../scss/dev/blog/07-main.scss */
  header.page-header--blog-post-detail h1:last-child {
    margin: 0 0 20px;
  }
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 472, ../../../scss/dev/blog/07-main.scss */
  header.page-header--blog-post-detail h1:last-child {
    margin: 0 0 15px;
  }
}
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 482, ../../../scss/dev/blog/07-main.scss */
  header.page-header--blog-post-detail .column--small {
    margin-bottom: 0;
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 488, ../../../scss/dev/blog/07-main.scss */
  header.page-header--blog-post-detail .row--semi {
    margin-right: 0px;
  }
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 488, ../../../scss/dev/blog/07-main.scss */
  header.page-header--blog-post-detail .row--semi {
    margin-right: -20px;
  }
}
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 498, ../../../scss/dev/blog/07-main.scss */
  header.page-header--blog-post-detail .column-container:last-child .column--small {
    -ms-flex-order: 2;
        order: 2;
  }
}
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 503, ../../../scss/dev/blog/07-main.scss */
  header.page-header--blog-post-detail .column-container:last-child .column--large {
    -ms-flex-order: 1;
        order: 1;
  }
}

/* line 513, ../../../scss/dev/blog/07-main.scss */
.complementary-person-container .person__header {
  color: #d10303;
  bottom: 30px;
  padding-left: 40px;
}
/* line 517, ../../../scss/dev/blog/07-main.scss */
.complementary-person-container .person__header:after {
  content: ' \00BB';
}
/* line 520, ../../../scss/dev/blog/07-main.scss */
.complementary-person-container .person__header span {
  color: #ffffff;
}

/* line 526, ../../../scss/dev/blog/07-main.scss */
.complementary-person__inner {
  display: block;
  padding: 40px;
  text-decoration: none;
  position: relative;
  height: 350px;
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 526, ../../../scss/dev/blog/07-main.scss */
  .complementary-person__inner {
    background-position: center left;
  }
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 526, ../../../scss/dev/blog/07-main.scss */
  .complementary-person__inner {
    height: 250px;
  }
}
/* line 538, ../../../scss/dev/blog/07-main.scss */
.complementary-person__inner:hover {
  text-decoration: none;
}

/* line 543, ../../../scss/dev/blog/07-main.scss */
.complementary-person__quote {
  font-family: "brushedregular";
  color: #ffffff;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.35;
  position: absolute;
  bottom: 20px;
}
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 543, ../../../scss/dev/blog/07-main.scss */
  .complementary-person__quote {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 543, ../../../scss/dev/blog/07-main.scss */
  .complementary-person__quote {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 543, ../../../scss/dev/blog/07-main.scss */
  .complementary-person__quote {
    left: 25px;
  }
}

/*------------------------------------*\
:    Main - Blog Post Detail
\*------------------------------------*/
/* line 561, ../../../scss/dev/blog/07-main.scss */
.blog-post-detail__img {
  margin-bottom: 20px;
}
@media (min-width: 0px) and (max-width: 1024px) {
  /* line 561, ../../../scss/dev/blog/07-main.scss */
  .blog-post-detail__img {
    margin-right: 0;
  }
}

/* line 570, ../../../scss/dev/blog/07-main.scss */
.fancybox-thumbs {
  margin-right: 5px;
}

/* line 577, ../../../scss/dev/blog/07-main.scss */
.blog-post-detail__intro p:first-child {
  font-size: 18px;
  font-size: 1.8rem;
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 577, ../../../scss/dev/blog/07-main.scss */
  .blog-post-detail__intro p:first-child {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

/* line 586, ../../../scss/dev/blog/07-main.scss */
.blog-post-detail__date {
  display: block;
  margin-top: 10px;
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 586, ../../../scss/dev/blog/07-main.scss */
  .blog-post-detail__date {
    margin-top: 0;
  }
}

/* line 595, ../../../scss/dev/blog/07-main.scss */
.blog-post-detail__meta .tags {
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  margin-top: 5px;
}
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 595, ../../../scss/dev/blog/07-main.scss */
  .blog-post-detail__meta .tags {
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
  }
}

/* line 604, ../../../scss/dev/blog/07-main.scss */
.blog-post-detail__partners {
  border-top: 1px solid #666666;
  color: #ffffff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 15px 0;
}
/* line 115, ../../../scss/dev/blog/_mixins.scss */
body.ie9 .blog-post-detail__partners {
  *zoom: 1;
}
/* line 38, ../../../../../../../../../../var/lib/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
body.ie9 .blog-post-detail__partners:after {
  content: "";
  display: table;
  clear: both;
}
/* line 611, ../../../scss/dev/blog/07-main.scss */
.blog-post-detail__partners a {
  color: #ffffff;
  display: inline;
}
/* line 614, ../../../scss/dev/blog/07-main.scss */
.blog-post-detail__partners a:after {
  content: '\2022';
  padding: 0 5px;
  color: #d10303;
}
/* line 620, ../../../scss/dev/blog/07-main.scss */
.blog-post-detail__partners a:last-child:after {
  display: none;
}
/* line 624, ../../../scss/dev/blog/07-main.scss */
.blog-post-detail__partners a:hover {
  color: #d10303;
  text-decoration: none;
}

/* line 632, ../../../scss/dev/blog/07-main.scss */
span.blog-post-detail__partner {
  display: block;
  padding: 15px 0;
  border-top: 1px solid #666666;
}

/* line 638, ../../../scss/dev/blog/07-main.scss */
.partner__meta {
  margin: 0 -5px;
  margin-top: 20px;
}
/* line 641, ../../../scss/dev/blog/07-main.scss */
.partner__meta a {
  padding: 0 5px;
}

/* line 646, ../../../scss/dev/blog/07-main.scss */
.sharebar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  line-height: 35px;
  margin-bottom: 10px;
}
/* line 115, ../../../scss/dev/blog/_mixins.scss */
body.ie9 .sharebar {
  *zoom: 1;
}
/* line 38, ../../../../../../../../../../var/lib/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
body.ie9 .sharebar:after {
  content: "";
  display: table;
  clear: both;
}
/* line 652, ../../../scss/dev/blog/07-main.scss */
.sharebar:last-child {
  margin-bottom: 0;
}

/* line 657, ../../../scss/dev/blog/07-main.scss */
.sharebar__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: no-wrap;
  flex-wrap: no-wrap;
  font-size: 20px;
  font-size: 2rem;
  border-top: 1px solid #666666;
  padding-top: 20px;
  width: 100%;
}
/* line 115, ../../../scss/dev/blog/_mixins.scss */
body.ie9 .sharebar__list {
  *zoom: 1;
}
/* line 38, ../../../../../../../../../../var/lib/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
body.ie9 .sharebar__list:after {
  content: "";
  display: table;
  clear: both;
}
/* line 665, ../../../scss/dev/blog/07-main.scss */
.sharebar__list a {
  width: 35px;
  height: 35px;
  margin-right: 10px;
  background: #ffffff;
  border-radius: 100%;
  display: block;
  text-align: center;
  color: #d10303;
}
/* line 674, ../../../scss/dev/blog/07-main.scss */
.sharebar__list a:hover {
  background: #d10303;
  color: #ffffff;
}

/* line 681, ../../../scss/dev/blog/07-main.scss */
.partner-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -20px;
}
/* line 115, ../../../scss/dev/blog/_mixins.scss */
body.ie9 .partner-list {
  *zoom: 1;
}
/* line 38, ../../../../../../../../../../var/lib/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
body.ie9 .partner-list:after {
  content: "";
  display: table;
  clear: both;
}
/* line 687, ../../../scss/dev/blog/07-main.scss */
.partner-list li {
  width: 25%;
  max-width: 25%;
  padding: 0 20px;
  margin-bottom: 20px;
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 687, ../../../scss/dev/blog/07-main.scss */
  .partner-list li {
    width: 33.33333%;
    max-width: 33.33333%;
  }
}

/*------------------------------------*\
:    Main - Ontmoet Overview
\*------------------------------------*/
/* line 704, ../../../scss/dev/blog/07-main.scss */
body.page-template-page_mensen {
  background: #000000;
}
/* line 706, ../../../scss/dev/blog/07-main.scss */
body.page-template-page_mensen main {
  background: #000000;
}
/* line 710, ../../../scss/dev/blog/07-main.scss */
body.page-template-page_mensen .site-wrapper:after {
  content: '';
  width: 100%;
  height: 400px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #000000;
  z-index: -1;
}
@keyframes personhint {
  0% {
    -ms-transform: translateY(-50%) scale(2, 2) translateX(100%);
    transform: translateY(-50%) scale(2, 2) translateX(100%);
    opacity: 0;
    z-index: 2;
  }
  25% {
    -ms-transform: translateY(-50%) scale(1, 1) translateX(0);
    transform: translateY(-50%) scale(1, 1) translateX(0);
    opacity: 1;
  }
  75% {
    -ms-transform: translateY(-50%) scale(1, 1) translateX(0);
    transform: translateY(-50%) scale(1, 1) translateX(0);
    opacity: 1;
  }
  99% {
    opacity: 0;
    z-index: 2;
    -ms-transform: translateY(-50%) scale(1, 1) translateX(100%);
    transform: translateY(-50%) scale(1, 1) translateX(100%);
  }
  100% {
    -ms-transform: translateY(-50%) scale(1, 1) translateX(100%);
    transform: translateY(-50%) scale(1, 1) translateX(100%);
    opacity: 0;
    z-index: -1;
  }
}
/* line 750, ../../../scss/dev/blog/07-main.scss */
.person-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: no-wrap;
  flex-wrap: no-wrap;
  position: relative;
  margin: 0 -20px;
}
/* line 115, ../../../scss/dev/blog/_mixins.scss */
body.ie9 .person-list {
  *zoom: 1;
}
/* line 38, ../../../../../../../../../../var/lib/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
body.ie9 .person-list:after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 750, ../../../scss/dev/blog/07-main.scss */
  .person-list {
    margin: 0;
  }
}
/* line 759, ../../../scss/dev/blog/07-main.scss */
.person-list:after {
  opacity: 0;
  z-index: 1;
  font-family: 'icomoon';
  content: '\e906';
  font-size: 24px;
  font-size: 2.4rem;
  color: #ffffff;
  display: block;
  width: 50px;
  height: 50px;
  text-align: center;
  padding: 8px 0;
  position: absolute;
  top: 50px;
  -ms-transform: translateY(-50%) translateX(100%);
  transform: translateY(-50%) translateX(100%);
  right: 20px;
}
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 777, ../../../scss/dev/blog/07-main.scss */
  .person-list.is-seen:after {
    animation: personhint 3s ease-in-out forwards;
  }
}
/* line 783, ../../../scss/dev/blog/07-main.scss */
.person-list li {
  width: 128px;
  padding: 0 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media (min-width: 0px) and (max-width: 1023px) {
  /* line 790, ../../../scss/dev/blog/07-main.scss */
  .person-list-x-scroll-container {
    margin: 0 -30px;
    overflow-y: hidden;
    position: relative;
    -webkit-overflow-scrolling: touch;
    height: 100%;
  }
}
@media (min-width: 0px) and (max-width: 800px) {
  /* line 790, ../../../scss/dev/blog/07-main.scss */
  .person-list-x-scroll-container {
    margin: 0 -30px;
  }
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 790, ../../../scss/dev/blog/07-main.scss */
  .person-list-x-scroll-container {
    margin: 0 -20px;
  }
}
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 806, ../../../scss/dev/blog/07-main.scss */
  .person-list-x-scroll-container .person-list li:first-child {
    margin-left: 10px;
  }
}
@media (min-width: 0px) and (max-width: 800px) {
  /* line 806, ../../../scss/dev/blog/07-main.scss */
  .person-list-x-scroll-container .person-list li:first-child {
    margin-left: 10px;
  }
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 806, ../../../scss/dev/blog/07-main.scss */
  .person-list-x-scroll-container .person-list li:first-child {
    margin-left: 0px;
  }
}

/* line 821, ../../../scss/dev/blog/07-main.scss */
.person {
  opacity: 1;
}
/* line 824, ../../../scss/dev/blog/07-main.scss */
.person:hover .person__img {
  opacity: 1;
}
/* line 828, ../../../scss/dev/blog/07-main.scss */
.person:hover .person__inner h3 {
  color: #d10303;
}
/* line 833, ../../../scss/dev/blog/07-main.scss */
.person.is-active {
  opacity: 0.5 !important;
  pointer-events: none;
}
/* line 837, ../../../scss/dev/blog/07-main.scss */
.person a {
  text-decoration: none;
}

/* line 842, ../../../scss/dev/blog/07-main.scss */
.person__inner {
  display: block;
  height: 100%;
  color: #ffffff;
  text-align: center;
}
/* line 847, ../../../scss/dev/blog/07-main.scss */
.person__inner h2 {
  display: none;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.35;
  color: #ffffff;
  margin-bottom: 0;
  font-family: "dk_momotaroregular";
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: color 0.15s ease-in-out;
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 847, ../../../scss/dev/blog/07-main.scss */
  .person__inner h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  /* line 847, ../../../scss/dev/blog/07-main.scss */
  .person__inner h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
/* line 858, ../../../scss/dev/blog/07-main.scss */
.person__inner h3 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #ffffff;
  font-family: "museoslab";
  line-height: 1.5;
  margin: 0 -10px;
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 858, ../../../scss/dev/blog/07-main.scss */
  .person__inner h3 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}

/* line 867, ../../../scss/dev/blog/07-main.scss */
.person__img {
  margin-bottom: 5px;
  opacity: 0.8;
  transition: opacity 0.15s ease-in-out;
}

/* line 873, ../../../scss/dev/blog/07-main.scss */
.person__header {
  color: #ffffff;
  position: absolute;
  z-index: 2;
  bottom: 50px;
  left: 0;
  text-align: left;
  width: 100%;
  padding: 0;
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 873, ../../../scss/dev/blog/07-main.scss */
  .person__header {
    bottom: 30px;
    padding: 0;
  }
}
/* line 886, ../../../scss/dev/blog/07-main.scss */
.person__header h1 {
  color: #ffffff;
  margin-bottom: 30px;
  display: inline;
  padding-right: 10px;
  font-weight: 200;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.35;
  font-family: "museoslab";
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 886, ../../../scss/dev/blog/07-main.scss */
  .person__header h1 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 886, ../../../scss/dev/blog/07-main.scss */
  .person__header h1 {
    padding-right: 5px;
    display: block;
    margin-bottom: 0 !important;
  }
}
/* line 900, ../../../scss/dev/blog/07-main.scss */
.person__header h2 {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.35;
  display: inline;
  color: #d10303;
  margin-top: 30px;
  text-align: center;
  z-index: 2;
  left: 0;
  right: 0;
  margin: auto;
  font-family: "museoslab";
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 900, ../../../scss/dev/blog/07-main.scss */
  .person__header h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
/* line 911, ../../../scss/dev/blog/07-main.scss */
.person__header h2:after {
  content: ' \00BB';
  font-family: "museoslab";
  color: #ffffff;
}

/* line 919, ../../../scss/dev/blog/07-main.scss */
.person--featured {
  height: 600px;
  position: relative;
  margin-bottom: 30px;
  opacity: 1;
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 919, ../../../scss/dev/blog/07-main.scss */
  .person--featured {
    height: 300px;
    margin-bottom: 10px;
  }
}
/* line 928, ../../../scss/dev/blog/07-main.scss */
.person--featured .person__img {
  position: relative;
  z-index: 1;
}
/* line 932, ../../../scss/dev/blog/07-main.scss */
.person--featured .person__text {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 90px;
  width: 100%;
  height: 100%;
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 932, ../../../scss/dev/blog/07-main.scss */
  .person--featured .person__text {
    padding-top: 30px;
  }
}
/* line 943, ../../../scss/dev/blog/07-main.scss */
.person--featured .person__inner {
  text-align: left;
}
@media (min-width: 0px) and (max-width: 1024px) {
  /* line 943, ../../../scss/dev/blog/07-main.scss */
  .person--featured .person__inner {
    margin: 0 -30px;
  }
}
@media (min-width: 0px) and (max-width: 800px) {
  /* line 943, ../../../scss/dev/blog/07-main.scss */
  .person--featured .person__inner {
    margin: 0 -30px;
  }
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 943, ../../../scss/dev/blog/07-main.scss */
  .person--featured .person__inner {
    margin: 0 -20px;
  }
}

/* line 957, ../../../scss/dev/blog/07-main.scss */
.person__quote {
  color: #ffffff;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* line 964, ../../../scss/dev/blog/07-main.scss */
.person__quote span {
  font-family: "brushedregular";
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.3;
  letter-spacing: 0.03em;
  max-width: 700px;
  display: block;
  opacity: 0;
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 964, ../../../scss/dev/blog/07-main.scss */
  .person__quote span {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 964, ../../../scss/dev/blog/07-main.scss */
  .person__quote span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
}
/* line 976, ../../../scss/dev/blog/07-main.scss */
main.loaded .person__quote span {
  animation: fadeIn 0.5s ease-in-out forwards;
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 976, ../../../scss/dev/blog/07-main.scss */
  main.loaded .person__quote span {
    animation: fadeInOut 3s ease-in-out forwards;
  }
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 981, ../../../scss/dev/blog/07-main.scss */
  main.loaded .person__quote span:last-child {
    animation: fadeInOut 3s ease-in-out forwards;
  }
}
/* line 986, ../../../scss/dev/blog/07-main.scss */
main.loaded .person__quote span:nth-child(2) {
  animation-delay: 1s;
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 986, ../../../scss/dev/blog/07-main.scss */
  main.loaded .person__quote span:nth-child(2) {
    animation-delay: 3s;
  }
}
/* line 992, ../../../scss/dev/blog/07-main.scss */
main.loaded .person__quote span:nth-child(3) {
  animation-delay: 2s;
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 992, ../../../scss/dev/blog/07-main.scss */
  main.loaded .person__quote span:nth-child(3) {
    animation-delay: 6s;
  }
}
/* line 998, ../../../scss/dev/blog/07-main.scss */
main.loaded .person__quote span:nth-child(4) {
  animation-delay: 3s;
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 998, ../../../scss/dev/blog/07-main.scss */
  main.loaded .person__quote span:nth-child(4) {
    animation-delay: 9s;
  }
}
/* line 1004, ../../../scss/dev/blog/07-main.scss */
main.loaded .person__quote span:nth-child(5) {
  animation-delay: 4s;
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 1004, ../../../scss/dev/blog/07-main.scss */
  main.loaded .person__quote span:nth-child(5) {
    animation-delay: 12s;
  }
}
/* line 1010, ../../../scss/dev/blog/07-main.scss */
main.loaded .person__quote span:nth-child(6) {
  animation-delay: 5s;
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 1010, ../../../scss/dev/blog/07-main.scss */
  main.loaded .person__quote span:nth-child(6) {
    animation-delay: 15s;
  }
}
/* line 1016, ../../../scss/dev/blog/07-main.scss */
main.loaded .person__quote span:nth-child(7) {
  animation-delay: 6s;
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 1016, ../../../scss/dev/blog/07-main.scss */
  main.loaded .person__quote span:nth-child(7) {
    animation-delay: 18s;
  }
}
/* line 1022, ../../../scss/dev/blog/07-main.scss */
main.loaded .person__quote span:nth-child(8) {
  animation-delay: 7s;
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 1022, ../../../scss/dev/blog/07-main.scss */
  main.loaded .person__quote span:nth-child(8) {
    animation-delay: 21s;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*------------------------------------*\
:    Main - Ontmoet Detail
\*------------------------------------*/
/* line 1061, ../../../scss/dev/blog/07-main.scss */
header.page-header--person-detail {
  background: #000000;
  padding: 0;
}
/* line 1064, ../../../scss/dev/blog/07-main.scss */
header.page-header--person-detail:after {
  content: '';
  width: 100%;
  height: 400px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #000000;
  z-index: -1;
}
@media (min-width: 0px) and (max-width: 800px) {
  /* line 1064, ../../../scss/dev/blog/07-main.scss */
  header.page-header--person-detail:after {
    height: 300px;
  }
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 1064, ../../../scss/dev/blog/07-main.scss */
  header.page-header--person-detail:after {
    height: 200px;
  }
}
@media (min-width: 0px) and (max-width: 800px) {
  /* line 1081, ../../../scss/dev/blog/07-main.scss */
  header.page-header--person-detail .content-container {
    padding: 0;
  }
}
/* line 1086, ../../../scss/dev/blog/07-main.scss */
header.page-header--person-detail .video-container {
  background-position: top center;
}
@media (min-width: 0px) and (max-width: 700px) {
  /* line 1086, ../../../scss/dev/blog/07-main.scss */
  header.page-header--person-detail .video-container {
    background-position: top left;
  }
}

/* line 1094, ../../../scss/dev/blog/07-main.scss */
.person-detail__video-playlist {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: no-wrap;
  flex-wrap: no-wrap;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.35;
  font-family: "museoslab";
  position: relative;
  z-index: 2;
  height: 125px;
  margin: 0 -20px;
}
/* line 115, ../../../scss/dev/blog/_mixins.scss */
body.ie9 .person-detail__video-playlist {
  *zoom: 1;
}
/* line 38, ../../../../../../../../../../var/lib/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
body.ie9 .person-detail__video-playlist:after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 1094, ../../../scss/dev/blog/07-main.scss */
  .person-detail__video-playlist {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  /* line 1094, ../../../scss/dev/blog/07-main.scss */
  .person-detail__video-playlist {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 1094, ../../../scss/dev/blog/07-main.scss */
  .person-detail__video-playlist {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 1094, ../../../scss/dev/blog/07-main.scss */
  .person-detail__video-playlist {
    height: 100px;
  }
}
/* line 1111, ../../../scss/dev/blog/07-main.scss */
.person-detail__video-playlist:after {
  opacity: 0;
  z-index: 10;
  font-family: 'icomoon';
  content: '\e906';
  font-size: 24px;
  font-size: 2.4rem;
  color: #ffffff;
  display: block;
  width: 50px;
  height: 50px;
  text-align: center;
  padding: 8px 0;
  position: absolute;
  top: 50px;
  -ms-transform: translateY(-50%) translateX(100%);
  transform: translateY(-50%) translateX(100%);
  right: 20px;
}
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 1129, ../../../scss/dev/blog/07-main.scss */
  .person-detail__video-playlist.is-seen:after {
    animation: personhint 3s ease-in-out forwards;
  }
}
/* line 1135, ../../../scss/dev/blog/07-main.scss */
.person-detail__video-playlist li {
  background: rgba(0, 0, 0, 0.6);
  width: 25%;
  padding: 0 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 1135, ../../../scss/dev/blog/07-main.scss */
  .person-detail__video-playlist li {
    width: 256px;
  }
}
/* line 1144, ../../../scss/dev/blog/07-main.scss */
.person-detail__video-playlist a {
  display: block;
  padding: 30px 30px 30px 0;
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 1144, ../../../scss/dev/blog/07-main.scss */
  .person-detail__video-playlist a {
    padding: 10px 20px 20px 0;
  }
}
/* line 1150, ../../../scss/dev/blog/07-main.scss */
.person-detail__video-playlist a.is-active {
  color: #ffffff;
}

/* line 1156, ../../../scss/dev/blog/07-main.scss */
.person-detail__video-playlist-x-scroll-container {
  margin-top: -125px;
  transition: margin 0.5s ease-in-out;
}
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 1156, ../../../scss/dev/blog/07-main.scss */
  .person-detail__video-playlist-x-scroll-container {
    margin: -125px -30px 0;
    overflow-y: hidden;
    position: relative;
    -webkit-overflow-scrolling: touch;
    height: 100%;
  }
}
@media (min-width: 0px) and (max-width: 800px) {
  /* line 1156, ../../../scss/dev/blog/07-main.scss */
  .person-detail__video-playlist-x-scroll-container {
    margin: 0;
  }
}
/* line 1169, ../../../scss/dev/blog/07-main.scss */
.person-detail__video-playlist-x-scroll-container.video-is-active {
  margin-top: 0;
}
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 1174, ../../../scss/dev/blog/07-main.scss */
  .person-detail__video-playlist-x-scroll-container .person-detail__video-playlist li:first-child {
    margin-left: 10px;
  }
}
@media (min-width: 0px) and (max-width: 800px) {
  /* line 1174, ../../../scss/dev/blog/07-main.scss */
  .person-detail__video-playlist-x-scroll-container .person-detail__video-playlist li:first-child {
    margin-left: 10px;
  }
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 1174, ../../../scss/dev/blog/07-main.scss */
  .person-detail__video-playlist-x-scroll-container .person-detail__video-playlist li:first-child {
    margin-left: 0px;
  }
}

/* line 1189, ../../../scss/dev/blog/07-main.scss */
.person__video {
  padding-bottom: 300px;
  padding-top: 300px;
  margin-bottom: 0;
  margin-top: -50px;
}
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 1189, ../../../scss/dev/blog/07-main.scss */
  .person__video {
    padding-bottom: 275px;
    padding-top: 275px;
  }
}
@media (min-width: 0px) and (max-width: 800px) {
  /* line 1189, ../../../scss/dev/blog/07-main.scss */
  .person__video {
    padding-bottom: 240px;
    padding-top: 240px;
    margin-top: -25px;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 1189, ../../../scss/dev/blog/07-main.scss */
  .person__video {
    padding-bottom: 200px;
    padding-top: 200px;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  /* line 1189, ../../../scss/dev/blog/07-main.scss */
  .person__video {
    padding-bottom: 170px;
    padding-top: 170px;
  }
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 1189, ../../../scss/dev/blog/07-main.scss */
  .person__video {
    padding-bottom: 140px;
    padding-top: 140px;
  }
}
/* line 1215, ../../../scss/dev/blog/07-main.scss */
.person__video.is-active {
  margin-top: 0 !important;
  transition: padding 0.5s ease-in-out, margin 0.5s ease-in-out, background 0.5s ease-in-out;
  background: #000000 !important;
}
/* line 1220, ../../../scss/dev/blog/07-main.scss */
.person__video .video-play {
  background: none !important;
}
/* line 1223, ../../../scss/dev/blog/07-main.scss */
.person__video .video-play__inner {
  margin-top: 190px;
}
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 1223, ../../../scss/dev/blog/07-main.scss */
  .person__video .video-play__inner {
    margin-top: 190px;
  }
}
@media (min-width: 0px) and (max-width: 800px) {
  /* line 1223, ../../../scss/dev/blog/07-main.scss */
  .person__video .video-play__inner {
    margin-top: 160px;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  /* line 1223, ../../../scss/dev/blog/07-main.scss */
  .person__video .video-play__inner {
    margin-top: 110px;
    margin-left: 47.5%;
  }
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 1223, ../../../scss/dev/blog/07-main.scss */
  .person__video .video-play__inner {
    margin-top: 60px;
    margin-left: 50%;
  }
}
/* line 1240, ../../../scss/dev/blog/07-main.scss */
.person__video h1 {
  color: #ffffff;
  font-family: "museoslab";
  position: absolute;
  bottom: 130px;
  left: 0;
  font-size: 24px !important;
  max-width: 50%;
  line-height: 1.1 !important;
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  display: none !important;
}
@media (min-width: 0px) and (max-width: 800px) {
  /* line 1240, ../../../scss/dev/blog/07-main.scss */
  .person__video h1 {
    left: 30px;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 1240, ../../../scss/dev/blog/07-main.scss */
  .person__video h1 {
    left: 20px;
  }
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 1240, ../../../scss/dev/blog/07-main.scss */
  .person__video h1 {
    bottom: 110px;
  }
}

/*------------------------------------*\
:    Main - DIY Overview
\*------------------------------------*/
/* line 1271, ../../../scss/dev/blog/07-main.scss */
body.page-template-page_diy .blog-post-detail__intro {
  margin: 0 0 20px;
}

/* line 1276, ../../../scss/dev/blog/07-main.scss */
header.diy-header {
  padding: 30px 0 20px;
  border-bottom: 1px solid #d10303;
  margin-bottom: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: no-wrap;
  flex-wrap: no-wrap;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
}
/* line 115, ../../../scss/dev/blog/_mixins.scss */
body.ie9 header.diy-header {
  *zoom: 1;
}
/* line 38, ../../../../../../../../../../var/lib/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
body.ie9 header.diy-header:after {
  content: "";
  display: table;
  clear: both;
}
/* line 1285, ../../../scss/dev/blog/07-main.scss */
header.diy-header h2 {
  margin: 0;
}

/* line 1290, ../../../scss/dev/blog/07-main.scss */
.personalities-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px 40px;
}
/* line 115, ../../../scss/dev/blog/_mixins.scss */
body.ie9 .personalities-list {
  *zoom: 1;
}
/* line 38, ../../../../../../../../../../var/lib/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
body.ie9 .personalities-list:after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 0px) and (max-width: 800px) {
  /* line 1290, ../../../scss/dev/blog/07-main.scss */
  .personalities-list {
    margin: 0 -20px 40px;
  }
}
/* line 1298, ../../../scss/dev/blog/07-main.scss */
.personalities-list li {
  width: 20%;
  padding: 0 10px;
}
@media (min-width: 0px) and (max-width: 800px) {
  /* line 1298, ../../../scss/dev/blog/07-main.scss */
  .personalities-list li {
    width: 33.33333%;
    padding: 0 20px;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 1298, ../../../scss/dev/blog/07-main.scss */
  .personalities-list li {
    width: 50%;
  }
}

/* line 1312, ../../../scss/dev/blog/07-main.scss */
.personalities-list--small {
  display: none;
}
/* line 1314, ../../../scss/dev/blog/07-main.scss */
.personalities-list--small li {
  width: 25%;
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 1314, ../../../scss/dev/blog/07-main.scss */
  .personalities-list--small li {
    width: 50%;
  }
}

/* line 1322, ../../../scss/dev/blog/07-main.scss */
.personality {
  text-align: center;
}
/* line 1324, ../../../scss/dev/blog/07-main.scss */
.personality a {
  display: block;
  text-decoration: none;
}
/* line 1328, ../../../scss/dev/blog/07-main.scss */
.personality a:hover h2 {
  color: #000000;
}
/* line 1333, ../../../scss/dev/blog/07-main.scss */
.personality h2 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  font-family: "Open Sans", sans-serif;
  padding: 10px 0;
  margin: 0;
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 1333, ../../../scss/dev/blog/07-main.scss */
  .personality h2 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
/* line 1338, ../../../scss/dev/blog/07-main.scss */
.personality h2 span {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
}

/* line 1345, ../../../scss/dev/blog/07-main.scss */
.personality__continue:hover {
  color: #000000;
}
/* line 1348, ../../../scss/dev/blog/07-main.scss */
.personality__continue span {
  padding-left: 5px;
}

/*------------------------------------*\
:    Main - DIY Detail
\*------------------------------------*/
/* line 1358, ../../../scss/dev/blog/07-main.scss */
.personality__overview {
  color: #ffffff !important;
  text-decoration: none !important;
  font-family: "museoslab";
  text-transform: lowercase;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.35;
  position: relative;
  padding-left: 40px;
  margin: 10px 0 20px;
  display: block;
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 1358, ../../../scss/dev/blog/07-main.scss */
  .personality__overview {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media (min-width: 0px) and (max-width: 700px) {
  /* line 1358, ../../../scss/dev/blog/07-main.scss */
  .personality__overview {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
/* line 1368, ../../../scss/dev/blog/07-main.scss */
.personality__overview:hover {
  color: #d10303 !important;
}
/* line 1371, ../../../scss/dev/blog/07-main.scss */
.personality__overview span {
  padding-right: 5px;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 24px;
  font-size: 2.4rem;
  color: #d10303 !important;
  z-index: 1;
}

/*------------------------------------*\
:   Guestbook 
\*------------------------------------*/
/* line 1387, ../../../scss/dev/blog/07-main.scss */
body.page-template-page_guestbook_slideshow {
  background: #000000;
  color: #ffffff;
}
/* line 1390, ../../../scss/dev/blog/07-main.scss */
body.page-template-page_guestbook_slideshow .main-header,
body.page-template-page_guestbook_slideshow .person-list-wrapper,
body.page-template-page_guestbook_slideshow .supporter-list-wrapper,
body.page-template-page_guestbook_slideshow footer {
  display: none;
}
/* line 1396, ../../../scss/dev/blog/07-main.scss */
body.page-template-page_guestbook_slideshow h1 {
  background: #333333;
  font-family: "dk_momotaroregular";
}
/* line 1400, ../../../scss/dev/blog/07-main.scss */
body.page-template-page_guestbook_slideshow #panel-slider {
  display: none !important;
}
/* line 1403, ../../../scss/dev/blog/07-main.scss */
body.page-template-page_guestbook_slideshow main {
  padding-top: 130px;
}
/* line 1406, ../../../scss/dev/blog/07-main.scss */
body.page-template-page_guestbook_slideshow h3 {
  width: 100%;
  text-align: center;
  position: fixed;
  bottom: 0;
  padding: 30px 150px;
  color: #666;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.45;
}

/* line 1419, ../../../scss/dev/blog/07-main.scss */
body.page-template-page_guestbook {
  background: #333333;
}
/* line 1421, ../../../scss/dev/blog/07-main.scss */
body.page-template-page_guestbook #panel-slider {
  display: none !important;
}
/* line 1424, ../../../scss/dev/blog/07-main.scss */
body.page-template-page_guestbook .diy-header {
  display: none;
}
/* line 1427, ../../../scss/dev/blog/07-main.scss */
body.page-template-page_guestbook .main-footer,
body.page-template-page_guestbook .person-list-wrapper,
body.page-template-page_guestbook .supporter-list-wrapper {
  display: none;
}

/* line 1434, ../../../scss/dev/blog/07-main.scss */
.guestbook-slide {
  font-family: "Open Sans", sans-serif;
  color: #ffffff;
  line-height: 1.5;
  padding: 100px 150px;
}
/* line 1439, ../../../scss/dev/blog/07-main.scss */
.guestbook-slide h2 {
  font-family: "dk_momotaroregular";
  color: #d10303;
  font-size: 72px;
  font-size: 7.2rem;
  margin: 0;
  line-height: 1;
}
/* line 1446, ../../../scss/dev/blog/07-main.scss */
.guestbook-slide blockquote {
  font-size: 36px;
  font-size: 3.6rem;
}

/* line 1452, ../../../scss/dev/blog/07-main.scss */
.guestbook-slide__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: no-wrap;
  flex-wrap: no-wrap;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  margin-bottom: 30px;
}
/* line 115, ../../../scss/dev/blog/_mixins.scss */
body.ie9 .guestbook-slide__header {
  *zoom: 1;
}
/* line 38, ../../../../../../../../../../var/lib/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
body.ie9 .guestbook-slide__header:after {
  content: "";
  display: table;
  clear: both;
}

/* line 1460, ../../../scss/dev/blog/07-main.scss */
.guestbook-slide__date {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.35;
  display: block;
  color: #d10303;
  padding-left: 40px;
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 1460, ../../../scss/dev/blog/07-main.scss */
  .guestbook-slide__date {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 1460, ../../../scss/dev/blog/07-main.scss */
  .guestbook-slide__date {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

/* line 1468, ../../../scss/dev/blog/07-main.scss */
.guestbook-slide__quote {
  font-family: "Open Sans", sans-serif;
  text-align: center;
  max-width: none;
  border-top: 1px solid #333333;
  padding: 50px;
}
/* line 1474, ../../../scss/dev/blog/07-main.scss */
.guestbook-slide__quote p {
  margin: 0 0 40px;
}
/* line 1476, ../../../scss/dev/blog/07-main.scss */
.guestbook-slide__quote p:before {
  content: '\201C';
}
/* line 1479, ../../../scss/dev/blog/07-main.scss */
.guestbook-slide__quote p:after {
  content: '\201D';
}

/* line 1485, ../../../scss/dev/blog/07-main.scss */
.guestbook-slide__link {
  display: block;
  color: #d10303;
  font-size: 46px;
  font-size: 4.6rem;
}

/* line 1491, ../../../scss/dev/blog/07-main.scss */
.guestbook-posts {
  background: #333333;
  max-width: 600px;
  padding: 20px;
  color: #ffffff;
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 1491, ../../../scss/dev/blog/07-main.scss */
  .guestbook-posts {
    margin: 0 -30px;
    padding: 20px 30px;
    max-width: none;
  }
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 1491, ../../../scss/dev/blog/07-main.scss */
  .guestbook-posts {
    padding: 20px;
    margin: 0 -20px;
  }
}
/* line 1505, ../../../scss/dev/blog/07-main.scss */
.guestbook-posts article {
  border-top: 1px solid #616161;
  padding: 20px 0;
  overflow: hidden;
}
/* line 1510, ../../../scss/dev/blog/07-main.scss */
.guestbook-posts header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: no-wrap;
  flex-wrap: no-wrap;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  position: relative;
}
/* line 115, ../../../scss/dev/blog/_mixins.scss */
body.ie9 .guestbook-posts header {
  *zoom: 1;
}
/* line 38, ../../../../../../../../../../var/lib/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
body.ie9 .guestbook-posts header:after {
  content: "";
  display: table;
  clear: both;
}
/* line 1517, ../../../scss/dev/blog/07-main.scss */
.guestbook-posts p {
  margin: 0;
  font-size: 18px;
  font-size: 1.8rem;
}
/* line 1520, ../../../scss/dev/blog/07-main.scss */
.guestbook-posts p:before {
  content: '\201C';
}
/* line 1523, ../../../scss/dev/blog/07-main.scss */
.guestbook-posts p:after {
  content: '\201D';
}
/* line 1527, ../../../scss/dev/blog/07-main.scss */
.guestbook-posts h3 {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.35;
  color: #ffffff;
  font-family: "dk_momotaroregular";
  margin-bottom: 5px;
  letter-spacing: 0.025em;
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 1527, ../../../scss/dev/blog/07-main.scss */
  .guestbook-posts h3 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}

/* line 1536, ../../../scss/dev/blog/07-main.scss */
button.share-toggle {
  width: 30px;
  height: 30px;
  line-height: 27px;
  border-radius: 1100%;
  border: 1px solid #d10303;
  text-align: center;
  padding: 0;
  color: #ffffff;
  position: relative;
  z-index: 1;
  position: absolute;
  right: 0;
  transition: opacity 0.3s ease-in-out;
}
/* line 1550, ../../../scss/dev/blog/07-main.scss */
button.share-toggle.active {
  opacity: 0;
  pointer-events: none;
}
/* line 1554, ../../../scss/dev/blog/07-main.scss */
button.share-toggle:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  width: 50%;
  height: 50%;
  background: #d10303;
  border-radius: 100%;
  transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out, height 0.3s ease-in-out;
}
/* line 1572, ../../../scss/dev/blog/07-main.scss */
button.share-toggle:hover:after {
  width: 100%;
  height: 100%;
  opacity: 1;
}

/* line 1580, ../../../scss/dev/blog/07-main.scss */
.share-options {
  overflow: hidden;
  margin: 0 -10px;
  height: 40px;
  font-size: 24px;
  font-size: 2.4rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out, height 0.3s ease-in-out;
}
/* line 115, ../../../scss/dev/blog/_mixins.scss */
body.ie9 .share-options {
  *zoom: 1;
}
/* line 38, ../../../../../../../../../../var/lib/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
body.ie9 .share-options:after {
  content: "";
  display: table;
  clear: both;
}
/* line 1590, ../../../scss/dev/blog/07-main.scss */
.share-options.active {
  -ms-transform: translateX(0);
  transform: translateX(0);
}
/* line 1593, ../../../scss/dev/blog/07-main.scss */
.share-options button {
  padding: 5px 10px;
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}
/* line 1596, ../../../scss/dev/blog/07-main.scss */
.share-options button:hover {
  color: #d10303;
}

/* line 1602, ../../../scss/dev/blog/07-main.scss */
.guestbook-thanks {
  background: #333333;
  max-width: 600px;
  padding: 20px;
  color: #ffffff;
  text-align: center;
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 1602, ../../../scss/dev/blog/07-main.scss */
  .guestbook-thanks {
    margin: 0 -30px;
    padding: 20px 30px;
    max-width: none;
  }
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 1602, ../../../scss/dev/blog/07-main.scss */
  .guestbook-thanks {
    padding: 20px;
  }
}
/* line 1616, ../../../scss/dev/blog/07-main.scss */
.guestbook-thanks h1 {
  color: #ffffff;
  font-family: "dk_momotaroregular";
  font-size: 72px;
  font-size: 7.2rem;
}

/* line 1623, ../../../scss/dev/blog/07-main.scss */
body.search h1 {
  padding-top: 30px;
}