/*-------------------------------------- UTILITIES.CSS ---------------------------------------*/ .sans { font-family: signo, sans-serif; } .absolute { position: absolute; z-index: 1; } .relative { position: relative; } .arrow-down { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; } .cover-bg { background-size: cover; background-position: center center; background-repeat: no-repeat; } a.absolute-overlay-link { width: 100%; height: 100%; display: block; } /*------------------------- Color -----------------------*/ .red { color: #C70000; } .f-blue { color: #003288; } .t-blue { color: #40A4AF; } .i-red { color: #BF33BF; } /*-------------------------------------- MAIN.CSS ---------------------------------------*/ .sans{font-family:signo, sans-serif}.absolute{position:absolute;z-index:1}.relative{position:relative}.arrow-down{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff}.cover-bg{background-size:cover;background-position:center center;background-repeat:no-repeat}a.absolute-overlay-link{width:100%;height:100%;display:block}.red{color:#C70000}.f-blue{color:#003288}.t-blue{color:#40A4AF}.i-red{color:#BF33BF}body{font-size:17px;font-size:clamp(16px, 1.2vw, 17px);font-family:"abril-text", georgia, "Proxima nova";letter-spacing:0.015em}h1,h2,h3,h4,h5{font-weight:500;font-family:signo, "Proxima nova";font-size:28px;font-size:clamp(28px, 7.5vw, 35px);line-height:1.2;margin-top:0px;margin-bottom:20px;padding-top:0px;padding-bottom:0px}h2{font-size:24px;font-size:clamp(22px, 5vw, 30px);margin-bottom:20px}h3{font-size:20px;font-size:clamp(18px, 3vw, 26px)}h4{font-size:17px}main h1.main{text-transform:uppercase;line-height:1.1;margin-bottom:35px;margin-top:0px}main h1.no-breadcrumbs{margin-top:50px;margin-bottom:50px}main h1.main.has-date{margin-bottom:50px;margin-top:0px}.archive main h1.main{margin-top:60px;margin-bottom:60px}.archive-movies main h1.main{color:white}@media screen and (max-width: 639px){main h1.main{text-align:center}}main img{width:100%}main blockquote.wp-block-quote.wp-block-quote{margin-top:50px;margin-bottom:50px}.grid-container{max-width:2000px}body.page .grid-container{max-width:1300px}body.home.page .grid-container{max-width:2000px}body.single-kk_oppimateriaalit .grid-container{max-width:1300px}#title-container .description{margin-bottom:50px}a,a:hover,a:active,a:visited{color:#008d94}p{line-height:1.6rem;margin-bottom:25px;font-weight:200}em{font-weight:400}dl,ol,ul{margin-bottom:2rem}button{padding:5px 25px 5px 25px;color:white;background-color:#0695aa;outline:none;display:inline-block;line-height:1}#main-row{margin-top:20px}@media screen and (max-width: 639px){#main-row{padding-left:25px;padding-right:25px;margin-top:0px}}#excerpt,#excerpt p{font-weight:600;font-size:1.1rem;line-height:1.5}.row-block{margin-top:40px;padding:40px;border:1px solid rgba(0,0,0,0.1)}@media screen and (min-width: 1024px){body{font-size:17px;font-size:clamp(16px, 1.5vw, 18px)}h1,h2,h3,h4,h5{font-size:40px;font-size:clamp(40px, 2.5vw, 50px)}h2{font-size:22px;font-size:clamp(21px, 1.8vw, 25px)}h3{font-size:22px;font-size:clamp(19px, 1.5vw, 23px)}h4{font-size:18px;font-size:clamp(18px, 1.5vw, 18px)}main h1.main{line-height:1.1;margin-bottom:40px}main h1.main.has-date{margin-bottom:50px;margin-top:20px !important}main.no-highlights h1.main{margin-bottom:20px;margin-top:15px}.single-kk_oppimateriaalit main.no-highlights h1.main{margin-bottom:50px}main.no-highlights h1.no-breadcrumbs{margin-top:60px;margin-bottom:20px}body.archive main h1.main{margin-top:70px;margin-bottom:70px}main .wp-block-media-text{margin-top:40px;margin-bottom:40px}main .wp-block-image figure{margin-bottom:20px}main .wp-block-image figure.alignleft{margin-right:40px;max-width:calc( 50% - 40px)}main .wp-block-image figure.alignright{margin-left:40px;max-width:calc( 50% - 40px)}main figure.wp-block-image{margin-bottom:20px}#main-row{margin-top:40px}}@media screen and (max-width: 1023px){.wp-block-image figure.alignleft{margin-right:auto;margin-left:auto;margin-bottom:20px}.wp-block-image figure.alignright{margin-left:auto;margin-left:auto;margin-bottom:20px}}@media screen and (min-width: 640px){main{padding-left:20px;padding-right:20px}}@media screen and (min-width: 1500px){main{padding-left:80px;padding-right:80px}}@media screen and (max-width: 639px){.wp-block-media-text{display:block}.wp-block-media-text .wp-block-media-text__media{margin-bottom:25px}}#page-hero{margin-bottom:35px}#page-hero.has-image-text{margin-bottom:2px}#page-hero-text{font-size:0.9rem;color:rgba(0,0,0,0.75);margin-bottom:35px;margin-top:2px}#page-hero-text .divider{display:inline-block;width:10px}.wp-block-image{margin-top:30px;margin-bottom:30px}blockquote{margin-top:30px;margin-bottom:40px;color:rgba(0,0,0,0.9);border-left:3px solid #cacaca}blockquote p{color:rgba(0,0,0,0.7);font-weight:400}#share-image-container canvas{width:100%;height:auto}#bitnami-banner{display:none}.lds-dual-ring{display:inline-block;width:40px;height:40px}.lds-dual-ring:after{content:" ";display:block;width:32px;height:32px;margin:8px;border-radius:50%;border:6px solid #fff;border-color:#fff #fff #fff transparent;animation:lds-dual-ring 0.8s linear infinite}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} /*# sourceMappingURL=main.css.map */ /*-------------------------------------- HIGHLIGHTS.CSS ---------------------------------------*/ /*------------------------- Highlights -----------------------*/ #highlights.movies-materials { /*display: flex;*/ } #highlights.movies-materials .item { height: 20vh; background-color: white; background-color: grey; } #highlights.movies-materials .item.hero { height: 40vh; } .archive-movies #highlights.movies-materials .item { border-left: 15px solid #0C0C0C; border-bottom: 15px solid #0C0C0C; border-color: #0C0C0C; } .archive-movies #highlights.movies-materials .item.hero { border: 0; border-bottom: 15px solid #0C0C0C; /*border-right: 15px solid black;*/ } #highlights { position: relative; margin-top: 40px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } @media screen and (max-width: 639px) { #highlights { margin-top: 0px; margin-bottom: 20px; } #highlights #highlights-col-2 .item:nth-child(2) { display: none; } #highlights #highlights-last-column-small { margin-top: 20px; flex-wrap: wrap; } #highlights #highlights-last-column-small .item { height: 15vh !important; width: 50%; border: 1px solid white !important; } #highlights #highlights-last-column-small .item:first-of-type { width: 100%; } } #highlights .item { height: 20vh; position: relative; border: 2px solid white; background-position: center; background-size: cover; background-repeat: no-repeat; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-color: grey; } @media screen and (max-width: 639px) { #highlights .item { border: 0px !important; margin-bottom: 0px; height: 30vh !important; margin-top: 1px; } } @media screen and (max-width: 639px) { #highlights .main-column .item:first-child { height: 50vh !important; } } #highlights .item.hero { height: 40vh; } @media screen and (max-width: 639px) { #highlights .item.hero { height: 50vh !important; } } #highlights .default-banners .item { height: 10vh; background-size: contain; background-color: #037992; } #highlights .item > a { width: 100%; height: 100%; display: block; } #highlights .item > a:hover { background-color: rgba(255, 255, 255, 0.2); mix-blend-mode: overlay; } #highlights .item > a:hover { background-color: rgba(255, 255, 255, 0.2); mix-blend-mode: overlay; } #highlights .default-banners .item > a:hover { background-color: rgba(255, 255, 255, 0.3); mix-blend-mode: overlay; } #highlights .title-container { background-color: rgba(20, 20, 20, 0.9); position: absolute; bottom: 20px; left: 0px; z-index: 20; padding: 1rem 2rem 0.7rem 1rem; padding: 20px 30px 20px 16px; min-width: 50%; pointer-events: none; transition: all 0.6s; } @media screen and (max-width: 639px) { #highlights .title-container { background-color: #0097a7; background-color: #037992; padding: 30px 20px 30px 20px; } } @media screen and (max-width: 639px) { .archive-movies #highlights .title-container { background-color: black; } } #highlights .column .title-container { padding: 16px 20px 15px 16px; } @media screen and (max-width: 639px) { #highlights .column .title-container { padding: 20px 20px 20px 20px; } } #highlights .item:hover .title-container { background-color: #08b8cd; background-color: #037992; transition: all 0.6s; } #highlights h1 { font-size: 1.9rem; font-size: clamp(18px, 2vw, 28px); font-size: 24px; font-weight: 400; color: white; line-height: 1.2; letter-spacing: 0.2px; margin-bottom: 0px; } #highlights .main-column h1 { font-weight: 500; } @media screen and (max-width: 639px) { #highlights .main-column h1 { font-size: 20px; } } #highlights .column h1 { margin-bottom: 0px; font-size: 18px; line-height: 1; } #highlights h2 { /*font-size:1rem; line-height: 1rem; margin-bottom: 5px;*/ font-size: 15px; line-height: 1; margin-bottom: 5px; font-weight: 200; color: white; opacity: 0.8; letter-spacing: 0.2px; font-family: "proxima-nova-condensed", signo; } @media screen and (max-width: 639px) { #highlights h2 { margin-bottom: 8px; display: none; } } @media screen and (max-width: 639px) { #highlights .main-column h2 { font-size: 14px; } } #highlights .column h2 { font-size: 14px; font-weight: 300; letter-spacing: 0.35px; } @media screen and (max-width: 639px) { #highlights-grid { padding: 0px; } #highlights #highlights-last-column .title-container { padding: 10px; } #highlights .title-container { text-align: center; width: 100%; bottom: 0px; } #highlights .column { height: auto; } } @media screen and (max-width: 1023px) { #highlights-last-column .column { height: 180px; } #highlights #highlights-last-column h1 { font-size: clamp(15px, 2.5vw, 22px); } } @media screen and (max-width: 639px) { #highlights-last-column .column { height: auto; } } /*# sourceMappingURL=highlights.css.map */ /*-------------------------------------- HEADER.CSS ---------------------------------------*/ header { position: relative; background-color: #005f6a; padding: 65px; background-image: url(../img/header_background.png); background-repeat: no-repeat; background-position: center center; } @media screen and (max-width: 639px) { header { padding: 55px 25px; margin-bottom: 0px; } } header #logo { display: block; margin: 0px auto 0px auto; max-height: 10vh; } body.low-header header { padding: 40px; } body.low-header header #logo { max-height: 8vh; } /*# sourceMappingURL=header.css.map */ /*-------------------------------------- NAVIGATION.CSS ---------------------------------------*/ nav{background-color:#141414;padding:0px 30px}nav ul li.current-menu-item a,nav ul li.current_page_item a,nav ul li.current-page-ancestor a{color:#08b8cd}nav ul.menu{text-align:center;width:100%;padding:0px;margin:0px;text-align:center;display:block}nav ul.menu li{display:inline-block;margin:0px;margin-top:0px;position:relative}nav ul.menu li.menu-item-home a{padding-right:20px;padding-left:0px}nav ul.menu li a{color:white;text-transform:uppercase;font-size:16.5px;font-weight:500;line-height:0;padding:29px 25px 26px 25px;letter-spacing:0.5px}nav .sub-menu{display:none}nav:not(#mobile-navigation) ul.menu>li:hover .sub-menu{position:absolute;z-index:1;display:block;bottom:0px;left:50%;background-color:#fff;padding:12px 6px;transform:translate(-50%, 100%);border:2px solid;margin:0px;z-index:1000}nav:not(#mobile-navigation) ul.menu>li:hover .sub-menu li{display:block;min-width:300px;text-align:center;padding:0px 25px 0px 25px}nav:not(#mobile-navigation) ul.menu>li:hover .sub-menu a{color:#0a0a0a;line-height:1.2;font-size:17px;text-transform:none;font-family:"proxima-nova-condensed",signo;padding:20px 15px 20px 15px}nav:not(#mobile-navigation) ul.menu>li:hover .sub-menu li:hover a{text-decoration:underline}#hamburger{top:15px;right:15px;color:white;position:fixed;background-color:#0397a7;padding:2px;z-index:1000;display:none}#hamburger i{font-size:40px}@media screen and (max-width: 1023px){#hamburger{display:block}}#lang{color:white;right:20px;top:20px;font-weight:500;font-size:16px;font-family:signo,"proxima-nova"}#lang a{color:white;margin-right:5px;margin-left:5px}#offCanvas{background-color:#141414}#lang.lang-mobile{color:white;background-color:#005f6a;padding:15px;margin-bottom:20px;letter-spacing:2px}#mobile-navigation a{padding:35px 20px 35px 20px}#mobile-navigation ul li{display:block}#mobile-navigation ul li a{padding:30px 20px 30px 20px}#breadcrumbs{margin-bottom:20px;margin-top:0px;line-height:1.3;font-family:signo, sans-serif;color:rgba(0,0,0,0.95);font-weight:400;font-family:"proxima-nova-condensed",signo}#breadcrumbs .arrow{margin-right:2px;margin-left:2px;display:inline-block}#breadcrumbs a{color:rgba(0,0,0,0.95)}#breadcrumbs a:last-child{margin-right:0}@media screen and (max-width: 1023px){#breadcrumbs{margin-bottom:10px}}.breadcrumb-home{font-size:17px}.breadcrumb-home span{font-size:18px}.breadcrumb-home svg{margin-right:5px;transform:translateY(-2px)}main.no-highlights #breadcrumbs{margin-top:20px}.off-canvas.is-transition-overlap{z-index:9999}.off-canvas.position-left{width:80%;transform:translateX(-100%)}.off-canvas.is-open{transform:translateX(0px)}@media screen and (min-width: 1024px){#breadcrumbs{margin-bottom:8px;margin-top:30px;line-height:1}main.no-highlights #breadcrumbs{margin-top:60px}}#back-to-top{position:fixed;right:20px;bottom:20px;padding:5px;border-radius:5px;display:none}#back-to-top span{font-size:45px;color:#0695aa}#back-to-top.show{display:block} /*# sourceMappingURL=navigation.css.map */ /*-------------------------------------- SUBNAV.CSS ---------------------------------------*/ #subnav{padding:0px;background-color:transparent;position:relative;margin-left:30px;margin-left:clamp(30px, 4vw, 50px);margin-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#subnav ul{background-color:transparent;padding:0px;margin:0px}@media screen and (min-width: 1400px){#subnav ul{margin-right:-50px}}@media screen and (min-width: 1500px){#subnav ul{margin-right:-100px}}#subnav ul.children{display:none}#subnav ul li{margin:0px;padding:0px;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#subnav ul li .material-icons{display:none}#subnav ul li a{font-family:"proxima-nova-condensed";color:rgba(0,0,0,0.95);padding:20px 15px 15px 30px;display:block;font-size:18px;letter-spacing:0.2px;text-align:left;line-height:1.15;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#subnav ul li:last-of-type{border-bottom:0px;transition:all 0.5s}#subnav ul li:hover{transition:all 0.5s}#subnav ul li:hover a{text-decoration:underline}#subnav ul li.subnav-header a,#subnav ul#tail-nav li a{padding-bottom:20px;padding-left:0px;text-align:left;font-size:17px;font-size:clamp(17px, 1.4vw, 18.5px);line-height:1.15}#subnav ul li.subnav-header .arrow-down,#subnav ul#tail-nav li .arrow-down{right:calc( 50% - 6px );bottom:-6px;border-top:6px solid rgba(0,0,0,0.9);display:none}#subnav ul li.is-laudatur-subpage{display:none}#subnav ul li.is-laudatur-subpage.laudatur-excluded{display:block}#subnav ul>li>ul{display:none;height:0;overflow:hidden;transition:height 1s}#subnav ul>li.open>ul{display:none;height:auto;transition:height 1s}#subnav ul#tail-nav{margin-top:20px}#subnav ul#tail-nav li{padding-left:0px}#subnav ul#tail-nav li a{padding-top:16px;padding-bottom:13px}#subnav #subnav-vertical-line{position:absolute;z-index:1;left:5px;width:1px;height:100px;border-left:1px dotted rgba(0,0,0,0.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#subnav .subnav-horiz-line{position:absolute;z-index:1;left:6px;top:50%;height:0px;width:10px;border-top:1px dotted rgba(0,0,0,0.2)}#subnav .current_page_item #subnav-current-ball{position:absolute;z-index:1;z-index:20;width:8px;height:8px;border-radius:50%;top:50%;transform:translateY(-3px);background-color:orange;left:17px}#subnav .current_page_item.subnav-header #subnav-current-ball{bottom:-2px;left:1.5px;top:auto;transform:none}#subnav #feedback-link{padding-right:0px;padding:0px;text-align:center;display:flex;background-color:#0695aa;justify-content:center;margin-top:15px;margin-left:0px}#subnav #feedback-link a{font-size:17px;color:white;margin-right:0px;padding:19px 18px 15px 19px}@media screen and (min-width: 1400px){#subnav #feedback-link{margin-right:-50px}}@media screen and (min-width: 1500px){#subnav #feedback-link{margin-right:-100px}}#feedback-link{font-family:"proxima-nova-condensed",signo;padding-right:0px;padding-top:25px;text-align:left;border-radius:3px;margin-left:clamp(30px, 4vw, 50px)}#feedback-link a{font-size:16px;letter-spacing:0.02em;border-radius:5px;padding:0px 18px 15px 0px;line-height:1;margin-right:15px}#feedback-link #feedback-icon{font-size:18px;margin-left:10px;display:inline-block;line-height:0;transform:translateY(3px) scaleX(-1)}#subnav.level-2 #subnav-vertical-line,#subnav.level-3 #subnav-vertical-line,#subnav.level-4 #subnav-vertical-line{left:28px}#subnav.level-2 #main-subnav-part .subnav-ancestor .subnav-horiz-line,#subnav.level-3 #main-subnav-part .subnav-ancestor .subnav-horiz-line,#subnav.level-4 #main-subnav-part .subnav-ancestor .subnav-horiz-line{display:none}#subnav.level-2 #main-subnav-part .subnav-ancestor a,#subnav.level-3 #main-subnav-part .subnav-ancestor a,#subnav.level-4 #main-subnav-part .subnav-ancestor a{padding:20px 15px 15px 0px;font-weight:600}#subnav.level-2 #main-subnav-part .subnav-header a,#subnav.level-3 #main-subnav-part .subnav-header a,#subnav.level-4 #main-subnav-part .subnav-header a{padding:20px 15px 15px 26px}#subnav.level-2 #main-subnav-part .subnav-header .subnav-horiz-line,#subnav.level-3 #main-subnav-part .subnav-header .subnav-horiz-line,#subnav.level-4 #main-subnav-part .subnav-header .subnav-horiz-line{left:0px}#subnav.level-2 #main-subnav-part .subnav-header #subnav-current-ball,#subnav.level-3 #main-subnav-part .subnav-header #subnav-current-ball,#subnav.level-4 #main-subnav-part .subnav-header #subnav-current-ball{left:9px;bottom:0px;top:50%;transform:translateY(-4px)}#subnav.level-2 #main-subnav-part .subnav-header #subnav-header-vertical-line,#subnav.level-3 #main-subnav-part .subnav-header #subnav-header-vertical-line,#subnav.level-4 #main-subnav-part .subnav-header #subnav-header-vertical-line{position:absolute;z-index:1;left:0px;top:0px;width:1px;height:50%;border-left:1px dotted rgba(0,0,0,0.2)}#subnav.level-2 #main-subnav-part .page_item a,#subnav.level-3 #main-subnav-part .page_item a,#subnav.level-4 #main-subnav-part .page_item a{padding-left:55px}#subnav.level-2 #main-subnav-part .page_item .subnav-horiz-line,#subnav.level-3 #main-subnav-part .page_item .subnav-horiz-line,#subnav.level-4 #main-subnav-part .page_item .subnav-horiz-line{left:28px}#subnav.level-2 #main-subnav-part .page_item #subnav-current-ball,#subnav.level-3 #main-subnav-part .page_item #subnav-current-ball,#subnav.level-4 #main-subnav-part .page_item #subnav-current-ball{left:36px}#subnav.level-2.no-ancestors #subnav-vertical-line{left:0px}#subnav.level-2.no-ancestors #main-subnav-part .subnav-header #subnav-header-vertical-line{display:none}#subnav.level-2.no-ancestors #main-subnav-part .subnav-header .subnav-horiz-line{display:none}#subnav.level-2.no-ancestors #main-subnav-part .subnav-header a{padding:20px 15px 15px 0px}#subnav.level-2.no-ancestors #main-subnav-part .page_item a{padding-left:25px}#subnav.level-2.no-ancestors #main-subnav-part .page_item .subnav-horiz-line{left:0px}#subnav.level-2.no-ancestors #main-subnav-part .page_item #subnav-current-ball{left:7px}nav#subnav ul li.current_page_item a{color:#0695aa}#subnav.is-too-high ul li a{padding:clamp(13px, 0.8vw, 18px) 12px;font-size:clamp(15.5px, 1.1vw, 17px)}#mobile-tags-container{display:none}ul#mobile-sub-nav{margin:0px 20px 20px 20px;display:none;list-style:none;font-family:signo,"proxima-nova";border:1px solid rgba(0,0,0,0.05);padding:0px;border-radius:5px;background-color:rgba(0,0,0,0.05);background-color:#0695aa}@media screen and (max-width: 1023px){ul#mobile-sub-nav{display:block}}ul#mobile-sub-nav li#mobile-sub-nav-header{color:white;position:relative;background-color:#0695aa;text-align:center}ul#mobile-sub-nav li#mobile-sub-nav-header .arrow-container{position:absolute;right:15px;top:50%;transform:translateY(-85%);z-index:10}ul#mobile-sub-nav li#mobile-sub-nav-header .arrow-container .arrow.down{border:solid white;border-width:0 3px 3px 0;display:inline-block;padding:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}ul#mobile-sub-nav li{list-style:none;display:none;padding:13px 20px;margin:0px;text-align:left;background-color:#026f7e}ul#mobile-sub-nav li a{color:white}ul#mobile-sub-nav li:first-child{display:block}ul#mobile-sub-nav li ul{display:none}ul#mobile-sub-nav.open li{display:block}ul#mobile-sub-nav.open li:nth-child(2){padding-top:24px}body.learningmaterial #main-subnav-part{display:flex;flex-direction:column}@media screen and (max-width: 1023px){body.learningmaterial #subnav{margin-left:0px}body.learningmaterial #subnav ul li{display:none;width:100%}body.learningmaterial #subnav ul li a{padding:15px 10px 10px 10px !important;text-align:left;display:none}body.learningmaterial #subnav ul li#label{display:block}body.learningmaterial #subnav ul li .dobbel-punkt{display:none}body.learningmaterial #subnav ul li .material-icons{position:absolute;z-index:1;display:block;left:auto;right:10px;top:50%;transform:translateY(-50%);font-size:33px}body.learningmaterial #subnav.open li{display:block}body.learningmaterial #subnav.open li a{display:block}#mobile-tags-container{display:block}#desktop-tags-container{display:none}} /*# sourceMappingURL=subnav.css.map */ /*-------------------------------------- POSTS.CSS ---------------------------------------*/ .sans { font-family: signo, sans-serif; } .absolute { position: absolute; z-index: 1; } .relative { position: relative; } .arrow-down { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; } .cover-bg { background-size: cover; background-position: center center; background-repeat: no-repeat; } a.absolute-overlay-link { width: 100%; height: 100%; display: block; } /*------------------------- Color -----------------------*/ .red { color: #C70000; } .f-blue { color: #003288; } .t-blue { color: #40A4AF; } .i-red { color: #BF33BF; } .single-post #title-container { margin-right: auto; margin-left: auto; max-width: 900px; } #title-container .article-meta { margin-bottom: 4px; font-size: 17px; line-height: 1; margin-top: 50px; } @media screen and (max-width: 1023px) { #title-container .article-meta { margin-bottom: 15px; } } #title-container .article-meta .date { display: inline-block; font-size: 18px; line-height: 1; letter-spacing: 0.4px; } #title-container .article-meta .categories { display: inline-block; list-style: none; margin-left: 6px; border-left: 1px solid rgba(0, 0, 0, 0.3); } #title-container .article-meta .categories ul { margin: 0; padding: 0; } #title-container .article-meta .categories li { display: inline-block; } #title-container .article-meta .categories a { padding: 0px 6px 0px 10px; /*border-left: 2px solid rgba(0,0,0,0.3);*/ /*text-transform: uppercase;*/ font-size: 17px; letter-spacing: 0.2px; font-weight: 500; line-height: 1; } #posts-list-container { margin-left: -10px; margin-right: -10px; } #posts-list-container #popinline { margin-bottom: 20px; background-color: rgba(255, 255, 255, 0.2); position: relative; width: 100%; min-height: 300px; overflow-y: auto; transition: height 0.8s; } #posts-list-container #popinline .close-movie-box { position: absolute; right: 10px; top: 10px; font-size: 35px; opacity: 0.7; cursor: pointer; } #posts-list-container #popinline-loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #posts-list-container label.post-type { display: none; } body.archive #posts-list-container label.post-type { display: block; position: absolute; top: 0px; left: 0px; z-index: 10; color: white; font-family: "proxima-nova-condensed", signo; padding: 6px 8px 6px 8px; background-color: rgba(0, 0, 0, 0.5); line-height: 1; } #posts-list-container article { margin-bottom: 35px; padding: 0px 10px 0px 10px; position: relative; cursor: pointer; transition: opacity 1.2s; } #posts-list-container article .list-item-anchor { position: relative; top: -200px; visibility: hidden; height: 0px; display: block; } #posts-list-container article .content-container { position: relative; } #posts-list-container article .post-image { height: 20vh; width: 100%; background-color: #005f6a; } #posts-list-container article .post-image.placeholder { background-size: 50% auto; } #posts-list-container article a { width: 100%; height: 100%; display: block; z-index: 100; } #posts-list-container article .text-content { padding: 14px 10px 11px 10px; position: absolute; position: absolute; z-index: 1; bottom: 0px; background-color: rgba(0, 0, 0, 0.7); color: white; width: 100%; /*------------------------- Uutiset -----------------------*/ } #posts-list-container article .text-content h1 { margin: 0px; } #posts-list-container article .text-content .date { display: none; } .blog #posts-list-container article .text-content { bottom: 15px; width: auto; text-align: left; padding: 10px 16px 15px 16px; } .blog #posts-list-container article .text-content h1 { text-align: left; } .blog #posts-list-container article .text-content .date { display: block; font-size: 14px; margin-bottom: 6px; opacity: 0.8; } #posts-list-container article h1 { font-size: 17px; /*font-size: clamp(16px, 1.2vw, 18px);*/ line-height: 1.15; margin-top: 10px; margin-bottom: 25px; text-align: center; letter-spacing: 0.5; font-weight: 500; } #posts-list-container article.not-on-search { display: none; } #posts-list-container article.on-search { display: block; } #posts-list-container article.on-search.not-on-search { display: none; } #posts-list-container article.not-on-local-textsearch { display: none; } #posts-list-container article.not-on-local-textsearch.on-remote-textsearch { display: block; } #posts-list-container article.not-on-local-textsearch.on-remote-textsearch.not-on-search { display: none; } #posts-list-container article.open { opacity: 0.4; transition: opacity 0.3s; } #sidebar #posts-list-container article h1 { font-size: 20px; font-size: clamp(16px, 1vw, 18px); font-weight: 400; letter-spacing: -0.3px; } #post-tags { margin: 80px 0px 80px 0px; } #post-tags a { color: white; background-color: #008d94; text-transform: uppercase; font-size: 16px; letter-spacing: 0.4px; font-weight: 500; padding: 10px 20px; margin-right: 15px; border-radius: 6px; } /*------------------------- EXTRA large -----------------------*/ @media screen and (min-width: 1600px) { #posts-list-container article { width: 20%; } } @media screen and (min-width: 1900px) { #posts-list-container article { width: 16.6666666667%; /*------------------------- Uutiset -----------------------*/ } .blog #posts-list-container article { width: 25%; } } /*------------------------- LARGE -----------------------*/ @media screen and (min-width: 1023px) { .blog #posts-list-container { max-width: 1400px; margin-right: auto; margin-left: auto; } #posts-list-container.heros-2-up article:first-child { width: 60%; margin-bottom: 45px; } #posts-list-container.heros-2-up article:nth-child(2) { width: 40%; margin-bottom: 45px; } #posts-list-container.heros-2-up article:nth-child(1) .post-image, #posts-list-container.heros-2-up article:nth-child(2) .post-image { height: 32vh; } #posts-list-container.heros-2-up article:nth-child(1) h1, #posts-list-container.heros-2-up article:nth-child(2) h1 { font-size: 23px; } .blog #posts-list-container article:nth-child(3), .blog #posts-list-container article:nth-child(4), .blog #posts-list-container article:nth-child(5) { width: 33.333%; } .blog #posts-list-container article:nth-child(3) .post-image, .blog #posts-list-container article:nth-child(4) .post-image, .blog #posts-list-container article:nth-child(5) .post-image { height: 25vh; } .blog #posts-list-container article:nth-child(3) h1, .blog #posts-list-container article:nth-child(4) h1, .blog #posts-list-container article:nth-child(5) h1 { font-size: 21px; } /*------------------------- SIDEBAR MODS -----------------------*/ #sidebar #posts-list-container article:first-child, #sidebar #posts-list-container article:nth-child(2) { width: 100%; } #sidebar #posts-list-container article:first-child .post-image, #sidebar #posts-list-container article:nth-child(2) .post-image { height: 15vh; } } @media screen and (max-width: 1023px) { #posts-list-container.heros-2-up article:first-child { width: 100%; } #posts-list-container.heros-2-up article:first-child .post-image { height: 30vh; } #posts-list-container.heros-2-up article h1 { font-size: 22px; font-size: clamp(18px, 5vw, 22px); } } @media screen and (max-width: 639px) { #posts-list-container { padding-left: 25px; padding-right: 25px; } #main-row.posts-list-row { padding-left: 0px; padding-right: 0px; } #posts-list-container article .post-image { height: 25vh; } #movie-row #posts-list-container { padding-left: 0px; padding-right: 0px; } } /*# sourceMappingURL=posts.css.map */ /*-------------------------------------- FOOTER.CSS ---------------------------------------*/ .sans { font-family: signo, sans-serif; } .absolute { position: absolute; z-index: 1; } .relative { position: relative; } .arrow-down { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; } .cover-bg { background-size: cover; background-position: center center; background-repeat: no-repeat; } a.absolute-overlay-link { width: 100%; height: 100%; display: block; } /*------------------------- Color -----------------------*/ .red { color: #C70000; } .f-blue { color: #003288; } .t-blue { color: #40A4AF; } .i-red { color: #BF33BF; } footer { display: flex; flex-wrap: wrap; background-color: #3A3A3A; background-color: #0695aa; color: rgba(255, 255, 255, 0.95); padding: 50px 40px 40px 60px; margin-top: 60px; font-size: 1rem; font-weight: 200; } footer #footer-header { font-weight: 700; flex-basis: 100%; margin-bottom: 50px; } footer .column { padding: 0px 0px 0px 0px; width: 38%; flex-shrink: 0; flex-grow: 1; margin-right: 40px; } footer .column:last-child { padding: 0px; margin-right: 0px; } footer .column.medium { width: 25%; } footer .column.narrow { width: 12%; flex-grow: 0; flex-shrink: 1; } footer .column.shrink { flex-shrink: 1; } @media screen and (min-width: 1600px) { footer .column.first { width: 15%; } } footer .column.first p { margin-bottom: 15px; } footer h1 { font-size: 28px; margin-bottom: 30px; letter-spacing: 0.015em; } footer h1.header { font-size: 24px; margin-bottom: 40px; letter-spacing: 0.015em; font-weight: 800; } footer h2 { font-size: 22px; } footer a, footer a:visited, footer a:active { color: white; } footer a:hover { color: white; text-decoration: underline; } footer .column.first a { text-decoration: underline; } @media screen and (min-width: 1600px) { footer #some-grid { display: flex; flex-wrap: wrap; } } footer #some-grid .item { margin-bottom: 35px; } @media screen and (min-width: 1600px) { footer #some-grid .item { flex-basis: 50%; } } footer #some-grid h2 { display: flex; align-items: center; justify-content: center; justify-content: flex-start; font-size: 18px; margin-bottom: 4px; letter-spacing: 0.017em; position: relative; } footer #some-grid h2 svg { display: none; } footer #some-grid h2 .icon-container { display: inline-block; padding: 6px; border-radius: 50%; width: 30px; height: 30px; background-color: rgba(255, 255, 255, 0.9); margin-right: 10px; position: relative; /*svg{ color: #3A3A3A; font-size: 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50% ); display: block; }*/ } footer #some-grid h2 .icon-container svg { color: #0695aa; font-size: 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; } footer #some-grid a { color: white; } footer #some-grid p { display: flex; align-items: center; justify-content: center; justify-content: flex-start; flex-wrap: wrap; } footer #some-grid p a { margin-right: 12px; } footer #some-grid p a:last-child { margin-right: 0px; } @media screen and (max-width: 1599px) { footer #some-grid p { padding-left: 38px; } } footer .services-item { margin-bottom: 25px; } footer .services-item a { color: white; } footer .services-item h1 { font-size: 18px; margin-bottom: 10px; color: white; } footer .services-item h1 svg { color: white; margin-left: 5px; } footer .services-item:nth-child(even) { padding-left: 0px; } footer .services-item p { display: none; } #sponsors { background-color: white; display: flex; align-items: center; justify-content: center; justify-content: space-evenly; padding: 20px 20px 20px 20px; margin-bottom: 20px; } #sponsors a { padding: 20px 40px 20px 40px; } @media screen and (max-width: 1300px) { footer h1 { font-size: 26px; margin-bottom: 20px; letter-spacing: 0.02em; } footer h1.header { font-size: 23px; } footer .services-item h1 { font-size: 18px; } footer #some-grid h2 { font-size: 20px; } footer .column, footer .column.medium, footer .column.wide { width: 33% !important; } } @media screen and (max-width: 1023px) { footer { flex-direction: column; padding: 40px; } footer .column, footer .column.medium, footer .column.wide { width: 100% !important; margin-top: 40px; margin-right: 0px; } footer #sponsors { flex-wrap: wrap; } } @media screen and (max-width: 639px) { #sponsors { flex-direction: column; flex-wrap: nowrap; } #sponsors a { padding: 40px 40px 40px 40px; } } /*# sourceMappingURL=footer.css.map */ /*-------------------------------------- ARCHIVE.CSS ---------------------------------------*/ #taxonomy-archive { display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 200px; } #taxonomy-archive.tags { text-align: left; justify-content: flex-start; } #taxonomy-archive .tag-item { display: inline-block; padding: 20px; } #taxonomy-archive .tag-item a { color: black; text-transform: capitalize; } #taxonomy-archive .tag-item a:hover { text-decoration: underline; } @media screen and (max-width: 900px) { #taxonomy-archive { justify-content: left; } } #taxonomy-archive ul { list-style: none; padding: 0; margin: 0; } #taxonomy-archive ul.empty { display: none; } #taxonomy-archive ul h2 { font-size: 26px; } #taxonomy-archive ul > li > ul h2 { font-size: 18px; font-weight: 400; color: black; margin-bottom: 15px; text-decoration: underline; } #taxonomy-archive > ul { margin-left: 40px; margin-right: 40px; } #taxonomy-archive > ul:last-child { margin-right: 0px; } #taxonomy-archive > ul > li > a { display: block; margin-bottom: 40px; margin-top: 40px; } /*# sourceMappingURL=archive.css.map */ /*-------------------------------------- FRONTPAGE.CSS ---------------------------------------*/ #movie-row{padding:20px 20px 20px 20px;background-color:#0a0a0a}@media screen and (max-width: 639px){#movie-row{padding:20px 0px 20px 0px}}#movie-row h1{color:rgba(255,255,255,0.9);font-size:clamp(18px, 2vw, 28px);text-align:center;margin-top:25px;margin-bottom:50px;text-transform:uppercase}@media screen and (max-width: 1023px){#movie-row h1{font-size:28px}}#movie-row .movie-grid-item{height:15vh;margin-bottom:20px;position:relative}#movie-row .movie-grid-item h2{display:block;width:100%;padding:10px;background-color:rgba(0,0,0,0.7);bottom:0px;color:white;text-align:center;font-size:22px;font-size:clamp(17px, 1.3vw, 19px);font-weight:400;margin:0px}@media screen and (max-width: 639px){#movie-row .movie-grid-item h2{padding:20px}}#movie-row .movie-grid-item a{width:100%;height:100%;display:block;z-index:100}@media screen and (max-width: 639px){#movie-row .movie-grid-item{height:30vh}#movie-row .movie-grid-item:nth-child(n+4){display:none}}#movie-row #movie-highlights-more{text-align:center}#movie-row #movie-highlights-more .link{margin-top:20px;margin-bottom:10px;display:inline-block;position:relative;width:40px;height:40px;border-radius:50%;border:2px solid white}#movie-row #movie-highlights-more .link .material-icons{color:white;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);margin-top:1px}#movie-row #movie-highlights-more .link svg{display:inline-block;color:white}#steps-row{display:flex;border:0px;padding-right:14vw;padding-left:14vw}@media screen and (max-width: 1023px){#steps-row{flex-direction:column;padding-right:8vw;padding-left:8vh}}@media screen and (max-width: 639px){#steps-row{padding-right:20px;padding-left:20px}}#steps-column{margin-top:45px;margin-bottom:45px;padding:25px 20px 35px 20px;border-bottom:1px dashed #0a0a0a;border-top:1px dashed #0a0a0a}@media screen and (max-width: 639px){#steps-column{padding:25px 0px 35px 0px}}#steps-column h2{text-align:center;margin-bottom:40px;font-size:30px}@media screen and (max-width: 639px){#steps-column h2{font-size:26px}}#steps-column #steps-container{display:flex;justify-content:space-between;flex-direction:column;max-width:550px;margin:auto}#steps-column #steps-container .item{display:flex;align-items:center;margin-top:30px;font-size:18px}#steps-column #steps-container .item:first-of-type{margin-top:0px}#steps-column #steps-container .item .image-container{width:60px;height:60px;flex:0 0 60px;display:block;background-color:grey;border-radius:50%;margin-right:15px;background-size:cover}#steps-column #steps-container .item .text-content{display:flex;align-items:center;line-height:1.15;color:#0a0a0a;font-family:"proxima-nova",signo;font-size:19px}@media screen and (max-width: 639px){#steps-column #steps-container .item .text-content{font-size:17px}}#steps-column #steps-container .item .text-content p{font-weight:500}#steps-column #steps-container .item .text-content p a{color:#C70000}#steps-column #steps-container .item .text-content p:last-of-type{margin-bottom:0px}#steps-column #steps-container .item:last-of-type .text-content{font-size:105%}#steps-column #links-container{display:none;margin-top:35px}#steps-column #links-container a{display:block;margin-top:8px;font-weight:bold;color:#C70000;font-size:17px;font-size:clamp(16px, 1vw, 16px)}#steps-column #links-container a svg{margin-left:5px}#graph-column{width:100%}@media screen and (max-width: 1023px){#graph-column{width:100%}}#cta-row{display:flex}@media screen and (max-width: 1023px){#cta-row{flex-direction:column-reverse;padding:0px;border:0px}}#cta-row #cta-column{flex-basis:auto;flex-shrink:1}@media screen and (max-width: 1023px){#cta-row #cta-column{width:100%;flex-basis:100%;padding:30px}}#cta-row #cta-column .item{margin-bottom:40px}#cta-row #cta-column .item h2{margin-top:0px;text-transform:uppercase;color:#0a0a0a}#cta-row #cta-column .item h2 svg{margin-left:3px;transform:translateY(2px);font-size:120%}#cta-row #cta-column .item .content-text p{margin-bottom:12px}#cta-row #cta-column .item .content-text a{color:#C70000;font-size:16px}@media screen and (min-width: 1024px){#cta-row #some-column{width:75%;flex-basis:75%;flex-grow:1;padding-left:40px}}#cta-row #some-column .sb-wall-footer{text-align:center}#cta-row #some-column .sb-wall-footer .sb-wall-load-btn{border:0px;background-color:#0695aa;font-family:"proxima-nova",signo;color:white;text-transform:uppercase;display:inline-block;padding:12px 30px 12px 30px;margin:20px auto 20px auto;font-size:15px;width:auto}#frontpage-some-row-freetext{font-size:22px;position:relative}#some-row #some-grid{display:flex;align-items:stretch}@media screen and (max-width: 1023px){#some-row #some-grid{flex-direction:column}}#some-row #some-grid .item{flex:1 1;padding-right:5px}@media screen and (max-width: 1023px){#some-row #some-grid .item{margin-bottom:30px}#some-row #some-grid .item:last-of-type{margin-bottom:0px}}#some-row #some-grid .item p{line-height:1.65}#some-row #some-grid .item p:last-of-type{margin-bottom:0px}#some-row #some-grid .item:last-child{flex:auto 0;align-items:center;display:flex;padding-right:0px}#some-row h2{font-size:clamp(18px, 1.5vw, 22px)}@media screen and (max-width: 1023px){#some-row h2{margin-bottom:5px}}#some-row #frontpage-some-row-freetext h2{color:#0a0a0a;font-size:22px;font-size:clamp(22px, 2vw, 26px)}#some-row #frontpage-some-row-freetext h2 svg{margin-left:6px;transform:translateY(2px);font-size:120%}@media screen and (max-width: 1023px){#some-row #frontpage-some-row-freetext h2{font-size:19px;margin-top:20px;margin-bottom:0px}}#some-row .icon{margin-right:5px}#some-row p a{font-weight:500;color:#C70000;font-size:17px;font-size:clamp(16px, 1vw, 16px)}.frontpage-row-h1{font-size:clamp(18px, 2vw, 28px);margin-bottom:50px;margin-top:0px;text-transform:uppercase}#info-row .frontpage-row-h1{margin-bottom:30px}#info-row{padding:60px}#info-row h2{font-size:17px;font-size:clamp(16px, 1.2vw, 17px);margin-top:55px;margin-bottom:30px;text-align:center}@media screen and (max-width: 1023px){#info-row{padding:40px 30px}}#info-row #info-grid{margin-top:30px}#info-row .services-item{margin-top:30px}#info-row .services-item a{display:flex}#info-row .services-item h1{color:#0a0a0a;margin-top:2px;margin-bottom:12px;line-height:1.15;font-size:clamp(17px, 1.4vw, 22px)}#info-row .services-item h1 svg{margin-left:5px;color:#C70000}#info-row .services-item p{color:#0a0a0a;font-size:17px;font-size:clamp(16px, 1vw, 16px);line-height:1.15}#info-row .services-item p:last-of-type{margin-bottom:0px}#info-row .services-item .image-container{width:80px;height:80px;background-color:black;margin-right:20px;flex:0 0 80px}@media screen and (min-width: 1024px){#info-row h2{font-size:17px;font-size:clamp(16px, 1.5vw, 18px)}#info-row .content-text{text-align:center;text-align:center;max-width:800px;margin-left:auto;margin-right:auto}#info-row .content-text p{margin-bottom:15px}}@media screen and (min-width: 640px){.services-item:nth-child(odd){padding-right:20px}.services-item:nth-child(even){padding-left:20px}} /*# sourceMappingURL=frontpage.css.map */ /*-------------------------------------- GRAPH.CSS ---------------------------------------*/ .body-text-margin .graph { padding-right: 50px; padding-left: 50px; margin-top: 30px; margin-bottom: 30px; } @media screen and (max-width: 639px) { .body-text-margin .graph { padding-right: 0px; padding-left: 0px; } } .graph { /*------------------------- Graph item -----------------------*/ } .graph .graph-row { width: 100%; display: flex; } .graph .mobile .graph-row { flex-direction: column; } .graph .mobile .graph-row.with-half-colums { flex-direction: row; } .graph .mobile > .graph-column.right-column { margin-top: 40px; } .graph .graph-column { width: 100%; } .graph .graph-column.half-column { width: 50%; } .graph .graph-column.half-column:nth-child(odd) { padding-right: 20px; } .graph .graph-column.half-column:nth-child(even) { padding-left: 20px; } .graph .graph-item { box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.05); box-sizing: border-box; position: relative; font-family: signo, "proxima-nova"; font-size: 16px; line-height: 1.25; width: 100%; padding: 20px; text-align: center; margin-bottom: 20px; letter-spacing: 0.2px; border: 1px solid rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.01); /*------------------------- Graph item mods -----------------------*/ } .graph .graph-item.bold { font-weight: 500; font-size: 110%; } .graph .graph-item .graph-connector { position: absolute; display: block; z-index: -1; width: 0px; border-left: 1px dashed black; height: 20px; right: 50%; } .graph .graph-item .graph-connector-bottom { bottom: 0%; transform: translate(50%, 100%); } .graph .graph-item .graph-connector-top { display: none; } .graph .graph-item.top-connector .graph-connector-top { display: block; top: 0%; transform: translate(50%, -100%); } .graph .graph-item.omit-connector .graph-connector-bottom { display: none; } .graph .graph-item a { color: #C70000; position: relative; } .graph .graph-item a:hover::after { display: block; content: ""; width: 100%; height: 1px; background-color: #C70000; position: absolute; z-index: 1; bottom: -1px; left: 0px; } .graph .graph-item h2 { margin-top: 0px; text-transform: uppercase; margin-bottom: 0px; padding-top: 0px; } #toimintakentta .graph .graph-item h2 { margin-bottom: 7px; } .graph .graph-item h2.smaller { font-size: 130%; } .graph .graph-item h2.larger { font-size: 170%; } .graph .graph-item p:last-of-type { margin-bottom: 0px; } .graph .graph-item p { font-family: "proxima-nova-condensed"; font-size: 17px; font-weight: 400; } .graph .graph-item ul { list-style: none; padding: 0px; margin: 0px 0px 0px 0px; } .graph .graph-item li { display: inline-block; padding: 10px 14px 10px 14px; border: 1px solid rgba(0, 0, 0, 0.1); margin: 0px; margin-top: 8px; border-radius: 6px; background-color: white; font-size: 14px; } .graph .graph-item.red { border-color: #C70000; } .graph .graph-item.red h2 { color: #C70000; } .graph .graph-item.two-px-border { border-width: 2px; } .graph .graph-item.three-px-border { border-width: 3px; } .graph .graph-item.four-px-border { border-width: 4px; } .graph .graph-item.cut-corners { -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 25%, 75% 0); clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 25%, 75% 0); } .graph .graph-item.very-round-corners { border-radius: 10px; } .graph .graph-item li::before { content: ""; font-weight: bold; display: none; width: 0; margin-left: 0; transform: none; } .graph.loose .graph-item { margin-bottom: 40px; } .graph.loose .graph-item .graph-connector { height: 41px; width: 0px; } .graph.dashed .graph-item .graph-connector { border-left: 1px dashed black; background-color: transparent; } #toimintakentta { padding: 30px 0vw 30px 0vw; } #toimintakentta .graph .graph-item { box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.05), inset 2px 2px 4px rgba(0, 0, 0, 0.1), inset 0px 0px 2px rgba(0, 0, 0, 0.03), inset 0px 0px 2px rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0); } #toimintakentta .graph .graph-item.red { border-color: #C70000; } #toimintakentta .graph .graph-item p { font-size: 90%; } #toimintakentta .graph .graph-connector { border-left: 1px dashed black; } #share-image-container { text-align: center; display: flex; flex-basis: 50%; } #share-image-container #download { text-align: center; flex-basis: 40%; } #share-image-container #download button { display: inline-block; font-family: signo, "proxima-nova"; padding: 10px 20px 10px 20px; margin-top: 30px; cursor: pointer; } #share-image-container #editor { border: 1px solid rgba(0, 0, 0, 0.1); flex-basis: 60%; flex-grow: 0; } /*# sourceMappingURL=graph.css.map */ /*-------------------------------------- ARTICLE.CSS ---------------------------------------*/ .single-post article { max-width: 780px; padding-right: 20px; padding-left: 20px; margin: auto; } article h2 { padding-top: 10px; } article h3 { padding-top: 10px; margin-bottom: 20px; } article h4 { padding-top: 10px; margin-bottom: 20px; } article figcaption { font-size: 16px; margin-bottom: 30px; } article #tags-container, article #subject-cats-container, article #levels-cats-container { margin-left: 50px; margin-left: clamp(30px, 4vw, 50px); margin-top: 20px; } article #tags-container a, article #subject-cats-container a, article #levels-cats-container a { display: inline-block; border-radius: 4px; padding: 4px 10px 4px 10px; margin-right: 7px; margin-bottom: 7px; background-color: #0695aa; color: white; font-family: "proxima-nova-condensed", signo; font-size: 15px; } article #tags-container label, article #subject-cats-container label, article #levels-cats-container label { font-family: "proxima-nova", signo; font-weight: 300; margin-bottom: 5px; font-size: 13px; } article #mobile-tags-container #tags-container, article #mobile-tags-container #subject-cats-container, article #mobile-tags-container #levels-cats-container { margin: 0px; text-align: center; } article #mobile-tags-container #tags-container a, article #mobile-tags-container #subject-cats-container a, article #mobile-tags-container #levels-cats-container a { margin: 6px; margin-bottom: 12px; } article #subject-cats-container a, article #levels-cats-container a { background-color: #0a0a0a; } .post-list-item { cursor: pointer; } .body-text-margin { /*------------------------- No custom bullet for gallery -----------------------*/ } .body-text-margin ul { margin-top: 30px; margin-bottom: 40px; padding-left: 8px; list-style: none; } .body-text-margin ul li { line-height: 1.4; margin-bottom: 30px; padding-left: 3px; /*------------------------- Custom bullet -----------------------*/ } .body-text-margin ul li::before { font-size: 25px; content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */ color: #0695aa; /* Change the color */ font-weight: bold; /* If you want it to be bold */ display: inline-block; /* Needed to add space between the bullet and the text */ width: 1em; /* Also needed for space (tweak if needed) */ margin-left: -1em; /* Also needed for space (tweak if needed) */ transform: translateY(2px); } .body-text-margin ul.blocks-gallery-grid { padding-left: 0px; margin-bottom: 0px; } .body-text-margin ul.blocks-gallery-grid li::before { content: ""; width: 0; margin-left: 0; transform: none; } /*# sourceMappingURL=article.css.map */ /*-------------------------------------- LAUDATUR.CSS ---------------------------------------*/ .laudatur-login-box { padding: 20px; } #laudatur-masthead { text-align: center; text-transform: uppercase; padding: 40px 20px 37px 20px; background-color: #993a8f; position: relative; } @media screen and (max-width: 800px) { #laudatur-masthead { padding-top: 30px; } } #laudatur-masthead h1 { font-size: 60px; color: white; line-height: 1; margin-bottom: 0px; } @media screen and (max-width: 800px) { #laudatur-masthead h1 { font-size: 40px; } } /*------------------------- Bakck -----------------------*/ #laudatur-back { font-family: signo, "proxima-nova"; color: white; line-height: 1; text-transform: none; text-align: left; display: block; margin-bottom: 20px; } #laudatur-back svg { margin-right: 5px; } @media screen and (min-width: 800px) { #laudatur-back { position: absolute; z-index: 1; left: 20px; top: 50%; transform: translateY(-50%); border: 2px solid white; padding: 12px 18px 12px 16px; } #laudatur-back svg { margin-right: 10px; } } /*------------------------- LOGOUT -----------------------*/ #laudatur-logout { text-align: center; font-family: "proxima-nova", signo; padding: 10px 20px 10px 20px; color: white; margin-left: clamp(30px, 4vw, 50px); margin-top: 60px; background-color: #0695aa; display: inline-block; color: white; font-size: 15px; } #laudatur-logout svg { font-size: 17px; margin-left: 5px; transform: translateY(2px); } /*------------------------- LOGIN -----------------------*/ #laudatur-login { font-family: "proxima-nova", signo; padding: 20px; margin-left: clamp(30px, 4vw, 50px); margin-bottom: 40px; background-color: #993a8f; } #laudatur-login h2 { font-size: 16px; text-align: center; font-family: "Proxima nova", signo; color: #0a0a0a; padding-top: 0px; margin-bottom: 16px; text-transform: uppercase; color: white; } #laudatur-login #input-lock-icon { transform: translateY(2px); font-size: 16px; } #laudatur-login #login-form { display: flex; position: relative; } #laudatur-login #login-form input { padding: 6px 5px 5px 10px; display: block; margin-right: 10px; margin-bottom: 0px; outline: none; border: 0px solid #0a6876; box-shadow: none; box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.1); min-width: 0; } #laudatur-login #login-form button { display: block; padding: 5px 15px 5px 15px; font-size: 15px; cursor: pointer; background-color: rgba(0, 0, 0, 0.2); border-radius: 2px; } #laudatur-login #login-form label { position: absolute; top: -30px; left: 0px; z-index: 10; font-size: 16px; } body.laudatur-login-error #login-form input { background-color: #ff9dd0; } #request-laudatur-password a { color: white; font-size: 16px; margin-top: 25px; display: block; text-align: center; } #request-laudatur-password a span { font-size: 16px; line-height: 1; transform: translateY(3px); } /*------------------------- Navi mod -----------------------*/ body.is-laudatur #tail-nav { display: none; } /*# sourceMappingURL=laudatur.css.map */ /*-------------------------------------- MOVIE.CSS ---------------------------------------*/ .sans{font-family:signo, sans-serif}.absolute{position:absolute;z-index:1}.relative{position:relative}.arrow-down{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff}.cover-bg{background-size:cover;background-position:center center;background-repeat:no-repeat}a.absolute-overlay-link{width:100%;height:100%;display:block}.red{color:#C70000}.f-blue{color:#003288}.t-blue{color:#40A4AF}.i-red{color:#BF33BF}.archive-movies{background-color:#0C0C0C}#movies-archive-ingress{color:#f6f6f6;padding:45px 10% 15px 10%;font-size:18px;text-align:center;font-family:"proxima-nova-condensed",signo}#movies-archive-ingress a{color:#0fc4cd}#movies-archive-ingress p:last-of-type{margin-bottom:0px}#movie-boxes-header{font-size:18px;font-family:signo,"proxima-nova";margin-bottom:20px;margin-top:20px;color:rgba(0,0,0,0.7)}.movie-box-container{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:rgba(24,24,24,0.85);color:white;font-family:signo,"proxima-nova";font-size:17px;padding:40px 40px 40px 40px}@media screen and (max-width: 639px){.movie-box-container{padding:10px 10px 10px 10px}}.movie-box-container .movie-box-header{display:flex;align-items:center;justify-content:center;margin-bottom:20px;justify-content:left;flex-wrap:wrap}.movie-box-container .movie-box-header h1{margin:0px;margin-right:40px;line-height:1.15;margin-bottom:20px}@media screen and (max-width: 900px){.movie-box-container .movie-box-header h1{font-size:30px;margin-bottom:30px}}.movie-box-container .movie-box-header .movie-header-meta{display:flex;align-items:center;justify-content:center;justify-content:left;margin-bottom:20px}@media screen and (max-width: 900px){.movie-box-container .movie-box-header .movie-header-meta{flex-wrap:wrap}}.movie-box-container .movie-box-header .content-symbols-container{margin-right:30px}.movie-box-container .movie-box-header .content-symbols-container .age_limit_symbol{width:50px;height:auto;margin-right:15px}.movie-box-container .movie-box-header .content-symbols-container .age_limit_symbol:last-of-type{margin-right:0px}@media screen and (max-width: 900px){.movie-box-container .movie-box-header .content-symbols-container{margin-bottom:20px}}.movie-box-container .movie-box-header .status-item{font-family:"proxima-nova-condensed",signo;font-size:16px;position:relative;padding-left:22px;letter-spacing:0.5px;margin-right:20px}@media screen and (max-width: 900px){.movie-box-container .movie-box-header .status-item{margin-bottom:8px}}.movie-box-container .movie-box-header .status-item::before{content:"";position:absolute;z-index:1;border-radius:50%;width:16px;height:16px;top:3px;left:0px;background-color:black;border:2px solid rgba(255,255,255,0.5)}.movie-box-container .movie-box-header .status-item.theater::before{background-color:#008492}.movie-box-container .movie-box-header .status-item.suoratoisto::before{background-color:#7b1d7a}.movie-box-container .movie-box-header .status-item.lisence::before{background-color:#4dac55}.movie-box-container .movie-box-header .status-item.theater.ask-distributor::before{background-color:#cf8932}.movie-box-container .movie-box-header .status-item:last-of-type{margin-right:0px}.movie-box-container .movie-box-header .status-item a{color:white}.movie-box-container .movie-synopsis{font-size:15px;letter-spacing:0.020em}.movie-box-container button.movie-box-read-more{margin-top:40px;background-color:transparent;font-family:"proxima-nova",signo;font-size:16px;color:#0695aa;padding:0px;cursor:pointer;margin-bottom:0px;display:flex;align-items:center;justify-content:center}.movie-box-container button.movie-box-read-more .system-arrow-up{display:none}.movie-box-container h1{font-size:40px;margin-bottom:40px}.movie-box-container hr{border:0;border-top:1px solid rgba(255,255,255,0.4);background-color:transparent}.movie-box-container hr.outbound-amount-0{display:none}.movie-box-container .right-column{padding-right:40px}.movie-box-container .left-column{padding-right:20px}.movie-box-container .more-content{margin-top:40px;display:flex;flex-wrap:wrap}.movie-box-container .more-content section{max-width:50%;flex-basis:50%;font-size:15px}.movie-box-container .more-content section .item{display:block;width:100%;display:flex;flex-wrap:wrap;margin-bottom:13px}.movie-box-container .more-content section .item .row-label{max-width:30%;flex-basis:30%;padding-right:15px;font-weight:500}.movie-box-container .more-content section .item .content{max-width:70%;flex-basis:70%}@media screen and (max-width: 1500px){.movie-box-container .more-content section .item .row-label{max-width:40%;flex-basis:40%}.movie-box-container .more-content section .item .content{max-width:60%;flex-basis:60%}}@media screen and (max-width: 1300px){.movie-box-container .more-content section .item .row-label{max-width:30%;flex-basis:30%}.movie-box-container .more-content section .item .content{max-width:70%;flex-basis:70%}}@media screen and (max-width: 800px){.movie-box-container .more-content section .item .row-label{max-width:50%;flex-basis:50%}.movie-box-container .more-content section .item .content{max-width:50%;flex-basis:50%}}@media screen and (max-width: 1300px){.movie-box-container .more-content section{max-width:100%;flex-basis:100%}}.movie-box-container .more-content section a{color:#00c2cc}.movie-box-container .more-content.hide{display:none}.movie-box-container .outbound-items{padding:20px;display:flex;justify-content:flex-start}@media screen and (max-width: 900px){.movie-box-container .outbound-items{flex-direction:column}.movie-box-container .outbound-items .movie-box-outbound-item{margin-bottom:40px}.movie-box-container .outbound-items .movie-box-outbound-item img{width:auto;display:block;margin:0px auto}}.movie-box-container .outbound-items .movie-box-outbound-item{margin-right:40px}.movie-box-container .outbound-items .movie-box-outbound-item img{max-width:100%;max-height:45px;width:auto}.movie-box-container .outbound-items .movie-box-outbound-item.media-avain img{max-width:120px;max-height:48px;width:auto;image-rendering:-optimize-contrast;image-rendering:-webkit-optimize-contrast}.movie-box-container .outbound-items .movie-box-outbound-item:last-of-type{margin-right:0px}@media screen and (max-width: 900px){.movie-box-container .outbound-items .movie-box-outbound-item{margin-right:0px}.movie-box-container .outbound-items .movie-box-outbound-item .material-link{text-align:center}.movie-box-container .outbound-items .movie-box-outbound-item .material-link .arrow{display:none}}.movie-box-container .outbound-items .movie-box-outbound-item h2{text-transform:uppercase;margin-bottom:15px;font-size:26px;line-height:1;font-family:"proxima-nova",signo;font-weight:600;letter-spacing:0.025em;text-align:left}@media screen and (max-width: 1023px){.movie-box-container .outbound-items .movie-box-outbound-item h2{text-align:center}}.movie-box-container .outbound-items .material-link{text-align:center;display:block;font-size:20px;color:#01b7c0;text-transform:uppercase;font-size:18px;line-height:1.2}@media screen and (min-width: 1024px){.movie-box-container .outbound-items .material-link{display:flex;align-items:center;justify-content:center}}.movie-box-container .outbound-items .material-link svg{margin-right:10px}.movie-box-container .outbound-items.outbound-amount-0{padding:0px}.movie-box-container .outbound-items.outbound-amount-3,.movie-box-container .outbound-items.outbound-amount-2{justify-content:space-between} /*# sourceMappingURL=movie.css.map */ /*-------------------------------------- LEARNINGMATERIAL.CSS ---------------------------------------*/ body.learningmaterial article #title-container { margin-top: 0px; } body.learningmaterial article #title-container #breadcrumbs { margin-top: 0px; } body.learningmaterial article h1.main { /*font-size: clamp(35px, 2vw, 45px); margin-top: 40px;*/ } body.learningmaterial article table { padding: 0px; border-spacing: 30px; border: 1px solid rgba(0, 0, 0, 0.1); border-collapse: inherit; margin-bottom: 30px; } body.learningmaterial article td p:last-of-type { margin-bottom: 0px; } /*------------------------- Navigation -----------------------*/ body.learningmaterial #subnav .subnav-horiz-line { display: none; } body.learningmaterial #subnav #subnav-current-ball { display: none; } body.learningmaterial #subnav #subnav-vertical-line { display: none; } body.learningmaterial #subnav ul li { background-color: rgba(0, 0, 0, 0.8); margin-bottom: 2px; } body.learningmaterial #subnav ul li.current_page_item { background-color: #0695aa; } body.learningmaterial #subnav ul li a { color: white; padding: 15px 18px 15px 18px; text-align: center; } body.learningmaterial #subnav ul li.status-draft::after, body.learningmaterial #subnav ul li.status-future::after, body.learningmaterial #subnav ul li.status-private::after { position: absolute; content: '*'; right: 0px; top: 0px; line-height: 21px; padding: 6px 8px 0px 8px; color: white; font-size: 17px; font-weight: 500; background-color: red; } body.learningmaterial #subnav ul #label { color: white; text-transform: uppercase; padding: 15px; } #material-hero { margin-bottom: 30px; position: relative; } #material-hero.youtube { padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } #material-hero.youtube iframe, #material-hero.youtube object, #material-hero.youtube embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #material-hero-caption { font-size: 15px; padding-top: 5px; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #copyright { margin: 40px 0px 60px 0px; font-size: 14px; text-align: left; color: rgba(0, 0, 0, 0.6); font-family: signo, "proxima-nova"; } /*# sourceMappingURL=learningmaterial.css.map */ /*-------------------------------------- SEARCH_AND_FILTER.CSS ---------------------------------------*/ .nice-select{font-size:18px !important}body.archive-movies .nice-select{color:rgba(255,255,255,0.7);border:0;border-radius:4px;background-color:#343434}body.archive-movies .nice-select li{color:black}body.archive-movies .nice-select>span{transform:translateY(2px);display:block}body.archive-movies .nice-select:focus{border:1px solid white}#search-and-filter{display:flex;justify-content:space-around;flex-wrap:wrap;margin-top:60px}#search-and-filter.sticky{position:fixed;z-index:300;top:0px;left:0px;width:100%;padding:15px;margin:0px;background-color:white}#search-and-filter.sticky .row{margin-bottom:0px}#search-and-filter.open{height:100vh}#search-and-filter.open.sticky{z-index:1300}.archive-movies #search-and-filter.sticky{background-color:#555555}@media screen and (max-width: 1023px){.archive-movies #search-and-filter.sticky{background-color:black}}#search-and-filter #search-and-filter-mobile-open{color:white;background-color:#0695aa;padding:12px;width:100%;text-transform:uppercase;margin-bottom:0px;font-family:"proxima-nova",signo;border-radius:5px;text-align:center;height:fit-content}#search-and-filter.sticky #search-and-filter-mobile-open{margin-right:70px}#search-and-filter .row{display:flex;align-items:center;justify-content:center;justify-content:space-between;align-items:center;margin-bottom:25px}#search-and-filter .row:nth-child(2){margin-top:0px;align-items:center;justify-content:flex-start}@media screen and (max-width: 1023px){#search-and-filter{padding-left:15px;padding-right:15px}#search-and-filter .row{display:none}#search-and-filter.open .row{display:flex}}#search-and-filter #sf-filters-container{display:flex;align-items:center;justify-content:center;justify-content:flex-end;margin-right:20px}@media screen and (max-width: 900px){#search-and-filter #sf-filters-container{margin-right:0px;flex-wrap:wrap;justify-content:center}}@media screen and (max-width: 900px){#search-and-filter #sf-filter-tools-container{margin-right:0px;flex-wrap:wrap;justify-content:left;padding-left:10%;margin-top:40px}#search-and-filter #sf-filter-tools-container .sf-item{margin:0px;margin-bottom:35px;justify-content:left}#search-and-filter #sf-filter-tools-container label{font-size:20px}}@media screen and (max-width: 900px) and (max-width: 639px){#search-and-filter #sf-filter-tools-container label{font-size:16px}}@media screen and (max-width: 900px){#search-and-filter #sf-filter-tools-container #sf-order-by-date,#search-and-filter #sf-filter-tools-container #sf-order-by-name,#search-and-filter #sf-filter-tools-container #sf-info{font-size:30px}#search-and-filter #sf-filter-tools-container #sf-sort-tools{justify-content:flex-start}}#search-and-filter .sf-item{font-family:"proxima-nova-condensed",signo;margin-right:20px;position:relative}#search-and-filter .sf-item:last-of-type{margin-right:0px}@media screen and (max-width: 900px){#search-and-filter .sf-item{margin-bottom:15px;margin-right:5px;margin-left:5px;width:40%}#search-and-filter .sf-item .nice-select{width:100%}#search-and-filter .sf-item.sf-free-text{width:80%}}@media screen and (max-width: 600px){#search-and-filter .sf-item{width:80%}}#search-and-filter .sf-item select{padding:5px 30px 5px 10px;margin-bottom:0px}#search-and-filter .sf-item select option{text-indent:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:5px;line-height:2}#search-and-filter .sf-item input#sf-free-text{padding:5px 5px 5px 35px;margin:0px;border-radius:5px;border:1px solid #e8e8e8;font-size:18px}body.archive-movies #search-and-filter .sf-item input#sf-free-text{color:rgba(255,255,255,0.7);border:0;border-radius:0px;background-color:#343434}#search-and-filter .sf-item #sf-free-text-icon{position:absolute;z-index:1;opacity:0.5;top:8px;left:5px}body.archive-movies #search-and-filter .sf-item #sf-free-text-icon{color:white;opacity:0.6}#search-and-filter .sf-item.sf-available-in-movies,#search-and-filter .sf-item.sf-available-in-suoratoisto{display:flex;align-items:center;justify-content:center}#search-and-filter .sf-item.sf-available-in-movies:focus,#search-and-filter .sf-item.sf-available-in-suoratoisto:focus{border:1px solid white}#search-and-filter .sf-item.sf-available-in-movies #sf-available-in-movies,#search-and-filter .sf-item.sf-available-in-movies #sf-available-in-suoratoisto,#search-and-filter .sf-item.sf-available-in-suoratoisto #sf-available-in-movies,#search-and-filter .sf-item.sf-available-in-suoratoisto #sf-available-in-suoratoisto{margin-bottom:0px;width:20px;height:20px;margin-right:5px}#search-and-filter .sf-item.sf-available-in-movies #sf-available-in-movies:focus,#search-and-filter .sf-item.sf-available-in-movies #sf-available-in-suoratoisto:focus,#search-and-filter .sf-item.sf-available-in-suoratoisto #sf-available-in-movies:focus,#search-and-filter .sf-item.sf-available-in-suoratoisto #sf-available-in-suoratoisto:focus{border:1px solid white}#search-and-filter .sf-item.sf-available-in-movies label,#search-and-filter .sf-item.sf-available-in-suoratoisto label{font-size:18px;line-height:1;transform:translateY(-2px)}#search-and-filter .sf-item.sf-available-in-movies label:focus,#search-and-filter .sf-item.sf-available-in-suoratoisto label:focus{border:1px solid white}.archive-movies #search-and-filter .sf-item label[for='sf-available-in-movies'],.archive-movies #search-and-filter .sf-item label[for='sf-available-in-suoratoisto'],.archive-movies #search-and-filter .sf-item #sf-order-by-date,.archive-movies #search-and-filter .sf-item #sf-order-by-name,.archive-movies #search-and-filter .sf-item #sf-order-by-date.selected,.archive-movies #search-and-filter .sf-item #sf-order-by-name.selected{color:white}.archive-movies #search-and-filter .sf-item label[for='sf-available-in-movies'] svg,.archive-movies #search-and-filter .sf-item label[for='sf-available-in-suoratoisto'] svg,.archive-movies #search-and-filter .sf-item #sf-order-by-date svg,.archive-movies #search-and-filter .sf-item #sf-order-by-name svg,.archive-movies #search-and-filter .sf-item #sf-order-by-date.selected svg,.archive-movies #search-and-filter .sf-item #sf-order-by-name.selected svg{fill:white;color:white}.archive-movies #search-and-filter .sf-item #sf-order-by-name svg{fill:white;color:white}#search-and-filter .sf-item #sf-order-by-date{margin-right:10px;opacity:0.5;cursor:pointer}#search-and-filter .sf-item #sf-order-by-name{opacity:0.5;cursor:pointer}#search-and-filter .sf-item #sf-order-by-name svg{height:26px;width:26px;overflow:hidden;display:none}#search-and-filter .sf-item #sf-order-by-date.selected,#search-and-filter .sf-item #sf-order-by-name.selected{color:#0695aa;opacity:1}#search-and-filter .sf-item #sf-order-by-date.selected svg,#search-and-filter .sf-item #sf-order-by-name.selected svg{fill:#0695aa;color:#0695aa}#search-and-filter .sf-item#sf-tags-container .nice-select,#search-and-filter .sf-item#sf-oppiaine-container .nice-select{transition:none}#search-and-filter .sf-item#sf-tags-container .nice-select .list,#search-and-filter .sf-item#sf-oppiaine-container .nice-select .list{display:none}#search-and-filter .sf-item#sf-tags-container .nice-select.open,#search-and-filter .sf-item#sf-oppiaine-container .nice-select.open{position:fixed;z-index:500;left:50%;top:50%;transform:translate(-50%, -50%);top:50vh;left:50vw;width:85vw;max-width:85vw;height:85vh;padding:50px 50px 70px 50px;border:5px solid rgba(0,0,0,0.05);overflow-y:auto;transition:none;z-index:1000;box-shadow:0px 0px 500px rgba(0,0,0,0.5),0px 0px 100px rgba(0,0,0,0.1);background-color:white}@media screen and (max-width: 639px){#search-and-filter .sf-item#sf-tags-container .nice-select.open,#search-and-filter .sf-item#sf-oppiaine-container .nice-select.open{max-width:95vw;width:100vw;height:100vh;padding:40px 40px 40px 40px;border-radius:0px}}#search-and-filter .sf-item#sf-tags-container .nice-select.open .current,#search-and-filter .sf-item#sf-oppiaine-container .nice-select.open .current{display:none}#search-and-filter .sf-item#sf-tags-container .nice-select.open .list,#search-and-filter .sf-item#sf-oppiaine-container .nice-select.open .list{overflow-y:auto;position:relative;top:auto;left:auto;display:block;display:grid;border:0px;box-shadow:none}#search-and-filter .sf-item#sf-tags-container .nice-select.open:after,#search-and-filter .sf-item#sf-oppiaine-container .nice-select.open:after{border-bottom:4px solid #999;border-right:4px solid #999;content:'';display:block;height:15px;width:15px;right:30px;top:20px}#search-and-filter .sf-item#sf-tags-container#sf-luokka-aste-container .nice-select.open,#search-and-filter .sf-item#sf-oppiaine-container#sf-luokka-aste-container .nice-select.open{height:40vh}@media screen and (max-width: 1500px){#search-and-filter .sf-item#sf-tags-container#sf-luokka-aste-container .nice-select.open,#search-and-filter .sf-item#sf-oppiaine-container#sf-luokka-aste-container .nice-select.open{height:80vh}}#search-and-filter .sf-item#sf-tags-container#sf-oppiaine-container .nice-select.open,#search-and-filter .sf-item#sf-oppiaine-container#sf-oppiaine-container .nice-select.open{height:50vh}@media screen and (max-width: 1500px){#search-and-filter .sf-item#sf-tags-container#sf-oppiaine-container .nice-select.open,#search-and-filter .sf-item#sf-oppiaine-container#sf-oppiaine-container .nice-select.open{height:80vh}}#search-and-filter .sf-item#sf-tags-container ul.list,#search-and-filter .sf-item#sf-oppiaine-container ul.list{width:100%;display:grid;grid-column:1;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;column-gap:20px;grid-auto-flow:column;grid-template-rows:repeat(26, 38px);height:100%;margin:0px}#search-and-filter .sf-item#sf-tags-container ul.list li,#search-and-filter .sf-item#sf-oppiaine-container ul.list li{padding:12px 12px 8px 14px;line-height:1;margin:0px;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;position:relative}#search-and-filter .sf-item#sf-tags-container ul.list li[data-value='0'],#search-and-filter .sf-item#sf-oppiaine-container ul.list li[data-value='0']{grid-column:1/-1;grid-row:38px;text-transform:uppercase;font-weight:700;margin-bottom:30px;grid-row-end:3;grid-row-start:1}@media screen and (max-width: 1500px){#search-and-filter .sf-item#sf-tags-container ul.list,#search-and-filter .sf-item#sf-oppiaine-container ul.list{grid-template-rows:repeat(27, 38px);grid-template-columns:1fr 1fr 1fr 1fr 1fr}}@media screen and (max-width: 1200px){#search-and-filter .sf-item#sf-tags-container ul.list,#search-and-filter .sf-item#sf-oppiaine-container ul.list{grid-template-rows:repeat(47, 38px);grid-template-columns:1fr 1fr 1fr}}@media screen and (max-width: 800px){#search-and-filter .sf-item#sf-tags-container ul.list,#search-and-filter .sf-item#sf-oppiaine-container ul.list{grid-template-rows:repeat(67, 38px);grid-template-columns:1fr 1fr}}@media screen and (max-width: 500px){#search-and-filter .sf-item#sf-tags-container ul.list,#search-and-filter .sf-item#sf-oppiaine-container ul.list{grid-template-rows:repeat(97, 38px);grid-template-columns:1fr 1fr}}#search-and-filter .sf-item#sf-oppiaine-container ul.list{grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:repeat(8, 38px)}@media screen and (max-width: 1300px){#search-and-filter .sf-item#sf-oppiaine-container ul.list{grid-template-rows:repeat(12, 38px);grid-template-columns:1fr 1fr 1fr}}@media screen and (max-width: 800px){#search-and-filter .sf-item#sf-oppiaine-container ul.list{grid-template-rows:repeat(12, 38px);grid-template-columns:1fr 1fr}}@media screen and (max-width: 600px){#search-and-filter .sf-item#sf-oppiaine-container ul.list{grid-template-rows:repeat(30, 38px);grid-template-columns:1fr}}#search-and-filter #sf-info{margin-left:20px;color:#0695aa}.archive-movies #search-and-filter #sf-info{color:white}#search-and-filter #sf-sort-tools{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:10px;transform:translateY(-2px)}#search-and-filter .pretty .state label:after,#search-and-filter .pretty .state label:before{transform:translateY(-2px)}#search-parameters-info{font-size:36px;text-align:center;font-family:"proxima-nova",signo;font-weight:500}.archive-movies #search-parameters-info{color:white}#search-parameters-info #clear-search-and-filter{opacity:0.5;border:1px solid black;border-radius:50%;padding:2;font-size:15px;transform:translate(10px, -17px);cursor:pointer}.archive-movies #search-parameters-info #clear-search-and-filter{border:2px solid white}#search-parameters-info #clear-search-and-filter:hover{opacity:0.9}#search-parameters-info.has-info{padding:30px 20px} /*# sourceMappingURL=search_and_filter.css.map */ /*-------------------------------------- WP_FORMS.CSS ---------------------------------------*/ /*------------------------- WP Forms -----------------------*/ main div.wpforms-container { background-color: #0695aa; padding: 40px; font-family: signo, "proxima-nova"; margin-top: 80px; display: block; margin-left: auto; margin-right: auto; letter-spacing: 0.9px; } main div.wpforms-container .wpforms-confirmation-container-full { color: white; text-align: center; line-height: 1.3; background-color: transparent; border: 0; margin-bottom: 0px; } main div.wpforms-container .wpforms-confirmation-container-full p { line-height: 1.5; font-weight: 500; letter-spacing: 0.04em; } main div.wpforms-container .wpforms-confirmation-container-full p strong { font-size: 110%; } main div.wpforms-container .wpforms-form .wpforms-head-container, main div.wpforms-container .wpforms-form .wpforms-field-container { display: block; margin-left: auto; margin-right: auto; max-width: 500px; } main div.wpforms-container .wpforms-form .wpforms-description { color: white; text-align: center; margin-bottom: 20px; font-weight: 200; font-size: 15px; letter-spacing: 0.9px; } main div.wpforms-container .wpforms-form .wpforms-field-container label { color: white; font-weight: 400 !important; /*text-shadow: 0px 0px 2px rgba(5,107,122,0.8);*/ letter-spacing: 0.7px; } main div.wpforms-container .wpforms-form .wpforms-field-container input { box-shadow: none; border: 0px; } main div.wpforms-container .wpforms-form .wpforms-field-container input[type=text], main div.wpforms-container .wpforms-form .wpforms-field-container input[type=email] { max-width: 100%; } main div.wpforms-container .wpforms-form .wpforms-field-container .wpforms-required-label { color: white; } main div.wpforms-container .wpforms-form .wpforms-field-container a { color: white; text-decoration: underline; } main div.wpforms-container .wpforms-form .wpforms-field-container .wpforms-field input.wpforms-error { border: 0px solid #cc0000; border-bottom: 4px solid #cc0000; } main div.wpforms-container .wpforms-form button[type=submit] { background-color: white; color: black; text-transform: uppercase; border: 0px; display: block; padding: 15px 30px 15px 30px; line-height: 1; margin-left: auto; margin-right: auto; border-radius: 4px; margin-top: 20px; } main div.wpforms-container .wpforms-form button[type=submit]:hover { border: 0px; background-color: white; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); transform: translateY(-1px); } main div.wpforms-container .wpforms-form .wpforms-title { color: white; font-weight: 500; text-align: center; margin-bottom: 20px; } main div.inline-form { border-radius: 2px; padding: 25px 30px 25px 30px; margin-top: 30px; margin-bottom: 30px; } main div.inline-form .wpforms-form .wpforms-field-container { max-width: 100%; } main div.inline-form .wpforms-form .wpforms-field-container .wpforms-field { padding-bottom: 5px; } main div.inline-form .wpforms-form .wpforms-field-container .wpforms-field input, main div.inline-form .wpforms-form .wpforms-field-container .wpforms-field textarea { font-size: 14px; } main div.inline-form .wpforms-form .wpforms-field-container .wpforms-field label.wpforms-field-label { font-size: 14px; } main div.inline-form .wpforms-form .wpforms-head-container { max-width: 100%; } main div.inline-form .wpforms-form .wpforms-head-container .wpforms-title { font-weight: 400; font-size: 24px; } main div.inline-form .wpforms-form button[type=submit] { font-size: 15px; padding: 12px 14px 12px 14px; margin-top: 10px; } /*# sourceMappingURL=wp_forms.css.map */ /*-------------------------------------- SEARCH.CSS ---------------------------------------*/ /*------------------------- SEARCh RESULT -----------------------*/ body.search-no-results #main-row > h1 { text-align: center; margin-top: 80px; margin-bottom: 200px; } body.search-results #main-row.posts-list-row { margin-top: 60px; display: flex; flex-direction: row; align-items: flex-start; justify-content: center; } body.search-results .search-result-column { flex-basis: 25%; padding-right: 20px; padding-left: 20px; } body.search-results .search-result-column h2 { display: block; margin-bottom: 40px; text-align: center; padding-bottom: 10px; margin-bottom: 30px; border-bottom: 1px solid black; } body.search-results .search-result-column article { padding-left: 15px; margin-bottom: 20px; } body.search-results .search-result-column article label { font-family: signo, "proxima-nova"; color: #474747; } body.search-results .search-result-column article h1 { font-size: 19px; /*text-align:center;*/ font-weight: 400; } body.search-results .search-result-column article .date { font-size: 16px; font-family: signo, "proxima-nova"; margin-bottom: 5px; } /*------------------------- SEARCH -----------------------*/ #site-search { display: none; position: absolute; z-index: 100; color: white; right: 20px; bottom: 20px; } #site-search #search-open { display: none; cursor: pointer; } @media screen and (min-width: 1024px) { #site-search #search-open { display: block; } } #site-search #search-field { display: none; } #site-search #search-field .search-form { display: flex; flex-direction: row; align-items: center; } #site-search #search-field .search-form label { margin-right: 10px; } #site-search #search-field .search-form label .screen-reader-text { display: none; } #site-search #search-field .search-form label input { margin-bottom: 0px; border: 0px; outline: 0; font-size: 15px; padding: 10px 15px 10px 15px; } #site-search #search-field .search-form .search-submit { border: 0px; outline: 0; color: white; background-color: black; border-radius: 5px; font-size: 15px; padding: 8px 12px 8px 12px; cursor: pointer; } #site-search.open #search-field { display: block; } #site-search.open #search-open { display: none; } #site-mobile-search { width: 80%; margin-right: auto; margin-left: auto; margin-top: 10px; font-family: signo, sans-serif; } #site-mobile-search form { display: flex; align-items: center; justify-content: space-between; } #site-mobile-search form .screen-reader-text { display: none; } #site-mobile-search form input { margin: 0px; } #site-mobile-search form .search-submit { border: 0px; outline: 0; color: white; background-color: #005f6a; border-radius: 5px; font-size: 15px; padding: 8px 12px 8px 12px; cursor: pointer; margin-left: 10px; } /*# sourceMappingURL=search.css.map */ /*-------------------------------------- COOKIE_NOTICE.CSS ---------------------------------------*/ #cookie-notice.cookie-revoke-visible { width: auto; min-width: auto; left: auto; right: 0px; bottom: 0px; background-color: transparent !important; } #cookie-notice.cookie-revoke-visible .cookie-revoke-container { width: auto; min-width: auto; background-color: transparent !important; padding: 0px; } #cookie-notice.cookie-revoke-visible .cookie-revoke-container #cn-revoke-text { display: none; } #cookie-notice.cookie-revoke-visible .cookie-revoke-container .cn-revoke-cookie { margin: 0px; border-radius: 0px; padding: 12px 16px 12px 14px; background-color: transparent; color: black; text-decoration: underline; } @media screen and (max-width: 800px) { #cookie-notice.cookie-revoke-visible .cookie-revoke-container .cn-revoke-cookie { padding: 6px 8px 6px 8px; width: 100vw; display: none; } } #cookie-notice .cookie-notice-container { font-family: arial, sans-serif; padding: 40px 20px 40px 20px; font-size: 17px; border-top: 1px solid lightgrey; } #cookie-notice .cookie-notice-container a, #cookie-notice .cookie-notice-container a:hover, #cookie-notice .cookie-notice-container a:active, #cookie-notice .cookie-notice-container a:visited { text-decoration: underline; font-weight: 600; font-family: arial, sans-serif; } #cookie-notice .cookie-notice-container .cn-button { padding: 15px 18px 15px 18px; font-size: 15px; margin-left: 25px; text-decoration: none; } @media screen and (max-width: 640px) { #cookie-notice .cookie-notice-container .cn-button { margin-top: 20px; width: 70%; } } @media screen and (max-width: 1300px) { #cookie-notice .cookie-notice-container .cn-buttons-container { display: block; margin-top: 20px; } } #cookie-notice .cookie-notice-container #cn-accept-cookie { background-color: #068078; margin-left: 35px; } #cookie-notice .cookie-notice-container #cn-refuse-cookie { background-color: #263335; } #cookie-notice{ display:none !important; } /*# sourceMappingURL=cookie_notice.css.map */ /*-------------------------------------- TUTKIMUS.CSS ---------------------------------------*/ #header-cta{text-align:center;padding:25px 40px 25px 40px;background-color:#3a814f;background-color:#44a968;color:white;border:15px solid #fefefe;position:relative;max-width:1000px;margin-left:auto;margin-right:auto}#header-cta #cta-content-container{max-width:70%;margin-left:auto;margin-right:auto}@media only screen and (max-width: 1023px){#header-cta #cta-content-container{max-width:100%}}#header-cta h1{font-size:24px;line-height:1;margin-bottom:18px;margin-top:0px}#header-cta p{font-size:16px;margin-bottom:15px;font-weight:normal;font-family:signo, sans-serif;line-height:1.3}#header-cta p:last-of-type{margin-bottom:0px}#header-cta button{position:absolute;z-index:10;right:12px;bottom:12px;font-size:14px;background-color:transparent;font-family:signo, sans-serif;margin:0px;padding:0px;line-height:1;background-color:white;padding:10px 15px 10px 15px;color:#1a6e38;font-weight:500;border-radius:4px;cursor:pointer}@media only screen and (max-width: 1023px){#header-cta button{display:block;position:relative;margin-top:25px;margin-bottom:10px;display:inline-block;right:auto;bottom:auto}}#header-cta #cta-hei{position:absolute;left:10px;top:0px}@media only screen and (max-width: 1023px){#header-cta #cta-hei{display:none}}main div.wpforms-container.tutkimus{background-color:white;color:black;border:1px solid grey;padding:50px 60px 50px 60px}@media only screen and (max-width: 800px){main div.wpforms-container.tutkimus{padding:25px 25px 25px 25px}}main div.wpforms-container.tutkimus .wpforms-head-container{max-width:800px}main div.wpforms-container.tutkimus .wpforms-head-container .wpforms-title{color:black;text-align:left;font-size:30px}main div.wpforms-container.tutkimus .wpforms-field-container{max-width:800px}main div.wpforms-container.tutkimus ul{list-style:none}main div.wpforms-container.tutkimus ul li:before{display:none}main div.wpforms-container.tutkimus label{color:black !important}main div.wpforms-container.tutkimus input[type='text'],main div.wpforms-container.tutkimus input[type='email'],main div.wpforms-container.tutkimus textarea{background-color:#ececec;border:1px solid #1d1d1d}main div.wpforms-container.tutkimus .wpforms-field{margin-top:30px}main div.wpforms-container.tutkimus .wpforms-field-radio .wpforms-field-label,main div.wpforms-container.tutkimus .wpforms-field-checkbox .wpforms-field-label{margin-bottom:15px;font-weight:500 !important}main div.wpforms-container.tutkimus button{background-color:#0695aa !important;color:white !important} /*# sourceMappingURL=tutkimus.css.map */