/* 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:      1.0
 */
body .module-custom-styles-ylaosa-kuvaesitys .header-slide-image {
  max-width: 65%;
  margin-left: 40%; }
body .module-custom-styles-ylaosa-kuvaesitys .header-slide-content-wrapper:before {
  content: "";
  display: block;
  background-color: #f3352e !important;
  position: absolute;
  width: 200% !important;
  height: 263% !important;
  left: -93%;
  -ms-transform: rotate(-68deg);
  -webkit-transform: rotate(-68deg);
  transform: rotate(-68deg); }
@media screen and (max-width: 63.9375em) {
  body .module-custom-styles-ylaosa-kuvaesitys .header-slide-content-wrapper:before {
    width: 100% !important;
    height: 100% !important;
    left: 0% !important;
    -ms-transform: rotate(0deg) !important;
    -webkit-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important; } }
body.multisite-blog-id-20 .header-slide-content-wrapper:before {
  background-color: #ec1008 !important; }
  body.multisite-blog-id-20 #header #header-desktop .header-row-valikkopalkki-tyopoyta .header-cell-2 .header-modules-wrapper .header-module:nth-child(1).header-module-search .search-button:hover {
    background: #fff; }
    body.multisite-blog-id-20 #header #header-desktop .header-row-valikkopalkki-tyopoyta .header-cell-2 .header-modules-wrapper .header-module:nth-child(1).header-module-search .search-button:hover::before {
      color: #f3352e; }
body.multisite-blog-id-20 #header #header-desktop .header-menu-ingress-wrapper .menu-item.current-menu-item > a::before, body.multisite-blog-id-20 #header #header-desktop .header-menu-ingress-wrapper .menu-item.current-menu-ancestor > a::before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  z-index: 101;
  width: calc(100% + 1.25rem);
  left: -0.625rem;
  height: 0.375rem;
  background-color: #fff;
  bottom: calc(0rem * -1); }

.iconlist-wrapper svg {
  width: 60px !important; }

.header-row-valikkopalkki-mobiili {
  box-shadow: 0px 0px 10px -1px rgba(0, 0, 0, 0.35); }

.header-content-wrapper a:hover {
  text-decoration: underline !important; }

.header-search-wrapper .search-button {
  border: 1px solid #f3352e;
  border-radius: 0.375rem;
  padding: 0.625rem;
  transition: all 0.2s; }
.header-search-wrapper .search-button:hover {
  background: #f2f2f2; }

.module-sub-title {
  padding-bottom: 0.875rem;
  border-bottom: 2px solid #ececec; }
@media screen and (max-width: 63.9375em) {
  .module-sub-title {
    border-bottom: none;
    padding-bottom: 0px; } }

.sub-menu-pages a: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: "\e927";
  color: #ececec !important;
  margin-right: 1.25rem;
  transition: all 0.2s; }
.sub-menu-pages a:hover:before, .sub-menu-pages a:active:before, .sub-menu-pages a:focus:before {
  color: #f3352e !important; }

.iconlist-wrapper .cell {
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.15);
  padding: 2rem 1.75rem;
  border-radius: 0.3125rem;
  border-left: 0.5625rem solid #dedede;
  transition: all 0.2s; }
.iconlist-wrapper .cell:hover {
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.44); }
  .iconlist-wrapper .cell:hover h4 {
    color: #f3352e !important; }

.article-list-item .article-link {
  border-left: 1px solid #ececec !important; }
.article-list-item h3 {
  transition: all 0.2s; }
  .article-list-item:hover h3 {
    color: #f3352e !important; }

.footer-sisalto-yhteistyokumppanit .child-module-cell.cell.xlarge-3.large-6:nth-child(1n) {
  width: calc(46% - 1.875rem); }
.footer-sisalto-yhteistyokumppanit .child-module-cell.cell.xlarge-3.large-6:nth-child(2n), .footer-sisalto-yhteistyokumppanit .child-module-cell.cell.xlarge-3.large-6:nth-child(3n), .footer-sisalto-yhteistyokumppanit .child-module-cell.cell.xlarge-3.large-6:nth-child(4n) {
  width: calc(18% - 1.875rem); }

.module-custom-styles-someseina-gradient {
  background-image: linear-gradient(1deg, #f3352e 0%, #ec1008 100%); }

.module-custom-styles-karttaboxi .container.module-container.module-container-two_columns {
  box-shadow: 0 0 21px rgba(0, 0, 0, 0.15); }
.module-custom-styles-karttaboxi section.container.map-container {
  padding: 0.625rem; }

.iconlist-wrapper .grid-x.grid-margin-x.align-center {
  justify-content: left; }

.module-custom-styles-etulaatikot svg {
  fill: #f3352e; }
  .module-custom-styles-etulaatikot .container.module-container.module-container-three_columns .child-module-cell.cell.xlarge-4 h4 {
    margin-left: 3.375rem;
    margin-top: -3.9375rem; }
  .module-custom-styles-etulaatikot .container.module-container.module-container-three_columns .child-module-cell.cell.xlarge-4 p {
    padding-right: 5rem; }

footer#footer {
  border-top: 10px solid #ececec; }
  footer#footer a:hover {
    color: #f3352e !important;
    text-decoration: none; }

.module-custom-styles-mainosesitys .image-slider-item {
  height: 34.375rem !important; }
  .module-custom-styles-mainosesitys .slider .slider-item-content-wrapper {
    max-width: 60.625rem;
    margin: 0 auto;
    padding-top: 28rem;
    padding-bottom: 0;
    padding-left: 5rem;
    padding-right: 0rem;
    display: block !important; }
    .module-custom-styles-mainosesitys .slider .slider-item-content-wrapper a.button {
      margin-bottom: 0;
      float: right; }
    @media screen and (max-width: 63.9375em) {
      .module-custom-styles-mainosesitys .slider .slider-item-content-wrapper a.button {
        right: 1.25rem; } }
  @media screen and (max-width: 47.9375em) {
    .module-custom-styles-mainosesitys .slider .slider-item-content-wrapper {
      max-width: 60.625rem;
      margin: 0 auto;
      padding-top: 24rem;
      padding-bottom: 0;
      padding-left: 0rem;
      padding-right: 0rem;
      display: flex !important; }
      .module-custom-styles-mainosesitys .slider .slider-item-content-wrapper a.button {
        float: none;
        right: 0; } }

.card span {
  transition: all 0.2s; }
  .card span:hover {
    text-decoration: underline; }

@media screen and (max-width: 63.9375em) {
  .footer-sisalto-yhteistyokumppanit .align-top {
    align-items: center;
    justify-content: center;
    display: flex; }
    .footer-sisalto-yhteistyokumppanit .align-top .child-module-cell.cell.xlarge-3.large-6 {
      text-align: center;
      width: 50%; }
  .module-container-two_columns .column-container.column-1-container section.container.editor-container.editor-content.default p {
    text-align: center !important; }
  .module-custom-styles-harmaa-tausta section.container.editor-container.editor-content.default p {
    text-align: center; }
  .module-custom-styles-etulaatikot .child-module-cell.cell.xlarge-4 {
    margin-bottom: 30px; } }

@media screen and (max-width: 47.9375em) {
  .iconlist-wrapper .icon-wrapper .icon-content-cell .icon-title {
    margin-top: 0.625rem !important; } }

@media screen and (max-width: 63.9375em) {
  .module-custom-styles-karttaboxi .column-container.column-2-container {
    text-align: center !important;
    padding-bottom: 2.1875rem !important;
    margin-top: -1.875rem !important; }
  .module-custom-styles-erivariset-napit .two-column-container .column-2-wrapper {
    padding-top: 3.125rem !important;
    padding-bottom: 3.75rem !important;
    padding-left: 3.75rem !important; } }

@media screen and (max-width: 47.9375em) {
  button#slick-slide-control00 {
    display: none; }
    .module-custom-styles-erivariset-napit .two-column-container .column-2-wrapper {
      padding-left: 2.5rem !important; } }

@media only screen and (max-width: 570px) and (max-width: 545px) {
  .column-container.column-1-container section.container.editor-container.editor-content.default a.button-alt {
    margin-left: 0.3125rem !important; } }

@media only screen and (max-width: 545px) {
  .column-container.column-1-container section.container.editor-container.editor-content.default a.button-alt {
    margin-left: 0 !important;
    margin-top: 0.625rem !important; } }

@media screen and (max-width: 31.1875em) {
  .module-custom-styles-erivariset-napit .two-column-container .column-2-wrapper {
    padding-left: 0.625rem !important; }
  .module-custom-styles-erivariset-napit a.button {
    margin-top: -2.5rem !important; }
  .module-custom-styles-erivariset-napit a.button-alt {
    margin-bottom: 1.875rem !important; } }

.header-slider-type-home .header-slide-button {
  margin: 0px -3.75rem 0px -3.75rem !important;
  padding-top: 1.25rem;
  border-top: 1px solid #ececec; }
@media screen and (max-width: 89.9375em) {
  .header-slider-type-home .header-slide-button {
    margin: 0px -2.5rem 0px -2.5rem !important; } }
@media screen and (max-width: 31.1875em) {
  .header-slider-type-home .header-slide-content-wrapper .header-slide-content-container .header-slide-main-title {
    padding: 0.9375rem; }
  .header-slider-type-home .header-slide-content-wrapper .header-slide-content-container .header-slide-text {
    display: block;
    padding: 0 2.1875rem; }
  .header-slider-type-home .header-slide-content-wrapper .header-slide-content-container .header-slide-button {
    border-top: none;
    padding-bottom: 1.25rem;
    padding-top: 0;
    margin-top: -0.625rem !important; } }

@media only screen and (max-width: 1230px) and (min-width: 1024px) {
  .module-custom-styles-erivariset-napit a.button-alt {
    margin-left: 0px !important; } }

@media only screen and (max-width: 500px) and (min-width: 480px) {
  .module-custom-styles-erivariset-napit a.button-alt {
    width: 52%; } }

@media screen and (max-width: 63.9375em) {
  .module-custom-styles-etulaatikot .editor-container > :first-child {
    margin-left: -15.25rem !important;
    padding-right: 0 !important; }
  .module-custom-styles-etulaatikot .editor-container > :last-child {
    margin-bottom: 0 !important;
    text-align: center !important;
    padding-right: 0 !important;
    display: inline-block;
    max-width: 50% !important; }
    .module-custom-styles-etulaatikot .container.module-container.module-container-three_columns section.container.editor-container.editor-content.default {
      align-items: center;
      text-align: center;
      margin-left: 10%;
      margin-right: 10%;
      margin-bottom: 1.25rem; }
      .module-custom-styles-etulaatikot .container.module-container.module-container-three_columns section.container.editor-container.editor-content.default .child-module-cell.cell.xlarge-4 h4 {
        margin-left: 0.75rem !important;
        margin-top: -3.75rem !important;
        text-align: center !important; }
      .module-custom-styles-etulaatikot .container.module-container.module-container-three_columns section.container.editor-container.editor-content.default .child-module-cell.cell.xlarge-4 p {
        padding-right: 0 !important;
        display: inline-block; } }

@media screen and (max-width: 47.9375em) {
  .module-custom-styles-etulaatikot .editor-container > :last-child {
    max-width: 70% !important; } }

@media screen and (max-width: 31.1875em) {
  .module-custom-styles-etulaatikot .editor-container > :last-child {
    max-width: 100% !important; } }

.map-marker svg .stop1 {
  stop-color: #f3352e; }
.map-marker svg .stop2 {
  stop-color: #f3352e; }
.map-marker svg .stop3 {
  stop-color: #ec1008; }

body:not(.multisite-blog-id-1) footer#footer .module-container-four_columns .column-3-wrapper, body:not(.multisite-blog-id-1) footer#footer .module-container-four_columns .column-4-wrapper {
  margin-top: -0.9375rem; }
@media screen and (max-width: 1280px) and (min-width: 1155px) {
  body:not(.multisite-blog-id-1) .header-row-valikkopalkki-tyopoyta li.menu-item, body:not(.multisite-blog-id-1) .header-row-valikkopalkki-tyopoyta-sticky li.menu-item {
    margin: 0 0.375rem !important; }
    body:not(.multisite-blog-id-1) .header-row-valikkopalkki-tyopoyta li.menu-item a, body:not(.multisite-blog-id-1) .header-row-valikkopalkki-tyopoyta-sticky li.menu-item a {
      font-size: 16.5px !important;
      letter-spacing: 0.03rem !important; }
  body:not(.multisite-blog-id-1) .header-row-valikkopalkki-tyopoyta .header-cell, body:not(.multisite-blog-id-1) .header-row-valikkopalkki-tyopoyta-sticky .header-cell {
    padding: 0 0.3125rem !important; }
  body:not(.multisite-blog-id-1) .header-row-valikkopalkki-tyopoyta-sticky li.menu-item a {
    font-size: 1rem !important; } }
@media screen and (max-width: 1155px) and (min-width: 1024px) {
  body:not(.multisite-blog-id-1) .header-row-valikkopalkki-tyopoyta li.menu-item a, body:not(.multisite-blog-id-1) .header-row-valikkopalkki-tyopoyta-sticky li.menu-item a {
    font-size: 14.7px !important;
    letter-spacing: 0rem !important; }
  body:not(.multisite-blog-id-1) .header-row-valikkopalkki-tyopoyta .header-cell, body:not(.multisite-blog-id-1) .header-row-valikkopalkki-tyopoyta-sticky .header-cell {
    padding: 0 0.3125rem !important; }
  body:not(.multisite-blog-id-1) .header-row-valikkopalkki-tyopoyta .header-logo-wrapper, body:not(.multisite-blog-id-1) .header-row-valikkopalkki-tyopoyta-sticky .header-logo-wrapper {
    margin-bottom: 5px; }
    body:not(.multisite-blog-id-1) .header-row-valikkopalkki-tyopoyta .header-logo-wrapper svg, body:not(.multisite-blog-id-1) .header-row-valikkopalkki-tyopoyta-sticky .header-logo-wrapper svg {
      height: auto !important;
      width: 135px !important; } }

.module-custom-styles-uutislistaus .module-container-uutislistaus .listing-show-more-button {
  display: none; }

.sivustonnimi {
  color: #f3352e !important; }

/* Videon muutos Whitezone Oy:lle */
@media screen and (max-width: 47.9375em) {
  body.multisite-blog-id-22 #header-video-player_html5_api {
    min-height: initial;
    min-width: initial;
    width: inherit;
    height: inherit; } }

body h4.h4-primary-color, body#tinymce h4.h4-primary-color {
  font-family: 'Assistant', Arial, Helvetica, sans-serif;
  font-size: 1.3125rem;
  line-height: 1.33;
  color: #222222;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.033125rem;
  text-transform: initial;
  margin: 1.5625rem 0 0.75rem 0;
  color: #f3352e; }
  body h4.h4-primary-color:after, body#tinymce h4.h4-primary-color:after {
    display: none; }
  body h4.h4-primary-color a, body#tinymce h4.h4-primary-color a, body h4.h4-primary-color .a, body#tinymce h4.h4-primary-color .a {
    font-family: inherit;
    font-weight: inherit;
    text-transform: inherit;
    letter-spacing: inherit; }
  body h4.h4-primary-colora, body#tinymce h4.h4-primary-colora, body h4.h4-primary-color.a, body#tinymce h4.h4-primary-color.a {
    font-family: inherit;
    color: inherit;
    font-weight: inherit;
    font-style: inherit;
    letter-spacing: inherit;
    text-transform: inherit; }
    body h4.h4-primary-colora:hover, body#tinymce h4.h4-primary-colora:hover, body h4.h4-primary-color.a:hover, body#tinymce h4.h4-primary-color.a:hover, body h4.h4-primary-colora:active, body#tinymce h4.h4-primary-colora:active, body h4.h4-primary-color.a:active, body#tinymce h4.h4-primary-color.a:active, body h4.h4-primary-colora:focus, body#tinymce h4.h4-primary-colora:focus, body h4.h4-primary-color.a:focus, body#tinymce h4.h4-primary-color.a:focus {
      color: inherit; }
  @media screen and (max-width: 31.1875em) {
    body h4.h4-primary-color, body#tinymce h4.h4-primary-color {
      overflow-wrap: break-word;
      word-wrap: break-word;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      -moz-hyphens: auto;
      hyphens: auto; } }
@media screen and (max-width: 63.9375em) {
  body h4.h4-primary-color, body#tinymce h4.h4-primary-color {
    font-size: calc(1.3125rem * 0.95);
    letter-spacing: calc(0.033125rem * 0.95);
    margin: calc(1.5625rem * 0.95) 0 calc(0.75rem * 0.95) 0; } }
@media screen and (max-width: 47.9375em) {
  body h4.h4-primary-color, body#tinymce h4.h4-primary-color {
    font-size: calc(1.3125rem * 0.9);
    letter-spacing: calc(0.033125rem * 0.9);
    margin: calc(1.5625rem * 0.9) 0 calc(0.75rem * 0.9) 0; } }
@media screen and (max-width: 31.1875em) {
  body h4.h4-primary-color, body#tinymce h4.h4-primary-color {
    font-size: calc(1.3125rem * 0.85);
    letter-spacing: calc(0.033125rem * 0.85);
    margin: calc(1.5625rem * 0.85) 0 calc(0.75rem * 0.85) 0; } }
body h3.h3-primary-color, body#tinymce h3.h3-primary-color {
  font-family: 'Assistant', Arial, Helvetica, sans-serif;
  font-size: 1.8125rem;
  line-height: 1.2;
  color: #585858;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.045rem;
  text-transform: initial;
  margin: 1.875rem 0 0rem 0;
  color: #f3352e; }
  body h3.h3-primary-color:after, body#tinymce h3.h3-primary-color:after {
    display: none;
    background-color: #f3352e;
    width: 6.25rem;
    height: 0.1875rem;
    margin-top: 0.9375rem; }
  body h3.h3-primary-color:after, body#tinymce h3.h3-primary-color:after {
    content: '';
    max-width: 100%; }
    body h3.h3-primary-color.text-align-left:after, body#tinymce h3.h3-primary-color.text-align-left:after {
      margin-left: 0;
      margin-right: auto; }
  body h3.h3-primary-color.text-align-center:after, body#tinymce h3.h3-primary-color.text-align-center:after {
    margin-left: auto;
    margin-right: auto; }
body h3.h3-primary-color.text-align-right:after, body#tinymce h3.h3-primary-color.text-align-right:after {
  margin-left: auto;
  margin-right: 0; }
body h3.h3-primary-color a, body#tinymce h3.h3-primary-color a, body h3.h3-primary-color .a, body#tinymce h3.h3-primary-color .a {
  font-family: inherit;
  font-weight: inherit;
  text-transform: inherit;
  letter-spacing: inherit; }
body h3.h3-primary-colora, body#tinymce h3.h3-primary-colora, body h3.h3-primary-color.a, body#tinymce h3.h3-primary-color.a {
  font-family: inherit;
  color: inherit;
  font-weight: inherit;
  font-style: inherit;
  letter-spacing: inherit;
  text-transform: inherit; }
  body h3.h3-primary-colora:hover, body#tinymce h3.h3-primary-colora:hover, body h3.h3-primary-color.a:hover, body#tinymce h3.h3-primary-color.a:hover, body h3.h3-primary-colora:active, body#tinymce h3.h3-primary-colora:active, body h3.h3-primary-color.a:active, body#tinymce h3.h3-primary-color.a:active, body h3.h3-primary-colora:focus, body#tinymce h3.h3-primary-colora:focus, body h3.h3-primary-color.a:focus, body#tinymce h3.h3-primary-color.a:focus {
    color: inherit; }
@media screen and (max-width: 31.1875em) {
  body h3.h3-primary-color, body#tinymce h3.h3-primary-color {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto; } }
@media screen and (max-width: 63.9375em) {
  body h3.h3-primary-color, body#tinymce h3.h3-primary-color {
    font-size: calc(1.8125rem * 0.9);
    letter-spacing: calc(-0.045rem * 0.9);
    margin: calc(1.875rem * 0.9) 0 calc(0rem * 0.9) 0; } }
@media screen and (max-width: 47.9375em) {
  body h3.h3-primary-color, body#tinymce h3.h3-primary-color {
    font-size: calc(1.8125rem * 0.85);
    letter-spacing: calc(-0.045rem * 0.85);
    margin: calc(1.875rem * 0.85) 0 calc(0rem * 0.85) 0; } }
@media screen and (max-width: 31.1875em) {
  body h3.h3-primary-color, body#tinymce h3.h3-primary-color {
    font-size: calc(1.8125rem * 0.8);
    letter-spacing: calc(-0.045rem * 0.8);
    margin: calc(1.875rem * 0.8) 0 calc(0rem * 0.8) 0; } }
@media screen and (max-width: 63.9375em) {
  body h3.h3-primary-color:after, body#tinymce h3.h3-primary-color:after {
    margin-top: calc(0.9375rem * 0.9); } }
@media screen and (max-width: 47.9375em) {
  body h3.h3-primary-color:after, body#tinymce h3.h3-primary-color:after {
    margin-top: calc(0.9375rem * 0.85); } }
@media screen and (max-width: 31.1875em) {
  body h3.h3-primary-color:after, body#tinymce h3.h3-primary-color:after {
    margin-top: calc(0.9375rem * 0.8); } }