/**
 * Cover Block styles
 */

/* Default Cover Block */

.wp-block-cover {
  overflow: hidden;
}

.wp-block-column .wp-block-cover:not(.is-style-not-rounded),
.wp-block-cover:not(.alignfull):not(.is-style-not-rounded) {
  border-radius: 10px;
  overflow: hidden;
}

.wp-block-cover-image.has-background-dim:not([class*="-background-color"]),
.wp-block-cover.has-background-dim:not([class*="-background-color"]) {
  background-color: #007398;
}

.wp-block-cover__inner-container {
  margin: 0 auto !important;
  width:100%!important;
  max-width: 960px;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.default-cover .default-cover-group {
  color: #253746;
  background-color: #fff8f0;
  padding: 1rem;
  /*width: 100%;*/
  /*margin: 0 auto;*/
}

.hero-cover .hero-cover-group {
  color: #253746;
  background-color: #fff8f0;
  padding: 1rem;
}

.hero-cover:not(.is-style-not-rounded) .hero-cover-group {
  border-radius: 10px;
}

.wp-block-cover__inner-container > *:last-child,
.default-cover .default-cover-group p:last-child,
.default-cover .default-cover-group .wp-block-buttons:last-child {
  margin-bottom: 0;
}

.default-cover .default-cover-group h1,
.default-cover .default-cover-group h2,
.default-cover .default-cover-group h3 {
  margin-bottom: 1rem;
}

@media only screen and (max-width: 992px) {

  /* ainoastaan ensimmäinen group joka on asemoitu cover-elementin alareunaan. Ei enää group-elementin sisällä mahdollisesti oleva group. */
  main > *.wp-block-cover.is-position-bottom-left .wp-block-cover__inner-container > .wp-block-group,
  main > *.wp-block-cover.is-position-bottom-right .wp-block-cover__inner-container > .wp-block-group,
  main > *.wp-block-cover.is-position-bottom-center .wp-block-cover__inner-container > .wp-block-group {
    margin-top: 40vh;
  }

  .wp-block-cover.is-position-bottom-left .wp-block-cover__inner-container > .wp-block-group.has-background,
  .wp-block-cover.is-position-bottom-right .wp-block-cover__inner-container > .wp-block-group.has-background,
  .wp-block-cover.is-position-bottom-center .wp-block-cover__inner-container > .wp-block-group.has-background {
    margin-top: 40vh;
  }
}

.wp-block-cover.is-position-top-right .wp-block-cover__inner-container,
.wp-block-cover.is-position-top-left .wp-block-cover__inner-container,
.wp-block-cover.is-position-top-center .wp-block-cover__inner-container {
  justify-content: flex-start;
}

.wp-block-cover.is-position-bottom-right .wp-block-cover__inner-container,
.wp-block-cover.is-position-bottom-left .wp-block-cover__inner-container,
.wp-block-cover.is-position-bottom-center .wp-block-cover__inner-container {
  justify-content: flex-end;
}

.wp-block-cover.is-position-center-right .wp-block-cover__inner-container,
.wp-block-cover.is-position-center-left .wp-block-cover__inner-container,
.wp-block-cover.is-position-center-center .wp-block-cover__inner-container {
  justify-content: center;
}

.wp-block-cover.is-position-top-right .wp-block-cover__inner-container,
.wp-block-cover.is-position-center-right .wp-block-cover__inner-container,
.wp-block-cover.is-position-bottom-right .wp-block-cover__inner-container {
  align-items: flex-end;
}

.wp-block-cover.is-position-top-left .wp-block-cover__inner-container,
.wp-block-cover.is-position-center-left .wp-block-cover__inner-container,
.wp-block-cover.is-position-bottom-left .wp-block-cover__inner-container {
  align-items: flex-start;
}



@media only screen and (min-width: 992px) {

  .wp-block-cover {
    padding: 2em;
  }

  .default-cover.is-position-top-right,
  .default-cover.is-position-top-left,
  .default-cover.is-position-top-center {
    align-items: flex-start;
  }

  .default-cover.is-position-top-right .default-cover-group,
  .default-cover.is-position-top-left .default-cover-group,
  .default-cover.is-position-top-center .default-cover-group {
    margin-top: 3rem;
  }


/*
  .default-cover.is-position-center-right .default-cover-group,
  .default-cover.is-position-center-left .default-cover-group {
    margin: 0 auto;
  }*/
/*
  .default-cover.is-position-bottom-right,
  .default-cover.is-position-bottom-left,
  .default-cover.is-position-bottom-center {
    align-items: flex-end;
  }
*/
  .default-cover.is-position-bottom-right .default-cover-group,
  .default-cover.is-position-bottom-left .default-cover-group,
  .default-cover.is-position-bottom-center .default-cover-group {
    margin-bottom: 3rem;
  }
/*
  .default-cover.is-position-top-right .default-cover-group,
  .default-cover.is-position-center-right .default-cover-group,
  .default-cover.is-position-bottom-right .default-cover-group {
    float: right;
  }

  .default-cover.is-position-top-left .default-cover-group,
  .default-cover.is-position-center-left .default-cover-group,
  .default-cover.is-position-bottom-left .default-cover-group {
    float: left;
  }
*/

/*
  .default-cover.is-position-top-center .default-cover-group {
    margin: 2rem auto 0 auto;
  }

  .default-cover.is-position-bottom-center .default-cover-group {
    margin: 0 auto 2rem auto;
  }
*/
  .wp-block-cover .wp-block-group.has-background,
  .default-cover .default-cover-group {
    padding: 2rem !important;
    max-width: 50%;
  }

  .wp-block-columns .default-cover .default-cover-group {
    width: 100%;
    margin: 0 auto;
    /*margin-bottom: -3rem;*/
  }

  .wp-block-columns .default-cover .wp-block-cover__inner-container {
    width: 100% !important;
  }
}

/* Hero Cover Block */

/*
.hero-cover {
  min-height: 85vh;
  max-height: 90vh;
  padding-right: 0;
}*/

.hero-cover .wp-block-cover__inner-container {
  margin-bottom: 0rem;
}

@media only screen and (min-width: 600px) {
  .default-cover .default-cover-group {
    border-radius: 10px;
  }

  .default-cover .default-cover-group,
  .hero-cover .hero-cover-group {
    padding: 2rem;
  }

}

@media only screen and (max-width: 600px) {
  /*.wp-block-cover:not(:first-child) {
    flex-direction: column;
    align-items: center;
    justify-content: flex-end !important;
    padding: 50vh 0 0 !important;
  }
*/
  .wp-block-cover .wp.block-group.has-background {
    margin-left:  -0.5rem;
    margin-right: -0.5rem;
  }
  /*
  main > .wp-block-cover .wp-block-cover__image-background {
    min-height: 50vh;
  }*/


  /*
  main
    > .hero-cover.wp-block-cover.alignfull:first-child
    .wp-block-cover__image-background,
  main
    > .default-cover.wp-block-cover.alignfull:first-child
    .wp-block-cover__image-background {
    position: relative;
    min-height: 70vh;
  }
*/

/*
  .wp-block-cover .wp-block-cover__inner-container {
    width: 100%;
  }*/


  /*
  main
    > .hero-cover.wp-block-cover.alignfull:first-child
    .wp-block-cover__inner-container,
  main
    > .default-cover.wp-block-cover.alignfull:first-child
    .wp-block-cover__inner-container {
    margin: 0 !important;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
  }*/
  /*
  main > .hero-cover.wp-block-cover.alignfull:first-child .wp-block-group,
  main > .default-cover.wp-block-cover.alignfull:first-child .wp-block-group {
    width: calc(100% + 2em);
    margin-left: -1em;
    border-radius: 0;
  }*/

  main
    > .hero-cover.wp-block-cover.alignfull.has-mansku-background-color:first-child
    .wp-block-group,
  main
    > .default-cover.wp-block-cover.alignfull.has-mansku-background-color:first-child
    .wp-block-group {
    width: 100%;
    margin-left: auto;
    border-radius: 10px;
  }

  .hero-cover .hero-cover-group.has-background {
    /*border-top-right-radius: 0 !important;
    border-radius: 0 !important;*/
    /*margin-left: -1rem;
    margin-right: -1rem;*/
  }
}

/*
.hero-cover-group .wp-block-group__inner-container {
  margin-bottom: 0;
  padding: 10px;
}

.hero-cover .hero-cover-group p:last-child {
  margin-bottom: 0;
}
*/

@media only screen and (min-width: 1200px) {
  /*
  .hero-cover {
    min-height: 90vh;
  }
  
  .hero-cover img.wp-block-cover__image-background {
    height: 100%;
  }*/

  .hero-cover.is-position-top-right .hero-cover-group,
  .hero-cover.is-position-top-left .hero-cover-group,
  .hero-cover.is-position-top-center .hero-cover-group {
    margin-top: 3rem;
  }
/*
  .hero-cover.is-position-center-right .hero-cover-group,
  .hero-cover.is-position-center-left .hero-cover-group {
    margin: 0 auto;
  }
*/
  .hero-cover.is-position-bottom-right .hero-cover-group,
  .hero-cover.is-position-bottom-left .hero-cover-group,
  .hero-cover.is-position-bottom-center .hero-cover-group {
    margin-bottom: 3rem;
  }
/*
  .hero-cover.is-position-top-right .hero-cover-group,
  .hero-cover.is-position-center-right .hero-cover-group,
  .hero-cover.is-position-bottom-right .hero-cover-group {
    float: right;
  }

  .hero-cover.is-position-top-left .hero-cover-group,
  .hero-cover.is-position-center-left .hero-cover-group,
  .hero-cover.is-position-bottom-left .hero-cover-group {
    float: left;
  }
*/

/*
  .hero-cover.is-position-top-center .hero-cover-group {
    margin: 2rem auto 0 auto;
  }

  .hero-cover.is-position-bottom-center .hero-cover-group {
    margin: 0 auto 2rem auto;
  }

  .hero-cover .hero-cover-group {
    border-radius: 10px;
    margin-left: 0;
  }


  */
/*
  .hero-cover .hero-cover-group {
    width: 45%;
    padding: 2rem !important;
    margin: 0 auto;
  }*/

  .hero-cover-group .wp-block-group__inner-container {
    padding: 0px;
  }
}

@media only screen and (min-width: 1200px) {

  .wp-block-cover__inner-container,
  .hero-cover .wp-block-cover__inner-container,
  .default-cover .wp-block-cover__inner-container {
    max-width: 1140px;
  }

}

@media only screen and (min-width: 1400px) {

  .wp-block-cover__inner-container,
  .hero-cover .wp-block-cover__inner-container,
  .default-cover .wp-block-cover__inner-container {
    max-width: 1320px !important;
  }

}

/* Front page text color fix for mobile */

@media only screen and (max-width: 797.98px) {
  .mobile-frontpage-cover-color {
    color: #253746 !important;
  }
}