.elementor-4998 .elementor-element.elementor-element-a85382b{--display:flex;}.elementor-4998 .elementor-element.elementor-element-bf05f91{--spacer-size:150px;}.elementor-4998 .elementor-element.elementor-element-56cd728{--display:flex;}.elementor-4998 .elementor-element.elementor-element-97809f1{--display:flex;--min-height:499px;--justify-content:center;--overlay-opacity:0.5;--border-radius:20px 20px 20px 20px;--padding-top:3rem;--padding-bottom:3rem;--padding-left:3rem;--padding-right:3rem;}.elementor-4998 .elementor-element.elementor-element-97809f1:not(.elementor-motion-effects-element-type-background), .elementor-4998 .elementor-element.elementor-element-97809f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://digisilta.fi/wp-content/uploads/2024/12/20241218_digisilta_0004-3-1024x576.jpg");background-position:center center;background-size:cover;}.elementor-4998 .elementor-element.elementor-element-97809f1::before, .elementor-4998 .elementor-element.elementor-element-97809f1 > .elementor-background-video-container::before, .elementor-4998 .elementor-element.elementor-element-97809f1 > .e-con-inner > .elementor-background-video-container::before, .elementor-4998 .elementor-element.elementor-element-97809f1 > .elementor-background-slideshow::before, .elementor-4998 .elementor-element.elementor-element-97809f1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4998 .elementor-element.elementor-element-97809f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4998 .elementor-element.elementor-element-5aff455{text-align:start;}.elementor-4998 .elementor-element.elementor-element-5aff455 .elementor-heading-title{font-family:"NeueHaasGrotesk", Sans-serif;font-size:3rem;font-weight:400;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4998 .elementor-element.elementor-element-0032a92{text-align:start;}.elementor-4998 .elementor-element.elementor-element-aafb936{--display:flex;}.elementor-4998 .elementor-element.elementor-element-3d2179e{--spacer-size:50px;}.elementor-4998 .elementor-element.elementor-element-14a079a{--display:flex;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-4998 .elementor-element.elementor-element-79c6c18{--grid-columns:4;}.elementor-4998 .elementor-element.elementor-element-79c6c18 .elementor-pagination{text-align:center;margin-top:24px;}.elementor-4998 .elementor-element.elementor-element-79c6c18 .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-text );}.elementor-4998 .elementor-element.elementor-element-79c6c18 .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-primary );}.elementor-4998 .elementor-element.elementor-element-79c6c18 .elementor-pagination .page-numbers.current{color:var( --e-global-color-primary );}body:not(.rtl) .elementor-4998 .elementor-element.elementor-element-79c6c18 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 1rem/2 );}body:not(.rtl) .elementor-4998 .elementor-element.elementor-element-79c6c18 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 1rem/2 );}body.rtl .elementor-4998 .elementor-element.elementor-element-79c6c18 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 1rem/2 );}body.rtl .elementor-4998 .elementor-element.elementor-element-79c6c18 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 1rem/2 );}@media(min-width:768px){.elementor-4998 .elementor-element.elementor-element-56cd728{--content-width:1600px;}.elementor-4998 .elementor-element.elementor-element-14a079a{--content-width:1600px;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-4998 .elementor-element.elementor-element-79c6c18{--grid-columns:2;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-4998 .elementor-element.elementor-element-79c6c18{--grid-columns:1;}}/* Start custom CSS */body.elementor-page::before{ content:""; position: fixed; inset: 0; pointer-events: none; z-index: 0; background: radial-gradient(40vmax 40vmax at 85% 30%, rgba(38,115,255,0.35), transparent 60%), radial-gradient(46vmax 46vmax at 70% 75%, rgba(34,68,173,0.30), transparent 65%), radial-gradient(36vmax 36vmax at 15% 60%, rgba(21,58,145,0.25), transparent 65%); background-repeat: no-repeat; background-size: 160% 160%; animation: bg-pan 22s ease-in-out infinite alternate; opacity: .85; } @keyframes bg-pan { 0% { background-position: 100% 50%, 120% 80%, 0% 60%; } 100% { background-position: 0% 50%, 20% 40%, 80% 60%; } } @media (prefers-reduced-motion: reduce){ body.elementor-page::before{ animation: none; } } :root { --card-radius: 20px; --ds-pink: #ff3cac; /* pinkki */ --ds-purple:#8b5cf6; /* liila */ } /* Pinkki/violetti häivytys-tausta */ .metric-card{ position: relative; border-radius: var(--card-radius); padding: clamp(20px, 3.2vw, 28px); color: #fff; overflow: hidden; /* Tumma pohja + pehmeä liila→pinkki häivytys */ background: radial-gradient(80% 120% at 90% 20%, rgba(236,72,153,0.25) 0%, rgba(236,72,153,0) 60%), radial-gradient(100% 150% at 20% 80%, rgba(126,58,242,0.25) 0%, rgba(126,58,242,0) 65%), linear-gradient(180deg, #0f1220 0%, #151a32 40%, #1b2b5a 100%); } /* Jos käytät samalla .ds-glow tai .outline-fade */ .metric-card.ds-glow, .metric-card.outline-fade{ border-radius: var(--card-radius) !important; } .metric-card.outline-fade::before{ border-radius: inherit; /* myös gradienttireuna pyöristyy */ } /* Elementor-rakenteet: leikkaa sisäisen wrapperin kulmat */ .metric-card > .elementor-widget-container, .metric-card > .e-con-inner, .metric-card > .elementor-widget-wrap{ border-radius: inherit; overflow: hidden; } /* DigiSilta: paksumpi gradienttireuna kaikille sivuille */ .outline-fade{ --r: 22px; /* kulmat */ --stroke: 2px; /* reunan paksuus (kasvata esim. 3px, jos haluat lisää) */ --violet: #7e3af2; /* DigiSilta liila */ --pink: #ec4899; /* DigiSilta pinkki */ position: relative; border-radius: var(--r); } /* Reuna piirtyy pseudo-elementillä ja maskilla -> tasainen rengas joka kiertää kaikki sivut */ .outline-fade::before{ content: ""; position: absolute; inset: 0; padding: var(--stroke); /* paksuus */ border-radius: inherit; /* Liila → pinkki -häivytys taustana; maski leikkaa siitä vain “renkaan” */ background: linear-gradient(90deg, var(--violet), var(--pink)) border-box; /* Näytä vain kehyksen rengas (ei täyttöä) */ -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; /* Safari */ mask-composite: exclude; /* Chrome/Firefox/Edge */ pointer-events: none; } /* Suunta pystyyn tarvittaessa */ /* .outline-fade::before{ background: linear-gradient(180deg, var(--c1), var(--c2), var(--c3), var(--c4)) border-box; } */ /* 2) Hehku – värikäs box-shadow DigiSilta-väreillä */ .ds-glow{ border-radius: 22px; /* sama kuin yllä */ /* tumma korttipinta näyttää hehkun parhaiten */ box-shadow: 0 0 0 0 rgba(0,0,0,0), /* placeholder */ 0 14px 36px rgba(126,58,242,.25), /* liilan pehmeä hohde */ 0 0 42px 12px rgba(126,58,242,.35), /* ulompi liila hehku */ 0 0 84px 24px rgba(236,72,153,.28); /* pinkki “halo” */ } .ds-glow:hover{ box-shadow: 0 16px 44px rgba(126,58,242,.30), 0 0 50px 16px rgba(126,58,242,.40), 0 0 100px 32px rgba(236,72,153,.32); transition: box-shadow .25s ease; } /* (Valinnainen) 3) Tumma, hienovarainen sisägradientti sisällölle */ .ds-card-solid{ border-radius: 22px; background: linear-gradient(180deg,#0f1220 0%, #11172e 35%, #142a57 100%); color:#fff; /* Ei hairline-borderia, ei inset-viivaa */ overflow: hidden; } /* Normaali otsikko (perusväri) */ .ds-hover-fade-title{ transition: background .4s ease, -webkit-text-fill-color .4s ease; color: #ffffff; /* esim. valkoinen normaalitilassa */ } /* Hoverissa gradienttiteksti */ .ds-hover-fade-title:hover, .ds-hover-fade-title:focus-visible{ background: linear-gradient(90deg, var(--ds-pink), var(--ds-purple)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'NeueHaasGrotesk'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://digisilta.fi/wp-content/uploads/2025/07/NeueHaasDisplayBlack.ttf') format('truetype'); } @font-face { font-family: 'NeueHaasGrotesk'; font-style: normal; font-weight: bold; font-display: auto; src: url('https://digisilta.fi/wp-content/uploads/2025/07/NeueHaasDisplayBold.ttf') format('truetype'); } @font-face { font-family: 'NeueHaasGrotesk'; font-style: normal; font-weight: 100; font-display: auto; src: url('https://digisilta.fi/wp-content/uploads/2025/07/NeueHaasDisplayThin.ttf') format('truetype'); } @font-face { font-family: 'NeueHaasGrotesk'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://digisilta.fi/wp-content/uploads/2025/07/NeueHaasDisplayRoman.ttf') format('truetype'); } /* End Custom Fonts CSS */