@charset "UTF-8";
/* 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 .hoyryicon {
  vertical-align: middle;
  padding-bottom: 0.25rem;
  margin-right: 0.1875rem;
  display: inline-block;
}
body .hoyryicon:before {
  font-size: 1.125rem !important;
}
body.white-breadcrumb .breadcrumb-trail {
  position: absolute;
  z-index: 999;
  left: 0;
  right: 0;
}
body.white-breadcrumb .breadcrumb-trail .breadcrumbs-wrapper .grid-container {
  padding-left: 2.8125rem;
  padding-right: 2.8125rem;
  max-width: 78.75rem;
}
@media print, screen and (max-width: 31.24875em) {
  body.white-breadcrumb .breadcrumb-trail .breadcrumbs-wrapper .grid-container {
    padding-left: 2.1875rem;
    padding-right: 2.1875rem;
  }
}
body.white-breadcrumb .breadcrumb-trail .breadcrumbs-wrapper .breadcrumbs-container {
  border: none;
}
body.white-breadcrumb .breadcrumb-trail .breadcrumbs-wrapper .breadcrumbs-container .trail-items {
  border: none;
}
body.white-breadcrumb .breadcrumb-trail .breadcrumbs-wrapper .breadcrumbs-container .trail-items .trail-item {
  color: #ffffff;
}
body.white-breadcrumb .breadcrumb-trail .breadcrumbs-wrapper .breadcrumbs-container .trail-items .trail-item .breadcrumbs-home:before {
  color: #ffffff;
}
body.white-breadcrumb .breadcrumb-trail .breadcrumbs-wrapper .breadcrumbs-container .trail-items .trail-item a {
  color: #ffffff;
}
body.white-breadcrumb .breadcrumb-trail .breadcrumbs-wrapper .breadcrumbs-container .trail-items .trail-item:after {
  color: #ffffff;
}
body .header-slider-type-home .header-slide-content-container:before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(images/header-slider-home-bg-2.png);
  background-size: auto 100%;
  background-position: right center;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  left: 0;
  right: -15.3125rem;
  z-index: 10;
}
@media print, screen and (max-width: 63.99875em) {
  body .header-slider-type-home .header-slide-content-container:before {
    background-position: center center;
    background-size: cover;
  }
}
body .header-slider-type-home .header-slide-content-container .header-slide-content-container-inner {
  position: relative;
  z-index: 11;
}
body .header-slider-type-subpage .header-slide-content-container:before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(images/header-slider-subpage-bg.png);
  background-size: auto 100%;
  background-position: right center;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  left: 0;
  right: -8.125rem;
  z-index: 10;
}
@media print, screen and (max-width: 63.99875em) {
  body .header-slider-type-subpage .header-slide-content-container:before {
    background-position: center center;
    background-size: cover;
  }
}
body .header-slider-type-subpage .header-slide-content-container .header-slide-content-container-inner {
  position: relative;
  z-index: 11;
}
body .accordion li.accordion-item {
  transition: all 0.2s;
  border-color: #f5f5ed;
}
body .accordion li.accordion-item.is-active {
  border: 0.1875rem solid #f5f5ed;
  margin-top: -0.125rem;
}
body .accordion li.accordion-item.is-active .accordion-title {
  margin-top: 0;
  border-radius: 0.1875rem;
}
body #content {
  padding-bottom: 1.875rem;
}
body .module-custom-styles-vaaleanvihrea-taustavari .time-list-container .time-list .time-row-wrapper {
  padding: 0.1875rem 0;
}
body .module-custom-styles-vaaleanvihrea-taustavari .time-list-container .time-list .time-row-wrapper .time-row-container {
  width: initial;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
body .module-custom-styles-vaaleanvihrea-taustavari .time-list-container .time-list .time-row-wrapper .time-row-container .icon {
  padding-right: 1.875rem;
}
body .module-custom-styles-vaaleanvihrea-taustavari .time-list-container .time-list .time-row-wrapper .time-row-container .name, body .module-custom-styles-vaaleanvihrea-taustavari .time-list-container .time-list .time-row-wrapper .time-row-container .time {
  margin: 0 !important;
}
body .module-custom-styles-vaaleanvihrea-taustavari .time-list-container .time-list .time-row-wrapper .time-row-container .name {
  padding-right: 1.25rem;
}
body #header-mobilemenu .header-module-content .button {
  width: 100%;
  justify-content: center;
}
@media print, screen and (max-width: 63.99875em) {
  body .child-module-time_list {
    margin-top: -1px;
  }
}
body #header-desktop-sticky {
  box-shadow: 0 0 0.625rem rgba(34, 34, 34, 0.15);
}
body .module-custom-styles-residuum-lukuina-tausta .module-width-content-area-wrapper {
  background-color: #ffffff;
  border-radius: 0.5rem;
  padding: 5.625rem 6.25rem 6.25rem 6.25rem;
}
@media print, screen and (max-width: 63.99875em) {
  body .module-custom-styles-residuum-lukuina-tausta .module-width-content-area-wrapper {
    padding: 5rem 4.375rem 5.625rem 4.375rem;
  }
}
@media print, screen and (max-width: 47.99875em) {
  body .module-custom-styles-residuum-lukuina-tausta .module-width-content-area-wrapper {
    padding: 3.125rem 2.5rem 4.0625rem 2.5rem;
  }
}
@media print, screen and (max-width: 31.24875em) {
  body .module-custom-styles-residuum-lukuina-tausta .module-width-content-area-wrapper {
    padding: 1.875rem 1.5625rem 1.5625rem 1.875rem;
  }
}
body .numbers-container .number-wrapper .number-text {
  font-size: 1.1875rem;
  font-weight: 700;
  letter-spacing: 0.00625rem;
  line-height: 1.21;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
body .module-custom-styles-etusivu-yhteydenotto-taustavari .two-column-container {
  max-width: 84.375rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3.125rem;
}
@media screen and (max-width: 87.5em) {
  body .module-custom-styles-etusivu-yhteydenotto-taustavari .two-column-container {
    padding-left: 0;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body .module-custom-styles-etusivu-yhteydenotto-taustavari .two-column-container {
    padding-left: 1.25rem;
  }
}
@media print, screen and (max-width: 47.99875em) {
  body .module-custom-styles-etusivu-yhteydenotto-taustavari .two-column-container {
    padding-left: 0;
  }
}
body .module-custom-styles-etusivu-yhteydenotto-taustavari .two-column-container .column-1-wrapper {
  display: flex;
  align-items: center;
}
body .module-custom-styles-etusivu-yhteydenotto-taustavari .two-column-container .column-1-wrapper:before {
  content: "";
  display: block;
  width: 5rem;
  height: 5rem;
  background-image: url(images/home-contact.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 1.25rem;
}
@media print, screen and (max-width: 47.99875em) {
  body .module-custom-styles-etusivu-yhteydenotto-taustavari .two-column-container .column-1-wrapper:before {
    display: none;
  }
}
body .module-custom-styles-etusivu-yhteydenotto-taustavari .two-column-container .column-2-wrapper {
  display: flex;
  align-items: center;
}
body .module-custom-styles-etusivu-yhteydenotto-taustavari .two-column-container .column-2-wrapper:before {
  content: "";
  display: block;
  width: 5rem;
  height: 5rem;
  background-image: url(images/home-times.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 1.25rem;
}
@media print, screen and (max-width: 47.99875em) {
  body .module-custom-styles-etusivu-yhteydenotto-taustavari .two-column-container .column-2-wrapper:before {
    display: none;
  }
}
body .image-link-image {
  max-width: 7.8125rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body #header .header-row .header-cells-wrapper .header-cell .header-modules-wrapper .header-module.header-module-content {
  white-space: initial;
}
body #search-form-modal .search-form-inputs-wrapper .search-form-field input {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
body #search-form-modal .search-form-inputs-wrapper .search-form-submit button[type=submit] {
  margin: 0 !important;
}
body #search-form-modal .search-form-inputs-wrapper .search-form-submit:before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media print, screen and (max-width: 63.99875em) {
  body .module-header_slider.module-width-full-area.module-full-width-side-margins {
    padding-left: 0;
    padding-right: 0;
  }
  body .module-custom-styles-etusivu-yhteydenotto-taustavari {
    margin-left: 0;
    margin-right: 0;
  }
}
body .module-custom-styles-beige-taustavari .article-list-item {
  background-color: #ffffff;
}
@media print, screen and (max-width: 63.99875em) {
  body .table-container .table-wrapper .table-header .table-header-row .table-header-cell, body .table-container .table-wrapper .table-body .table-body-row .table-body-cell {
    padding: 7px 10px !important;
    font-size: 15px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  body .table-container .table-wrapper .table-header .table-header-row .table-header-cell, body .table-container .table-wrapper .table-body .table-body-row .table-body-cell {
    padding: 7px !important;
    font-size: 14px;
    line-height: 1.2;
  }
}
@media screen and (max-width: 34.375em) {
  body .table-container .table-wrapper .table-header .table-header-row .table-header-cell, body .table-container .table-wrapper .table-body .table-body-row .table-body-cell {
    padding: 6px 5px !important;
    font-size: 13px;
    line-height: 1.1;
  }
}
body .table-container .table-wrapper .table-header .table-header-row .table-header-cell, body .table-container .table-wrapper .table-body .table-body-row .table-body-cell:first-child {
  word-break: break-all;
}
body .editor-content .button-alt, body#tinymce .button-alt {
  max-height: 4.125rem;
}
@media print, screen and (max-width: 63.99875em) {
  body .editor-content .button-alt, body#tinymce .button-alt {
    max-height: calc(4.125rem * 0.9);
  }
}
@media print, screen and (max-width: 47.99875em) {
  body .editor-content .button-alt, body#tinymce .button-alt {
    font-size: calc(1.0625rem * 0.95);
    padding-top: calc(1.125rem * 0.85);
    padding-bottom: calc(1.125rem * 0.85);
    padding-left: calc(1.875rem * 0.85);
    padding-right: calc(5rem * 0.85);
  }
}
@media print, screen and (max-width: 31.24875em) {
  body .editor-content .button-alt, body#tinymce .button-alt {
    max-height: initial;
    font-size: calc(1.0625rem * 0.9);
    padding-top: calc(1.125rem * 0.7);
    padding-bottom: calc(1.125rem * 0.7);
    padding-left: calc(1.875rem * 0.7);
    padding-right: calc(5rem * 0.7);
  }
}
body .editor-content .button-alt:before, body#tinymce .button-alt:before {
  background-color: #00906d;
  width: 3.4375rem;
  height: 3.4375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding-left: 0.3125rem;
}
@media print, screen and (max-width: 63.99875em) {
  body .editor-content .button-alt:before, body#tinymce .button-alt:before {
    width: calc(3.4375rem * 0.85);
    height: calc(3.4375rem * 0.85);
  }
}
@media print, screen and (max-width: 31.24875em) {
  body .editor-content .button-alt:before, body#tinymce .button-alt:before {
    width: calc(3.4375rem * 0.7);
    height: calc(3.4375rem * 0.7);
    background-color: initial;
  }
}
body .editor-content ul.list-alt.nega li:before, body#tinymce ul.list-alt.nega li:before {
  font-family: "hoyryicon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
}
body .editor-content ul.list-alt.nega li:before, body#tinymce ul.list-alt.nega li:before {
  color: #cc342e;
  font-size: 0.8125rem;
  top: 0.5625rem;
}
@media print, screen and (max-width: 47.99875em) {
  body .editor-content .button, body#tinymce .button {
    font-size: calc(1.125rem * 0.95);
    padding-top: calc(0.75rem * 0.85);
    padding-bottom: calc(0.75rem * 0.85);
    padding-left: calc(2.5rem * 0.85);
    padding-right: calc(2.5rem * 0.85);
  }
  body .editor-content .button-large, body#tinymce .button-large {
    font-size: calc(1.375rem * 0.95);
    padding-top: calc(1rem * 0.85);
    padding-bottom: calc(1rem * 0.85);
    padding-left: calc(2.5rem * 0.85);
    padding-right: calc(2.5rem * 0.85);
  }
  body .editor-content .button-large-alt, body#tinymce .button-large-alt {
    font-size: calc(1.125rem * 0.95);
    padding-top: calc(0.875rem * 0.85);
    padding-bottom: calc(0.875rem * 0.85);
    padding-left: calc(2.8125rem * 0.85);
    padding-right: calc(2.8125rem * 0.85);
  }
  body .editor-content .button-small, body#tinymce .button-small {
    font-size: calc(1.0625rem * 0.95);
    padding-top: calc(0.8125rem * 0.85);
    padding-bottom: calc(0.8125rem * 0.85);
    padding-left: calc(1.875rem * 0.85);
    padding-right: calc(1.875rem * 0.85);
  }
  body .editor-content .button-small-alt, body#tinymce .button-small-alt {
    font-size: calc(1.0625rem * 0.95);
    padding-top: calc(0.75rem * 0.85);
    padding-bottom: calc(0.75rem * 0.85);
    padding-left: calc(2.5rem * 0.85);
    padding-right: calc(2.5rem * 0.85);
  }
}
@media print, screen and (max-width: 31.24875em) {
  body .editor-content .button, body#tinymce .button {
    font-size: calc(1.125rem * 0.9);
    padding-top: calc(0.75rem * 0.7);
    padding-bottom: calc(0.75rem * 0.7);
    padding-left: calc(2.5rem * 0.7);
    padding-right: calc(2.5rem * 0.7);
  }
  body .editor-content .button-large, body#tinymce .button-large {
    font-size: calc(1.375rem * 0.9);
    padding-top: calc(1rem * 0.7);
    padding-bottom: calc(1rem * 0.7);
    padding-left: calc(2.5rem * 0.7);
    padding-right: calc(2.5rem * 0.7);
  }
  body .editor-content .button-large-alt, body#tinymce .button-large-alt {
    font-size: calc(1.125rem * 0.9);
    padding-top: calc(0.875rem * 0.7);
    padding-bottom: calc(0.875rem * 0.7);
    padding-left: calc(2.8125rem * 0.7);
    padding-right: calc(2.8125rem * 0.7);
  }
  body .editor-content .button-small, body#tinymce .button-small {
    font-size: calc(1.0625rem * 0.9);
    padding-top: calc(0.8125rem * 0.7);
    padding-bottom: calc(0.8125rem * 0.7);
    padding-left: calc(1.875rem * 0.7);
    padding-right: calc(1.875rem * 0.7);
  }
  body .editor-content .button-small-alt, body#tinymce .button-small-alt {
    font-size: calc(1.0625rem * 0.9);
    padding-top: calc(0.75rem * 0.7);
    padding-bottom: calc(0.75rem * 0.7);
    padding-left: calc(2.5rem * 0.7);
    padding-right: calc(2.5rem * 0.7);
  }
}
body .editor-content ul, body#tinymce ul {
  border-top-width: 0;
}
