.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-primary );}.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;}.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-702b7e8 );fill:var( --e-global-color-702b7e8 );}.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-702b7e8 );fill:var( --e-global-color-702b7e8 );}.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-702b7e8 );fill:var( --e-global-color-702b7e8 );}.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:flex-start;}.elementor-926 .elementor-element.elementor-element-596386d .elementor-button{background-color:var( --e-global-color-702b7e8 );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-primary );color:var( --e-global-color-primary );box-shadow:6px 6px 10px 0px rgba(0,0,0,0.5);}.elementor-926 .elementor-element.elementor-element-596386d.elementor-element{--align-self:center;}.elementor-926 .elementor-element.elementor-element-269f7bf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;text-align:start;}.elementor-926 .elementor-element.elementor-element-269f7bf img{width:115px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-926 .elementor-element.elementor-element-00cfecc{--min-height:62px;--align-items:flex-start;--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:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.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{--min-height:65px;--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-evenly;--align-items:center;}.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-269f7bf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-926 .elementor-element.elementor-element-269f7bf.elementor-element{--align-self:center;}}@media(min-width:768px){.elementor-926 .elementor-element.elementor-element-00cfecc{--content-width:100%;}.elementor-926 .elementor-element.elementor-element-f39550b{--width:1180px;}.elementor-926 .elementor-element.elementor-element-7dbf499{--width:57%;}.elementor-926 .elementor-element.elementor-element-0880ba5{--width:57.971%;}.elementor-926 .elementor-element.elementor-element-56a68d7{--width:98%;}}/* Start custom CSS for container, class: .elementor-element-00cfecc *//* ==================================================
   YOBB – MOBILE & TABLET HEADER
   Keskitys + sticky + leijuva ulkoasu
================================================== */

@media (max-width: 1024px) {

  /* 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;

    background: var(--e-global-color-primary);

    transition:
      width 0.25s ease,
      margin 0.25s ease,
      padding 0.25s ease,
      background-color 0.25s ease,
      border-radius 0.25s ease,
      box-shadow 0.25s ease;
  }

  /* Poistetaan Elementorin mahdolliset leveysmääritykset */
  .yobb-mobile-bar > .elementor-element {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
  }

  /* Kirjaudu vasempaan reunaan */
  .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;
  }

  /* Logo aina palkin todellisessa keskikohdassa */
  .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: 110px !important;
    max-height: 46px !important;

    margin: 0 auto !important;

    object-fit: contain;
  }

  /* Profiili oikeaan reunaan */
  .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;
  }

  .yobb-header-profile img {
    display: block !important;

    width: 46px !important;
    height: 46px !important;

    border: 2px solid var(--e-global-color-secondary);
    border-radius: 999px;

    object-fit: cover;

    opacity: 1 !important;
  }

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

    padding: 9px 14px;

    background: var(--e-global-color-primary) !important;
    color: var(--e-global-color-accent) !important;

    border: 1px solid var(--e-global-color-secondary) !important;

    opacity: 1 !important;
  }

  /* Uloin sticky-header läpinäkyväksi vieritystilassa */
  .yobb-main-header.elementor-sticky--effects {
    background: transparent !important;
    box-shadow: none !important;
  }

  /* Leijuva palkki vierityksen jälkeen */
  .yobb-main-header.elementor-sticky--effects .yobb-mobile-bar {
    width: calc(100% - 20px) !important;

    margin: 10px auto 0 !important;
    padding: 7px 14px !important;

    background:
      color-mix(
        in srgb,
        var(--e-global-color-primary) 30%,
        transparent
      ) !important;

    -webkit-backdrop-filter: blur(16px) saturate(145%);
    backdrop-filter: blur(16px) saturate(145%);

    border: 1px solid
      color-mix(
        in srgb,
        var(--e-global-color-secondary) 55%,
        transparent
      );

    border-radius: 22px;

    box-shadow:
      0 8px 24px
        color-mix(
          in srgb,
          var(--e-global-color-text) 18%,
          transparent
        );
  }

  /* Kirjaudu-napin hohde vieritystilassa */
  .yobb-main-header.elementor-sticky--effects
  .yobb-header-login .elementor-button {
    box-shadow:
      0 0 0 2px
        color-mix(
          in srgb,
          var(--e-global-color-secondary) 25%,
          transparent
        ),
      0 0 18px
        color-mix(
          in srgb,
          var(--e-global-color-primary) 75%,
          transparent
        );
  }

  /* Profiilikuvan hohde vieritystilassa */
  .yobb-main-header.elementor-sticky--effects
  .yobb-header-profile img {
    box-shadow:
      0 0 0 3px
        color-mix(
          in srgb,
          var(--e-global-color-secondary) 25%,
          transparent
        ),
      0 0 20px
        color-mix(
          in srgb,
          var(--e-global-color-primary) 75%,
          transparent
        );
  }
}


/* ==================================================
   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: 96px !important;
    max-height: 40px !important;
  }

  .yobb-header-profile img {
    width: 40px !important;
    height: 40px !important;
  }

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

    padding: 8px 10px;

    font-size: 12px;
  }
}/* End custom CSS */