.body--dark .layout--kortit{background-color:#16222e}.body--blue .layout--kortit{background-color:#122941}.kortit__wrapper{max-width:1560px;margin:0 auto;width:calc(100% - 40px)}@media (min-width:600px){.kortit__wrapper{width:calc(100% - 60px)}}@media (min-width:960px){.kortit__wrapper{width:calc(100% - 80px)}}@media (min-width:1280px){.kortit__wrapper{width:calc(100% - 120px)}}@media (min-width:1441px){.kortit__wrapper{width:calc(100% - 120px)}}.kortit__flexbox{display:flex;flex-wrap:wrap;margin:0 -20px -20px 0}@media (min-width:1280px){.kortit__flexbox{display:flex;flex-wrap:wrap;margin:0 -40px -40px 0}}.kortti{flex:0 0 calc(100% - 20px);margin:0 20px 20px 0;max-width:calc(100% - 20px);width:calc(100% - 20px);border-radius:10px;text-decoration:none;position:relative;overflow:hidden}@media (min-width:960px){.kortti{transform:perspective(2000px) rotateY(0);box-shadow:16px 16px 24px 0 rgba(0,0,0,.18);transition:all .3s ease}}@media (min-width:600px){.kortti{flex:0 0 calc(50% - 20px);margin:0 20px 20px 0;max-width:calc(50% - 20px);width:calc(50% - 20px)}}@media (min-width:960px){.kortti{flex:0 0 calc(33.33% - 20px);margin:0 20px 20px 0;max-width:calc(33.33% - 20px);width:calc(33.33% - 20px)}}@media (min-width:1280px){.kortti{flex:0 0 calc(33.33% - 40px);margin:0 40px 40px 0;max-width:calc(33.33% - 40px);width:calc(33.33% - 40px)}}.kortti .kortti__sisalto{height:100%}.kortti .kortti__sisalto:before{transition:all .3s ease}.kortti .kortti__sisalto:after{content:"";position:absolute;height:100%;width:100%;display:block;top:0;left:0;z-index:-1;background:rgba(255,255,255,0);transition:all .3s ease}.kortti:hover{background-color:#000}@media (min-width:960px){.kortti:hover{transform:perspective(2000px) rotateY(10deg) translateY(-5px);box-shadow:0 16px 30px 0 rgba(0,0,0,.15)}}.kortti:hover .kortti__sisalto:after{height:100%;width:100%;display:block;top:0;left:0;background:rgba(0,0,0,.1)}.kortti:hover .kortti__sisalto:before{transform:perspective(2000px) rotate(45deg) rotateY(0)}.kortti:active{transform:scale(1);box-shadow:16px 16px 24px 0 rgba(0,0,0,.18)}.kortti--dark{background-color:#0d1926;color:#fff}.kortti--blue{background-color:#122941;color:#fff}.kortti--green{background-color:#84c9bd;color:#122941}.kortti--green .kortti__sisalto:before{background-image:url(../../assets/img/kortti-arrow-dark.svg)}.kortti--green .kortti__ylaotsikko{color:#fff}.kortti--green:hover{background:#fff}.kortti--kuvalla{display:flex;flex-direction:column-reverse}@media (min-width:600px){.kortti--kuvalla{flex:0 0 calc(100% - 20px);margin:0 20px 20px 0;max-width:calc(100% - 20px);width:calc(100% - 20px);flex-direction:row}}@media (min-width:960px){.kortti--kuvalla{flex:0 0 calc(50% - 20px);margin:0 20px 20px 0;max-width:calc(50% - 20px);width:calc(50% - 20px);flex-direction:column-reverse;justify-content:flex-end}}@media (min-width:1280px){.kortti--kuvalla{flex:0 0 calc(50% - 40px);margin:0 40px 40px 0;max-width:calc(50% - 40px);width:calc(50% - 40px);flex-direction:row;justify-content:unset}}.kortti--kuvalla .kortti__sisalto{flex:0 0 auto;max-width:100%;width:100%}@media (min-width:600px){.kortti--kuvalla .kortti__sisalto{flex:0 0 55%;max-width:55%;width:55%}}@media (min-width:960px){.kortti--kuvalla .kortti__sisalto{flex:0 0 auto;max-width:100%;width:100%}}@media (min-width:1280px){.kortti--kuvalla .kortti__sisalto{flex:0 0 55%;max-width:55%;width:55%}}.kortti--kuvalla .kortti__kuva{flex:0 0 auto;max-width:100%;width:100%}@media (min-width:600px){.kortti--kuvalla .kortti__kuva{flex:0 0 45%;max-width:45%;width:45%}}@media (min-width:960px){.kortti--kuvalla .kortti__kuva{flex:0 0 auto;max-width:100%;width:100%}}@media (min-width:1280px){.kortti--kuvalla .kortti__kuva{flex:0 0 45%;max-width:45%;width:45%}}.kortti__sisalto{padding:120px 20px 20px;position:relative}@media (min-width:600px){.kortti__sisalto{padding:120px 40px 40px}}@media (min-width:1280px){.kortti__sisalto{padding:160px 40px 40px}}.kortti__sisalto:before{content:"";position:absolute;top:32px;right:32px;width:56px;height:56px;background-image:url(../../assets/img/kortti-arrow-green.svg);background-size:contain;background-repeat:no-repeat}.kortti__kuva img{border-radius:8px 8px 0 0;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media (min-width:600px){.kortti__kuva img{border-radius:0 8px 8px 0}}@media (min-width:960px){.kortti__kuva img{border-radius:8px 8px 0 0}}@media (min-width:1280px){.kortti__kuva img{border-radius:0 8px 8px 0}}.kortti__ylaotsikko{color:#9a9a9a;margin:0}.kortti__otsikko{margin:0 0 24px}
/*# sourceMappingURL=style.min.css.map */