/* 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 .grid-container {
  max-width: 80rem; }
body #content {
  margin-top: -3.75rem; }
@media print, screen and (max-width: 63.99875em) {
  body #content {
    margin-top: 0; } }
body #header #header-desktop .header-row-valikkopalkki-tyopoyta, body #header {
  background-color: transparent; }
body #header #header-desktop .header-row-valikkopalkki-tyopoyta .header-menu-three-levels-wrapper .sub-menu .sub-menu {
  left: calc(-100% - 2rem) !important; }
  body.first-module-not-slider #content {
    margin-top: 0; }
  body.first-module-not-slider #header #header-desktop .header-row-valikkopalkki-tyopoyta, body.first-module-not-slider #header {
    background-color: #ea5166; }
body #header #header-desktop .header-row-ylapalkki-tyopoyta {
  background-color: #ffffff !important; }
  body #header #header-desktop .header-row-ylapalkki-tyopoyta .header-module-container.header-module-container-menu_two_levels ul.sub-menu {
    z-index: 1000; }
  body #header #header-desktop .header-row-ylapalkki-tyopoyta a {
    color: #3c3c3b !important; }
    body #header #header-desktop .header-row-ylapalkki-tyopoyta .header-cell-1 .header-modules-wrapper .header-module {
      position: relative; }
      body #header #header-desktop .header-row-ylapalkki-tyopoyta .header-cell-1 .header-modules-wrapper .header-module::before {
        content: '';
        display: block;
        height: 60%;
        top: 20%;
        left: 0;
        width: 1px;
        background-color: #e7e7e7;
        position: absolute; }
        body #header #header-desktop .header-row-ylapalkki-tyopoyta .header-cell-1 .header-modules-wrapper .header-module:nth-child(2)::before, body #header #header-desktop .header-row-ylapalkki-tyopoyta .header-cell-1 .header-modules-wrapper .header-module:first-child::before {
          display: none; }
      body #header #header-desktop .header-row-ylapalkki-tyopoyta .header-cell-1 .header-modules-wrapper .header-module:nth-child(2) {
        padding-left: 0; }
        body #header #header-desktop .header-row-ylapalkki-tyopoyta .header-cell-1 .header-modules-wrapper .header-module .header-languages-slugs-wrapper .language:before {
          height: 80%; }
      body #header #header-desktop .header-row-ylapalkki-tyopoyta .header-cell-1 .header-modules-wrapper .header-module .header-menu-dropdown-wrapper > li.menu-item:first-child > a {
        color: initial !important;
        font-size: 1rem !important;
        background: transparent !important;
        border: 0 !important;
        letter-spacing: initial !important;
        text-transform: none !important;
        padding-right: 2.5rem; }
        body #header #header-desktop .header-row-ylapalkki-tyopoyta .header-cell-1 .header-modules-wrapper .header-module .header-menu-dropdown-wrapper > li.menu-item:first-child > a:hover::after, body #header #header-desktop .header-row-ylapalkki-tyopoyta .header-cell-1 .header-modules-wrapper .header-module .header-menu-dropdown-wrapper > li.menu-item:first-child > a:focus::after, body #header #header-desktop .header-row-ylapalkki-tyopoyta .header-cell-1 .header-modules-wrapper .header-module .header-menu-dropdown-wrapper > li.menu-item:first-child > a:active::after {
          color: initial !important; }
        body #header #header-desktop .header-row-ylapalkki-tyopoyta .header-cell-1 .header-modules-wrapper .header-module .header-menu-dropdown-wrapper > li.menu-item:first-child > a::after {
          content: "\e97c";
          font-size: 0.875rem; }
body #content .article-meta-wrapper.listing .article-meta-item.date::before, body #content .article-meta-wrapper.listing .article-meta-item.categories::before {
  display: none; }
body #content .article-meta-wrapper.listing .article-meta-item.date {
  position: relative; }
  body #content .article-meta-wrapper.listing .article-meta-item.date::after {
    content: '';
    display: block;
    height: 60%;
    top: 20%;
    right: -0.4375rem;
    width: 2px;
    background-color: #bfbfbf;
    position: absolute; }
body #content .module-highlight_list .highlight-list-container .highlight, body #content .child-module-highlight_list .highlight-list-container .highlight {
  box-shadow: 0 0.25rem 2.8125rem rgba(0, 0, 0, 0.1);
  margin-bottom: 2.5rem; }
body #content .module-content_highlights .content-highlights-container .highlight, body #content .child-module-content_highlights .content-highlights-container .highlight {
  box-shadow: 0 0.25rem 2.8125rem rgba(0, 0, 0, 0.1);
  margin-bottom: 2.5rem; }
body #content .module-custom-styles-punainen-tausta form .btn {
  text-decoration: none !important;
  cursor: pointer;
  border-style: solid !important;
  display: inline-flex;
  align-items: center;
  transition: all 0.2s !important;
  vertical-align: middle;
  box-sizing: border-box;
  outline: 0;
  text-shadow: none;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  max-width: 100%;
  background-size: 100%;
  position: relative;
  z-index: 100;
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 0.90625rem;
  line-height: 1.2;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  color: #ea5166 !important;
  justify-content: center !important;
  text-align: center;
  background-color: transparent !important;
  background-image: none !important;
  border-width: 0.1875rem !important;
  border-color: #ea5166 !important;
  border-radius: 0rem !important;
  min-width: initial;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  margin: 0.9375rem 0 0.9375rem 0; }
  body #content .module-custom-styles-punainen-tausta form .btn:before {
    transition: all 0.2s !important; }
  body #content .module-custom-styles-punainen-tausta form .btn::after {
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    width: 100%;
    z-index: -100;
    transition: all 0.2s !important;
    border-radius: inherit; }
  body #content .module-custom-styles-punainen-tausta form .btn:hover, body #content .module-custom-styles-punainen-tausta form .btn:active, body #content .module-custom-styles-punainen-tausta form .btn:focus {
    text-decoration: none !important; }
    body #content .module-custom-styles-punainen-tausta form .btn:hover::after, body #content .module-custom-styles-punainen-tausta form .btn:active::after, body #content .module-custom-styles-punainen-tausta form .btn:focus::after {
      opacity: 1; }
  body #content .module-custom-styles-punainen-tausta form .btn:disabled {
    opacity: 0.7;
    cursor: default; }
    body #content .module-custom-styles-punainen-tausta form .btn:disabled:hover::after, body #content .module-custom-styles-punainen-tausta form .btn:disabled:active::after, body #content .module-custom-styles-punainen-tausta form .btn:disabled:focus::after {
      opacity: 0; }
  body #content .module-custom-styles-punainen-tausta form .btn::after {
    display: none; }
  body #content .module-custom-styles-punainen-tausta form .btn:hover, body #content .module-custom-styles-punainen-tausta form .btn:active, body #content .module-custom-styles-punainen-tausta form .btn:focus {
    color: #ffffff !important;
    border-color: #ea5166 !important;
    background-color: #ea5166 !important; }
  body #content .module-custom-styles-punainen-tausta form .btn.is-active {
    background-color: #ea5166 !important;
    background-image: none !important;
    border-color: #ea5166 !important;
    color: #ffffff !important; }
    body #content .module-custom-styles-punainen-tausta form .btn:disabled:hover, body #content .module-custom-styles-punainen-tausta form .btn:disabled:active, body #content .module-custom-styles-punainen-tausta form .btn:disabled:focus {
      color: #ea5166 !important;
      background-color: transparent !important;
      background-image: none !important;
      border-color: #ea5166 !important; }
    @media print, screen and (max-width: 63.99875em) {
      body #content .module-custom-styles-punainen-tausta form .btn {
        padding-top: calc(0.875rem * 0.9);
        padding-bottom: calc(0.875rem * 0.9);
        padding-left: calc(2.5rem * 0.9);
        padding-right: calc(2.5rem * 0.9); } }
  @media print, screen and (max-width: 31.24875em) {
    body #content .module-custom-styles-punainen-tausta form .btn {
      min-width: initial;
      padding-top: calc(0.875rem * 0.8);
      padding-bottom: calc(0.875rem * 0.8);
      padding-left: calc(2.5rem * 0.8);
      padding-right: calc(2.5rem * 0.8); } }
body #content .password-protected-form {
  max-width: 37.5rem;
  margin: 0 auto; }
  body #content .password-protected-form .button {
    margin-left: auto;
    margin-right: auto;
    margin-top: -1.25rem; }
body #content .card-list-container .listing-filters-wrapper .listing-filters-left {
  flex: 0 0 auto;
  width: calc(16.6666666667% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem; }
@media screen and (max-width: 75em) {
  body #content .card-list-container .listing-filters-wrapper .listing-filters-left {
    flex: 0 0 auto;
    width: calc(100% - 1.25rem);
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    padding-bottom: 0.9375rem; } }
body #content .card-list-container .listing-filters-wrapper .listing-filters-right {
  flex: 0 0 auto;
  width: calc(83.3333333333% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem; }
@media screen and (max-width: 75em) {
  body #content .card-list-container .listing-filters-wrapper .listing-filters-right {
    flex: 0 0 auto;
    width: calc(100% - 1.25rem);
    margin-left: 0.625rem;
    margin-right: 0.625rem; } }
body #content .card-list-container .listing-filters-wrapper .listing-filters-right .listing-category-select-wrapper {
  justify-content: flex-start;
  flex-direction: row-reverse; }
  body #content .card-list-container .listing-filters-wrapper .listing-filters-right .listing-category-select-wrapper .select2 {
    margin-left: 0;
    margin-right: 0.9375rem; }
  @media screen and (max-width: 68.75em) {
    body #content .card-list-container .listing-filters-wrapper .listing-filters-right .listing-category-select-wrapper .select2 {
      max-width: 11.25rem; } }
@media print, screen and (max-width: 47.99875em) {
  body #content .card-list-container .listing-filters-wrapper .listing-filters-right .listing-category-select-wrapper .select2 {
    max-width: 100%; } }
body #content .card-list-container .listing-filters-wrapper .listing-filters-right .listing-category-select-wrapper .listing-search-wrapper {
  flex-grow: 1;
  max-width: 15rem; }
@media screen and (max-width: 75em) {
  body #content .card-list-container .listing-filters-wrapper .listing-filters-right .listing-category-select-wrapper .listing-search-wrapper {
    width: 100%;
    max-width: 100%; } }
body #footer .footer:after {
  max-width: 78.125rem; }
body #footer .three-column-container .child-module-cell.xlarge-order-1.small-order-1 .grid-menu-wrapper .grid-menu-item-sub-level a {
  font-size: 1.4375rem;
  color: #3c3c3b;
  font-weight: 600; }
body #etsitkojotain {
  z-index: 999;
  margin-bottom: -5rem; }
@media print, screen and (min-width: 48em) {
  body #etsitkojotain {
    margin-bottom: -10rem; } }
body .social-wall-container .social-wall-wrapper .social-wall-feeds-wrapper .feed-item a .message {
  display: none; }
body.home .highlight-list-container .highlight:nth-child(1) .highlight-text a.button {
  background-color: #f9b123 !important; }
body.home .highlight-list-container .highlight:nth-child(2) .highlight-text a.button {
  background-color: #00aba6 !important; }
body.home .highlight-list-container .highlight:nth-child(3) .highlight-text a.button {
  background-color: #6a5ca0 !important; }
body #header #header-desktop .header-row-ylavalikko-tyopoyta .header-cell-1 .header-modules-wrapper .header-module:nth-child(1).header-module-menu_ingress .header-menu-ingress-wrapper li.menu-item-22431 .sub-menu .sub-menu-content .menu-item-content-button {
  background-color: #f9b123 !important; }
body #header #header-desktop .header-row-ylavalikko-tyopoyta .header-cell-1 .header-modules-wrapper .header-module:nth-child(1).header-module-menu_ingress .header-menu-ingress-wrapper li.menu-item-22557 .sub-menu .sub-menu-content .menu-item-content-button {
  background-color: #00aba6 !important; }
body #header #header-desktop .header-row-ylavalikko-tyopoyta .header-cell-1 .header-modules-wrapper .header-module:nth-child(1).header-module-menu_ingress .header-menu-ingress-wrapper li.menu-item-11557 .sub-menu .sub-menu-content .menu-item-content-button {
  background-color: #6a5ca0 !important; }
body #header-mobilemenu .header-module:nth-child(2).header-module-menu_mobile .header-menu-mobile-wrapper > li a {
  text-transform: none;
  font-weight: 400; }
body .child-module-wrapper.module-content-area-custom-styles-viivanosto-laatikko > .child-module-container.child-module-container-side_menu {
  padding-top: 0.5rem;
  padding-bottom: 0rem; }
  body .header-row-ylapalkki-tyopoyta .header-logo-wrapper {
    display: none; }
  @media screen and (max-width: 96.875em) {
    body .header-row-ylapalkki-tyopoyta .header-logo-wrapper {
      display: block; } }
body .header-row-ylavalikko-tyopoyta .header-logo-wrapper {
  display: block; }
@media screen and (max-width: 96.875em) {
  body .header-row-ylavalikko-tyopoyta .header-logo-wrapper {
    display: none; } }
body .highlight-odd-row .highlight-content-wrapper .highlight-content-container .highlight-title:hover, body .highlight-even-row .highlight-content-wrapper .highlight-content-container .highlight-title:hover {
  color: #3c3c3b !important; }
body #header-desktop-sticky .header-row-ylapalkki-sticky .header-logo-wrapper a img {
  filter: invert(1); }
  body #footer .footer-yhteystiedot-valikko .column-1-container .grid-menu {
    display: flex;
    flex-direction: column; }
    body #footer .footer-yhteystiedot-valikko .column-1-container .grid-menu .grid-menu-item-main-level > a {
      font-weight: 400;
      font-size: 1.75rem;
      margin-bottom: 1rem;
      color: #3c3c3b; }
body .side-menu-container .nav-wrapper .nav-title a:before {
  color: #3c3c3b !important; }