/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./app/javascript/application/components/search_spinner/search_spinner.sass ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
.search-spinner {
  position: absolute;
  top: 9px;
  right: 8px;
  height: 32px;
  width: 32px;
  background: url("/assets/application/shared/spinner/spinner_green.svg") center center no-repeat;
  background-size: cover;
}
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./app/javascript/application/blog/search.sass ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.search-form {
  position: relative;
}

.search-form__input {
  position: relative;
  font-family: Helvetica, Arial, sans-serif;
  display: block;
  width: 100%;
  height: 50px;
  min-height: 50px;
  padding: 15px 60px 15px 16px;
  border: solid 1px #ddd;
  border-radius: 4px;
  background-color: #f8f8f8;
  font-size: 16px;
  text-overflow: ellipsis;
  box-shadow: 0 1px 4px #ddd inset;
  -webkit-appearance: none;
}

.search-form__input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.search-form__input::-ms-clear {
  display: none;
}

.search-form__input:hover {
  border-color: #ccc;
}

.search-form__input:focus {
  border-color: #9c0;
}

.search-form__input:focus + .search-form__submit {
  display: none;
}

@media only screen and (max-width: 639px) {
  body.is-responsive .search-form__input {
    padding-right: 40px;
    padding-left: 10px;
  }
}

.search-form__submit {
  position: absolute;
  top: 0;
  right: 0;
  background: rgba(1, 1, 1, 0) url("/assets/application/search/submit.svg") center center no-repeat;
  height: 50px;
  width: 50px;
}

.search-form .search-spinner {
  position: absolute;
  top: 9px;
  right: 8px;
  background: rgba(1, 1, 1, 0) url("/assets/application/shared/spinner/spinner_green.svg") center center no-repeat;
  height: 32px;
  width: 32px;
  background-size: cover;
}

.search-form .search-icon, .search-form .clear-icon {
  position: absolute;
  top: 50%;
  right: 13px;
  transform: translateY(-50%);
  cursor: pointer;
}
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./app/javascript/application/blog/blog.sass ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.blog-page .info-sidebar-box {
  margin-top: 16px;
}
.blog-title span {
  color: #333;
  font-weight: 600;
  vertical-align: inherit;
}
.blog-post {
  position: relative;
  margin-top: 4rem;
  margin-right: 4rem;
}
.blog-post::after {
  content: "";
  display: block;
  clear: both;
}
.blog-post:first-of-type {
  margin-top: 32px;
}
.blog-post--single .blog-post__author::after {
  content: "";
  display: block;
  clear: both;
}
.blog-post--single .blog-post__author .text-small {
  padding-top: 4px;
}
.blog-post--single .blog-post__footer {
  margin-bottom: 64px;
}
.blog-post__title:hover, .blog-post__title:focus {
  color: #09f;
}
.blog-post__text, .blog-post__footer {
  margin-top: 32px;
}
.blog-post__text img {
  margin-bottom: 16px;
}
.blog-post__text a {
  text-decoration: underline;
}
.blog-post__link {
  padding-right: 10px;
  font-size: 14px;
  line-height: 23px;
  text-align: right;
}
.blog-post__link::after {
  line-height: 23px;
  content: "»";
}
.blog-post > .label {
  margin-bottom: 10px;
}
@media only screen and (max-width: 959px) {
  body.is-responsive .blog-post {
    margin-right: 0;
  }
  body.is-responsive .blog-post--single:first-of-type {
    margin-top: 64px;
  }
}
@media only screen and (max-width: 639px) {
  body.is-responsive .blog-post--single:first-of-type {
    margin-top: 32px;
  }
  body.is-responsive .blog-post__text iframe {
    height: 196px;
  }
  body.is-responsive .blog-post__link {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    width: 100%;
    margin-top: 32px;
    padding-top: 8px;
    padding-bottom: 8px;
    border: 1px solid #e6e8e5;
    border-radius: 4px;
    color: #666;
    font-size: 18px;
    text-align: center;
  }
}
.blog-post-label-list {
  display: inline-block;
  vertical-align: bottom;
}
.blog-post-label-list__item {
  margin: 0 5px;
  float: left;
}
.blog-post-label-list__item a {
  color: #333;
}
.blog-post-label-list__item a.label {
  background: #9c0;
}
.blog-pagination {
  margin-top: 40px;
}
.blog-search {
  margin-top: 32px;
}
@media only screen and (max-width: 639px) {
  body.is-responsive .blog-search {
    margin-top: 16px;
  }
}
.blog-category-list span {
  color: #666;
}
.blog-follow-us__icon-list {
  padding-top: 16px;
  padding-bottom: 16px;
  text-align: center;
}
.blog-follow-us__icon {
  display: inline-block;
  margin: 0 10px;
  font-size: 0;
  vertical-align: middle;
}
.blog-follow-us__icon > a {
  display: block;
  width: 32px;
  height: 32px;
}
.blog-follow-us .text-small {
  padding: 16px 16px 0;
}

/*# sourceMappingURL=blog-e14a68d6.css.map*/