.elementor-926 .elementor-element.elementor-element-00cfecc{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--z-index:1000;}.elementor-926 .elementor-element.elementor-element-00cfecc:not(.elementor-motion-effects-element-type-background), .elementor-926 .elementor-element.elementor-element-00cfecc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-78ad7a8 );}.elementor-926 .elementor-element.elementor-element-f39550b{--display:flex;--min-height:80px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-926 .elementor-element.elementor-element-f39550b:not(.elementor-motion-effects-element-type-background), .elementor-926 .elementor-element.elementor-element-f39550b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9430749 );}.elementor-926 .elementor-element.elementor-element-7dbf499{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-926 .elementor-element.elementor-element-199cf8a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;text-align:start;}.elementor-926 .elementor-element.elementor-element-199cf8a img{width:115px;}.elementor-926 .elementor-element.elementor-element-0880ba5{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-926 .elementor-element.elementor-element-0880ba5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-926 .elementor-element.elementor-element-39fd82d .elementor-menu-toggle{margin:0 auto;}.elementor-926 .elementor-element.elementor-element-39fd82d .elementor-nav-menu .elementor-item{font-family:"Fredoka", Sans-serif;font-size:19px;font-weight:500;font-style:normal;text-decoration:none;line-height:1.3em;letter-spacing:0px;word-spacing:0px;}.elementor-926 .elementor-element.elementor-element-39fd82d .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-926 .elementor-element.elementor-element-087c6e5 .elementor-menu-toggle{margin:0 auto;}.elementor-926 .elementor-element.elementor-element-087c6e5 .elementor-nav-menu .elementor-item{font-family:"Fredoka", Sans-serif;font-size:19px;font-weight:500;font-style:normal;text-decoration:none;line-height:1.3em;letter-spacing:0px;word-spacing:0px;}.elementor-926 .elementor-element.elementor-element-087c6e5 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-926 .elementor-element.elementor-element-f2b1684 .elementor-menu-toggle{margin:0 auto;}.elementor-926 .elementor-element.elementor-element-f2b1684 .elementor-nav-menu .elementor-item{font-family:"Fredoka", Sans-serif;font-size:19px;font-weight:500;font-style:normal;text-decoration:none;line-height:1.3em;letter-spacing:0px;word-spacing:0px;}.elementor-926 .elementor-element.elementor-element-f2b1684 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-926 .elementor-element.elementor-element-56a68d7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-926 .elementor-element.elementor-element-596386d .elementor-button{background-color:var( --e-global-color-primary );font-family:"Fredoka", Sans-serif;font-size:20px;font-weight:500;font-style:normal;text-decoration:none;line-height:1.3em;letter-spacing:0px;word-spacing:0px;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );box-shadow:6px 6px 10px 0px rgba(0,0,0,0.5);}.elementor-926 .elementor-element.elementor-element-596386d{width:initial;max-width:initial;}.elementor-926 .elementor-element.elementor-element-596386d.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-926 .elementor-element.elementor-element-c510330 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Fredoka", Sans-serif;font-size:20px;font-weight:500;font-style:normal;text-decoration:none;line-height:1.3em;letter-spacing:0px;word-spacing:0px;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );box-shadow:6px 6px 10px 0px rgba(0,0,0,0.5);padding:12px 25px 12px 25px;}.elementor-926 .elementor-element.elementor-element-c510330{width:initial;max-width:initial;}.elementor-926 .elementor-element.elementor-element-c510330.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-926 .elementor-element.elementor-element-b3b1cd2{text-align:center;}.elementor-926 .elementor-element.elementor-element-b3b1cd2 img{width:110px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-926 .elementor-element.elementor-element-00cfecc{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-926 .elementor-element.elementor-element-f39550b{--min-height:72px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-926 .elementor-element.elementor-element-56a68d7{--min-height:72px;--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-926 .elementor-element.elementor-element-b3b1cd2{text-align:center;}.elementor-926 .elementor-element.elementor-element-b3b1cd2 img{width:110px;}}@media(min-width:768px){.elementor-926 .elementor-element.elementor-element-00cfecc{--width:100%;}.elementor-926 .elementor-element.elementor-element-f39550b{--content-width:1200px;}.elementor-926 .elementor-element.elementor-element-7dbf499{--width:120px;}.elementor-926 .elementor-element.elementor-element-0880ba5{--width:62%;}.elementor-926 .elementor-element.elementor-element-56a68d7{--width:200px;}}@media(max-width:1024px) and (min-width:768px){.elementor-926 .elementor-element.elementor-element-00cfecc{--width:100%;}.elementor-926 .elementor-element.elementor-element-56a68d7{--width:100%;}}@media(max-width:767px){.elementor-926 .elementor-element.elementor-element-00cfecc{--width:100%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:nowrap;}.elementor-926 .elementor-element.elementor-element-f39550b{--min-height:62px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-926 .elementor-element.elementor-element-7dbf499{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-926 .elementor-element.elementor-element-56a68d7{--width:100%;--min-height:62px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-926 .elementor-element.elementor-element-596386d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-926 .elementor-element.elementor-element-596386d.elementor-element{--align-self:center;}.elementor-926 .elementor-element.elementor-element-596386d .elementor-button{font-size:16px;padding:5px 5px 5px 5px;}.elementor-926 .elementor-element.elementor-element-c510330{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-926 .elementor-element.elementor-element-c510330.elementor-element{--align-self:center;}.elementor-926 .elementor-element.elementor-element-c510330 .elementor-button{font-size:16px;padding:5px 5px 5px 5px;}.elementor-926 .elementor-element.elementor-element-b3b1cd2{text-align:center;}.elementor-926 .elementor-element.elementor-element-b3b1cd2 img{width:88px;}}/* Start custom CSS for container, class: .elementor-element-00cfecc *//* ==================================================
   YOBB – MOBILE & TABLET HEADER V2
   Normaali yläpalkki – EI STICKY / EI FLOAT
================================================== */

@media (max-width: 1024px) {

  /* ==================================================
     POISTETAAN STICKY KOKONAAN
  ================================================== */

  .yobb-main-header,
  .yobb-main-header.elementor-sticky--effects,
  .yobb-main-header.elementor-sticky--active {
    position: relative !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    width: 100% !important;

    transform: none !important;

    background: transparent !important;
    box-shadow: none !important;
  }


  /* ==================================================
     HEADERIN PERUSRAKENNE
  ================================================== */

  .yobb-mobile-bar {
    position: relative !important;

    display: grid !important;

    grid-template-columns:
      minmax(90px, 1fr)
      auto
      minmax(90px, 1fr) !important;

    grid-template-rows: 1fr !important;

    align-items: center !important;

    width: 100% !important;

    min-height: 68px !important;
    height: auto !important;

    margin: 0 !important;

    padding:
      7px
      16px !important;

    gap: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background:
      var(--yobb-primary) !important;

    box-shadow: none !important;

    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;

    transform: none !important;
  }


  /* Elementor-elementtien omat leveydet pois */
  .yobb-mobile-bar > .elementor-element {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
  }


  /* ==================================================
     VASEN – KIRJAUTUMINEN
  ================================================== */

  .yobb-header-login {
    grid-column: 1 !important;
    grid-row: 1 !important;

    justify-self: start !important;
    align-self: center !important;

    width: auto !important;
    margin: 0 !important;

    position: relative;
    z-index: 3;
  }


  /* ==================================================
     KESKI – LOGO
  ================================================== */

  .yobb-mobile-logo {
    grid-column: 2 !important;
    grid-row: 1 !important;

    justify-self: center !important;
    align-self: center !important;

    width: auto !important;
    margin: 0 !important;

    position: relative;
    z-index: 2;
  }


  .yobb-mobile-logo img {
    display: block !important;

    width: auto !important;
    max-width: 124px !important;
    max-height: 50px !important;

    margin: 0 auto !important;

    object-fit: contain;
  }


  /* ==================================================
     OIKEA – PROFIILI
  ================================================== */

  .yobb-header-profile {
    grid-column: 3 !important;
    grid-row: 1 !important;

    justify-self: end !important;
    align-self: center !important;

    width: auto !important;
    margin: 0 !important;

    position: relative;
    z-index: 3;
  }


  /* ==================================================
     KIRJAUTUMISNAPPI
  ================================================== */

  .yobb-header-login .elementor-button {
    min-height: 40px;

    padding:
      9px
      14px;

    border:
      1px solid
      var(--yobb-secondary) !important;

    background:
      var(--yobb-primary) !important;

    color:
      var(--yobb-secondary) !important;

    box-shadow: none !important;

    opacity: 1 !important;
  }
}


/* ==================================================
   MOBILE
================================================== */

@media (max-width: 767px) {

  .yobb-mobile-bar {
    grid-template-columns:
      minmax(76px, 1fr)
      auto
      minmax(76px, 1fr) !important;

    min-height: 60px !important;

    padding:
      6px
      10px !important;
  }


  .yobb-mobile-logo img {
    max-width: 118px !important;
    max-height: 48px !important;
  }


  .yobb-header-login .elementor-button {
    min-height: 36px;

    padding:
      8px
      10px;

    font-size: 12px;
  }
}

/* ==================================================
   YOBB – MOBILE HEADER / SPACE FIX
   Ei stickyä eikä tyhjää spaceria headerin alle
================================================== */

@media (max-width: 1024px) {

  /* Header ei varaa ylimääräistä tilaa */
  .yobb-main-header,
  .yobb-main-header.elementor-sticky--effects,
  .yobb-main-header.elementor-sticky--active {
    position: relative !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;

    background: transparent !important;
    box-shadow: none !important;
  }


  /* Varsinainen mobiilipalkki */
  .yobb-mobile-bar {
    margin: 0 !important;

    border-bottom: 0 !important;

    transform: none !important;
  }


  /* ================================================
     ELEMENTOR STICKY SPACER POIS

     Elementor voi jättää tämän paikalleen vaikka
     itse header ei enää näyttäisi stickyltä.
  ================================================= */

  .yobb-main-header
  .elementor-sticky__spacer,
  .yobb-main-header
  + .elementor-sticky__spacer {
    display: none !important;

    width: 0 !important;
    height: 0 !important;

    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
  }
}


/* ==================================================
   FEED-SIVUN YLÄSPACING POIS MOBIILISSA
================================================== */

@media (max-width: 767px) {

  /*
   * Shortcode-widget.
   */
  .elementor-widget-shortcode:has(.yobb-feed-list-main),
  .elementor-widget-shortcode:has(.yobb-feed-list-main)
  > .elementor-widget-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }


  /*
   * Elementor-container, jossa feed sijaitsee.
   * Tämä on tärkeä, jos rako tulee containerin
   * omasta top paddingista eikä shortcode-widgetistä.
   */
  .e-con:has(.yobb-feed-list-main) {
    margin-top: 0 !important;
    padding-top: 0 !important;

    --padding-top: 0px !important;
  }


  .e-con:has(.yobb-feed-list-main)
  > .e-con-inner {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }


  /*
   * Feed alkaa heti siitä kohdasta,
   * johon Elementor sen sijoittaa.
   */
  .yobb-feed-list-main,
  .yobb-feed-list-main
  .yobb-feed-slide:first-child,
  .yobb-feed-list-main
  .yobb-feed-card:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}

/* YOBB NARROW MOBILE SAFETY */
@media (max-width: 360px) {
  .yobb-mobile-bar {
    grid-template-columns: minmax(58px, 1fr) auto minmax(58px, 1fr) !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .yobb-mobile-logo img {
    max-width: 88px !important;
  }

  .yobb-header-profile .yobb-notification-bell__trigger,
  .yobb-header-profile .yobb-header-profile-trigger {
    width: 42px !important;
    height: 42px !important;
  }
}

/* YOBB NARROW PROFILE SCALE */
@media (max-width: 360px) {
  .yobb-header-profile {
    transform: scale(.82) !important;
    transform-origin: right center !important;
  }
}

/* YOBB MOBILE LOGO OPTICAL ALIGNMENT */
@media (max-width: 1024px) {
  .yobb-mobile-logo,
  .yobb-mobile-logo > .elementor-widget-container,
  .yobb-mobile-logo a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 0 !important;
  }

  .yobb-mobile-logo img {
    transform: translateY(2px) !important;
  }
}

/* YOBB MOBILE SINGLE NOTIFICATION CONTROL */
@media (max-width: 767px) {
  body .yobb-mobile-notification-slot {
    display: none !important;
  }

  .yobb-header-profile .yobb-header-profile-trigger,
  .yobb-header-profile .yobb-header-profile-dropdown {
    display: none !important;
  }

  .yobb-header-profile .yobb-header-profile-menu {
    gap: 0 !important;
  }
}

/* YOBB MOBILE HIDE PROFILE STRONG OVERRIDE */
@media (max-width: 767px) {
  body .elementor-926 .yobb-header-profile .yobb-header-profile-trigger,
  body .elementor-926 .yobb-header-profile .yobb-header-profile-dropdown {
    display: none !important;
  }
}/* End custom CSS */