@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin-ext'); .top-frame body { font-size: 110%; color: #1d1d1b; font-family: "Open sans",Helvetica,Arial,sans-serif; line-height: 1.5; } .top-frame a { color: #004696; } .top-frame a:hover, .top-frame a:focus { color: #004696; } .top-frame h1, .top-frame h2, .top-frame h3, .top-frame h4, .top-frame h5, .top-frame h6, .top-frame .heading1, .top-frame .heading2, .top-frame .heading3, .top-frame .heading4, .top-frame .heading5, .top-frame .heading6 { color: #004696; font-weight: bold; font-style: normal; font-family: "Open sans",Helvetica,Arial,sans-serif; display: block; margin: 10px 0; } .top-frame h1 a { color: inherit; } .top-frame input.search-query { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .top-frame .btn { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .top-frame .btn.btn-default { border: solid 1px #666; background: #004696; color: #fff; } .top-frame .btn.btn-default:hover { background: #454545; } .top-frame .btn.btn-primary, .top-frame .btn.search-form_submit { background-color: #004696; color: white; } .top-frame .btn.btn-primary:hover { background-color: #003f87; } .top-frame .btn.search-form_submit { border-color: #004696; } .top-frame .yja-category-group, .top-frame .yja-tag-group { display: inline; } .top-frame .label, .top-frame .yja-tag { text-transform: uppercase; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } .top-frame .badge:not(.error-notice), .top-frame .label, .top-frame .yja-tag { border: 1px solid #1d1d1b; } .top-frame .portlet-navigation .nav-menu ul a { color: #1d1d1b; } .top-frame .portlet-navigation .nav-menu ul ul a { color: #20201e; } .top-frame .portlet-navigation .nav-menu > ul > li { color: #20201e; } .top-frame .events .event-highlight { font-size: 1.1em; border-top: solid 1px #004696; } .top-frame .events .event-highlight td, .top-frame .events .event-highlight td.time { font-size: 0.9em; vertical-align: middle; } .top-frame .events .event-highlight tr { border-bottom: solid 1px #004696; } .top-frame .events .event-highlight .btn { text-align: left; } .top-frame .events .dark-link, .top-frame .events .dark-link:hover, .top-frame .events .dark-link:focus, .top-frame .events .dark-link:active, .top-frame .events .dark-link:visited, .top-frame .events .dark-link:link { color: #004696; display: block; position: relative; } .top-frame .events.event-search-portlet .event-list-wrapper > .span12 > .span3 { background: #004696; } .top-frame .events.event-search-portlet .event-list-wrapper { border-color: #004696; } .top-frame .events.event-search-portlet label, .top-frame .events.event-search-portlet .prev-date, .top-frame .events.event-search-portlet .next-date { font-weight: bold !important; } .top-frame .events.event-search-portlet h4.bg { background: #004696; color: #fff; } .top-frame .events.event-search-portlet .event-list-wrapper { margin-bottom: 10px; } .top-frame .events.event-search-portlet .event-item-list { border-bottom: 1px solid #004696; border-right: 1px solid #004696; border-left: 1px solid #004696; background: white; } .top-frame .events.event-search-portlet .event-item-list h4, .top-frame .events.event-search-portlet .event-item-list .event-time { font-weight: bold !important; } .top-frame .events.event-search-portlet .event-item-list .event-date { display: block; } .top-frame .twitter-widget-portlet .user span[data-scribe="element:screen_name"] { color: #004696; } .top-frame #scrollToTop { color: #fff; background: #004696; } .top-frame #scrollToTop:hover { background: #003f87; } .top-frame #banner .language-version-selection-portlet .lang-text > a:after { content: "\f0d7"; margin-left: .5em; font-family: 'fontawesome-alloy'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .top-frame #banner .language-version-selection-portlet .lang-nav-open a { background: #004696; color: white !important; } .top-frame #banner .language-version-selection-portlet .lang-nav ul { background: #004696; } .top-frame .media-item .small figure { float: left; margin-right: 1em; } .top-frame .media-item .dark-link { color: #1d1d1b; } .top-frame .media-item .dark-link:hover { text-decoration: none; } .top-frame .media-item h2 { margin-bottom: 0; } .top-frame .media-item h2 a { color: #004696; } .top-frame .media-item .meta { margin-bottom: em(5px); color: #232320; font-size: .9em; } .top-frame .feed-item.simple .meta { color: #232320; font-size: .9em; } .top-frame .feed-item.simple h6 a { color: #1d1d1b; } .top-frame ul.position-nav li.selected { background: #004696; } .top-frame ul.position-nav li.selected:hover { background-color: #004696; } .top-frame .carousel .description { font-family: "Open sans",Helvetica,Arial,sans-serif; font-weight: normal; } .panel.border-top-emphasis { border-top: solid 4px #004696; } .top-frame #banner { background-repeat: no-repeat; background-size: cover; background-position: center top; background-color: transparent; background-image: url('data:image/svg+xml,data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg"/%3E'); color: #fff; } .top-frame #banner a { color: #fff; } .top-frame #heading { height: auto; padding: 0; } .top-frame #heading .yja-site-template-settings-header-portlet { height: 100%; } .top-frame #heading .yja-site-template-settings-header-portlet .portlet-borderless-container, .top-frame #heading .yja-site-template-settings-header-portlet .portlet-body, .top-frame #heading .yja-site-template-settings-header-portlet .header-row { height: 100%; } .top-frame #heading .yja-site-template-settings-header-portlet .header-top-left-cell, .top-frame #heading .yja-site-template-settings-header-portlet .header-top-right-cell { vertical-align: middle; } .top-frame #banner nav ul[role="menubar"] { background-color: transparent; color: #454545; } .top-frame #banner nav ul[role="menubar"] li a:hover { background-color: darken(transparent, 10%); } .top-frame #banner nav ul[role="menubar"] li.selected { background-color: #004696; color: white; } .top-frame #banner nav ul[role="menubar"] li.selected a { color: white; } .top-frame #banner nav ul[role="menubar"] li.selected a:hover { background-color: #003f87; } .top-frame #banner nav a { color: #454545; } .top-frame #banner nav.fixed { background: transparent; } .top-frame #footer { background-image: url(none); background-repeat: repeat; background-size: initial; background-position: center top; background-color: #fff; color: #fff; } .top-frame #footer a { color: #fff; } .top-frame #footer .footer-bottom-bar { background-color: #004696; } .top-frame body { background-color: #fff; background-image: url(none); background-position: center top; background-repeat: no-repeat; background-size: initial; background-attachment: scroll; } .top-frame .page-wrapper { max-width: 100%; margin: 0 auto; } .top-frame .layout-wrapper, .top-frame #main-content:not(.layout-wide) { background: transparent; padding-left: 0; padding-right: 0; } .top-frame .homepage .layout-wrapper-wide { background: #efefef; } .top-frame .homepage .layout-wrapper-wide *, .top-frame .homepage .layout-wrapper-wide .carousel-wrapper ul li h3 a .description { color: #454545; } .top-frame #main-content, .top-frame #footer .container-fluid, .top-frame #banner .main-nav, .top-frame .layout-wrapper, .top-frame .layout-wrapper-wide-container { max-width: 1400px; } .mobile-menu-actions { right: 0; } .mobile-menu-actions a.menu-icon { background: #fff; color: #1d1d1b; } .mobile-menu-actions a { color: #004696; } .mobile-menu-actions a.menu-icon { font-family: "Open sans",Helvetica,Arial,sans-serif; } .mobile-menu-actions a:active, .mobile-menu-actions a:focus, .mobile-menu-actions a:hover { color: #004696; } .mm-menu { border-color: #004696; } .mm-menu a { color: white; } .mm-menu a:hover, .mm-menu a:focus { color: white; } .aui.top-frame h1 { font-weight: 100; font-size: 2.6rem; font-family: azo-sans-web,sans-serif !important; text-transform: uppercase; } .aui.top-frame .portlet-title { font-weight: 100; font-family: azo-sans-web,sans-serif !important; } .aui.top-frame h1.portlet-title { font-size: 2.6rem; text-transform: uppercase; } .aui.top-frame h2.portlet-title { font-size: 2.2rem; } .aui.top-frame h3.portlet-title { font-size: 1.85rem; } .aui.top-frame h2, .aui.top-frame .h2 { font-size: 2.2rem; font-weight: 200; font-family: azo-sans-web,sans-serif; margin: 0.66667em 0 0.33333em !important; } .aui.top-frame h3 { font-size: 1.85rem; font-weight: 200; font-family: azo-sans-web,sans-serif; } .aui.top-frame h4 { font-size: 1.6rem; font-weight: 200; font-family: azo-sans-web,sans-serif; } .aui.top-frame figcaption { padding: 1rem 0; } body { font-family: azo-sans-web,sans-serif !important; font-weight: 300 !important; } .page-wrapper { overflow-x: hidden; padding: 0 1rem !important; } #content { margin: 0; padding-top: 0 !important; } .frontpage #content { padding-top: 0 !important; } .aui.top-frame .btn { padding: 0.95em 1em; } .aui.top-frame .remove-margin { margin: inherit !important; } .aui .lead, .ingress { margin-bottom: 1rem !important; font-size: 1.8rem; font-weight: 200; line-height: 2.25rem; } .aui .breadcrumb { margin: 0; font-size: 90%; } .aui .breadcrumb > li > .divider { color: #666; } .aui .breadcrumb li { font-weight: 300; display: inline !important; } .aui .breadcrumb .active { color: #004696; font-weight: 300; } .aui .results .breadcrumb { padding: 8px 0px; } .aui .results .ministries { order: 2; line-height: inherit; border-right: 1px solid #004696; padding: 0 0.5rem; } .aui .results .label { margin-left: -4px; } .aui .results .yja-tag-group { margin-top: 0.5rem; } .aui .results .yja-tag { border: none !important; padding: 0.5rem !important; background-color: #e9e9e9 !important; color: #004696 !important; margin-right: 0.5rem !important; text-transform: none !important; font-weight: 500 !important; font-size: 12px !important; } .aui blockquote { font-size: 1.4em; width: 80%; margin: 50px auto; font-style: italic; color: #555; padding: 1.2em 30px 1.2em 75px; border-left: 5px solid #e0e0e0; line-height: 1.6; position: relative; background-color: #f8f8f8; } .aui blockquote p { line-height: 1.6; } .aui blockquote:before { font-family: "fontawesome-alloy"; content: "\f10d"; color: #e0e0e0; position: absolute; left: 10px; font-size: 2.6rem; top: 0; } .aui blockquote:after { content: ''; } .additional-header { font-size: 2rem; } .aui.top-frame .figcaption { margin-bottom: 2rem; } .mainlift { margin-top: 1rem; } .mobile-menu-actions { top: 5px; } .aui.top-frame .header-top-bar-links-lang { position: relative; z-index: 100; } .aui.top-frame .header-top-bar-links-lang ul { display: -webkit-flex; display: flex; flex-direction: row; } .aui.top-frame .header-top-bar-links-lang ul .fi { order: 4; } .aui.top-frame .header-top-bar-links-lang ul .en { order: 1; } .aui.top-frame .header-top-bar-links-lang ul .fr { order: 2; } .aui.top-frame .header-top-bar-links-lang ul .de { order: 3; } .aui.top-frame .header-top-bar-links-lang ul .sv { order: 5; } .aui.top-frame .header-top-bar-links-lang ul li { border-color: #004696 !important; text-transform: uppercase; } .aui.top-frame .header-top-bar-links-lang ul li a { color: #004696 !important; font-size: 0.75rem; font-weight: 400; } .aui.top-frame .header-top-bar-links-lang .language-version-selection-portlet li { display: inline-block; font-size: .9em; padding: 0px 10px; margin-right: 0; border-right: 1px solid #004696 !important; } .aui.top-frame .header-top-bar-links-lang .language-version-selection-portlet li:nth-of-type(2) { border-right: none !important; } .aui.top-frame .homepage #banner { margin: 0 -1rem; position: relative; z-index: 1; } .aui.top-frame .homepage #banner .header-top-left-cell { float: right; width: 100vw; } .aui.top-frame .homepage #banner .header-top-left-cell .h2 { margin: 0; line-height: 0; } .aui.top-frame .homepage #banner .header-top-right-cell { display: none; width: 0; } .aui.top-frame .homepage #banner .layout-wrapper-wide-container { position: relative; } .aui.top-frame .homepage #banner .header-top-bar-links-right { position: relative; top: 0.5em; right: 0em !important; margin-top: -55px; } .aui.top-frame .homepage #banner .header_video { position: relative; z-index: -10; margin: 0 -1rem; position: relative; width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; display: block; } .aui.top-frame .homepage #banner .header-top-bar { background-color: transparent; text-align: right; position: relative; } .aui.top-frame .homepage #banner a.logo { position: initial; z-index: 100; margin-top: -20vw; margin-right: -5%; max-width: 1400px; } .aui.top-frame .homepage #banner a.logo img { max-height: 100%; width: 70%; right: 0; float: right; } .aui.top-frame #banner { margin: 0 -1rem; position: relative; margin-bottom: 1rem; background-image: none; } .aui.top-frame #banner .header_video { display: none; } .aui.top-frame #banner .header-top-left-cell { float: none; text-align: center; } .aui.top-frame #banner .header-top-left-cell .h2 { margin: 0 !important; } .aui.top-frame #banner .header-top-right-cell { display: none; width: 0; } .aui.top-frame #banner .header-top-bar { background-color: transparent; text-align: right; margin-bottom: 0 !important; } .aui.top-frame #banner a.logo { margin: 0; width: 80%; padding: 0 !important; } .aui.top-frame #banner a.logo img { max-height: 200px; } nav.sort-pages.modify-pages.main-nav.hidden-phone { display: none; visibility: hidden; } .main-nav { display: none; visibility: hidden; top: 100%; width: 100%; margin: 0 auto; right: 0; left: 0; } .main-nav ul { list-style: none; margin: 0 auto; font-weight: 700; text-transform: uppercase; text-align: center; } .main-nav ul li { margin: 0 auto; padding: 0 auto; display: inline; background-color: transparent !important; } .main-nav ul li .selected { background-color: transparent; text-decoration: underline; } .main-nav ul li a { color: #004696 !important; padding: 2rem 1rem !important; } .mobile-menu-actions a.menu-icon { background: transparent; color: #004696; } .nav-menu { width: 100vw; margin-left: calc(-50vw + 50%); margin-bottom: 2rem; } .nav-menu ul { margin: 0 auto; text-align: center; width: 100%; padding: 0.75rem !important; } .nav-menu ul li { display: inline-block; border-bottom: none !important; padding: 0.2rem 0.5rem; } .nav-menu ul li:first-child { display: inline-block !important; } .nav-menu ul li:first-child a:before { font-family: "fontawesome-alloy"; content: "\f015"; color: #004696; font-size: 1.25rem; } .nav-menu ul li .toggleVisibility { position: absolute; padding: 0.5em 0.65em 0.46667em !important; right: 0; cursor: pointer; top: 50% !important; transform: translateY(-50%); background: none; border: 0; box-shadow: none; font-size: 14px; } .nav-menu ul li a { font-weight: 700 !important; text-transform: uppercase; text-align: center; color: #004696 !important; font-size: 120%; padding: 1em !important; } .nav-menu ul li ul { position: absolute; background-color: #f9f9f9; width: auto; box-shadow: 0px 2px 30px 0px rgba(0,0,0,0.10000000149011612); z-index: 1; text-align: left; display: none; margin: 0; } .nav-menu ul li ul li { text-align: left; width: 100%; } .nav-menu ul li ul li a { text-align: left; font-weight: 400 !important; padding: 0.25rem 0.75rem !important; text-transform: none; white-space: nowrap; } .nav-menu ul li ul li a:first-child { display: inline-block !important; } .nav-menu ul li ul li a:first-child:before { display: none; } .nav-menu ul li ul li ul { position: inherit; display: inline-block !important; box-shadow: none; margin: 0 !important; padding: 6px 16px 6px 16px !important; } .nav-menu ul li ul li ul li { width: 100%; } .nav-menu ul li ul li ul li a { white-space: nowrap; } .nav-menu ul li ul li ul li a:first-child:before { display: none; } .nav-menu ul li.hasChild a { padding-right: 1rem !important; } .nav-menu ul li.hasChild span { color: #004696 !important; } .aui.top-frame .portlet-navigation .nav-menu ul li.active-li > ul:first-of-type, .aui.top-frame .portlet-navigation .nav-menu > ul > li.selected > ul { display: none; } #menu .mm-panels .mm-panel { background-color: #004696 !important; color: #004696 !important; } #menu .mm-panels .mm-listitem a { color: #fff !important; } #menu .mm-panels .mm-navbar { background-color: #004696 !important; } #menu .mm-panels a.close-mm-menu { color: #fff !important; } #menu button.mm-tabend { background-color: #004696 !important; } .frontpage .portlet-layout.row-fluid { padding: 0; margin: 0; list-style: none; -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -moz-flex; display: -webkit-flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; } .fp-news { position: relative; padding: 5rem 0; display: flex; flex-flow: row; flex-wrap: nowrap; align-items: center; justify-content: center; } .fp-news .portlet-borderless-container { width: 100%; } .fp-news h1, .fp-news h2, .fp-news h3, .fp-news h4 { font-family: azo-sans-web,sans-serif !important; font-weight: 100 !important; } .fp-news:before { width: 100vw; position: absolute; left: 25%; margin-right: -50vw; background-color: #dbdd60; display: block; content: ' '; top: 0; bottom: 0; } .fp-news .portlet-column:first-of-type { flex: 1 1 0; border: 2px solid #004696; padding: 5rem 1rem 5rem 5rem; width: 65%; } .fp-news .portlet-column:first-of-type h1 { font-size: calc(44px + (70 - 50) * ((100vw - 600px) / (1400 - 600))) !important; color: #004696; font-weight: 400; text-align: left; text-transform: uppercase; } .fp-news .portlet-column:first-of-type h2 { font-size: calc(30px + (30 - 22) * ((100vw - 600px) / (1400 - 600))) !important; margin: 0; } .fp-news .portlet-column:last-of-type { flex: 1 0; } .fp-news .portlet-column:last-of-type h2 { font-size: calc(22px + (22 - 18) * ((100vw - 600px) / (1400 - 600))) !important; margin-top: 0; } .fp-news-smaller { padding-top: 5rem; } .fp-news-lifted { padding-left: 40%; } .news__layout { margin-bottom: 3rem; } .news__layout:after { position: absolute; left: 0; width: 50px; height: 2px; background-color: #004696; content: ''; margin-top: 1rem; } .news__layout:last-of-type:after { display: none; } .news__layout .meta { margin: 0 !important; } .news__layout .meta span.contributor { padding: 0 0.5rem; border-right: 1px solid #004696; } .news__layout .news__content h2 { margin-top: 0 !important; } .fp-programme { position: relative; padding: 5rem 0; display: flex; flex-flow: row; flex-wrap: nowrap; align-items: center; justify-content: center; } .fp-programme .portlet-borderless-container { width: 100%; } .fp-programme h1, .fp-programme h2, .fp-programme h3, .fp-programme h4 { font-family: azo-sans-web,sans-serif !important; font-weight: 100 !important; } .fp-programme .portlet-column:first-of-type h1 { font-size: calc(44px + (70 - 50) * ((100vw - 600px) / (1400 - 600))) !important; color: #004696; font-weight: 400; text-align: left; text-transform: uppercase; } .fp-programme:before { width: 100vw; position: absolute; right: 25%; margin-left: -50vw; background-color: #93d3ff; display: block; content: ' '; top: 0; bottom: 0; } .fp-programme .portlet-column:first-of-type { flex: 1 1 0; top: 25%; bottom: 25%; position: absolute; float: left; padding-right: 20%; } .fp-programme .portlet-column:last-of-type { flex: 1 0; border: 2px solid #004696; padding: 5rem; width: 65%; margin-left: 10%; float: right; } .fp-programme .portlet-column:last-of-type h1 { font-size: calc(44px + (70 - 50) * ((100vw - 600px) / (1400 - 600))) !important; color: #004696; font-weight: 400; text-align: right; text-transform: uppercase; word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .fp-programme-icons__item { width: 100%; display: flex; margin-bottom: 1rem; height: 100px; } .fp-programme-icons__item a { display: flex; align-items: center; justify-content: flex-start; } .fp-programme-icons__item img { float: left; width: 120px; } .fp-programme-icons__item h3 { float: left; font-weight: 100; margin: 0 0 0 1.5rem !important; font-size: calc(26px + (28 - 22) * ((100vw - 800px) / (1400 - 800))) !important; line-height: 2.5rem !important; text-align: left; } .fp-events { position: relative; padding: 5rem 0; } .fp-events h1, .fp-events h2, .fp-events h3, .fp-events h4 { font-family: azo-sans-web,sans-serif !important; font-weight: 100 !important; } .fp-events .portlet-column:first-of-type { width: 24%; } .fp-events .portlet-column:first-of-type h1 { font-size: calc(44px + (70 - 50) * ((100vw - 600px) / (1400 - 600))) !important; text-transform: uppercase; word-wrap: unset; display: inline-block; width: 100vw; margin-bottom: 2rem; word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .fp-events .portlet-column:last-of-type { margin-left: 5%; } .fp-events:before { width: 100vw; position: absolute; left: 25%; margin-right: -50vw; background-color: #56b5f9; display: block; content: ' '; top: 0; bottom: 0; } .fp-video { position: relative; padding: 5rem 0 10rem 0; } .fp-video h1, .fp-video h2, .fp-video h3, .fp-video h4 { font-family: azo-sans-web,sans-serif !important; font-weight: 100 !important; } .fp-video:before { width: 100vw; position: absolute; right: 25%; margin-left: -50vw; background-color: #dbdd60; display: block; content: ' '; top: 0; bottom: 0; } .fp-video h1 { font-size: calc(44px + (70 - 50) * ((100vw - 600px) / (1400 - 600))) !important; color: #004696; font-weight: 400; text-align: right; text-transform: uppercase; margin: 0 0 1rem 0 !important; } .fp-video h2 { font-weight: 400; text-align: right; padding-bottom: 2rem; } .homepage .quicklink { display: flex; flex-wrap: wrap; margin-bottom: 4rem; width: 100vw; margin-left: calc(-50vw + 50%); } .homepage .quicklink .quicklink__box { flex: 1 1 20%; text-align: center; padding: 2rem; justify-content: flex-end; display: flex; flex-direction: column; } .homepage .quicklink .quicklink__box h3.quicklink__heading { font-size: 2rem !important; } .homepage .quicklink .quicklink__box .quicklink__icon img { max-height: 140px; display: inline-block; } .homepage .quicklink .quicklink__box:nth-of-type(odd) { background-image: url("/documents/11707387/12447392/pikalinkit_sininen_tausta.svg/"); background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: cover; } .homepage .quicklink .quicklink__box:nth-of-type(even) { background-image: url("/documents/11707387/12447392/pikalinkit_vihrea_tausta.svg"); background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: cover; } .quicklink { display: flex; flex-wrap: wrap; margin-bottom: 4rem; } .quicklink .quicklink__box { flex: 1 1 20%; text-align: center; padding: 2rem; justify-content: flex-end; display: flex; flex-direction: column; } .quicklink .quicklink__box h3.quicklink__heading { font-size: 2rem !important; } .quicklink .quicklink__box .quicklink__icon img { max-height: 140px; display: inline-block; } .quicklink .quicklink__box:nth-of-type(odd) { background-image: url("/documents/11707387/12447392/pikalinkit_sininen_tausta.svg/"); background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: cover; } .quicklink .quicklink__box:nth-of-type(even) { background-image: url("/documents/11707387/12447392/pikalinkit_vihrea_tausta.svg"); background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: cover; } .landingpage-layout { background-color: #fbfbfb !important; padding: 2rem !important; } .landingpage-layout .ip-content { margin-left: -2rem; border-top: 1px solid #004696; border-bottom: 1px solid #004696; margin-right: -2rem; margin-top: -2rem; padding: 1.25rem; margin-bottom: 2rem; } .landingpage-layout .ip-content .portlet-column:first-of-type { width: 85%; } .landingpage-layout .ip-content .portlet-column:last-of-type { position: absolute; float: right; right: 0; text-align: right; } .landingpage-layout .ip-content .margin-top-medium { margin-top: 0px !important; } .aui .social-share-buttons { padding: 4px 15px; } .aui .social-share-buttons .some-divider { display: none; } .aui .social-share-buttons a.some-print { display: none; } iframe { width: 100%; } .youtube-frame { width: 100%; height: 500px; } .hero_content { margin-left: 0 !important; } .hero_content img { width: 100%; } .news-page { display: flex; flex-direction: column; } .news-page figure { order: -1; } .news-page img:first-of-type { order: -1; } .yja_factbox__aside { float: right; width: 40%; margin: 10px 0 15px 20px; padding: 0 0 0 30px; border-left: 1px solid #cfcfcf; } .yja_factbox__aside ul li { font-size: 90%; } #footer { border-top: 1px solid #004696; } #footer .footer-main-content { padding: 1.25em 20px !important; } .footer_logos .first_row_footer_logo { display: flex; align-items: flex-end; } .footer_logos .first_row_footer_logo span { padding: 1rem; } .footer_logos .first_row_footer_logo span:first-of-type img { max-width: 300px !important; width: 100%; } .footer_logos .second_row_footer_logo { display: flex; align-items: center; } .footer_logos .second_row_footer_logo span { padding: 2rem 1rem 1rem 1rem; } .footer_logos img { max-width: 250px; width: 100%; } .footer_innerlinks { margin-top: 0.75rem; } .footer_innerlinks a { color: #004696 !important; } .footer_outerlinks { margin-top: 0.75rem; } .footer_outerlinks a { color: #004696 !important; } .footer-someicon .icon { color: #004696; } .aui.top-frame .bottom-meta .yja-tag { border: none !important; padding: 0.5rem !important; background-color: #e9e9e9 !important; color: #004696 !important; margin-right: 0.5rem !important; text-transform: none !important; font-weight: 500 !important; font-size: 12px !important; } .aui.top-frame .news__meta.meta { display: inline-block !important; } .media-item .meta { display: flex; flex-flow: row wrap; } .aui.top-frame .meta { margin: 0em 0em 0.75rem 0em !important; display: flex; font-size: 0.75em !important; } .aui.top-frame .meta .tags { display: contents; } .aui.top-frame .meta .yja-tag { margin-right: 0.5rem; border: none; order: 1; font-size: 1em; font-weight: 300; line-height: inherit; margin-bottom: 0; border-right: 1px solid #004696; padding: 0 0.5rem 0 0; } .aui.top-frame .meta .yja-category-group { order: 1; } .aui.top-frame .meta .label { border: none; order: 1; font-size: 1em; font-weight: 300; line-height: inherit; margin-bottom: 0; border-right: 1px solid #004696; padding: 0 0.4rem 0 0; } .aui.top-frame .meta .contributor { order: 2; line-height: inherit; padding: 0 0.5rem; padding-left: 0.5rem; border-right: 1px solid #004696; } .aui.top-frame .meta .contributor:not(:first-child) { padding-left: 0.4rem; } .aui.top-frame .meta .date { order: 3; line-height: inherit; padding: 0 0.4rem; } .aui.top-frame .meta span.ministries.date { order: 3; line-height: inherit; padding: 0 !important; } .aui.top-frame .meta .time { order: 4; line-height: inherit; padding: 0 0.4rem 0 0; } .aui.top-frame .meta .published { display: flex !important; order: 3; flex-wrap: wrap; } .aui.top-frame .meta .icon-time { display: none; } .aui.top-frame .meta span.ministries.label-published { order: 6; overflow: hidden; text-indent: -.2em; border-left: 1px solid #004696; } .aui .social-share-buttons { padding: 5px 0; } .aui .social-share-buttons span { vertical-align: baseline; } .aui .social-share-buttons a { display: inline-block; border-radius: 0; margin: 0; height: 30px; line-height: 30px; text-decoration: none; font-weight: normal; width: 30px; } .aui .social-share-buttons .share-facebook, .aui .social-share-buttons .share-twitter, .aui .social-share-buttons .share-linkedin, .aui .social-share-buttons .share-google { background-color: transparent; border: 1px solid #004696; text-align: center; } .aui .social-share-buttons .share-google { display: none; visibility: hidden; } .aui .social-share-buttons .icon { color: #004696; font-size: 16px; padding: 0; } .yle_areena_player { margin: 0 auto; } .taglib-asset-links { display: none; } .aui span.file-ext { color: #555; font-size: 12px; background: #ebebeb; border-radius: 4px; padding: 3px 4px; text-transform: uppercase; margin: 0 2px; text-decoration: none; } .aui span.file-size { color: #555; font-size: 12px; text-decoration: none; } .aui .u-flexGallery { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 2rem; } .aui .u-flexGallery__row--4 .event--single { margin-bottom: 20px; } .aui .u-flexGallery__row--4 .event--single h3 { font-size: 1.5rem; } .aui .u-flexGallery__row--4 .event--single div.meta { display: inline-block !important; vertical-align: middle; } .aui .u-flexGallery__row--4 .event--single div.meta span { display: inline-block; margin-left: .5em; } .aui .u-flexGallery__row--4 .event--single div.meta span:first-child { margin-left: 0; } .aui .u-flexGallery__row--4 .event--single div.meta .meta__date { background-color: #e9e9e9; padding: 0.75rem; font-size: 1rem; font-weight: 500; text-transform: uppercase; } .aui .u-flexGallery__row--4 .event--single div.meta .meta__date .meta__date__day { display: inline-flex; font-size: 1.4rem; } .aui .u-flexGallery__row--4 .event--single div.meta .meta__date .meta__date__month { display: inline-flex; font-weight: 300; } .aui .u-flexGallery__row--4 .event--single .card__lead { position: relative; max-height: 10em; overflow: hidden; } .aui .u-flexGallery__row--4 .event--single .card__lead__shadow { position: absolute; top: 3em; width: 100%; height: 7em; background: -webkit-linear-gradient(transparent, #fbfbfb); background: -o-linear-gradient(transparent, #fbfbfb); background: -moz-linear-gradient(transparent, #fbfbfb); background: linear-gradient(transparent, #fbfbfb); } .aui .m_events.u-flexGallery__row--3 .event--single { margin-bottom: 20px; } .aui .m_events.u-flexGallery__row--3 .event--single h3 { font-size: 1.5rem; } .aui .m_events.u-flexGallery__row--3 .event--single div.meta { display: inline-block !important; vertical-align: middle; } .aui .m_events.u-flexGallery__row--3 .event--single div.meta span { display: inline-block; margin-left: .5em; } .aui .m_events.u-flexGallery__row--3 .event--single div.meta span:first-child { margin-left: 0; } .aui .m_events.u-flexGallery__row--3 .event--single div.meta .meta__date { background-color: #e9e9e9; padding: 0.75rem; font-size: 1rem; font-weight: 500; text-transform: uppercase; } .aui .m_events.u-flexGallery__row--3 .event--single div.meta .meta__date .meta__date__day { display: inline-flex; font-size: 1.4rem; } .aui .m_events.u-flexGallery__row--3 .event--single div.meta .meta__date .meta__date__month { display: inline-flex; font-weight: 300; } .aui .m_events.u-flexGallery__row--3 .event--single .card__lead { position: relative; max-height: 10em; overflow: hidden; } .aui .m_events.u-flexGallery__row--3 .event--single .card__lead__shadow { position: absolute; top: 3em; width: 100%; height: 7em; background: -webkit-linear-gradient(transparent, #fbfbfb); background: -o-linear-gradient(transparent, #fbfbfb); background: -moz-linear-gradient(transparent, #fbfbfb); background: linear-gradient(transparent, #fbfbfb); } .aui .events__wrapper__frontpage .u-flexGallery__row--3 { margin-top: 10rem; } .aui .events__wrapper__frontpage .u-flexGallery__row--3 .event--single { margin-bottom: 2rem; } .aui .events__wrapper__frontpage .u-flexGallery__row--3 .event--single h3 { font-size: 1.5rem; margin: 0 0 0.33333em; } .aui .events__wrapper__frontpage .u-flexGallery__row--3 .event--single div.meta { display: inline-block !important; vertical-align: middle; width: 100%; border-top: 2px solid #004696; } .aui .events__wrapper__frontpage .u-flexGallery__row--3 .event--single div.meta span { display: inline-block; margin-top: .5em; } .aui .events__wrapper__frontpage .u-flexGallery__row--3 .event--single div.meta .meta__date { font-size: 1rem; font-weight: 300; text-transform: uppercase; float: left; width: 100%; color: #004696; } .aui .events__wrapper__frontpage .u-flexGallery__row--3 .event--single div.meta .meta__date .meta__date__day { display: inline-flex; font-size: 1.4rem; color: #004696; } .aui .events__wrapper__frontpage .u-flexGallery__row--3 .event--single div.meta .meta__date .meta__date__month { display: inline-flex; font-weight: 300; float: right; color: #004696; } .aui .events__wrapper__frontpage .u-flexGallery__row--3 .event--single div.meta .meta__organizer { float: right; } .aui .events__wrapper__frontpage .u-flexGallery__row--3 .event--single div.meta .meta__place { float: right; } .aui .events__wrapper__frontpage .u-flexGallery__row--3 .event--single .card__lead { position: relative; max-height: 10em; overflow: hidden; } .aui .events__wrapper__frontpage .u-flexGallery__row--3 .event--single .card__lead__shadow { position: absolute; top: 3em; width: 100%; height: 7em; background: -webkit-linear-gradient(transparent, #fbfbfb); background: -o-linear-gradient(transparent, #fbfbfb); background: -moz-linear-gradient(transparent, #fbfbfb); background: linear-gradient(transparent, #fbfbfb); } .aui .u-headline--center .hed-section.portlet-title { text-align: center; font-size: 2.25rem !important; text-transform: uppercase; font-weight: 100; margin-bottom: 2rem; } .aui .events-lifts a.link-to-page { display: none; } .aui .events-lifts .icon-angle-right { display: none; } .aui .events-lifts li { width: 100%; margin-bottom: 2rem; background-color: transparent; min-height: auto !important; height: inherit; } .aui .events-lifts li:nth-child(2) { border: none; } .aui .events-lifts li:nth-child(1) { border: none; } .aui .events-lifts li:nth-child(3) { border: none; } .aui .events-lifts .event-item { margin-bottom: 3rem; } .aui .events-lifts .event-item .meta { font-size: 1.4rem !important; color: #004696; } .aui .events-lifts .event-item .event-date { position: unset; } .aui .events-lifts .event-item .event-date .event-day { display: inline-block; font-size: 1em !important; font-weight: 300; } .aui .events-lifts .event-item .event-date .event-month-year { display: inline-block; font-size: 1em !important; font-weight: 300; } .aui .events-lifts .event-item .event-info { position: unset; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; font-size: calc(26px + (26 - 22) * ((100vw - 800px) / (1400 - 800))) !important; line-height: 1.2; color: #004696; } .aui .events-lifts .event-item:last-of-type:after { display: none; } .aui .events-lifts .event-item:after { position: absolute; left: 0; width: 50px; height: 2px; background-color: #004696; content: ''; margin-top: 2.5rem; } .aui .events-lifts .event-item h3 { font-size: 1.8rem !important; } .aui .yja-search-portlet label { font-weight: 300; } .aui .yja-search-portlet input { background-color: transparent; } .aui .yja-search-portlet input[type="text"] { width: 98%; } .aui .yja-search-portlet .search-panel input[type="text"] { width: 75%; } .aui .yja-search-portlet .search-panel .datepicker-wrapper input[type="text"] { height: 30px; padding: 3px 8px; margin-left: -5px; } .aui .yja-search-portlet .search-panel button { background-color: #004696 !important; color: #fff !important; } .aui .yja-search-portlet .search-panel button:before { display: none; } .aui .yja-search-portlet .btn-search { display: inline-block; position: absolute; background-color: transparent; color: #f00; margin-left: -55px; } .aui .yja-search-portlet .btn.btn-primary:hover { background-color: transparent; } .aui .yja-search-portlet button[data-loading-text] { color: transparent; } .aui .yja-search-portlet button[data-loading-text]:before { font-family: "fontawesome-alloy",serif; content: "\f002"; color: #004696; font-size: 1.2rem; } .juicer-feed .j-paginate { border: 2px solid #004696 !important; color: #004696 !important; } .juicer-feed .j-paginate:hover { background: #004696 !important; color: #fff !important; } .all-event__button a.btn.btn-primary { background-color: #dbdd60; color: #000; text-transform: uppercase; font-weight: 600; margin-bottom: 3rem; } .all-event__button a.btn.btn-primary:hover { background-color: #dbdd60; text-decoration: underline; } .yjaInfoBox { background-color: #f8f8f8; padding: 2rem; border: 1px solid #e0e0e0; margin: 1rem 0; } .d-ar-16_9 { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .d-ar-16_9 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .journal-content-article a { font-weight: 400; } .journal-content-article ul li { line-height: 1.5 !important; padding-left: 10px; } .journal-content-article ol li { line-height: 1.5 !important; padding-left: 10px; } ul.faq-list { margin: 0 0 10px 0px; } ul.faq-list li { list-style-type: none; line-height: 1.5; padding: 0 0 3px 0; } div.j-poster a[target="_blank"]:after { content: none !important; } div.j-text a[target="_blank"]:after { content: none !important; } .event-portlet h1 { word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } img.reSized { margin-bottom: 2rem; } .events_manual_innerpage .event--single.u-flexGallery__item { display: inline-block; margin: 10px 0 30px 10px !important; flex-grow: 1; width: calc(100% * (1 / 3) - 10px - 1px); } .events_manual_innerpage .event--single.u-flexGallery__item h3 { font-size: 1.5rem; } .events_manual_innerpage .event--single.u-flexGallery__item div.meta { display: inline-block !important; vertical-align: middle; } .events_manual_innerpage .event--single.u-flexGallery__item div.meta span { display: inline-block; margin-left: .5em; } .events_manual_innerpage .event--single.u-flexGallery__item div.meta span:first-child { margin-left: 0; } .events_manual_innerpage .event--single.u-flexGallery__item div.meta .meta__date { background-color: #e9e9e9; padding: 0.75rem; font-size: 1rem; font-weight: 500; text-transform: uppercase; } .events_manual_innerpage .event--single.u-flexGallery__item div.meta .meta__date .meta__date__day { display: inline-flex; font-size: 1.4rem; } .events_manual_innerpage .event--single.u-flexGallery__item div.meta .meta__date .meta__date__month { display: inline-flex; font-weight: 300; } img.reSized { width: 100% !important; max-width: 100% !important; } .aui.top-frame .subscribe-action { position: unset; width: 100%; } .eventview-from-search_right-column a, .eventview-from-search_left-column a { color: #004696 !important; } .eventview-from-search_left-column .yja-tag { border: none !important; padding: 0.5rem !important; background-color: #e9e9e9 !important; color: #004696 !important; text-transform: none !important; font-weight: 500 !important; font-size: 12px !important; margin: 0.66667em 0 0.33333em !important; } .eventview-from-search_left-column a { color: #004696 !important; } .eventview-from-search_event-details { margin-bottom: 2rem; } .eventview-from-search_right-column h3 { font-weight: 400 !important; } .eventview-from-search_right-column .event-date { font-weight: 300; } .eventview-from-search_right-column .label { text-transform: none !important; font-weight: 300 !important; font-size: 1em !important; white-space: inherit !important; line-height: 1.5 !important; } .eventview-from-search_right-column div { padding: 0; display: inline-block; width: 100%; } .eventview-from-search_right-column div:last-of-type a { display: block; text-transform: uppercase; text-align: center; margin: 20px 0 20px 0; font-weight: 500; padding: 0.95em 1em; font-size: 15px; background-color: #dbdd60; } a.external-link:after { font-family: "fontawesome-alloy",sans-serif; content: "\f08e"; margin: 0 3px 0 5px; } .contact-item { border: 1px solid #d5d5d5; margin: 8px 8px 8px 0; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .contact-item p.contact-info { margin-left: 100px; margin-right: 20px; margin-top: 1.5rem; margin-bottom: 1.5rem; } .contact-item p.contact-info .name-and-title span[itemprop="jobTitle"] { display: block; } .contact-item p.contact-info .department, .contact-item p.contact-info .service-unit, .contact-item p.contact-info .service-group, .contact-item p.contact-info .special-labels { display: none; visibility: hidden; } .contact-item hr { display: none; visibility: hidden; } .contact-item .contact-image { display: initial !important; vertical-align: top; margin: 1.5rem; position: absolute; margin-left: -30px; max-width: 100px; height: 100px; } .contact-item .phone { display: block; } .contacts-highlight-portlet { padding: 2rem !important; } .contacts-highlight-portlet h3.portlet-title { margin-left: -2rem !important; } .list-style-number { list-style: none; counter-reset: num-counter; columns: 1; -webkit-columns: 1; -moz-columns: 1; padding: 0; margin: 2rem 0.25rem !important; } .list-style-number li { counter-increment: num-counter; display: inline-flex; width: 100%; margin-bottom: 0.75rem; font-size: 1rem; } .list-style-number li:before { content: "" counter(num-counter); font-weight: 300; font-size: 3rem; margin-right: 1.2rem; line-height: 1; color: #dbdd60; } .list-style-number ul, .list-style-number ol { margin: 0; } .list-style-number h1, .list-style-number h2, .list-style-number h3, .list-style-number h4 { padding-bottom: 1rem; } .list-style-bullet { margin: 2rem 0.25rem !important; padding: 2rem !important; background-color: #f2ed99; } .list-style-bullet ul { list-style: none; columns: 2; -webkit-columns: 2; -moz-columns: 2; } .list-style-bullet ul li { display: flex; width: 100%; margin-bottom: 0.75rem; font-weight: 400; font-size: 1rem; } .list-style-bullet ul li:before { content: "\25A0"; font-weight: 100; font-size: 1rem; margin-right: 1rem; color: #004696; line-height: normal; } .list-style-bullet ul li.h3 { list-style-type: none; } .list-style-bullet ul, .list-style-bullet ol { margin: 0; } .list-style-bullet h1, .list-style-bullet h2, .list-style-bullet h3, .list-style-bullet h4 { padding-bottom: 1rem; margin: 10px 0 auto !important; } .aui .tem-contact-list-portlet .toggler-header-expanded { color: #004696; } .aui .tem-contact-list-portlet .toggler-header { padding: 1.5rem 0; font-size: 24px; text-transform: none; } .aui .tem-contact-list-portlet .toggler-header .toggler-header-expanded:before { color: #004696; font-size: 24px; } .aui .tem-contact-list-portlet .toggler-header:hover { color: #004696; } .aui .tem-contact-list-portlet .contact-row .contact { border: 1px solid #d5d5d5; margin: 1rem 8px 1rem 0 !important; padding: 0.5rem 0 1rem 0; font-size: 90% !important; } .aui .tem-contact-list-portlet .contact-row .contact .text h4 small { color: #1d1d1b; font-family: azo-sans-web,sans-serif !important; } .aui .tem-contact-list-portlet .contact-row .contact .text .tasks { display: none; height: 0; } .aui .tem-contact-list-portlet .contact-row .contact .text i:before { font-size: 20px; margin-right: 5px; } .aui .tem-contact-list-portlet .contact-row .contact .text .works-for, .aui .tem-contact-list-portlet .contact-row .contact .text .tasks, .aui .tem-contact-list-portlet .contact-row .contact .text .description { white-space: pre-line; } .aui .tem-contact-list-portlet .contact-row .contact .text p { white-space: nowrap; max-width: 99%; } .aui .tem-contact-list-portlet .contact-row .columns-2 { width: calc(50% - 38px); max-width: calc(50% - 38px); min-width: auto; position: relative; margin-left: 30px !important; } .aui .tem-contact-list-portlet .contact-row .columns-2 .my-avatar, .aui .tem-contact-list-portlet .contact-row .columns-2 .avatar { vertical-align: top; margin: 1.5rem; position: absolute; margin-left: -30px; max-width: 100px; height: 100px; } .aui .tem-contact-list-portlet .contact-row .columns-2 .text { margin-left: 100px; margin-right: 20px; } .aui .tem-contact-list-portlet .contact-row .columns-3 { width: calc(33.3333% - 38px); max-width: calc(33.3333% - 38px); min-width: auto; position: relative; margin-left: 30px !important; } .aui .tem-contact-list-portlet .contact-row .columns-3 .my-avatar, .aui .tem-contact-list-portlet .contact-row .columns-3 .avatar { vertical-align: top; margin: 1.5rem 1.5rem 0; max-width: 100px; height: 100px; display: block; } .aui .tem-contact-list-portlet .contact-row .columns-3 .text { margin-left: 20px; margin-right: 20px; } .aui .subscribe-action .taglib-rss a { display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .aui .subscribe-action .taglib-rss a:before { content: "\f09e"; font-family: "fontawesome-alloy",serif; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; font-size: 1.1875em; color: #222; } .aui .subscribe-action img, .aui .subscribe-action .taglib-text { clip: rect(0px, 0px, 0px, 0px); position: absolute; } .accordion .accordion__header { color: #004696; font-weight: 300 !important; font-family: azo-sans-web,sans-serif !important; font-size: 1.6rem !important; line-height: 1.175; } .datepicker-days td:hover { cursor: pointer; } .aui .event-search-listview #event-search-date fieldset ul.pick-a-date { width: auto; margin-top: 5px; } .yja-accordion .yja-eu-accordion-toggle { position: relative; } .yja-accordion .yja-eu-accordion-toggle button { border: 0px; box-shadow: none; background: transparent; text-shadow: none; padding: 0; margin: 0; display: inline-block; text-align: left; color: #004696; font-weight: 300 !important; font-family: azo-sans-web,sans-serif !important; font-size: 1.6rem !important; font-weight: 500 !important; line-height: 1.175; } .yja-accordion .yja-eu-accordion-toggle .icon { color: #004696 !important; margin-right: 0.25rem !important; position: relative; display: inline-block; float: none; } .yja-accordion .yja-eu-accordion-toggle .icon:before { font-size: 1.5rem; } .yja-accordion .yja-accordion-wrapper:nth-child(n+2) .yja-eu-accordion-toggle { margin-top: 0 !important; } .yja-accordion .yja-accordion-content { border: 0 !important; padding: .5em 1.1875em 1.1875em !important; } .asset-full-content .top-locale-actions.locale-actions { display: none; } @media (max-width: 900px) { .aui.top-frame h1 { font-size: 2.2rem !important; } .aui.top-frame h2, .aui.top-frame .h2 { font-size: 1.5rem !important; } .aui.top-frame h3 { font-size: 1.35rem !important; } .aui.top-frame h4 { font-size: 1.2rem !important; } .aui .hidden-phone { display: none !important; } .aui .visible-phone { display: inherit !important; position: absolute; z-index: 10; } .span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 { width: 100% !important; } .aui .lead, .ingress { font-size: 1.4rem !important; line-height: 1.75rem; } .aui.top-frame .padding-left-15, .aui.top-frame .padding-left, .aui.top-frame .padding-left-medium { padding-left: 0 !important; } .aui.top-frame .header-top-bar-links-lang ul li a { font-size: 0.625rem; } .aui.top-frame .header-top-bar-links-lang .language-version-selection-portlet li { padding: 0px 5px; } .aui.top-frame .homepage #banner { margin-bottom: 0; } .aui.top-frame .homepage #banner .header-top-bar-links-right { right: 0; margin-top: -100px; } .aui.top-frame .homepage #banner .header-top-bar { padding-top: 0; padding-bottom: 0; text-align: left; } .aui.top-frame .homepage #banner a.logo img { width: 100%; display: none !important; } .aui.top-frame .homepage #banner a.logo { margin-top: -30%; background-image: url("/documents/11707387/12447392/EUFI-logo_sininen.svg"); background-repeat: no-repeat; background-position: center; max-height: 100%; height: 200px; margin-right: 0; } .aui.top-frame #banner .header-top-bar { float: left; padding-top: 1rem; padding-bottom: 1rem; } .aui.top-frame #banner a.logo { background-image: url("/documents/11707387/12447392/EUFI-logo_sininen.svg"); background-repeat: no-repeat; background-position: center; max-height: 100%; height: 120px; } .aui.top-frame #banner a.logo img { display: none !important; } .aui.top-frame #banner .header-top-bar { text-align: left; } .nav-menu { display: none !important; } .fp-news:before { width: 150%; left: -25%; margin-top: 7rem; } .fp-news .portlet-column:last-of-type { flex: none; } .fp-news { padding: 0; } .fp-news .portlet-column:first-of-type { flex: none; margin-left: 0; width: 100%; padding: 1.5rem; margin-bottom: 1rem; margin-top: 1rem; } .fp-news .portlet-column:first-of-type h1 { font-size: calc(44px + (70 - 50) * ((100vw - 600px) / (1400 - 600))) !important; margin-bottom: 2rem; } .fp-news .portlet-column:first-of-type h2 { font-size: 1.8rem !important; word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .fp-news .portlet-layout.row-fluid { display: flex; flex-direction: column; } .fp-news-smaller { padding: 2.5rem 0; } .fp-news-lifted { padding-left: 0; } .news__layout:last-of-type { margin-bottom: 0.5rem; } .fp-programme { padding: 2rem 0; } .fp-programme:before { width: 150%; right: -25%; margin-top: 8rem; } .fp-programme .portlet-column:first-of-type { order: 2; flex: none; position: inherit; padding-right: 0; } .fp-programme .portlet-column:last-of-type { margin-left: 0; width: 100%; padding: 1.5rem; margin-bottom: 1rem; flex: none; } .fp-programme .portlet-column:last-of-type h1 { text-align: left; margin-bottom: 2rem; } .fp-programme .portlet-layout.row-fluid { display: flex; flex-direction: column; } .fp-programme-icons__item { display: block; height: auto; } .fp-programme-icons__item a { display: inline-block; margin: auto; width: 100%; margin-bottom: 2rem; } .fp-programme-icons__item img { width: 80%; max-width: 400px; height: unset; display: block; margin-left: auto; margin-right: auto; float: none; padding-bottom: 0.5rem; } .fp-programme-icons__item h3 { text-align: center; margin: 0 !important; float: none; line-height: 2rem !important; } .fp-events { padding: 2.5rem 0; } .fp-events .portlet-column:first-of-type h1 { width: auto; } .fp-events .portlet-column:last-of-type { margin-left: 0; } .fp-events:before { width: 150%; left: -25%; margin-top: 8rem; } .fp-video:before { width: 150%; right: -25%; } .fp-video h1 { font-size: calc(44px + (70 - 50) * ((100vw - 600px) / (1400 - 600))) !important; } .fp-video { padding: 2rem 0; } .fp-video h1, .fp-video h2 { text-align: center; } .homepage .quicklink .quicklink__box { width: 100%; flex: auto; margin-left: -2rem; margin-right: -2rem; } .quicklink .quicklink__box { width: 100%; flex: auto; margin-left: -2rem; margin-right: -2rem; } .landingpage-layout { padding: 1rem !important; } .landingpage-layout .ip-content { margin-left: -1rem; margin-right: -1rem; margin-top: -1rem; } .landingpage-layout .ip-content .portlet-column:first-of-type { width: 100%; margin-left: -1rem; margin-left: -1rem; } .landingpage-layout .ip-content .portlet-column:last-of-type { position: initial; float: left; text-align: left; } .yja_factbox__aside { float: none; width: 100%; margin: 20px 0; padding: 20px; } #footer { text-align: center; } .footer_logos .first_row_footer_logo { justify-content: center; display: inline-block; } .footer_logos .first_row_footer_logo span { } .footer_logos .first_row_footer_logo span img { padding: 1rem; } .footer_logos .second_row_footer_logo span { padding: 1rem; } .footer_logos .second_row_footer_logo { justify-content: center; } .footer_innerlinks { text-align: center; } .footer_outerlinks { text-align: center; } .aui.top-frame .meta { font-size: 0.65em !important; } .yle_areena_player { max-width: 100%; } .aui .events__wrapper__frontpage .u-flexGallery__row--3 { margin-top: 2.5rem; } .aui .events-lifts .event-item:first-of-type { margin-top: 2rem; } .aui .events-lifts .event-item:after { right: 0; } .aui.top-frame .subscribe-action { position: unset; width: 100%; text-align: left; } .aui.top-frame .subscribe-action .taglib-rss { margin-left: 0; } .eventview-from-search_event-details h1 { padding: 45px 0px 15px 0px !important; } .eventview-from-search_event-details .eventview-from-search_right-column, .eventview-from-search_event-details .eventview-from-search_left-column { padding: 0px !important; } .event-content-wrapper { padding-left: 0.5rem; } .event-item-categories .yja-tag-group span.label { white-space: unset; margin-bottom: 0px; line-height: 18px; } .event-item-formatted-simple-time h4 { padding-top: 0px; } .eventview-from-search_event-details div .event-item-categories { padding: 0 !important; } .eventview-from-search_event-details h1 { padding-top: 0 !important; } .contact-item p.contact-info { margin-left: 2rem; margin-right: 20px; margin-top: 0; margin-bottom: 1.5rem; } .contact-item .contact-image { margin: 2rem 1.5rem 1rem 2rem; display: block; position: unset; float: unset !important; height: 100px !important; } .list-style-number { columns: 1; -webkit-columns: 1; -moz-columns: 1; } .list-style-bullet { columns: 1; -webkit-columns: 1; -moz-columns: 1; } .aui .tem-contact-list-portlet .contact-row .contact .text { margin: 0 1rem; } .aui .tem-contact-list-portlet .contact-row .columns-2 { margin-left: 0px !important; max-width: 100%; min-width: 100%; } .aui .tem-contact-list-portlet .contact-row .columns-2 .my-avatar, .aui .tem-contact-list-portlet .contact-row .columns-2 .avatar { margin: 1rem 1rem 0 1rem; display: block; position: unset; } .aui .tem-contact-list-portlet .contact-row .columns-3 { margin-left: 0px !important; max-width: 100%; min-width: 100%; } .aui .tem-contact-list-portlet .contact-row .columns-3 .my-avatar, .aui .tem-contact-list-portlet .contact-row .columns-3 .avatar { margin: 1rem 1rem 0 1rem; display: block; position: unset; } .aui .tem-contact-list-portlet .contact-row { display: inline-block !important; width: 100%; max-width: 100%; min-width: 100%; } } @media (max-width: 600px) { .aui.top-frame h1 { font-size: 2rem !important; word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .aui.top-frame h2, .aui.top-frame .h2 { word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .aui.top-frame .homepage #banner .header_video { width: 130vw; } } @media (max-width: 500px) { .aui.top-frame h3 { word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .aui.top-frame .homepage #banner a.logo { height: 130px; } .aui.top-frame #banner a.logo { height: 90px; } .fp-video h1 { font-size: calc(44px + (70 - 50) * ((100vw - 600px) / (1400 - 600))) !important; } } @media (max-width: 400px) { .aui.top-frame h4 { word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .top-frame body { font-size: 100% !important; } } @media (min-width: 901px) { .aui .visible-phone { display: none !important; } } @media (max-width: 700px) { .aui.top-frame .homepage #banner a.logo .aui .visible-phone { max-width: calc(100% - 20px); display: inline-block; margin-top: -65%; } } @media (max-width: 979px) { .aui.top-frame #heading .header-row { padding: 0 1em; } } @media (max-width: 1240px) { .nav-menu ul li a { font-size: 110%; padding: 0.2em !important; } .nav-menu ul li.hasChild a { padding-right: 0.7rem !important; } } @media (max-width: 1024px) { .nav-menu ul li a { font-size: 100%; padding: 0 !important; } } @media (min-width: 1024px) { .aui .u-flexGallery__row--4 { flex-direction: row; } .aui .u-flexGallery__row--4 .u-flexGallery__item { display: inline-block; margin: 10px 0 0 10px; flex-grow: 1; width: calc(100% * (1 / 4) - 10px - 1px); } .aui .m_events.u-flexGallery__row--3 { flex-direction: row; } .aui .m_events.u-flexGallery__row--3 .u-flexGallery__item { display: inline-block; margin: 10px 0 30px 10px; flex-grow: 1; width: calc(100% * (1 / 3) - 10px - 1px); } .aui .events__wrapper__frontpage .u-flexGallery__row--3 { flex-direction: row; } .aui .events__wrapper__frontpage .u-flexGallery__row--3 .u-flexGallery__item { width: 30%; margin-right: 3%; } } @media (max-width: 1023px) { .aui .u-flexGallery__row--4 { flex-direction: row; } .aui .u-flexGallery__row--4 .u-flexGallery__item { width: 45%; margin-right: 5%; } .aui .u-flexGallery__row--4 .u-flexGallery__item:first-child, .aui .u-flexGallery__row--4 .u-flexGallery__item:nth-child(3) { margin-right: 0; } .aui .m_events.u-flexGallery__row--3 { flex-direction: row; } .aui .m_events.u-flexGallery__row--3 .u-flexGallery__item { width: 45%; margin-right: 5%; } .aui .m_events.u-flexGallery__row--3 .u-flexGallery__item:nth-child(even) { margin-right: 0; } .aui .events__wrapper__frontpage .u-flexGallery__row--3 { flex-direction: row; } .aui .events__wrapper__frontpage .u-flexGallery__row--3 .u-flexGallery__item { width: 45%; margin-right: 5%; } } @media (max-width: 768px) { .aui .u-flexGallery__row--4 { flex-direction: column; } .aui .u-flexGallery__row--4 .u-flexGallery__item { width: 100%; margin-right: 0; } .aui .m_events.u-flexGallery__row--3 { flex-direction: column; } .aui .m_events.u-flexGallery__row--3 .u-flexGallery__item { width: 100%; margin-right: 0; } .aui .events__wrapper__frontpage .u-flexGallery__row--3 { flex-direction: column; } .aui .events__wrapper__frontpage .u-flexGallery__row--3 .u-flexGallery__item { width: 100%; margin-right: 0; } .aui .events__wrapper__frontpage .u-flexGallery__row--3 .event--single div.meta .meta__date .meta__date__day { display: inline-block; float: left; font-size: 1.2rem; margin-right: 4px; } .aui .events__wrapper__frontpage .u-flexGallery__row--3 .event--single div.meta .meta__date .meta__date__month { display: inline-block; float: left; font-size: 1.2rem; } .aui .events__wrapper__frontpage .u-flexGallery__row--3 .event--single div.meta .meta__date { margin-top: 1rem; } }