.elementor-kit-9{--e-global-color-primary:#00D9E4;--e-global-color-secondary:#FF25B7;--e-global-color-text:#000000;--e-global-color-accent:#FFFFFF;--e-global-color-d3b718b:#838383;--e-global-color-404f560:#F2F2F2;--e-global-color-f6338d4:#FFFFFFA6;--e-global-color-8ea0b95:#1A00FF;--e-global-color-08d4c87:#00000017;--e-global-color-2e75599:#FFFFFF1C;--e-global-color-6dabb84:#434343;--e-global-color-2c58e31:#DEDEDE;--e-global-color-a59c394:#AAAAAA;--e-global-color-a731748:#272727;--e-global-color-bf57138:#474747;--e-global-color-22196ac:#4744E5;--e-global-color-693d21d:#383838;--e-global-color-aa8d122:#EDEDED;--e-global-color-49a6877:#00000066;--e-global-color-3abc877:#FFFFFF99;--e-global-color-1211c95:#0000000D;--e-global-color-0a092b6:#00000099;--e-global-color-e3180d6:#00000026;--e-global-typography-primary-font-family:"BDO Grotesk";--e-global-typography-primary-font-size:4rem;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:100%;--e-global-typography-primary-letter-spacing:-6%;--e-global-typography-secondary-font-family:"BDO Grotesk";--e-global-typography-secondary-font-size:2rem;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-line-height:100%;--e-global-typography-secondary-letter-spacing:-6%;--e-global-typography-text-font-family:"BDO Grotesk";--e-global-typography-text-font-size:1.2rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:120%;--e-global-typography-text-letter-spacing:-4%;--e-global-typography-accent-font-family:"BDO Grotesk";--e-global-typography-accent-font-size:1.5rem;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:120%;--e-global-typography-accent-letter-spacing:-4%;--e-global-typography-fcd6e59-font-family:"Dongra Duo";--e-global-typography-fcd6e59-font-size:2rem;--e-global-typography-fcd6e59-font-weight:400;--e-global-typography-fcd6e59-line-height:100%;color:var( --e-global-color-0a092b6 );}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 a{color:var( --e-global-color-secondary );}.elementor-kit-9 a:hover{color:var( --e-global-color-8ea0b95 );}.elementor-kit-9 h1{color:var( --e-global-color-text );}.elementor-kit-9 h2{color:var( --e-global-color-text );}.elementor-kit-9 h3{color:var( --e-global-color-text );}.elementor-kit-9 h4{color:var( --e-global-color-text );}.elementor-kit-9 h5{color:var( --e-global-color-text );}.elementor-kit-9 h6{color:var( --e-global-color-text );}.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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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-kit-9{--e-global-typography-fcd6e59-font-size:1.8rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --Valko-65:#FFFFFFA6; --Valko-16:#FFFFFF29; --Valko:#ffffff; --Musta:#000000; --Harmaa:#838383; --Valko-80:#ffffffcc; --Valko-10:#ffffff1a; --Musta-60:#00000099; --Musta-10:#0000001a; --Musta-50:#00000080; --Turkoosi:#00D9E4; --Musta-25:#00000040; --Valko-50:#ffffff80; --kirkas-sini:#1A00FF; --valko-15:#ffffff26; --valko-40:#ffffff66; --valko-60:#ffffff99; --valko--5:#ffffff0d; --musta-15:#00000026; --musta-40:#00000066; --pinkki:#FF60C4; --vaalea-harmaa:#EDEDED; --vaalea-harmaa2:#F2F2F2; --DUP_Musta:#000000; --DUP_valko-15:#ffffff26; --DUP_Valko-50:#ffffff80; --DUP_valko-40:#ffffff66; --DUP_Valko:#ffffff; --DUP_Musta-50:#00000080; --DUP_Musta1:#000000; --DUP_Valko-501:#ffffff80; --DUP_Turkoosi:#00D9E4; --DUP_Musta-60:#00000099; --DUP_musta-15:#00000026; --DUP_vaalea-harmaa2:#F2F2F2; --DUP_Valko1:#ffffff; --musta2:#1E1E1E; --120px:120px; --musta-5:#0000000d; --20px:20px; }
/* Start custom CSS *//*valo efektit overlay blending modella*/
.valo-overlay {
    pointer-events: none;
		mix-blend-mode: overlay;
}


/*--------------------------*/
/*nappien väri vaihto animaatio valko > musta*/
.nappi {
  position: relative !important;
  overflow: hidden !important;
  background-color: #ffffff !important;
  color: #000000 !important;
  isolation: isolate;
}

.nappi::before {
  content: "" !important;
  position: absolute !important;
  left: 50%;
  bottom: -90%;
  width: 120%;
  height: 200%;
  background-color: #000000 !important;
  border-radius: 50% 50% 0 0;
  transform: translateX(-50%) scaleY(0);
  transform-origin: bottom;
  transition: transform 0.5s ease;
  z-index: 0;
  pointer-events: none;
}

.nappi:hover::before {
  transform: translateX(-50%) scaleY(1.3);
}

.nappi .nappi-otsikko,
.nappi .nappi-otsikko .elementor-heading-title {
  color: #000000 !important;
  transition: color 0.45s ease;
}

.nappi:hover .nappi-otsikko,
.nappi:hover .nappi-otsikko .elementor-heading-title {
  color: #ffffff !important;
}


/*--------------------------*/
/*nappien väri vaihto animaatio musta > sini*/
.nappi-musta {
  position: relative !important;
  overflow: hidden !important;
  background-color: #000000 !important;
  color: #1A00FF !important;
  isolation: isolate;
}

.nappi-musta::before {
  content: "" !important;
  position: absolute !important;
  left: 50%;
  bottom: -90%;
  width: 120%;
  height: 200%;
  background-color: #1A00FF !important;
  border-radius: 50% 50% 0 0;
  transform: translateX(-50%) scaleY(0);
  transform-origin: bottom;
  transition: transform 0.5s ease;
  z-index: 0;
  pointer-events: none;
}

.nappi-musta:hover::before {
  transform: translateX(-50%) scaleY(1.3);
}


/*--------------------------*/
/*blurraus efekti*/
.frostedglass{
backdrop-filter:blur(5px);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'BDO Grotesk';
	font-display: auto;
	src: url('https://mainostoimistotaiga.taigacreative.fi/wp-content/uploads/2026/09/BDOGrotesk-VF.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Dongra Duo';
	font-display: auto;
	src: url('https://mainostoimistotaiga.taigacreative.fi/wp-content/uploads/2026/09/Dongra-Script.ttf') format('truetype');
}
/* End Custom Fonts CSS */