/* Malli: @include icon($facebook)*/
/*!
 Theme Name:   Höyrymoottori - Sylinteri
 Theme URI:    http://hoyry.net
 Description:  sylinteri
 Author:       Höyry
 Author URI:   http://hoyry.net
 Template:     hoyrymoottori
 Version:      2.0
 */
#scssphp-buster {
  display: none; }

body #header-desktop .header-logo-wrapper img, body #header-mobile .header-logo-wrapper img {
  filter: brightness(0) invert(1); }
body #header-desktop .header-content-wrapper a.button::after {
  display: block;
  position: absolute;
  content: ' ';
  background-color: #2e6bde;
  left: 50px;
  width: 500px;
  height: 100%;
  opacity: 1; }
body #header-desktop .header-content-wrapper a.button:hover::after {
  background-color: #235ac3; }
@media screen and (min-width: 67.5em) {
  body .header-slider-type-home .header-slides-wrapper .header-slide-content-wrapper .header-slide-content-container {
    background: linear-gradient(0deg, white 4%, #0f2545 4%, #0f2545 100%); } }
body .header-slider-type-home .header-slide-logo-wrapper {
  text-align: left;
  position: absolute;
  transform: translateY(-140px); }
@media screen and (max-width: 67.5em) {
  body .header-slider-type-home .header-slide-logo-wrapper {
    display: none; } }
body .header-slider-type-home .header-slide-logo-wrapper img {
  filter: brightness(0) invert(1);
  max-height: 6.25rem; }
body .reveal img {
  max-width: 100%; }
body .highlight {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.12); }
body .article-meta-wrapper.listing .article-meta-item.categories:before {
  display: none; }
body .module-custom-styles-harmaa-tausta {
  background-image: url('images/customizer/oetkartta.png');
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: bottom -120px right -40px; }
@media print, screen and (min-width: 31.25em) {
  body .module-custom-styles-harmaa-tausta {
    background-size: 45%;
    background-position: bottom -120px right -20px; } }
@media print, screen and (min-width: 48em) {
  body .module-custom-styles-harmaa-tausta {
    background-size: 40%;
    background-position: bottom -140px right; } }
@media screen and (min-width: 64em) {
  body .module-custom-styles-harmaa-tausta {
    background-size: 35%;
    background-position: bottom -160px right; } }
@media screen and (min-width: 80em) {
  body .module-custom-styles-harmaa-tausta {
    background-size: 30%;
    background-position: bottom -180px right; } }
@media screen and (min-width: 90em) {
  body .module-custom-styles-harmaa-tausta {
    background-size: 25%;
    background-position: bottom -200px right; } }
body .module-highlight_list {
  background-color: transparent;
  z-index: 2;
  margin-bottom: -10rem; }
@media print, screen and (min-width: 31.25em) {
  body .module-highlight_list {
    margin-bottom: -13rem; } }
@media print, screen and (min-width: 48em) {
  body .module-highlight_list {
    margin-bottom: -16rem; } }
@media screen and (min-width: 64em) {
  body .module-highlight_list {
    margin-bottom: -19rem; } }
body .module-highlight_list .highlight-text::before {
  content: ' ';
  display: block;
  width: 4.5625rem;
  height: 0.125rem;
  background-color: #2e6bde;
  margin-bottom: 1rem;
  margin-top: -0.25rem; }
body .link-content-wrapper {
  display: flex !important;
  align-items: center; }
  body .link-content-wrapper .link-text {
    order: 2; }
  body .link-content-wrapper .link-icon {
    order: 1;
    padding-right: 0.5rem !important; }
body .keskita .ff-el-input--content {
  text-align: center; }
body .fluentform .ff-el-input--label label {
  font-weight: 400; }
@media print, screen and (max-width: 63.99875em) {
  body .header-slider-type-home .header-slides-wrapper .header-slide .header-slide-container .header-slide-content-wrapper {
    position: absolute !important;
    height: initial !important;
    top: auto;
    bottom: 0; }
    body .header-slider-type-home .header-slides-wrapper .header-slide .header-slide-container .header-slide-content-wrapper .header-slide-content-container {
      max-width: 100% !important;
      margin-right: 1rem; } }
body .button-small-alt.selected {
  color: #ffffff !important;
  border-color: transparent !important;
  background-color: #2e6bde !important; }
body .hoyryicon-mail, body .hoyryicon-phone {
  color: #2E6BDE; }
  body .hoyryicon-mail::before, body .hoyryicon-phone::before {
    font-size: 1rem; }