.elementor-kit-6{--e-global-color-primary:#000000;--e-global-color-secondary:#164194;--e-global-color-text:#333333;--e-global-color-accent:#576C88;--e-global-color-735e23b:#FFFFFF;--e-global-color-39fdd42:#FFFFFFE0;--e-global-color-f948f5c:#FFCC00;--e-global-color-9186f3b:#999999;--e-global-color-77d8a23:#DEE4E824;--e-global-color-4df0b36:#E1E5EA;--e-global-color-1c16f45:#E1E5EA;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-size:45px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-size:22px;--e-global-typography-secondary-font-weight:300;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-size:20px;--e-global-typography-accent-font-weight:300;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-secondary );}.elementor-kit-6 a:hover{color:var( --e-global-color-accent );}.elementor-kit-6 h3{color:var( --e-global-color-secondary );font-size:37px;font-weight:400;}.elementor-kit-6 h4{color:var( --e-global-color-secondary );font-family:"Poppins", Sans-serif;font-size:26px;font-weight:700;}.elementor-kit-6 h5{color:#164194;font-family:"Poppins", Sans-serif;font-size:22px;font-weight:300;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================
   VÄRIMUUTTUJAT
   ========================================= */

:root{
  --teco-blue: #1a3f8b;
  --teco-white: #ffffff;
  --teco-light-bg: rgba(255,255,255,0.75); /* LÄPINÄKYVÄMPI ALKUTILA */
}

/* =========================================
   HEADER – ALKUTILA
   ========================================= */

.elementor-location-header .teco-header{
  background-color: var(--teco-light-bg);
  transition:
    background-color .25s ease,
    box-shadow .25s ease;
  z-index: 999;
}

/* =========================================
   HEADER – SCROLL-TILA
   ========================================= */

.elementor-location-header .teco-header.elementor-sticky--effects{
  background-color: var(--teco-blue);
  box-shadow: 0 8px 24px rgba(0,0,0,.25);
}

/* =========================================
   LOGOT
   ========================================= */

.elementor-location-header .teco-header .logo-col{
  position: relative;
}

.elementor-location-header .teco-header .logo--top,
.elementor-location-header .teco-header .logo--scroll{
  transition: opacity .2s ease;
}

.elementor-location-header .teco-header .logo--scroll{
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.elementor-location-header 
.teco-header.elementor-sticky--effects .logo--top{
  opacity: 0;
}

.elementor-location-header 
.teco-header.elementor-sticky--effects .logo--scroll{
  opacity: 1;
}

/* =========================================
   NAV MENU – LINKIT (TÄMÄ KORJAA ONGELMAN)
   ========================================= */

/* Kaikki nav-linkit varmasti mukaan */
.elementor-location-header .teco-header
.elementor-nav-menu--main .elementor-item{
  transition: color .2s ease;
}

/* Alkutila: sininen */
.elementor-location-header .teco-header:not(.elementor-sticky--effects)
.elementor-nav-menu--main .elementor-item{
  color: var(--teco-blue);
}

/* Scroll-tila: valkoinen (PAKOTETTU) */
.elementor-location-header .teco-header.elementor-sticky--effects
.elementor-nav-menu--main .elementor-item{
  color: var(--teco-white) !important;
}

/* =========================================
   AKTIIVINEN / HOVER-ALLEVIVAUS
   ========================================= */

/* Alkutila */
.elementor-location-header 
.teco-header:not(.elementor-sticky--effects)
.elementor-nav-menu--main .elementor-item:after{
  background-color: var(--teco-blue);
}

/* Scroll-tila */
.elementor-location-header 
.teco-header.elementor-sticky--effects
.elementor-nav-menu--main .elementor-item:after{
  background-color: var(--teco-white);
}

/* =========================================
   KIELIVALIKKO / IKONIT
   ========================================= */

.elementor-location-header .teco-header svg,
.elementor-location-header .teco-header i{
  transition: color .2s ease, fill .2s ease;
}

/* Alkutila */
.elementor-location-header 
.teco-header:not(.elementor-sticky--effects) svg,
.elementor-location-header 
.teco-header:not(.elementor-sticky--effects) i{
  fill: var(--teco-blue);
  color: var(--teco-blue);
}

/* Scroll-tila */
.elementor-location-header 
.teco-header.elementor-sticky--effects svg,
.elementor-location-header 
.teco-header.elementor-sticky--effects i{
  fill: var(--teco-white);
  color: var(--teco-white);
}




/* =========================================
   NAV MENU – HOVER-ALLEVIIVAUS (VARMA)
   ========================================= */

/* Kaikki päävalikon linkit */
.elementor-location-header .teco-header
.elementor-nav-menu--main .elementor-item{
  border-bottom: 2px solid transparent;
  padding-bottom: 4px;
  transition: 
    color .2s ease,
    border-color .2s ease;
}

/* Hover – viiva näkyviin */
.elementor-location-header .teco-header
.elementor-nav-menu--main .elementor-item:hover{
  border-bottom-color: currentColor;
}

/* =========================================
   VÄRIT TILAN MUKAAN
   ========================================= */

/* Alkutila */
.elementor-location-header 
.teco-header:not(.elementor-sticky--effects)
.elementor-nav-menu--main .elementor-item{
  color: var(--teco-blue);
}

/* Scroll-tila */
.elementor-location-header 
.teco-header.elementor-sticky--effects{
  color: var(--teco-white);
}

.elementor-location-header 
.teco-header.elementor-sticky--effects
.elementor-nav-menu--main .elementor-item{
  color: var(--teco-white) !important;
}/* End custom CSS */