.elementor-96 .elementor-element.elementor-element-6816d20{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.75;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-96 .elementor-element.elementor-element-6816d20:not(.elementor-motion-effects-element-type-background), .elementor-96 .elementor-element.elementor-element-6816d20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://1.demosivu.shop/wp-content/uploads/2025/12/b4c8b8_0ff46860f7384846ae8771d91f6e7019mv2.avif");background-position:top left;background-repeat:no-repeat;background-size:cover;}.elementor-96 .elementor-element.elementor-element-6816d20::before, .elementor-96 .elementor-element.elementor-element-6816d20 > .elementor-background-video-container::before, .elementor-96 .elementor-element.elementor-element-6816d20 > .e-con-inner > .elementor-background-video-container::before, .elementor-96 .elementor-element.elementor-element-6816d20 > .elementor-background-slideshow::before, .elementor-96 .elementor-element.elementor-element-6816d20 > .e-con-inner > .elementor-background-slideshow::before, .elementor-96 .elementor-element.elementor-element-6816d20 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-96 .elementor-element.elementor-element-204388f{text-align:center;}.elementor-96 .elementor-element.elementor-element-204388f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:62px;font-weight:600;text-transform:capitalize;line-height:1.2em;color:var( --e-global-color-accent );}.elementor-96 .elementor-element.elementor-element-0815848 .elementor-icon-list-icon i{color:#ED9A14;transition:color 0.3s;}.elementor-96 .elementor-element.elementor-element-0815848 .elementor-icon-list-icon svg{fill:#ED9A14;transition:fill 0.3s;}.elementor-96 .elementor-element.elementor-element-0815848{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-96 .elementor-element.elementor-element-0815848 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-96 .elementor-element.elementor-element-0815848 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-96 .elementor-element.elementor-element-0815848 .elementor-icon-list-text{color:#FFFFFFD1;transition:color 0.3s;}.elementor-96 .elementor-element.elementor-element-0416386{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-96 .elementor-element.elementor-element-0416386:not(.elementor-motion-effects-element-type-background), .elementor-96 .elementor-element.elementor-element-0416386 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #1F1F1F 0%, #1F1F1F 100%);}.elementor-96 .elementor-element.elementor-element-c0f6426{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:60px;--padding-bottom:60px;--padding-left:40px;--padding-right:0px;}.elementor-96 .elementor-element.elementor-element-895c877{background-color:#00000057;padding:7px 12px 7px 12px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#ED9A146E;border-radius:14px 14px 14px 14px;text-align:center;}.elementor-96 .elementor-element.elementor-element-895c877 .elementor-heading-title{font-size:17px;font-weight:400;text-transform:uppercase;color:#ED9A14;}.elementor-96 .elementor-element.elementor-element-c96b970 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:58px;color:#FFFFFF;}.elementor-96 .elementor-element.elementor-element-96eb0fa{text-align:center;font-family:"Poppins", Sans-serif;color:#FFFFFF;}.elementor-96 .elementor-element.elementor-element-e12d1f8 .elementor-button{background-color:#ED9A14;font-weight:600;fill:#FFFFFF;color:#FFFFFF;}.elementor-96 .elementor-element.elementor-element-e12d1f8 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-96 .elementor-element.elementor-element-e12d1f8 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-96 .elementor-element.elementor-element-b500577{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF0D;--border-color:#FFFFFF0D;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-96 .elementor-element.elementor-element-b500577:not(.elementor-motion-effects-element-type-background), .elementor-96 .elementor-element.elementor-element-b500577 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1A1A;}.elementor-96 .elementor-element.elementor-element-1e0dcc1{padding:0px 0px 20px 0px;text-align:center;}.elementor-96 .elementor-element.elementor-element-1e0dcc1 .elementor-heading-title{color:#FFFFFF;}.elementor-96 .elementor-element.elementor-element-069b8bd{--e-image-carousel-slides-to-show:5;}.elementor-96 .elementor-element.elementor-element-549a1dd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF0D;--border-color:#FFFFFF0D;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-96 .elementor-element.elementor-element-549a1dd:not(.elementor-motion-effects-element-type-background), .elementor-96 .elementor-element.elementor-element-549a1dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1F1F1F;}.elementor-96 .elementor-element.elementor-element-2662e79{padding:0px 40px 20px 40px;text-align:center;}.elementor-96 .elementor-element.elementor-element-2662e79 .elementor-heading-title{color:#FFFFFF;}.elementor-96 .elementor-element.elementor-element-94f0fe2{--e-image-carousel-slides-to-show:5;}.elementor-96 .elementor-element.elementor-element-2a2b67a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF0D;--border-color:#FFFFFF0D;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-96 .elementor-element.elementor-element-2a2b67a:not(.elementor-motion-effects-element-type-background), .elementor-96 .elementor-element.elementor-element-2a2b67a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1A1A;}.elementor-96 .elementor-element.elementor-element-bfee3b8{padding:0px 40px 20px 40px;text-align:center;}.elementor-96 .elementor-element.elementor-element-bfee3b8 .elementor-heading-title{color:#FFFFFF;}.elementor-96 .elementor-element.elementor-element-0d552b3{--e-image-carousel-slides-to-show:5;}.elementor-96 .elementor-element.elementor-element-9bbe895{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF0D;--border-color:#FFFFFF0D;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-96 .elementor-element.elementor-element-9bbe895:not(.elementor-motion-effects-element-type-background), .elementor-96 .elementor-element.elementor-element-9bbe895 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1F1F1F;}.elementor-96 .elementor-element.elementor-element-c9e108d{padding:0px 40px 20px 40px;text-align:center;}.elementor-96 .elementor-element.elementor-element-c9e108d .elementor-heading-title{color:#FFFFFF;}.elementor-96 .elementor-element.elementor-element-e921af7{--e-image-carousel-slides-to-show:5;}.elementor-96 .elementor-element.elementor-element-d58860f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF0D;--border-color:#FFFFFF0D;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-96 .elementor-element.elementor-element-d58860f:not(.elementor-motion-effects-element-type-background), .elementor-96 .elementor-element.elementor-element-d58860f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1A1A;}.elementor-96 .elementor-element.elementor-element-22b8b6d{padding:0px 40px 20px 40px;text-align:center;}.elementor-96 .elementor-element.elementor-element-22b8b6d .elementor-heading-title{color:#FFFFFF;}.elementor-96 .elementor-element.elementor-element-35d2b78{--e-image-carousel-slides-to-show:5;}.elementor-96 .elementor-element.elementor-element-7b6ce4a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF0D;--border-color:#FFFFFF0D;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-96 .elementor-element.elementor-element-7b6ce4a:not(.elementor-motion-effects-element-type-background), .elementor-96 .elementor-element.elementor-element-7b6ce4a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1F1F1F;}.elementor-96 .elementor-element.elementor-element-76a0b33{padding:0px 40px 20px 40px;text-align:center;}.elementor-96 .elementor-element.elementor-element-76a0b33 .elementor-heading-title{color:#FFFFFF;}.elementor-96 .elementor-element.elementor-element-205d145{--e-image-carousel-slides-to-show:5;}.elementor-96 .elementor-element.elementor-element-ee42c9d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF0D;--border-color:#FFFFFF0D;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-96 .elementor-element.elementor-element-ee42c9d:not(.elementor-motion-effects-element-type-background), .elementor-96 .elementor-element.elementor-element-ee42c9d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1A1A;}.elementor-96 .elementor-element.elementor-element-53e22b9{padding:0px 40px 20px 40px;text-align:center;}.elementor-96 .elementor-element.elementor-element-53e22b9 .elementor-heading-title{color:#FFFFFF;}.elementor-96 .elementor-element.elementor-element-fe446c8{--e-image-carousel-slides-to-show:5;}.elementor-96 .elementor-element.elementor-element-6c1c420{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF0D;--border-color:#FFFFFF0D;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-96 .elementor-element.elementor-element-6c1c420:not(.elementor-motion-effects-element-type-background), .elementor-96 .elementor-element.elementor-element-6c1c420 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1F1F1F;}.elementor-96 .elementor-element.elementor-element-663d912{padding:0px 40px 20px 40px;text-align:center;}.elementor-96 .elementor-element.elementor-element-663d912 .elementor-heading-title{color:#FFFFFF;}.elementor-96 .elementor-element.elementor-element-83d9111{--e-image-carousel-slides-to-show:5;}.elementor-96 .elementor-element.elementor-element-fbf5e59{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF0D;--border-color:#FFFFFF0D;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-96 .elementor-element.elementor-element-fbf5e59:not(.elementor-motion-effects-element-type-background), .elementor-96 .elementor-element.elementor-element-fbf5e59 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1A1A;}.elementor-96 .elementor-element.elementor-element-cbdbc2e{padding:0px 40px 20px 40px;text-align:center;}.elementor-96 .elementor-element.elementor-element-cbdbc2e .elementor-heading-title{color:#FFFFFF;}.elementor-96 .elementor-element.elementor-element-67b416a{--e-image-carousel-slides-to-show:5;}.elementor-96 .elementor-element.elementor-element-9a0b431{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF0D;--border-color:#FFFFFF0D;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-96 .elementor-element.elementor-element-9a0b431:not(.elementor-motion-effects-element-type-background), .elementor-96 .elementor-element.elementor-element-9a0b431 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1F1F1F;}.elementor-96 .elementor-element.elementor-element-aadd468{padding:0px 40px 20px 40px;text-align:center;}.elementor-96 .elementor-element.elementor-element-aadd468 .elementor-heading-title{color:#FFFFFF;}.elementor-96 .elementor-element.elementor-element-2815323{--e-image-carousel-slides-to-show:5;}.elementor-96 .elementor-element.elementor-element-6bcd6be{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF0D;--border-color:#FFFFFF0D;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-96 .elementor-element.elementor-element-6bcd6be:not(.elementor-motion-effects-element-type-background), .elementor-96 .elementor-element.elementor-element-6bcd6be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1A1A;}.elementor-96 .elementor-element.elementor-element-26a5121{padding:0px 40px 20px 40px;text-align:center;}.elementor-96 .elementor-element.elementor-element-26a5121 .elementor-heading-title{color:#FFFFFF;}.elementor-96 .elementor-element.elementor-element-a28a7dd{--e-image-carousel-slides-to-show:5;}.elementor-96 .elementor-element.elementor-element-4f7d6a4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF0D;--border-color:#FFFFFF0D;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-96 .elementor-element.elementor-element-4f7d6a4:not(.elementor-motion-effects-element-type-background), .elementor-96 .elementor-element.elementor-element-4f7d6a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1F1F1F;}.elementor-96 .elementor-element.elementor-element-2cfaebb{padding:0px 40px 20px 40px;text-align:center;}.elementor-96 .elementor-element.elementor-element-2cfaebb .elementor-heading-title{color:#FFFFFF;}.elementor-96 .elementor-element.elementor-element-328b2ca{--e-image-carousel-slides-to-show:5;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-96 .elementor-element.elementor-element-0416386{--width:100%;}.elementor-96 .elementor-element.elementor-element-c0f6426{--width:72%;}}@media(max-width:1024px) and (min-width:768px){.elementor-96 .elementor-element.elementor-element-6816d20{--content-width:70%;}}@media(min-width:1025px){.elementor-96 .elementor-element.elementor-element-6816d20:not(.elementor-motion-effects-element-type-background), .elementor-96 .elementor-element.elementor-element-6816d20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:767px){.elementor-96 .elementor-element.elementor-element-6816d20{--padding-top:50px;--padding-bottom:20px;--padding-left:50px;--padding-right:20px;}.elementor-96 .elementor-element.elementor-element-204388f{padding:0px 0px 0px 0px;}.elementor-96 .elementor-element.elementor-element-204388f .elementor-heading-title{font-size:32px;}}/* Start custom CSS for image-carousel, class: .elementor-element-069b8bd *//* =============================== #TILAKARUSELLI — VARMA SYMMETRIA ELEMENTORILLE =============================== */ #tilakaruselli { --tilakaruselli-h: 360px; } /* Swiper/Elementor-wrapperit samaan kiinteään korkeuteen */ #tilakaruselli .elementor-image-carousel-wrapper, #tilakaruselli .swiper, #tilakaruselli .swiper-container, #tilakaruselli .swiper-wrapper { height: var(--tilakaruselli-h) !important; } /* Jokainen slide = keskittävä flex-kehys, sama korkeus */ #tilakaruselli .swiper-slide { position: relative; height: var(--tilakaruselli-h) !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden; background: transparent; /* ← MUUTETTU: ei mustaa */ transition: transform .4s ease, box-shadow .4s ease; border: none !important; } /* Elementor lisää usein sisäelementtejä */ #tilakaruselli .swiper-slide .swiper-slide-inner, #tilakaruselli .swiper-slide > a, #tilakaruselli .swiper-slide > figure { height: 100% !important; width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; border: none !important; } /* Kuvan skaalaus */ #tilakaruselli .swiper-slide img, #tilakaruselli img.swiper-slide-image, #tilakaruselli .swiper-slide .swiper-slide-inner img { height: 100% !important; width: auto !important; max-width: none !important; object-fit: contain !important; object-position: center center !important; display: block; transition: transform .35s ease; border: none !important; } /* Hover */ #tilakaruselli .swiper-slide:hover img { transform: scale(1.04); box-shadow: 0 10px 30px rgba(0,0,0,.4); } /* Overlay "Katso kuva" */ #tilakaruselli .swiper-slide::after { content: "Katso kuva"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-family: "Poppins", sans-serif; font-weight: 600; font-size: 1rem; color: #fff; background: rgba(0,0,0,.45); opacity: 0; transition: opacity .25s ease; pointer-events: none; } #tilakaruselli .swiper-slide:hover::after { opacity: 1; } /* Nuolet */ #tilakaruselli .elementor-swiper-button-prev, #tilakaruselli .elementor-swiper-button-next { color: #05dded !important; background: rgba(0,0,0,.35); border-radius: 50%; width: 44px; height: 44px; transition: all .3s ease; } #tilakaruselli .elementor-swiper-button-prev:hover, #tilakaruselli .elementor-swiper-button-next:hover { background: #05dded; color: #000 !important; transform: scale(1.1); } /* Bullets */ #tilakaruselli .swiper-pagination-bullet { background: rgba(255,255,255,.4); opacity: 1; transition: background .3s ease; } #tilakaruselli .swiper-pagination-bullet-active { background: #05dded; } /* Mobiili */ @media (max-width:768px){ #tilakaruselli { --tilakaruselli-h: 280px; } #tilakaruselli .swiper-slide::after { content: ""; } }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-94f0fe2 *//* =============================== #TILAKARUSELLI — VARMA SYMMETRIA ELEMENTORILLE =============================== */ #tilakaruselli { --tilakaruselli-h: 360px; } /* Swiper/Elementor-wrapperit samaan kiinteään korkeuteen */ #tilakaruselli .elementor-image-carousel-wrapper, #tilakaruselli .swiper, #tilakaruselli .swiper-container, #tilakaruselli .swiper-wrapper { height: var(--tilakaruselli-h) !important; } /* Jokainen slide = keskittävä flex-kehys, sama korkeus */ #tilakaruselli .swiper-slide { position: relative; height: var(--tilakaruselli-h) !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden; background: transparent; /* ← MUUTETTU: ei mustaa */ transition: transform .4s ease, box-shadow .4s ease; border: none !important; } /* Elementor lisää usein sisäelementtejä */ #tilakaruselli .swiper-slide .swiper-slide-inner, #tilakaruselli .swiper-slide > a, #tilakaruselli .swiper-slide > figure { height: 100% !important; width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; border: none !important; } /* Kuvan skaalaus */ #tilakaruselli .swiper-slide img, #tilakaruselli img.swiper-slide-image, #tilakaruselli .swiper-slide .swiper-slide-inner img { height: 100% !important; width: auto !important; max-width: none !important; object-fit: contain !important; object-position: center center !important; display: block; transition: transform .35s ease; border: none !important; } /* Hover */ #tilakaruselli .swiper-slide:hover img { transform: scale(1.04); box-shadow: 0 10px 30px rgba(0,0,0,.4); } /* Overlay "Katso kuva" */ #tilakaruselli .swiper-slide::after { content: "Katso kuva"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-family: "Poppins", sans-serif; font-weight: 600; font-size: 1rem; color: #fff; background: rgba(0,0,0,.45); opacity: 0; transition: opacity .25s ease; pointer-events: none; } #tilakaruselli .swiper-slide:hover::after { opacity: 1; } /* Nuolet */ #tilakaruselli .elementor-swiper-button-prev, #tilakaruselli .elementor-swiper-button-next { color: #05dded !important; background: rgba(0,0,0,.35); border-radius: 50%; width: 44px; height: 44px; transition: all .3s ease; } #tilakaruselli .elementor-swiper-button-prev:hover, #tilakaruselli .elementor-swiper-button-next:hover { background: #05dded; color: #000 !important; transform: scale(1.1); } /* Bullets */ #tilakaruselli .swiper-pagination-bullet { background: rgba(255,255,255,.4); opacity: 1; transition: background .3s ease; } #tilakaruselli .swiper-pagination-bullet-active { background: #05dded; } /* Mobiili */ @media (max-width:768px){ #tilakaruselli { --tilakaruselli-h: 280px; } #tilakaruselli .swiper-slide::after { content: ""; } }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-0d552b3 *//* =============================== #TILAKARUSELLI — VARMA SYMMETRIA ELEMENTORILLE =============================== */ #tilakaruselli { --tilakaruselli-h: 360px; } /* Swiper/Elementor-wrapperit samaan kiinteään korkeuteen */ #tilakaruselli .elementor-image-carousel-wrapper, #tilakaruselli .swiper, #tilakaruselli .swiper-container, #tilakaruselli .swiper-wrapper { height: var(--tilakaruselli-h) !important; } /* Jokainen slide = keskittävä flex-kehys, sama korkeus */ #tilakaruselli .swiper-slide { position: relative; height: var(--tilakaruselli-h) !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden; background: transparent; /* ← MUUTETTU: ei mustaa */ transition: transform .4s ease, box-shadow .4s ease; border: none !important; } /* Elementor lisää usein sisäelementtejä */ #tilakaruselli .swiper-slide .swiper-slide-inner, #tilakaruselli .swiper-slide > a, #tilakaruselli .swiper-slide > figure { height: 100% !important; width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; border: none !important; } /* Kuvan skaalaus */ #tilakaruselli .swiper-slide img, #tilakaruselli img.swiper-slide-image, #tilakaruselli .swiper-slide .swiper-slide-inner img { height: 100% !important; width: auto !important; max-width: none !important; object-fit: contain !important; object-position: center center !important; display: block; transition: transform .35s ease; border: none !important; } /* Hover */ #tilakaruselli .swiper-slide:hover img { transform: scale(1.04); box-shadow: 0 10px 30px rgba(0,0,0,.4); } /* Overlay "Katso kuva" */ #tilakaruselli .swiper-slide::after { content: "Katso kuva"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-family: "Poppins", sans-serif; font-weight: 600; font-size: 1rem; color: #fff; background: rgba(0,0,0,.45); opacity: 0; transition: opacity .25s ease; pointer-events: none; } #tilakaruselli .swiper-slide:hover::after { opacity: 1; } /* Nuolet */ #tilakaruselli .elementor-swiper-button-prev, #tilakaruselli .elementor-swiper-button-next { color: #05dded !important; background: rgba(0,0,0,.35); border-radius: 50%; width: 44px; height: 44px; transition: all .3s ease; } #tilakaruselli .elementor-swiper-button-prev:hover, #tilakaruselli .elementor-swiper-button-next:hover { background: #05dded; color: #000 !important; transform: scale(1.1); } /* Bullets */ #tilakaruselli .swiper-pagination-bullet { background: rgba(255,255,255,.4); opacity: 1; transition: background .3s ease; } #tilakaruselli .swiper-pagination-bullet-active { background: #05dded; } /* Mobiili */ @media (max-width:768px){ #tilakaruselli { --tilakaruselli-h: 280px; } #tilakaruselli .swiper-slide::after { content: ""; } }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-e921af7 *//* =============================== #TILAKARUSELLI — VARMA SYMMETRIA ELEMENTORILLE =============================== */ #tilakaruselli { --tilakaruselli-h: 360px; } /* Swiper/Elementor-wrapperit samaan kiinteään korkeuteen */ #tilakaruselli .elementor-image-carousel-wrapper, #tilakaruselli .swiper, #tilakaruselli .swiper-container, #tilakaruselli .swiper-wrapper { height: var(--tilakaruselli-h) !important; } /* Jokainen slide = keskittävä flex-kehys, sama korkeus */ #tilakaruselli .swiper-slide { position: relative; height: var(--tilakaruselli-h) !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden; background: transparent; /* ← MUUTETTU: ei mustaa */ transition: transform .4s ease, box-shadow .4s ease; border: none !important; } /* Elementor lisää usein sisäelementtejä */ #tilakaruselli .swiper-slide .swiper-slide-inner, #tilakaruselli .swiper-slide > a, #tilakaruselli .swiper-slide > figure { height: 100% !important; width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; border: none !important; } /* Kuvan skaalaus */ #tilakaruselli .swiper-slide img, #tilakaruselli img.swiper-slide-image, #tilakaruselli .swiper-slide .swiper-slide-inner img { height: 100% !important; width: auto !important; max-width: none !important; object-fit: contain !important; object-position: center center !important; display: block; transition: transform .35s ease; border: none !important; } /* Hover */ #tilakaruselli .swiper-slide:hover img { transform: scale(1.04); box-shadow: 0 10px 30px rgba(0,0,0,.4); } /* Overlay "Katso kuva" */ #tilakaruselli .swiper-slide::after { content: "Katso kuva"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-family: "Poppins", sans-serif; font-weight: 600; font-size: 1rem; color: #fff; background: rgba(0,0,0,.45); opacity: 0; transition: opacity .25s ease; pointer-events: none; } #tilakaruselli .swiper-slide:hover::after { opacity: 1; } /* Nuolet */ #tilakaruselli .elementor-swiper-button-prev, #tilakaruselli .elementor-swiper-button-next { color: #05dded !important; background: rgba(0,0,0,.35); border-radius: 50%; width: 44px; height: 44px; transition: all .3s ease; } #tilakaruselli .elementor-swiper-button-prev:hover, #tilakaruselli .elementor-swiper-button-next:hover { background: #05dded; color: #000 !important; transform: scale(1.1); } /* Bullets */ #tilakaruselli .swiper-pagination-bullet { background: rgba(255,255,255,.4); opacity: 1; transition: background .3s ease; } #tilakaruselli .swiper-pagination-bullet-active { background: #05dded; } /* Mobiili */ @media (max-width:768px){ #tilakaruselli { --tilakaruselli-h: 280px; } #tilakaruselli .swiper-slide::after { content: ""; } }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-35d2b78 *//* =============================== #TILAKARUSELLI — VARMA SYMMETRIA ELEMENTORILLE =============================== */ #tilakaruselli { --tilakaruselli-h: 360px; } /* Swiper/Elementor-wrapperit samaan kiinteään korkeuteen */ #tilakaruselli .elementor-image-carousel-wrapper, #tilakaruselli .swiper, #tilakaruselli .swiper-container, #tilakaruselli .swiper-wrapper { height: var(--tilakaruselli-h) !important; } /* Jokainen slide = keskittävä flex-kehys, sama korkeus */ #tilakaruselli .swiper-slide { position: relative; height: var(--tilakaruselli-h) !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden; background: transparent; /* ← MUUTETTU: ei mustaa */ transition: transform .4s ease, box-shadow .4s ease; border: none !important; } /* Elementor lisää usein sisäelementtejä */ #tilakaruselli .swiper-slide .swiper-slide-inner, #tilakaruselli .swiper-slide > a, #tilakaruselli .swiper-slide > figure { height: 100% !important; width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; border: none !important; } /* Kuvan skaalaus */ #tilakaruselli .swiper-slide img, #tilakaruselli img.swiper-slide-image, #tilakaruselli .swiper-slide .swiper-slide-inner img { height: 100% !important; width: auto !important; max-width: none !important; object-fit: contain !important; object-position: center center !important; display: block; transition: transform .35s ease; border: none !important; } /* Hover */ #tilakaruselli .swiper-slide:hover img { transform: scale(1.04); box-shadow: 0 10px 30px rgba(0,0,0,.4); } /* Overlay "Katso kuva" */ #tilakaruselli .swiper-slide::after { content: "Katso kuva"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-family: "Poppins", sans-serif; font-weight: 600; font-size: 1rem; color: #fff; background: rgba(0,0,0,.45); opacity: 0; transition: opacity .25s ease; pointer-events: none; } #tilakaruselli .swiper-slide:hover::after { opacity: 1; } /* Nuolet */ #tilakaruselli .elementor-swiper-button-prev, #tilakaruselli .elementor-swiper-button-next { color: #05dded !important; background: rgba(0,0,0,.35); border-radius: 50%; width: 44px; height: 44px; transition: all .3s ease; } #tilakaruselli .elementor-swiper-button-prev:hover, #tilakaruselli .elementor-swiper-button-next:hover { background: #05dded; color: #000 !important; transform: scale(1.1); } /* Bullets */ #tilakaruselli .swiper-pagination-bullet { background: rgba(255,255,255,.4); opacity: 1; transition: background .3s ease; } #tilakaruselli .swiper-pagination-bullet-active { background: #05dded; } /* Mobiili */ @media (max-width:768px){ #tilakaruselli { --tilakaruselli-h: 280px; } #tilakaruselli .swiper-slide::after { content: ""; } }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-205d145 *//* =============================== #TILAKARUSELLI — VARMA SYMMETRIA ELEMENTORILLE =============================== */ #tilakaruselli { --tilakaruselli-h: 360px; } /* Swiper/Elementor-wrapperit samaan kiinteään korkeuteen */ #tilakaruselli .elementor-image-carousel-wrapper, #tilakaruselli .swiper, #tilakaruselli .swiper-container, #tilakaruselli .swiper-wrapper { height: var(--tilakaruselli-h) !important; } /* Jokainen slide = keskittävä flex-kehys, sama korkeus */ #tilakaruselli .swiper-slide { position: relative; height: var(--tilakaruselli-h) !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden; background: transparent; /* ← MUUTETTU: ei mustaa */ transition: transform .4s ease, box-shadow .4s ease; border: none !important; } /* Elementor lisää usein sisäelementtejä */ #tilakaruselli .swiper-slide .swiper-slide-inner, #tilakaruselli .swiper-slide > a, #tilakaruselli .swiper-slide > figure { height: 100% !important; width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; border: none !important; } /* Kuvan skaalaus */ #tilakaruselli .swiper-slide img, #tilakaruselli img.swiper-slide-image, #tilakaruselli .swiper-slide .swiper-slide-inner img { height: 100% !important; width: auto !important; max-width: none !important; object-fit: contain !important; object-position: center center !important; display: block; transition: transform .35s ease; border: none !important; } /* Hover */ #tilakaruselli .swiper-slide:hover img { transform: scale(1.04); box-shadow: 0 10px 30px rgba(0,0,0,.4); } /* Overlay "Katso kuva" */ #tilakaruselli .swiper-slide::after { content: "Katso kuva"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-family: "Poppins", sans-serif; font-weight: 600; font-size: 1rem; color: #fff; background: rgba(0,0,0,.45); opacity: 0; transition: opacity .25s ease; pointer-events: none; } #tilakaruselli .swiper-slide:hover::after { opacity: 1; } /* Nuolet */ #tilakaruselli .elementor-swiper-button-prev, #tilakaruselli .elementor-swiper-button-next { color: #05dded !important; background: rgba(0,0,0,.35); border-radius: 50%; width: 44px; height: 44px; transition: all .3s ease; } #tilakaruselli .elementor-swiper-button-prev:hover, #tilakaruselli .elementor-swiper-button-next:hover { background: #05dded; color: #000 !important; transform: scale(1.1); } /* Bullets */ #tilakaruselli .swiper-pagination-bullet { background: rgba(255,255,255,.4); opacity: 1; transition: background .3s ease; } #tilakaruselli .swiper-pagination-bullet-active { background: #05dded; } /* Mobiili */ @media (max-width:768px){ #tilakaruselli { --tilakaruselli-h: 280px; } #tilakaruselli .swiper-slide::after { content: ""; } }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-fe446c8 *//* =============================== #TILAKARUSELLI — VARMA SYMMETRIA ELEMENTORILLE =============================== */ #tilakaruselli { --tilakaruselli-h: 360px; } /* Swiper/Elementor-wrapperit samaan kiinteään korkeuteen */ #tilakaruselli .elementor-image-carousel-wrapper, #tilakaruselli .swiper, #tilakaruselli .swiper-container, #tilakaruselli .swiper-wrapper { height: var(--tilakaruselli-h) !important; } /* Jokainen slide = keskittävä flex-kehys, sama korkeus */ #tilakaruselli .swiper-slide { position: relative; height: var(--tilakaruselli-h) !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden; background: transparent; /* ← MUUTETTU: ei mustaa */ transition: transform .4s ease, box-shadow .4s ease; border: none !important; } /* Elementor lisää usein sisäelementtejä */ #tilakaruselli .swiper-slide .swiper-slide-inner, #tilakaruselli .swiper-slide > a, #tilakaruselli .swiper-slide > figure { height: 100% !important; width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; border: none !important; } /* Kuvan skaalaus */ #tilakaruselli .swiper-slide img, #tilakaruselli img.swiper-slide-image, #tilakaruselli .swiper-slide .swiper-slide-inner img { height: 100% !important; width: auto !important; max-width: none !important; object-fit: contain !important; object-position: center center !important; display: block; transition: transform .35s ease; border: none !important; } /* Hover */ #tilakaruselli .swiper-slide:hover img { transform: scale(1.04); box-shadow: 0 10px 30px rgba(0,0,0,.4); } /* Overlay "Katso kuva" */ #tilakaruselli .swiper-slide::after { content: "Katso kuva"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-family: "Poppins", sans-serif; font-weight: 600; font-size: 1rem; color: #fff; background: rgba(0,0,0,.45); opacity: 0; transition: opacity .25s ease; pointer-events: none; } #tilakaruselli .swiper-slide:hover::after { opacity: 1; } /* Nuolet */ #tilakaruselli .elementor-swiper-button-prev, #tilakaruselli .elementor-swiper-button-next { color: #05dded !important; background: rgba(0,0,0,.35); border-radius: 50%; width: 44px; height: 44px; transition: all .3s ease; } #tilakaruselli .elementor-swiper-button-prev:hover, #tilakaruselli .elementor-swiper-button-next:hover { background: #05dded; color: #000 !important; transform: scale(1.1); } /* Bullets */ #tilakaruselli .swiper-pagination-bullet { background: rgba(255,255,255,.4); opacity: 1; transition: background .3s ease; } #tilakaruselli .swiper-pagination-bullet-active { background: #05dded; } /* Mobiili */ @media (max-width:768px){ #tilakaruselli { --tilakaruselli-h: 280px; } #tilakaruselli .swiper-slide::after { content: ""; } }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-83d9111 *//* =============================== #TILAKARUSELLI — VARMA SYMMETRIA ELEMENTORILLE =============================== */ #tilakaruselli { --tilakaruselli-h: 360px; } /* Swiper/Elementor-wrapperit samaan kiinteään korkeuteen */ #tilakaruselli .elementor-image-carousel-wrapper, #tilakaruselli .swiper, #tilakaruselli .swiper-container, #tilakaruselli .swiper-wrapper { height: var(--tilakaruselli-h) !important; } /* Jokainen slide = keskittävä flex-kehys, sama korkeus */ #tilakaruselli .swiper-slide { position: relative; height: var(--tilakaruselli-h) !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden; background: transparent; /* ← MUUTETTU: ei mustaa */ transition: transform .4s ease, box-shadow .4s ease; border: none !important; } /* Elementor lisää usein sisäelementtejä */ #tilakaruselli .swiper-slide .swiper-slide-inner, #tilakaruselli .swiper-slide > a, #tilakaruselli .swiper-slide > figure { height: 100% !important; width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; border: none !important; } /* Kuvan skaalaus */ #tilakaruselli .swiper-slide img, #tilakaruselli img.swiper-slide-image, #tilakaruselli .swiper-slide .swiper-slide-inner img { height: 100% !important; width: auto !important; max-width: none !important; object-fit: contain !important; object-position: center center !important; display: block; transition: transform .35s ease; border: none !important; } /* Hover */ #tilakaruselli .swiper-slide:hover img { transform: scale(1.04); box-shadow: 0 10px 30px rgba(0,0,0,.4); } /* Overlay "Katso kuva" */ #tilakaruselli .swiper-slide::after { content: "Katso kuva"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-family: "Poppins", sans-serif; font-weight: 600; font-size: 1rem; color: #fff; background: rgba(0,0,0,.45); opacity: 0; transition: opacity .25s ease; pointer-events: none; } #tilakaruselli .swiper-slide:hover::after { opacity: 1; } /* Nuolet */ #tilakaruselli .elementor-swiper-button-prev, #tilakaruselli .elementor-swiper-button-next { color: #05dded !important; background: rgba(0,0,0,.35); border-radius: 50%; width: 44px; height: 44px; transition: all .3s ease; } #tilakaruselli .elementor-swiper-button-prev:hover, #tilakaruselli .elementor-swiper-button-next:hover { background: #05dded; color: #000 !important; transform: scale(1.1); } /* Bullets */ #tilakaruselli .swiper-pagination-bullet { background: rgba(255,255,255,.4); opacity: 1; transition: background .3s ease; } #tilakaruselli .swiper-pagination-bullet-active { background: #05dded; } /* Mobiili */ @media (max-width:768px){ #tilakaruselli { --tilakaruselli-h: 280px; } #tilakaruselli .swiper-slide::after { content: ""; } }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-67b416a *//* =============================== #TILAKARUSELLI — VARMA SYMMETRIA ELEMENTORILLE =============================== */ #tilakaruselli { --tilakaruselli-h: 360px; } /* Swiper/Elementor-wrapperit samaan kiinteään korkeuteen */ #tilakaruselli .elementor-image-carousel-wrapper, #tilakaruselli .swiper, #tilakaruselli .swiper-container, #tilakaruselli .swiper-wrapper { height: var(--tilakaruselli-h) !important; } /* Jokainen slide = keskittävä flex-kehys, sama korkeus */ #tilakaruselli .swiper-slide { position: relative; height: var(--tilakaruselli-h) !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden; background: transparent; /* ← MUUTETTU: ei mustaa */ transition: transform .4s ease, box-shadow .4s ease; border: none !important; } /* Elementor lisää usein sisäelementtejä */ #tilakaruselli .swiper-slide .swiper-slide-inner, #tilakaruselli .swiper-slide > a, #tilakaruselli .swiper-slide > figure { height: 100% !important; width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; border: none !important; } /* Kuvan skaalaus */ #tilakaruselli .swiper-slide img, #tilakaruselli img.swiper-slide-image, #tilakaruselli .swiper-slide .swiper-slide-inner img { height: 100% !important; width: auto !important; max-width: none !important; object-fit: contain !important; object-position: center center !important; display: block; transition: transform .35s ease; border: none !important; } /* Hover */ #tilakaruselli .swiper-slide:hover img { transform: scale(1.04); box-shadow: 0 10px 30px rgba(0,0,0,.4); } /* Overlay "Katso kuva" */ #tilakaruselli .swiper-slide::after { content: "Katso kuva"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-family: "Poppins", sans-serif; font-weight: 600; font-size: 1rem; color: #fff; background: rgba(0,0,0,.45); opacity: 0; transition: opacity .25s ease; pointer-events: none; } #tilakaruselli .swiper-slide:hover::after { opacity: 1; } /* Nuolet */ #tilakaruselli .elementor-swiper-button-prev, #tilakaruselli .elementor-swiper-button-next { color: #05dded !important; background: rgba(0,0,0,.35); border-radius: 50%; width: 44px; height: 44px; transition: all .3s ease; } #tilakaruselli .elementor-swiper-button-prev:hover, #tilakaruselli .elementor-swiper-button-next:hover { background: #05dded; color: #000 !important; transform: scale(1.1); } /* Bullets */ #tilakaruselli .swiper-pagination-bullet { background: rgba(255,255,255,.4); opacity: 1; transition: background .3s ease; } #tilakaruselli .swiper-pagination-bullet-active { background: #05dded; } /* Mobiili */ @media (max-width:768px){ #tilakaruselli { --tilakaruselli-h: 280px; } #tilakaruselli .swiper-slide::after { content: ""; } }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2815323 *//* =============================== #TILAKARUSELLI — VARMA SYMMETRIA ELEMENTORILLE =============================== */ #tilakaruselli { --tilakaruselli-h: 360px; } /* Swiper/Elementor-wrapperit samaan kiinteään korkeuteen */ #tilakaruselli .elementor-image-carousel-wrapper, #tilakaruselli .swiper, #tilakaruselli .swiper-container, #tilakaruselli .swiper-wrapper { height: var(--tilakaruselli-h) !important; } /* Jokainen slide = keskittävä flex-kehys, sama korkeus */ #tilakaruselli .swiper-slide { position: relative; height: var(--tilakaruselli-h) !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden; background: transparent; /* ← MUUTETTU: ei mustaa */ transition: transform .4s ease, box-shadow .4s ease; border: none !important; } /* Elementor lisää usein sisäelementtejä */ #tilakaruselli .swiper-slide .swiper-slide-inner, #tilakaruselli .swiper-slide > a, #tilakaruselli .swiper-slide > figure { height: 100% !important; width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; border: none !important; } /* Kuvan skaalaus */ #tilakaruselli .swiper-slide img, #tilakaruselli img.swiper-slide-image, #tilakaruselli .swiper-slide .swiper-slide-inner img { height: 100% !important; width: auto !important; max-width: none !important; object-fit: contain !important; object-position: center center !important; display: block; transition: transform .35s ease; border: none !important; } /* Hover */ #tilakaruselli .swiper-slide:hover img { transform: scale(1.04); box-shadow: 0 10px 30px rgba(0,0,0,.4); } /* Overlay "Katso kuva" */ #tilakaruselli .swiper-slide::after { content: "Katso kuva"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-family: "Poppins", sans-serif; font-weight: 600; font-size: 1rem; color: #fff; background: rgba(0,0,0,.45); opacity: 0; transition: opacity .25s ease; pointer-events: none; } #tilakaruselli .swiper-slide:hover::after { opacity: 1; } /* Nuolet */ #tilakaruselli .elementor-swiper-button-prev, #tilakaruselli .elementor-swiper-button-next { color: #05dded !important; background: rgba(0,0,0,.35); border-radius: 50%; width: 44px; height: 44px; transition: all .3s ease; } #tilakaruselli .elementor-swiper-button-prev:hover, #tilakaruselli .elementor-swiper-button-next:hover { background: #05dded; color: #000 !important; transform: scale(1.1); } /* Bullets */ #tilakaruselli .swiper-pagination-bullet { background: rgba(255,255,255,.4); opacity: 1; transition: background .3s ease; } #tilakaruselli .swiper-pagination-bullet-active { background: #05dded; } /* Mobiili */ @media (max-width:768px){ #tilakaruselli { --tilakaruselli-h: 280px; } #tilakaruselli .swiper-slide::after { content: ""; } }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-a28a7dd *//* =============================== #TILAKARUSELLI — VARMA SYMMETRIA ELEMENTORILLE =============================== */ #tilakaruselli { --tilakaruselli-h: 360px; } /* Swiper/Elementor-wrapperit samaan kiinteään korkeuteen */ #tilakaruselli .elementor-image-carousel-wrapper, #tilakaruselli .swiper, #tilakaruselli .swiper-container, #tilakaruselli .swiper-wrapper { height: var(--tilakaruselli-h) !important; } /* Jokainen slide = keskittävä flex-kehys, sama korkeus */ #tilakaruselli .swiper-slide { position: relative; height: var(--tilakaruselli-h) !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden; background: transparent; /* ← MUUTETTU: ei mustaa */ transition: transform .4s ease, box-shadow .4s ease; border: none !important; } /* Elementor lisää usein sisäelementtejä */ #tilakaruselli .swiper-slide .swiper-slide-inner, #tilakaruselli .swiper-slide > a, #tilakaruselli .swiper-slide > figure { height: 100% !important; width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; border: none !important; } /* Kuvan skaalaus */ #tilakaruselli .swiper-slide img, #tilakaruselli img.swiper-slide-image, #tilakaruselli .swiper-slide .swiper-slide-inner img { height: 100% !important; width: auto !important; max-width: none !important; object-fit: contain !important; object-position: center center !important; display: block; transition: transform .35s ease; border: none !important; } /* Hover */ #tilakaruselli .swiper-slide:hover img { transform: scale(1.04); box-shadow: 0 10px 30px rgba(0,0,0,.4); } /* Overlay "Katso kuva" */ #tilakaruselli .swiper-slide::after { content: "Katso kuva"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-family: "Poppins", sans-serif; font-weight: 600; font-size: 1rem; color: #fff; background: rgba(0,0,0,.45); opacity: 0; transition: opacity .25s ease; pointer-events: none; } #tilakaruselli .swiper-slide:hover::after { opacity: 1; } /* Nuolet */ #tilakaruselli .elementor-swiper-button-prev, #tilakaruselli .elementor-swiper-button-next { color: #05dded !important; background: rgba(0,0,0,.35); border-radius: 50%; width: 44px; height: 44px; transition: all .3s ease; } #tilakaruselli .elementor-swiper-button-prev:hover, #tilakaruselli .elementor-swiper-button-next:hover { background: #05dded; color: #000 !important; transform: scale(1.1); } /* Bullets */ #tilakaruselli .swiper-pagination-bullet { background: rgba(255,255,255,.4); opacity: 1; transition: background .3s ease; } #tilakaruselli .swiper-pagination-bullet-active { background: #05dded; } /* Mobiili */ @media (max-width:768px){ #tilakaruselli { --tilakaruselli-h: 280px; } #tilakaruselli .swiper-slide::after { content: ""; } }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-328b2ca *//* =============================== #TILAKARUSELLI — VARMA SYMMETRIA ELEMENTORILLE =============================== */ #tilakaruselli { --tilakaruselli-h: 360px; } /* Swiper/Elementor-wrapperit samaan kiinteään korkeuteen */ #tilakaruselli .elementor-image-carousel-wrapper, #tilakaruselli .swiper, #tilakaruselli .swiper-container, #tilakaruselli .swiper-wrapper { height: var(--tilakaruselli-h) !important; } /* Jokainen slide = keskittävä flex-kehys, sama korkeus */ #tilakaruselli .swiper-slide { position: relative; height: var(--tilakaruselli-h) !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden; background: transparent; /* ← MUUTETTU: ei mustaa */ transition: transform .4s ease, box-shadow .4s ease; border: none !important; } /* Elementor lisää usein sisäelementtejä */ #tilakaruselli .swiper-slide .swiper-slide-inner, #tilakaruselli .swiper-slide > a, #tilakaruselli .swiper-slide > figure { height: 100% !important; width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; border: none !important; } /* Kuvan skaalaus */ #tilakaruselli .swiper-slide img, #tilakaruselli img.swiper-slide-image, #tilakaruselli .swiper-slide .swiper-slide-inner img { height: 100% !important; width: auto !important; max-width: none !important; object-fit: contain !important; object-position: center center !important; display: block; transition: transform .35s ease; border: none !important; } /* Hover */ #tilakaruselli .swiper-slide:hover img { transform: scale(1.04); box-shadow: 0 10px 30px rgba(0,0,0,.4); } /* Overlay "Katso kuva" */ #tilakaruselli .swiper-slide::after { content: "Katso kuva"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-family: "Poppins", sans-serif; font-weight: 600; font-size: 1rem; color: #fff; background: rgba(0,0,0,.45); opacity: 0; transition: opacity .25s ease; pointer-events: none; } #tilakaruselli .swiper-slide:hover::after { opacity: 1; } /* Nuolet */ #tilakaruselli .elementor-swiper-button-prev, #tilakaruselli .elementor-swiper-button-next { color: #05dded !important; background: rgba(0,0,0,.35); border-radius: 50%; width: 44px; height: 44px; transition: all .3s ease; } #tilakaruselli .elementor-swiper-button-prev:hover, #tilakaruselli .elementor-swiper-button-next:hover { background: #05dded; color: #000 !important; transform: scale(1.1); } /* Bullets */ #tilakaruselli .swiper-pagination-bullet { background: rgba(255,255,255,.4); opacity: 1; transition: background .3s ease; } #tilakaruselli .swiper-pagination-bullet-active { background: #05dded; } /* Mobiili */ @media (max-width:768px){ #tilakaruselli { --tilakaruselli-h: 280px; } #tilakaruselli .swiper-slide::after { content: ""; } }/* End custom CSS */