/*
Theme Name: Hello Biz Child
Template: hello-biz
Version: 1.0
*/@media (max-width: 1200px) {
    .ehp-header__navigation {
        margin-left: 10px !important;
        margin-right: 15px !important;
    }
}
html, body {
  overflow-x: hidden;
}

.ehp-button__text {
    white-space: nowrap;
    word-break: keep-all;
}
.wpr-grid-image-wrap img {
  background-color: #F4F2EF; /* valkoinen tausta */
  display: block;
  padding: 5px; /* halutessasi reuna logolle */

  height: 400px;       /* valitse sopiva korkeus esim. 200–300px */
  width: 100%;         /* venyy aina täyteen leveyteen */
  object-fit: contain;
  display: block;
}

.site-main {
  max-width: 960px;
  margin: 0 auto;
  padding: 2rem;
}

.post-thumbnail img {
  width: 100%;
  height: auto;
  margin-bottom: 1.5rem;
}

.entry-title {
  font-size: 2rem;
  margin-bottom: .5rem;
}
/* Artikkelin pääkuva */
.single-post .post-thumbnail {
  text-align: center;         /* keskitys */
  background-color: #F4F2EF;  /* tausta kuten grideissä */
  padding: 10px;
}
/* Artikkelin pääkuvan kehys */
.single-post .post-thumbnail {
  display: flex;
  justify-content: center;    /* keskitys vaakasuunnassa */
  align-items: center;        /* keskitys pystysuunnassa (jos tila isompi kuin kuva) */
  background-color: #F4F2EF;  /* sama tausta kuin grideissä */
  padding: 10px;
  max-height: 500px;          /* korkeusrajoitus */
  overflow: hidden;           /* estää kuvan venymisen yli */
}

/* Itse kuva */
.single-post .post-thumbnail img.article-featured-image {
  max-height: 500px;   /* rajaa korkeuden */
  width: auto;         /* säilytä mittasuhteet */
  max-width: 100%;     /* ei ylitä containeria */
  height: auto;
  object-fit: contain; /* koko kuva näkyy */
}

/* Artikkelin otsikko */
.single-post .wpr-grid-item-title {
  font-family: var(--e-global-typography-secondary-font-family), serif;
  font-size: var(--e-global-typography-secondary-font-size);
  font-weight: var(--e-global-typography-secondary-font-weight);
  line-height: var(--e-global-typography-secondary-line-height);
  letter-spacing: var(--e-global-typography-secondary-letter-spacing);
  color: var(--e-global-color-accent); /* vihreä */
  margin: 20px 0 10px;
}
/* Otsikko vasemmalle */
.single-post .entry-header,
.single-post .wpr-grid-item-title,
.single-post .wpr-grid-item-title .inner-block { 
  text-align: left !important;
}

/* PAKOTA päiväys omalle riville otsikon alle */
.single-post .entry-header .wpr-grid-item-date {
  display: block !important;   /* ohittaa “display-inline” */
  float: none !important;      /* estää kierron */
  clear: both !important;      /* aloita uusi rivi */
  width: 100% !important;
  margin: 6px 0 20px !important; /* väli otsikon ja sisällön väliin */
}
/* Päivämäärä valkoiseksi */
.single-post .entry-header .wpr-grid-item-date span {
  color: #ffffff !important;
}
/* Varmista että sisällön blokki ei kierrä päiväystä */
.single-post .entry-header + .entry-content {
  clear: both;
}

/* Päivämäärän typografia */
.single-post .wpr-grid-item-date span {
  color: #ffffff !important; /* valkoinen */
  font-family: var(--e-global-typography-text-font-family), sans-serif;
  font-size: 0.9rem;
}
/* Artikkelisisältö teeman globaaleilla arvoilla */
.single-post .entry-content,
.single-post .wpr-grid-item-excerpt,
.single-post .wpr-grid-item-excerpt .inner-block {
  text-align: left !important;
}

.single-post .entry-content.wpr-like-content {
  font-family: var(--e-global-typography-text-font-family), sans-serif;
  font-size: var(--e-global-typography-text-font-size);
  font-weight: var(--e-global-typography-text-font-weight);
  line-height: var(--e-global-typography-text-line-height);
  letter-spacing: var(--e-global-typography-text-letter-spacing);
  color: var(--e-global-color-text);
}

/* Sisällön otsikot */
.single-post .entry-content.wpr-like-content h1,
.single-post .entry-content.wpr-like-content h2,
.single-post .entry-content.wpr-like-content h3,
.single-post .entry-content.wpr-like-content h4,
.single-post .entry-content.wpr-like-content h5,
.single-post .entry-content.wpr-like-content h6 {
  font-family: var(--e-global-typography-secondary-font-family), serif;
  font-size: var(--e-global-typography-secondary-font-size);
  font-weight: var(--e-global-typography-secondary-font-weight);
  line-height: var(--e-global-typography-secondary-line-height);
  letter-spacing: var(--e-global-typography-secondary-letter-spacing);
  color: var(--e-global-color-accent); /* vihreä */
}

/* Kappaleet ja listat */
.single-post .entry-content.wpr-like-content p { margin: 0 0 1.2em; }
.single-post .entry-content.wpr-like-content ul,
.single-post .entry-content.wpr-like-content ol { margin: 1em 0 1.5em 1.5em; }

/* Lainaus */
.single-post .entry-content.wpr-like-content blockquote {
  border-left: 4px solid var(--e-global-color-accent);
  padding-left: 1em; margin: 1.5em 0; font-style: italic;
  color: var(--e-global-color-text);
}

/* Linkit + hover */
.single-post .entry-content.wpr-like-content a {
  color: var(--e-global-color-accent);
  text-decoration: underline;
  transition: color .3s ease;
}
.single-post .entry-content.wpr-like-content a:hover {
  color: #4DB452B8;
}
/* Päivämäärä valkoiseksi ja omalle riville vain single-artikkelissa */
body.single-post .entry-header .wpr-grid-item-date,
body.single-post .entry-header .wpr-grid-item-date .inner-block,
body.single-post .entry-header .wpr-grid-item-date * {
  color: #ffffff !important;      /* ← väri */
  display: block !important;       /* omalle riville */
  float: none !important;
  clear: both !important;
  width: 100% !important;
  margin: 6px 0 20px !important;   /* väli otsikon ja sisällön väliin */
  text-align: left !important;
}
/* Ajankohtaista-sivun artikkelikuvan kehys */
/* Ajankohtaista-sivun artikkelikuvan kehys */
.ajankohtaista-thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 500px;        /* uusi korkeus */
  background-color: #F4F2EF;
  margin-bottom: 1rem;
  overflow: hidden;         /* estää vierityspalkit */
}

/* Kuva */
.ajankohtaista-thumbnail img {
  max-height: 500px;        /* ei kasva yli kehystä */
  width: auto;
  height: auto;
  object-fit: contain !important;  /* koko kuva näkyy */
  display: block;
}
/* Ajankohtaista-sivun artikkelien otsikot */
.ajankohtaista-title {
  font-family: var(--e-global-typography-primary-font-family), serif;
  font-size: 2rem; /* pienempi kuin H1, sopiva listalle */
  font-weight: var(--e-global-typography-primary-font-weight);
  line-height: 1.3em;
  letter-spacing: 2px; /* vähemmän kuin H1:ssä */
  margin: 0 0 0.5rem 0;
}

/* Linkki otsikon sisällä */
.ajankohtaista-title a {
  color: var(--e-global-color-accent);
  text-decoration: none;
  transition: color 0.3s ease;
}

.ajankohtaista-title a:hover {
  color: #4DB452B8;
}
/* Ajankohtaista-sivun artikkelien päivämäärä */
.ajankohtaista-date {
  color: #ffffff !important;
  font-family: var(--e-global-typography-text-font-family), sans-serif;
  margin-bottom: 1rem;
}
/* Ajankohtaista-sivun artikkelien sisältö */
.ajankohtaista-excerpt {
  font-family: var(--e-global-typography-text-font-family), sans-serif;
  font-size: var(--e-global-typography-text-font-size);
  font-weight: var(--e-global-typography-text-font-weight);
  line-height: var(--e-global-typography-text-line-height);
  letter-spacing: var(--e-global-typography-text-letter-spacing);
  color: var(--e-global-color-text);
  margin-bottom: 1rem;
}

/* Linkit excerptin sisällä */
.ajankohtaista-excerpt a {
  color: var(--e-global-color-accent);
  text-decoration: underline;
  transition: color 0.3s ease;
}

.ajankohtaista-excerpt a:hover {
  color: #4DB452B8;
}
/* Lue lisää -linkki Ajankohtaista-sivulla */
.ajankohtaista-readmore a {
  font-family: var(--e-global-typography-accent-font-family), sans-serif;
  font-weight: var(--e-global-typography-accent-font-weight);
  line-height: var(--e-global-typography-accent-line-height);
  color: var(--e-global-color-accent);
  text-decoration: underline;
  transition: color 0.3s ease;
}

.ajankohtaista-readmore a:hover {
  color: #4DB452B8;
}
/* Ajankohtaista artikkelien väli ja erotin */
.ajankohtaista-post {
  margin-bottom: 3rem;           /* tilaa artikkeleiden väliin */
  padding-bottom: 2rem;          /* sisätilaa ennen erotinta */
  border-bottom: 1px solid #333; /* erotinviiva */
}

/* Viimeisestä poistetaan viiva */
.ajankohtaista-post:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.page-id-607 h1.page-title {
  display: none;
}