@charset "UTF-8";
@import url(../../css/reset.css);
@import url(../../css/base.css);
header {
  position: relative;
  background-color: #00a4eb;
  border-bottom: 1px solid #ffffff; }
  header .content-wrapper {
    flex-wrap: wrap; }
  @media all and (min-width: 992px) {
    header {
      border-bottom: 0; } }

#logo {
  margin: -10px auto 0 auto;
  max-width: 100px;
  padding-bottom: 10px; }
  @media all and (min-width: 992px) {
    #logo {
      position: absolute;
      left: calc(50% - 60px);
      top: 0;
      z-index: 99;
      left: 30px;
      max-width: 165px;
      z-index: 9000;
      padding: 0; } }

#menu_toggle {
  order: 1;
  position: absolute;
  right: 20px;
  top: 55px;
  padding: 0; }
  @media all and (min-width: 992px) {
    #menu_toggle {
      order: 4;
      display: none; } }
  #menu_toggle .dashicons {
    width: 55px;
    height: 50px;
    font-size: 50px; }

.navigationarea {
  order: 3;
  display: none;
  width: 100%;
  position: absolute;
  left: 0;
  top: 119px;
  z-index: 9999;
  box-shadow: 0 7px 8px rgba(35, 35, 35, 0.6);
  padding: 10px 0 80px 0;
  background: #00a4eb; }
  @media all and (min-width: 992px) {
    .navigationarea {
      padding: 0;
      position: relative;
      top: auto;
      box-shadow: none;
      display: flex !important;
      flex-direction: column;
      z-index: 8000; } }

#top-menu {
  background-color: #00a4eb;
  width: 100%;
  padding: 1em 0; }
  #top-menu a {
    color: #ffffff; }
  @media all and (min-width: 992px) {
    #top-menu {
      order: 2;
      background-color: #000000;
      text-align: right;
      padding: 0; }
      #top-menu a {
        color: #00a4eb; } }

.top-menu {
  font-size: 1rem;
  font-weight: 700; }
  .top-menu > li {
    display: block;
    padding: 0.5em 1em; }
    @media all and (min-width: 992px) {
      .top-menu > li {
        display: inline-block;
        padding: 1em; } }
  @media all and (min-width: 992px) {
    .top-menu {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      font-size: 0.875rem; } }

#main-menu {
  background-color: #00a4eb;
  width: 100%; }
  #main-menu a {
    color: #ffffff;
    text-transform: uppercase; }
  #main-menu a.current-menu-item {
    color: #000000; }
  @media all and (min-width: 992px) {
    #main-menu {
      order: 3; } }
  @media all and (max-width: 992px) {
    #main-menu {
      position: relative !important;
      top: auto !important; } }

.main-menu {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 1rem; }
  .main-menu > li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-transform: uppercase;
    position: relative;
    padding: 12px 0 8px 0; }
    .main-menu > li a {
      display: inline-block;
      padding: 0.75em 1em; }
    .main-menu > li > ul {
      order: 3;
      width: 100%;
      display: none;
      text-align: left; }
      .main-menu > li > ul a {
        color: #ffffff; }
      .main-menu > li > ul a.current-menu-item {
        color: #00a4eb; }
      .main-menu > li > ul > li {
        padding: 0 2em;
        font-size: 0.875rem; }
      @media all and (min-width: 992px) {
        .main-menu > li > ul {
          width: auto;
          min-width: 255px;
          background: #000000;
          padding: 1em 0; }
          .main-menu > li > ul > li {
            padding: 0 1em; } }
    @media all and (min-width: 992px) {
      .main-menu > li {
        display: inline-block; }
        .main-menu > li > ul.open {
          display: block !important;
          position: absolute;
          left: 0;
          top: 4.3em;
          z-index: 9999; } }
  @media all and (min-width: 992px) and (any-hover: hover) {
    .main-menu > li:hover > ul {
      display: block !important;
      position: absolute;
      left: 0;
      top: 4.3em;
      z-index: 9999; } }
    @media all and (min-width: 992px) {
        .main-menu > li a {
          display: inline-block;
          padding: 1em; } }
  @media all and (min-width: 992px) {
    .main-menu {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      text-align: right;
      font-size: 0.9375rem; } }

li.menu-item-has-children span {
  width: 50px;
  height: 45px;
  color: #ffffff;
  padding: 0.75em;
  text-align: center;
  cursor: pointer;
  order: 2; }

@media all and (min-width: 992px) and (any-hover: hover) {
  li.menu-item-has-children span {
    display: none; } }

footer {
  background-color: #000000;
  font-size: 0.875rem;
  line-height: 1.6428em;
  font-weight: 500;
  color: #ffffff;
  padding: 60px 0; }
  footer a {
    font-weight: 700;
    color: #00a4eb; }
  footer .widget {
    margin-bottom: 1rem; }
  footer .sub-menu {
    display: none; }
  footer li span {
    display: none !important; }
  @media all and (min-width: 576px) {
    footer .content-wrapper {
      display: flex;
      flex-wrap: wrap; }
    footer .widget {
      width: 40%; }
    footer .widget:first-child {
      width: 100%; } }
  @media all and (min-width: 992px) {
    footer .widget, footer .widget:first-child {
      width: 22%; }
    footer .widget:last-child,
    footer .widget:nth-child(4) {
      width: 15%;
      text-align: right; } }

.posts-index,
.post-archive {
  padding: 2em 0; }
  .posts-index article.post, .post-archive article.post {
    margin-bottom: 2em; }
    .posts-index article.post a, .post-archive article.post a {
      display: block; }
    .posts-index article.post:last-of-type, .post-archive article.post:last-of-type {
      margin-bottom: 4em; }
  .posts-index .pagination, .post-archive .pagination {
    text-align: center;
    max-width: 940px;
    margin: 1em auto; }

.posts-index {
  margin-top: 3em; }

.post-archive article.post {
  margin-left: 0px; }

@media all and (min-width: 992px) {
  .post-archive aside {
    margin-top: 260px; } }

.single-post article.post {
  padding-bottom: 3em; }
  .single-post article.post h1 {
    padding-bottom: 70px; }
  .single-post article.post time {
    margin-bottom: 2em;
    display: inline-block; }
  .single-post article.post .wp-block-hero-block-main + h1 {
    padding-bottom: 110px; }

html, body {
  height: 100%; }

body {
  font-family: "museo-sans", sans-serif;
  color: #000000;
  width: 100%;
  font-weight: 500;
  overflow-x: hidden;
  display: flex;
  flex-direction: column; }

main {
  flex: 1 0 auto; }

footer#main-footer {
  flex-shrink: 0; }

#main {
  width: 100%;
  overflow-x: hidden; }

p {
  margin-bottom: 1em;
  line-height: 1.375em; }

a {
  text-decoration: none;
  color: #00a4eb; }

a:visited, a:hover, a:active {
  color: #00a4eb; }

h1, h2, h3, h4, .likeh1, .likeh2, .likeh3, .likeh4, .headerlike-bigger, .headerlike-smaller {
  overflow-wrap: break-word; }

h1 {
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
  line-height: 1em;
  /* margin-left:auto !important; margin-right:auto !important; width:80%;*/
  font-size: 3.75rem;
  line-height: 1em; }
  @media all and (min-width: 768px) {
    h1 {
      width: 100%; } }

.likeh1 {
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
  line-height: 1em;
  /* margin-left:auto !important; margin-right:auto !important; width:80%;*/
  font-size: 3.8125rem;
  line-height: 0.95em; }
  @media all and (min-width: 768px) {
    .likeh1 {
      width: 100%; } }

h2 {
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
  line-height: 1em;
  /* margin-left:auto !important; margin-right:auto !important; width:80%;*/
  text-transform: none;
  font-style: normal;
  font-size: 1.1875rem;
  margin: 0.75em 0; }
  @media all and (min-width: 768px) {
    h2 {
      width: 100%; } }

.likeh2 {
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
  line-height: 1em;
  /* margin-left:auto !important; margin-right:auto !important; width:80%;*/
  font-size: 1.1875rem; }
  @media all and (min-width: 768px) {
    .likeh2 {
      width: 100%; } }

h3 {
  font-weight: 900;
  font-size: 1.0625rem;
  margin: 0.75em 0; }

.likeh3 {
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
  line-height: 1em;
  /* margin-left:auto !important; margin-right:auto !important; width:80%;*/
  font-size: 1.875rem; }
  @media all and (min-width: 768px) {
    .likeh3 {
      width: 100%; } }

.likeh4 {
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
  line-height: 1em;
  /* margin-left:auto !important; margin-right:auto !important; width:80%;*/
  font-size: 1.5rem; }
  @media all and (min-width: 768px) {
    .likeh4 {
      width: 100%; } }

h1 {
  position: relative;
  left: -2000px;
  text-align: center;
  padding: 90px 0 110px 0; }

h1 span, h2 span, h3 span, .likeh2 span, .likeh3 span, .likeh4 span, .headerlike-bigger span, .headerlike-smaller span {
  color: #00a4eb; }

.headerlike-bigger {
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
  line-height: 1em;
  /* margin-left:auto !important; margin-right:auto !important; width:80%;*/
  font-size: 1.875rem;
  margin: 20px 0 1.2em 0;
  line-height: 1.2em; }
  @media all and (min-width: 768px) {
    .headerlike-bigger {
      width: 100%; } }

.headerlike-smaller {
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
  line-height: 1em;
  /* margin-left:auto !important; margin-right:auto !important; width:80%;*/
  font-size: 1.5rem;
  margin: 15px 0 50px 0; }
  @media all and (min-width: 768px) {
    .headerlike-smaller {
      width: 100%; } }

.margins-both {
  margin-top: 50px;
  margin-bottom: 50px; }

.card_title span {
  color: #00a4eb;
  display: block; }

.likeh1 {
  position: relative;
  left: -2000px;
  font-size: 2.9375rem; }

@media screen and (min-width: 992px) {
  h1 {
    font-size: 3.75rem; }
  .likeh1 {
    font-size: 3.8125rem; } }

.maxwidth {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  max-width: 940px; }

.cta-buttons {
  background-color: #00a4eb;
  color: #ffffff; }
  @media all and (min-width: 992px) {
    .cta-buttons {
      position: fixed;
      right: 0;
      top: 20vh;
      width: 64px; } }
  .cta-buttons a {
    display: inline-block;
    width: 64px;
    height: 48px; }

.tel {
  background: url("../../img/icon-phone.png") no-repeat center center; }

.whatsapp {
  background: url("../../img/icon-whatsapp.png") no-repeat center center; }

.mail {
  background: url("../../img/icon-mail.png") no-repeat center center; }

/* Gutenberg */
.has-white-background-color {
  background: #ffffff;
  color: #000000; }

.has-black-background-color {
  background: #000000;
  color: #ffffff; }

.has-blue-background-color {
  background: #00a4eb;
  color: #ffffff; }

.has-white-color, .has-white-color a {
  color: #ffffff; }

.has-black-color, .has-black-color a {
  color: #000000; }

.has-blue-color, .has-blue-color a {
  color: #00a4eb; }

.wp-block-button a {
  color: #ffffff;
  background: #00a4eb;
  color: #ffffff;
  font-weight: 900;
  font-style: italic;
  font-size: 1rem;
  padding: 15px 40px;
  text-transform: uppercase;
  border: 0;
  cursor: pointer;
  transition: background-color 0.2s;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  width: auto; }
  .wp-block-button a:hover {
    background: #000000; }

.alignwide {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  max-width: 940px; }

.alignfull {
  width: 100%;
  max-width: 100%; }

.is-style-tel {
  background: url("../../img/icon_phone_blue.png") no-repeat left top;
  padding-left: 50px;
  min-height: 33px; }

.is-style-whatsapp {
  background: url("../../img/icon_whatsapp_blue.png") no-repeat left top;
  padding-left: 50px;
  min-height: 33px; }

.is-style-mail {
  background: url("../../img/icon_mail_blue.png") no-repeat left top;
  padding-left: 50px;
  min-height: 33px; }

.is-style-fb {
  background: url("../../img/icon_fb_blue.png") no-repeat left top;
  padding-left: 50px;
  min-height: 33px; }

.is-style-instagram {
  background: url("../../img/icon_instagram_blue.png") no-repeat left top;
  padding-left: 50px;
  min-height: 33px; }

.is-style-chat {
  background: url("../../img/icon-chat.png") no-repeat left top;
  padding-left: 50px;
  min-height: 33px; }

.is-style-contact {
  background: url("../../img/icon-contact.png") no-repeat left top;
  padding-left: 50px;
  min-height: 33px; }

.wp-block-color-row-block-main .is-style-tel {
  background: url("../../img/icon-phone.png") no-repeat left top; }

.wp-block-color-row-block-main .is-style-whatsapp {
  background: url("../../img/icon-whatsapp.png") no-repeat left top; }

.wp-block-color-row-block-main .is-style-mail {
  background: url("../../img/icon-mail.png") no-repeat left top; }

.wp-block-color-row-block-main .is-style-contact {
  background: url("../../img/icon-marker.png") no-repeat left top; }

.wp-block-color-row-block-main .is-style-chat {
  background: url("../../img/icon-chat.png") no-repeat left top; }

.wp-block-color-row-block-main .is-style-fb {
  background: url("../../img/icon-fb.png") no-repeat left top; }

.wp-block-color-row-block-main .is-style-instagram {
  background: url("../../img/icon-instagram.png") no-repeat left top; }

.wp-block-color-row-block-main a {
  color: #ffffff; }

/* Columns fixes */
.wp-block-columns {
  justify-content: space-between;
  margin-bottom: 0; }
  .wp-block-columns .wp-block-column {
    margin-bottom: 1em; }

main ul {
  margin-top: 1em;
  margin-bottom: 1em; }

main li {
  margin-left: 1em;
  margin-bottom: 0.5em; }
  main li:before {
    content: "\02022";
    display: inline-block;
    color: #00a4eb;
    width: 1em;
    margin-left: -1em; }

.wp-block-hero-block-main img {
  min-height: 100%;
  min-width: 100%;
  max-width: none; }

.home .wp-block-hero-block-main {
  background-color: #00a4eb; }

.wp-block-column {
  flex-grow: 1; }
  @media all and (min-width: 768px) {
    .wp-block-column {
      flex-basis: 50%; }
      .wp-block-column:not(:last-child) {
        margin-right: 11px; }
      .wp-block-column:not(:first-child) {
        margin-left: 11px; }
      .wp-block-column:nth-child(odd) {
        margin-right: 11px; }
      .wp-block-column:last-child {
        margin-right: 0; } }
  @media all and (max-width: 768px) {
    .wp-block-column {
      margin-left: 0 !important;
      margin-right: 0 !important;
      flex-basis: 100%; } }

.color-row .content-column.narrower p,
.color-row .narrower p {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500; }

@media all and (min-width: 992px) {
  .color-row .content-column.narrower,
  .color-row .narrower {
    padding-left: 35px; } }

@media all and (min-width: 992px) {
  .wp-block-color-row-block-main > .is-style-with-icon .content-box_body,
  .wp-block-color-row-block-main > .is-style-with-icon:hover .content-box_body {
    display: flex; }
    .wp-block-color-row-block-main > .is-style-with-icon .content-box_body p,
    .wp-block-color-row-block-main > .is-style-with-icon:hover .content-box_body p {
      width: 50%; }
    .wp-block-color-row-block-main > .is-style-with-icon .content-box_body p:first-child,
    .wp-block-color-row-block-main > .is-style-with-icon:hover .content-box_body p:first-child {
      margin-right: 30px;
      width: calc(50% - 40px); } }

.wp-block-sidebar-wrapper-block-main .wp-block-card-block-main {
  margin: 2.5rem 0; }

.wp-block-sidebar-wrapper-block-main ul {
  margin-top: 1rem;
  margin-bottom: 2rem; }

.wp-block-sidebar-wrapper-block-main li {
  line-height: 1.375em; }

.wp-block-embed {
  margin: 2.5rem 0; }

/* Forms */
input, select, textarea, input:not([type=submit]) {
  border: 1px solid #000000;
  box-sizing: border-box;
  width: 90%;
  padding: 15px;
  background: transparent;
  font-family: "museo-sans", sans-serif;
  font-size: inherit; }

input[type=checkbox], input[type=radio] {
  width: auto;
  padding: 0;
  margin-right: 10px; }

textarea {
  height: 100px; }

input[type=submit], button, .buttonlike,
input[type=submit]:hover, button:hover, .buttonlike:hover, .buttonlike:active, .buttonlike:visited {
  background: #00a4eb;
  color: #ffffff;
  font-weight: 900;
  font-style: italic;
  font-size: 1rem;
  padding: 15px 40px;
  text-transform: uppercase;
  border: 0;
  cursor: pointer;
  transition: background-color 0.2s;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  width: auto;
  font-family: inherit; }
  input[type=submit]:hover, button:hover, .buttonlike:hover,
  input[type=submit]:hover:hover, button:hover:hover, .buttonlike:hover:hover, .buttonlike:active:hover, .buttonlike:visited:hover {
    background: #000000; }

button a {
  color: #ffffff; }

.has-background input, .has-background select, .has-background textarea {
  border-color: #ffffff;
  color: #ffffff; }

._field-wrapper input[type=text], ._checkbox-radio {
  margin-bottom: 10px; }

#load_more {
  margin: 30px auto; }

.centered {
  text-align: center; }

.color-row textarea, .has-background textarea {
  border: 1px solid #ffffff;
  background: #ffffff;
  color: #000000; }

.color-row input, .has-background input {
  border: 1px solid #ffffff;
  background: #ffffff;
  color: #000000; }

/* AC -lomakkeet */
._x53368544 {
  display: none; }

/* Title*/
._button-wrapper {
  margin-top: 1em; }

/* submit */
/* pyydä tarjous, tilaa kuntotarkastus */
._form_7, ._form_10 {
  /* talon tyyppi*/
  /* urakan kohde */
  /* lisätiedot-tekstikenttä */
  /* nimi */
  /* puhelin */
  /* säpo */
  /* Katuosoite*/
  /* postinro */
  /* postitoimipaikka */
  /* tietojenkäsittely */
  /* submit */ }
  ._form_7 ._form-content, ._form_10 ._form-content {
    /*display:flex; justify-content:space-between; flex-wrap:wrap; columns:3;*/
    position: relative; }
  ._form_7 ._form-label, ._form_10 ._form-label {
    display: inline-block;
    margin: 1em 0; }
  ._form_7 input[type=checkbox], ._form_10 input[type=checkbox] {
    border: 0;
    padding: 5px; }
  ._form_7 ._form_element, ._form_10 ._form_element {
    flex: 0 0 auto; }
  ._form_7 ._field4, ._form_10 ._field4 {
    margin-left: 0; }
    @media all and (min-width: 768px) {
      ._form_7 ._field4, ._form_10 ._field4 {
        width: 32%;
        position: absolute;
        top: 0;
        left: 0; } }
  ._form_7 ._field5, ._form_10 ._field5 {
    margin-top: 1em;
    margin-left: 0; }
    @media all and (min-width: 768px) {
      ._form_7 ._field5, ._form_10 ._field5 {
        width: 32%;
        position: absolute;
        top: 7em;
        left: 0; } }
  ._form_7 ._field9, ._form_10 ._field9 {
    margin-bottom: 0.5em; }
    @media all and (min-width: 768px) {
      ._form_7 ._field9, ._form_10 ._field9 {
        width: 32%;
        float: left;
        margin-left: 33%;
        margin-bottom: 0; } }
    ._form_7 ._field9 ._form-label, ._form_10 ._field9 ._form-label {
      display: none; }
    ._form_7 ._field9 textarea, ._form_10 ._field9 textarea {
      height: 355px; }
  @media all and (min-width: 768px) {
    ._form_7 ._x93117971, ._form_10 ._x93117971 {
      width: 32%;
      margin-left: 66%; } }
  ._form_7 ._x93117971 ._form-label, ._form_10 ._x93117971 ._form-label {
    display: none; }
  @media all and (min-width: 768px) {
    ._form_7 ._x42850312, ._form_10 ._x42850312 {
      width: 32%;
      margin-left: 66%; } }
  ._form_7 ._x42850312 ._form-label, ._form_10 ._x42850312 ._form-label {
    display: none; }
  @media all and (min-width: 768px) {
    ._form_7 ._x54166025, ._form_10 ._x54166025 {
      width: 32%;
      margin-left: 66%; } }
  ._form_7 ._x54166025 ._form-label, ._form_10 ._x54166025 ._form-label {
    display: none; }
  @media all and (min-width: 768px) {
    ._form_7 ._field6, ._form_10 ._field6 {
      width: 32%;
      margin-left: 66%; } }
  ._form_7 ._field6 ._form-label, ._form_10 ._field6 ._form-label {
    display: none; }
  @media all and (min-width: 768px) {
    ._form_7 ._field7, ._form_10 ._field7 {
      width: 32%;
      margin-left: 66%; } }
  ._form_7 ._field7 ._form-label, ._form_10 ._field7 ._form-label {
    display: none; }
  @media all and (min-width: 768px) {
    ._form_7 ._field8, ._form_10 ._field8 {
      width: 32%;
      margin-left: 66%; } }
  ._form_7 ._field8 ._form-label, ._form_10 ._field8 ._form-label {
    display: none; }
  ._form_7 ._field1, ._form_10 ._field1 {
    margin-bottom: 1em; }
    @media all and (min-width: 768px) {
      ._form_7 ._field1, ._form_10 ._field1 {
        width: 66%;
        clear: both; } }
  ._form_7 ._button-wrapper, ._form_10 ._button-wrapper {
    width: 100%; }
    ._form_7 ._button-wrapper button, ._form_10 ._button-wrapper button {
      background: #000000; }

/* lähetä viesti */
._form_12 {
  /* lisätiedot-tekstikenttä */
  /* nimi */
  /* puhelin */
  /* säpo */
  /* Paikkakunta*/
  /* tietojenkäsittely */
  /* submit */ }
  ._form_12 ._form-content {
    position: relative; }
  ._form_12 ._form-label {
    display: inline-block;
    margin: 1em 0; }
  ._form_12 input[type=checkbox] {
    border: 0;
    padding: 5px; }
  ._form_12 ._field10 {
    width: 48%;
    position: absolute;
    top: 0;
    right: 0; }
    ._form_12 ._field10 ._form-label {
      display: none; }
    ._form_12 ._field10 textarea {
      height: 233px; }
  ._form_12 ._x00608973 {
    width: 48%; }
    ._form_12 ._x00608973 ._form-label {
      display: none; }
  ._form_12 ._x57444939 {
    width: 48%; }
    ._form_12 ._x57444939 ._form-label {
      display: none; }
  ._form_12 ._x54166025 {
    width: 48%; }
    ._form_12 ._x54166025 ._form-label {
      display: none; }
  ._form_12 ._field2 {
    width: 48%; }
    ._form_12 ._field2 ._form-label {
      display: none; }
  ._form_12 ._field1 {
    width: 33%;
    clear: both;
    margin-bottom: 1em; }
  ._form_12 ._button-wrapper {
    width: 100%; }
    ._form_12 ._button-wrapper button {
      background: #000000; }

/* Front */
.main-image {
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 784px;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 95%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 95%); }

.centered-text {
  max-width: 770px;
  text-align: center;
  color: #ffffff;
  margin: 0 20px; }

.content-box {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

/* Asiakastarinat */
@media all and (min-width: 768px) {
  .reference_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .reference_container article {
      width: 30%;
      margin-bottom: 30px; } }

.reference h2, .reference.ingress {
  margin: 1em 0; }

.reference a {
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
  line-height: 1em;
  /* margin-left:auto !important; margin-right:auto !important; width:80%;*/
  color: #00a4eb; }
  @media all and (min-width: 768px) {
    .reference a {
      width: 100%; } }

.ingress {
  font-style: italic; }

.refe-image {
  position: relative;
  margin-bottom: 1em; }
  .refe-image span {
    position: absolute;
    left: 1em;
    bottom: 1em;
    z-index: 10;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    line-height: 1em;
    /* margin-left:auto !important; margin-right:auto !important; width:80%;*/
    color: #ffffff; }
    @media all and (min-width: 768px) {
      .refe-image span {
        width: 100%; } }

/* Mestarit */
@media all and (min-width: 768px) {
  .mestari_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .mestari_container .mestarit-box {
      width: 32%;
      margin-bottom: 30px; } }

.mestarit-box .more_link {
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
  line-height: 1em;
  /* margin-left:auto !important; margin-right:auto !important; width:80%;*/
  background-color: transparent;
  font-size: 1rem;
  color: #ffffff;
  display: inline-block;
  margin-top: 2em; }
  @media all and (min-width: 768px) {
    .mestarit-box .more_link {
      width: 100%; } }
  @media all and (min-width: 768px) {
    .mestarit-box .more_link {
      display: none; } }

@media all and (min-width: 768px) {
  .mestarit-box .likeh3:hover .mestari_descr {
    width: 100%; }
  .mestarit-box .likeh3:hover .more_link {
    display: block; } }

.mestarit-box .content-text {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  -webkit-clip-path: polygon(0 0, 100% 55px, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 55px, 100% 100%, 0 100%);
  padding: 55px 30px 20px 30px;
  color: #ffffff; }
  @media all and (min-width: 768px) {
    .mestarit-box .content-text:hover .mestari_descr {
      display: block; }
    .mestarit-box .content-text:hover .more_link {
      display: block; } }

.mestarit-box .content-box {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  color: #ffffff;
  position: relative; }
  .mestarit-box .content-box:after {
    content: "";
    display: block;
    padding-bottom: 86%; }

.mestari_title {
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
  line-height: 1em;
  /* margin-left:auto !important; margin-right:auto !important; width:80%;*/
  font-size: 1.5rem; }
  @media all and (min-width: 768px) {
    .mestari_title {
      width: 100%; } }

.mestari_descr {
  padding-bottom: 1em;
  height: 5.5em;
  overflow: hidden; }
  @media all and (min-width: 768px) {
    .mestari_descr {
      display: none; } }

/* Yhteystietokartta */
.wpgmza_modern_infowindow {
  background: #00a4eb;
  color: #ffffff;
  padding: 1rem;
  font-size: 1rem;
  font-family: "museo-sans", sans-serif; }

.wpgmza_modern_infowindow_close {
  font-family: "museo-sans", sans-serif;
  font-size: 1rem;
  text-align: right; }

.wpgmza_iw_address {
  display: none; }

.wpgmza_iw_title {
  font-weight: 900; }

.wpgmza_basic_list {
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-gap: 2em;
  /* Firefox */
  column-gap: 2em;
  margin: 1.5em 0;
  line-height: 1.25em; }
  .wpgmza_basic_list .wpgmza_div_marker {
    display: none; }
  .wpgmza_basic_list .wpgmza_div_title {
    font-size: 1rem;
    color: #00a4eb; }
  .wpgmza_basic_list .wpgmaps_blist_row:hover {
    background-color: transparent; }
  .wpgmza_basic_list .wpgmza_div_address {
    display: none; }

/* Muut */
.pagination {
  padding-top: 50px;
  padding-bottom: 95px; }
  .pagination h2 {
    display: none; }
  .pagination .page-numbers {
    display: inline-block;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    line-height: 1em;
    /* margin-left:auto !important; margin-right:auto !important; width:80%;*/
    width: auto !important;
    margin-right: 1em; }
    @media all and (min-width: 768px) {
      .pagination .page-numbers {
        width: 100%; } }

.some {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  max-width: 940px;
  margin-bottom: 50px;
  overflow: hidden; }
/*# sourceMappingURL=theme.min.css.map */