/* Start custom CSS for shortcode, class: .elementor-element-386f972 *//* RJV: Google-arvostelukortit (WP Google Review Slider T1), rajattu vain tähän widgettiin.
   Arvot osion alkuperäisistä review-card/-quote/-grid-luokista. !important vain siellä,
   missä pluginin tai Porto Childin (!important) säännöt muuten voittavat. */
.elementor-9794 .elementor-element.elementor-element-386f972 .wprev-no-slider { margin: 0; }
.elementor-9794 .elementor-element.elementor-element-386f972 .wprevpro_t1_outer_div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  padding: 0;
  margin: 2.5rem 0 0;
}
.elementor-9794 .elementor-element.elementor-element-386f972 .wprevpro_t1_outer_div::before,
.elementor-9794 .elementor-element.elementor-element-386f972 .wprevpro_t1_outer_div::after { content: none; display: none; }

/* Kortti: teksti ylhäällä, kirjoittaja alhaalla */
.elementor-9794 .elementor-element.elementor-element-386f972 .wprevpro_t1_DIV_1 {
  float: none;
  width: auto;
  margin: 0;
  padding: 1.75rem;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: 1fr auto;
  column-gap: 0.75rem;
  row-gap: 1.25rem;
  align-items: center;
  background: var(--color-surface-light, #FAFAF8);
  border: 1px solid var(--color-border, #AAA9A4);
}
.elementor-9794 .elementor-element.elementor-element-386f972 .wprevpro_t1_DIV_2 {
  grid-column: 1 / -1;
  align-self: stretch;
  margin: 0 !important;
  padding: 0 0 1.25rem !important;
  background: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--color-surface-muted, #ECECE7) !important;
}
.elementor-9794 .elementor-element.elementor-element-386f972 .wprevpro_t1_DIV_2::before,
.elementor-9794 .elementor-element.elementor-element-386f972 .wprevpro_t1_DIV_2::after { content: none !important; display: none !important; }

.elementor-9794 .elementor-element.elementor-element-386f972 .wprevpro_t1_P_3 {
  margin: 0;
  font-family: var(--font-primary, Manrope), sans-serif !important;
  font-size: clamp(17px, 16.625px + 0.0955vw, 18px) !important;
  line-height: 1.6;
  color: #171717 !important;
  overflow-wrap: anywhere;
}
.elementor-9794 .elementor-element.elementor-element-386f972 .wprevpro_star_imgs_T1 { display: block; margin: 0 0 0.875rem; line-height: 1; }

/* Kirjoittaja: avatar + nimi + päivämäärä */
.elementor-9794 .elementor-element.elementor-element-386f972 .wprevpro_t1_A_8 { grid-row: 2; display: block; line-height: 0; }
.elementor-9794 .elementor-element.elementor-element-386f972 .wprevpro_t1_IMG_4 { float: none; margin: 0; width: 40px; height: 40px; }
.elementor-9794 .elementor-element.elementor-element-386f972 .wprevpro_t1_SPAN_5 {
  grid-row: 2;
  padding: 0;
  font-family: var(--font-primary, Manrope), sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  text-transform: none;
  color: #171717 !important;
}
.elementor-9794 .elementor-element.elementor-element-386f972 .wprev_showdate_T1 {
  display: block;
  margin-top: 2px;
  font-family: var(--font-label, 'DM Mono'), monospace;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #555555;
}

@media (max-width: 991px) {
  .elementor-9794 .elementor-element.elementor-element-386f972 .wprevpro_t1_outer_div { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767px) {
  .elementor-9794 .elementor-element.elementor-element-386f972 .wprevpro_t1_DIV_1 { padding: 1.25rem; }
}/* End custom CSS */
/* Start custom CSS *//* RJV Elementor 2026: Porto-teeman asettelukorjaukset vain tälle sivulle.
   "body.elementor-page-9794" = body.elementor-page-<sivun id>, joten säännöt toimivat myös, jos sivun id vaihtuu siirrossa.
   Siirretty 20.10.2026 WP Customizerin lisä-CSS:stä ("RJV Elementor 2026: Porto layout override"); Customizerin kopio poistetaan julkaisun yhteydessä. */

/* Sisältöalue koko levyiseksi: Porton sivuttaispaddingit ja -marginaalit pois. */
body.elementor-page-9794 .column1.wide > .container-fluid { padding-inline: 0; }
body.elementor-page-9794 .column1.wide .row.main-content-wrap { margin-inline: 0; }
body.elementor-page-9794 .column1.wide .main-content.col-lg-12 { padding-inline: 0; margin-top: 0; }

/* Porton .main-content-alamarginaali (48px) pois, jotta viimeinen osio liittyy suoraan footeriin. */
body.elementor-page-9794 #main .main-content { margin-bottom: 0; }

/* Porto-headerin alaviiva (.header-main border-bottom) pois, jotta header liittyy tummaan heroon. !important tarvitaan, koska WPBakeryn .vc_custom_1640821790136 asettaa viivan !important-säännöllä. Header-blokkia ei muutettu. */
body.elementor-page-9794 #header .header-main { border-bottom-color: transparent !important; }
/* Heron Fixus-merkki alarivillä (K-36, idea A, 22.10.2026).
   Porto Childin "body p" pakottaa fontin (WorkSans-Regular), koon (14px) ja värin (#06232E) !important-säännöllä, joten ne asetetaan tässä.
   Julkisella sivulla data-id on itse <p>:ssä, editorissa kappaleen ympärillä olevassa kääreessä. Siksi kumpikin valitsin (":is(...)"), jotta editori näyttää saman kuin sivu. */
body.elementor-page-9794 :is([data-id="5545f755"], [data-id="5545f755"] > p, [data-id="10af083a"], [data-id="10af083a"] > p) { font-family: var(--font-primary), sans-serif !important; }
body.elementor-page-9794 :is([data-id="5545f755"], [data-id="5545f755"] > p) { font-weight: 700 !important; font-size: 16px !important; line-height: 1.3 !important; color: #FFFFFF !important; }
body.elementor-page-9794 :is([data-id="10af083a"], [data-id="10af083a"] > p) { font-size: 13px !important; line-height: 1.35 !important; color: rgba(255, 255, 255, 0.8) !important; }
/* Alarivi (ja sen viiva) on enintään 43.5rem (696 px) eli H1:n pisimmän rivin mittainen (paikallistyyli). Kun alarivi on kapeampi (desktop alle noin 1 310 px, tabletti ja mobiili), kohdat siirtyvät merkin alle ilman pystyviivaa.
   Alarivi 38ad8ad on container-type: inline-size, joten raja seuraa sarakkeen leveyttä eikä näytön leveyttä. */
@container (max-width: 43.49rem) {
  body.elementor-page-9794 .elementor-element-752aeefd { padding-inline-start: 0; border-inline-start-width: 0; flex-basis: 100%; }
}

/* Fixus-widgetille varataan lopullinen korkeus, jotta varauslaatikko ei kasva widgetin latautuessa (loppu-QA 22.10., CLS).
   Widgetin korkeus on 272 px alle 576 px:n näkymässä ja 293 px siitä ylöspäin. */
body.elementor-page-9794 [data-id="a79d75f"] { min-height: 272px; }
@media (min-width: 576px) { body.elementor-page-9794 [data-id="a79d75f"] { min-height: 293px; } }/* End custom CSS */