/**
* Layout
*/

/* default content width */
main > :not(.alignwide):not(.alignfull),
.wp-block-group__inner-container > *:not(.alignwide):not(.alignfull) {
  max-width: 860px;
}


.wp-block-pullquote.alignleft.alignwide, .wp-block-pullquote.alignright.alignwide, .wp-block-pullquote.has-text-align-left.alignwide, .wp-block-pullquote.has-text-align-right.alignwide,
.alignwide {
  margin-left: auto;
  margin-right: auto;
  max-width: 960px;
}

@media (min-width: 1200px) {
  .wp-block-pullquote.alignleft.alignwide, .wp-block-pullquote.alignright.alignwide, .wp-block-pullquote.has-text-align-left.alignwide, .wp-block-pullquote.has-text-align-right.alignwide,
  .alignwide {
    margin-left: auto;
    margin-right: auto;
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .wp-block-pullquote.alignleft.alignwide, .wp-block-pullquote.alignright.alignwide, .wp-block-pullquote.has-text-align-left.alignwide, .wp-block-pullquote.has-text-align-right.alignwide,
  .alignwide {
    max-width: 1320px;
  }
}

.rounded {
  border-radius: 10px!important;
}

.pagination .page-item {
  flex-grow:1;
}

@media (min-width: 768px) {
  .pagination .page-item {
    max-width:50%;
  }
  .pagination .page-item:first-child {
    margin-right: 1rem;
  }
}

.pagination .page-item .fa-arrow-left,
.pagination .page-item .fa-arrow-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.pagination .page-item .fa-arrow-left {
  left:1rem;
}
.pagination .page-item .fa-arrow-right {
  right:1rem;
}

.hero.has-post-thumbnail {
  max-height:500px!important;
}

.hero.has-post-thumbnail a {
  color: inherit;
}

.hero img {
  z-index:1!important;
}

main > *:is(h1, h2, h3, h4, h5, h6, p, ul, blockquote):last-child {
    margin-bottom: 4rem;
}

main > *[class^="alignfull"]:not(.wp-block-masonry-grid):last-child {
    margin-bottom:0;
}

.yhteystietolaatikko {
  position:relative;
}

.yhteystietolaatikko > a:hover{
  color: #fff;
}

.yhteystietolaatikko:after {
  content: '';
  height:2px;
  background-color: #007398;
  width:100vw;
  position: absolute;
  top:50%;
  left:50%;
  transform: translateX(-50%);
  z-index:-1;
}

/* default element spacing */
main > *[class^="wp-block"],
main > *[class^="wp-container"] {
  margin-bottom: 2rem;
}

div.wp-block-spacer {
  margin-bottom: 0;
}

main > *[class^="wp-block"].alignfull:not(.wp-block-masonry-grid) + *[class^="wp-block"].alignfull,
main > *[class^="wp-container"].alignfull:not(.wp-block-masonry-grid) + *[class^="wp-container"].alignfull,
main > *[class^="wp-container"].alignfull:not(.wp-block-masonry-grid) + *[class^="wp-block"].alignfull,
main > *[class^="wp-block"].alignfull:not(.wp-block-masonry-grid) + *[class^="wp-container"].alignfull {
  margin-top: -2rem;
}

main > *:not(.alignwide):not(.alignfull) + .alignwide,
main > *:not(.alignwide):not(.alignfull) + .alignfull {
  margin-top: 2rem;
}

main > *.alignfull.has-background:last-child {
  margin-bottom:0;
}


@media (min-width: 768px) {

  /* default element spacing */
  main > *[class^="wp-block"]:not(.wp-block-spacer):not(.wp-block-heading),
  main > *[class^="wp-container"]:not(.wp-block-spacer):not(.wp-block-heading) {
    margin-bottom: 4rem;
  }

  main > .alignfull:last-child {
    margin-bottom:0;
  }

  main > *[class^="wp-block"].alignfull:not(.wp-block-masonry-grid) + *[class^="wp-block"].alignfull,
  main > *[class^="wp-container"].alignfull:not(.wp-block-masonry-grid) + *[class^="wp-container"].alignfull,
  main > *[class^="wp-container"].alignfull:not(.wp-block-masonry-grid) + *[class^="wp-block"].alignfull,
  main > *[class^="wp-block"].alignfull:not(.wp-block-masonry-grid) + *[class^="wp-container"].alignfull {
  margin-top: -4rem;
  }

  main > *:not(.alignwide):not(.alignfull) + .alignwide,
  main > *:not(.alignwide):not(.alignfull) + .alignfull {
  margin-top: 4rem;
  }

}