.top-frame body { font-size: 120%; color: #111; font-family: niveau-grotesk,sans-serif; line-height: 1.5; } .top-frame a { color: #005d95; } .top-frame a:hover, .top-frame a:focus { color: #00395c; } .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: #005d95; font-weight: bold; font-style: normal; font-family: niveau-grotesk,sans-serif; display: block; margin: 10px 0; } .top-frame h1 a, .top-frame h2 a, .top-frame h3 a, .top-frame h4 a, .top-frame h5 a, .top-frame h6 a, .top-frame .heading1 a, .top-frame .heading2 a, .top-frame .heading3 a, .top-frame .heading4 a, .top-frame .heading5 a, .top-frame .heading6 a { color: inherit; } .top-frame input.search-query { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .top-frame .btn { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .top-frame .btn.btn-default { border: solid 1px #005d95; background: #005d95; color: #fff; } .top-frame .btn.btn-default:hover { background: #005d95; } .top-frame .btn.btn-primary, .top-frame .btn.search-form_submit { background-color: #35a68c; color: white; } .top-frame .btn.btn-primary:hover, .top-frame .btn.search-form_submit:hover { background-color: #30957e; } .top-frame .btn.search-form_submit { border-color: #35a68c; } .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: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .top-frame .badge:not(.error-notice), .top-frame .label, .top-frame .yja-tag { border: 1px solid #111; } .top-frame .portlet-navigation .nav-menu ul a { color: #111; } .top-frame .portlet-navigation .nav-menu ul ul a { color: #131313; } .top-frame .portlet-navigation .nav-menu > ul > li { color: #131313; } .top-frame .events .event-highlight { font-size: 1.1em; border-top: solid 1px #35a68c; } .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 #35a68c; } .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: #005d95; display: block; position: relative; } .top-frame .events.event-search-portlet .event-list-wrapper > .span12 > .span3 { background: #35a68c; } .top-frame .events.event-search-portlet .event-list-wrapper { border-color: #35a68c; } .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: #35a68c; 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 #35a68c; border-right: 1px solid #35a68c; border-left: 1px solid #35a68c; background: white; } .top-frame .events.event-search-portlet .event-item-list p[itemprop="name"], .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: #005d95; } .top-frame #scrollToTop { color: #fff; background: #35a68c; } .top-frame #scrollToTop:hover { background: #30957e; } .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: #35a68c; color: white !important; } .top-frame #banner .language-version-selection-portlet .lang-nav ul { background: #35a68c; } .top-frame .media-item .small figure { float: left; margin-right: 1em; } .top-frame .media-item .dark-link { color: #111; } .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: #005d95; } .top-frame .media-item .meta { margin-bottom: em(5px); color: #141414; font-size: .9em; } .top-frame .feed-item.simple .meta { color: #141414; font-size: .9em; } .top-frame .feed-item.simple h6 a { color: #111; } .top-frame ul.position-nav li.selected { background: #35a68c; } .top-frame ul.position-nav li.selected:hover { background-color: #35a68c; } .top-frame .carousel .description { font-family: niveau-grotesk,sans-serif; font-weight: normal; } .panel.border-top-emphasis { border-top: solid 4px #35a68c; } .top-frame #banner { background-repeat: repeat; background-size: initial; 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: #005d95; } .top-frame #banner a { color: #005d95; } .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 { align-self: center; } .top-frame #banner nav ul.site-theme__navigation { background-color: transparent; color: #000; } .top-frame #banner nav ul.site-theme__navigation li a:hover { background-color: darken(transparent, 10%); } .top-frame #banner nav ul.site-theme__navigation li.selected { background-color: #35a68c; color: white; } .top-frame #banner nav ul.site-theme__navigation li.selected a { color: white; } .top-frame #banner nav ul.site-theme__navigation li.selected a:hover { background-color: #30957e; } .top-frame #banner nav a { color: #000; } .top-frame #banner nav.fixed { background: transparent; } .top-frame #footer { background-image: url('data:image/svg+xml,data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg"/%3E'); background-repeat: repeat; background-size: initial; background-position: center top; background-color: #d4e1e8; color: #000; } .top-frame #footer a { color: #000; } .top-frame #footer .footer-bottom-bar { background-color: #545454; } .top-frame body { background-color: #fff; background-image: url('data:image/svg+xml,data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg"/%3E'); 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: #d4e1e8; } .top-frame .homepage .layout-wrapper-wide *, .top-frame .homepage .layout-wrapper-wide .carousel-wrapper ul li h3 a .description { color: #000; } .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: 1440px; } .mobile-menu-actions { right: 0; } .mobile-menu-actions a.menu-icon { background: #fff; color: #111; } .mobile-menu-actions a { color: #005d95; } .mobile-menu-actions a.menu-icon { font-family: niveau-grotesk,sans-serif; } .mobile-menu-actions a:active, .mobile-menu-actions a:focus, .mobile-menu-actions a:hover { color: #00395c; } .mm-menu { border-color: #35a68c; } .mm-menu a { color: white; } .mm-menu a:hover, .mm-menu a:focus { color: white; } @font-face { font-family: 'niveau-grotesk'; font-style: normal; font-weight: 300; src: local(''),url('/o/common-ui-resources/fonts/niveau-grotesk/NiveauGroteskWeb-Light.woff2?t=1662522235') format('woff2'),url('/o/common-ui-resources/fonts/niveau-grotesk/NiveauGroteskWeb-Light.woff?t=1662522235') format('woff'); } @font-face { font-family: 'niveau-grotesk'; font-style: normal; font-weight: 400; src: local(''),url('/o/common-ui-resources/fonts/niveau-grotesk/NiveauGroteskWeb-Regular.woff2?t=1662522235') format('woff2'),url('/o/common-ui-resources/fonts/niveau-grotesk/NiveauGroteskWeb-Regular.woff?t=1662522235') format('woff'); } @font-face { font-family: 'niveau-grotesk'; font-style: normal; font-weight: 700; src: local(''),url('/o/common-ui-resources/fonts/niveau-grotesk/NiveauGroteskWeb-Bold.woff2?t=1662522235') format('woff2'),url('/o/common-ui-resources/fonts/niveau-grotesk/NiveauGroteskWeb-Bold.woff?t=1662522235') format('woff'); } .top-frame body { overflow-x: hidden; } .top-frame #banner { position: relative; border-bottom: 6px solid #d4e1e8; } .top-frame #banner nav.a11y-navigation > ul { position: relative; max-width: 100%; margin: 0; display: flex; flex-flow: row nowrap; justify-content: flex-end; align-content: stretch; z-index: 3; } .top-frame #banner nav.a11y-navigation > ul > li { position: relative; align-items: baseline; display: flex; margin-right: 0.5rem; } .top-frame #banner nav.a11y-navigation > ul > li > a { font-weight: 700; border-bottom: 1px solid #fff; display: inline-block !important; padding-left: 0.5rem !important; padding-right: 0.5rem !important; line-height: 1.041669; } .top-frame #banner nav.a11y-navigation > ul > li > a:focus, .top-frame #banner nav.a11y-navigation > ul > li > a:hover { border-bottom: 1px solid #005d95; background-color: #d4e1e8; } .top-frame #banner nav.a11y-navigation > ul > li.selected { background-color: transparent !important; color: #000 !important; } .top-frame #banner nav.a11y-navigation > ul > li.selected > a { color: #000 !important; border-bottom: 1px solid #005d95 !important; } .top-frame #banner nav.a11y-navigation > ul > li.selected > a:focus, .top-frame #banner nav.a11y-navigation > ul > li.selected > a:hover { border-bottom: 1px solid #005d95 !important; background-color: #d4e1e8 !important; } .top-frame #banner nav.a11y-navigation > ul > li.has-children > a { padding-right: 0.2rem; } .top-frame #banner nav.a11y-navigation > ul > li.has-children > button.js-toggle-special-nav { margin-right: 0; } .top-frame #banner nav.a11y-navigation > ul > li > div.a11y-nav__sub > ul.child-menu { position: absolute; z-index: 10; left: 0; background-color: #d4e1e8; width: 16rem; margin: 9px 0 0 0; padding: 0.4em 0; top: 3rem; } .top-frame #banner nav.a11y-navigation > ul > li > div.a11y-nav__sub > ul.child-menu > li { display: block; } .top-frame #banner nav.a11y-navigation > ul > li > div.a11y-nav__sub > ul.child-menu > li > a { color: #000 !important; display: block; line-height: 1; padding: 0.6em 1em; } .top-frame #banner nav.a11y-navigation > ul > li > div.a11y-nav__sub > ul.child-menu > li > a:focus, .top-frame #banner nav.a11y-navigation > ul > li > div.a11y-nav__sub > ul.child-menu > li > a:hover { background-color: transparent !important; color: #005d95 !important; text-decoration: underline; } .top-frame #banner nav.a11y-navigation > ul > li > div.a11y-nav__sub > ul.child-menu > li.selected { background: transparent; } .top-frame #banner nav.a11y-navigation > ul > li > div.a11y-nav__sub > ul.child-menu > li.selected > a { color: #005d95 !important; font-weight: bold; } .top-frame #banner nav.a11y-navigation.a11y-navigation .has-children button[aria-expanded="false"], .top-frame #banner nav.a11y-navigation.a11y-navigation .has-children button[aria-expanded="true"], .top-frame #banner nav.a11y-navigation.a11y-navigation .selected button[aria-expanded="true"], .top-frame #banner nav.a11y-navigation.a11y-navigation .selected button[aria-expanded="false"] { background: transparent; border: 0; margin-top: -4px; } .top-frame #banner nav.a11y-navigation.a11y-navigation .has-children button[aria-expanded="false"] .icon:before, .top-frame #banner nav.a11y-navigation.a11y-navigation .has-children button[aria-expanded="true"] .icon:before, .top-frame #banner nav.a11y-navigation.a11y-navigation .selected button[aria-expanded="true"] .icon:before, .top-frame #banner nav.a11y-navigation.a11y-navigation .selected button[aria-expanded="false"] .icon:before { font-size: inherit; content: "\f078"; } .top-frame #banner nav.a11y-navigation.a11y-navigation .has-children button[aria-expanded="true"] .icon:before { transform: rotate(180deg); } .top-frame #banner .header-top-bar { width: auto; background-color: transparent; text-align: right; } .top-frame #banner .header-top-bar .header-top-bar-links-lang ul a { font-weight: 300; } .top-frame #banner .header-top-bar .header-top-bar-links-lang ul.en li.en a, .top-frame #banner .header-top-bar .header-top-bar-links-lang ul.fi li.fi a, .top-frame #banner .header-top-bar .header-top-bar-links-lang ul.sv li.sv a { font-weight: 400; } .top-frame #banner .logo { padding: 1rem; } .top-frame #banner form input.search-query { background: transparent; color: #202020; padding: 0.5rem 0.8rem; font-size: 1.1rem; border-color: #005d95; } .top-frame #banner form input.search-query::placeholder { color: #757575; } .top-frame #banner form input[type="submit"] { background: #005d95; border-color: #005d95; color: #fff; } .top-frame #banner .header-advanced-search-link { display: none !important; speak: none; } .top-frame .mobile-menu-actions a, .top-frame .mobile-menu-actions button { width: 5rem; height: 5rem; font-family: niveau-grotesk,sans-serif; background-color: transparent; color: #000 !important; } .top-frame .mobile-menu-actions a i, .top-frame .mobile-menu-actions button i, .top-frame .mobile-menu-actions a span[role="presentation"], .top-frame .mobile-menu-actions button span[role="presentation"] { margin-bottom: 3px; margin-top: 0 !important; } .top-frame .mobile-menu-actions a .icon-reorder:before, .top-frame .mobile-menu-actions button .icon-reorder:before { font-size: 1.8rem !important; color: #000 !important; } .top-frame .mobile-menu-actions a span:not([role]), .top-frame .mobile-menu-actions button span:not([role]) { font-size: 1rem !important; color: #000 !important; } .top-frame #content, .top-frame #main-content { padding: 0; } .top-frame .layout-wrapper-wide { background-color: #d4e1e8; max-width: 100%; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .top-frame #content > .frontpage { background-image: url("/documents/38197657/39306568/background-top-default.svg?t=1649769592511"); background-repeat: no-repeat; background-position: top right; background-size: auto 350px; } .top-frame h1 { font-size: 3.8rem; } .top-frame .uppercase-header { color: #202020 !important; text-transform: uppercase !important; font-size: 1.6em !important; } .top-frame .ingress { font-weight: bold; font-size: 1.4rem; } .top-frame section.hero { padding: 6rem 1rem; display: flex; align-items: center; width: 100%; min-height: 440px; } .top-frame section.hero .content-wrapper { max-width: 60%; } .top-frame nav.link-highlights ul { margin: 0; padding: 0; list-style: none; display: flex; } .top-frame nav.link-highlights ul li a { display: block; width: 100%; color: #111; } .top-frame nav.link-highlights ul li a .text-wrapper .title { color: #000; font-size: 2.625rem; } .top-frame nav.link-highlights ul li a .text-wrapper .cta { text-transform: uppercase; color: #000; } .top-frame nav.link-highlights ul li a .text-wrapper .icon-rounded-arrow { position: absolute; top: 1rem; right: 2rem; width: 60px; height: 60px; } .top-frame nav.link-highlights ul li a .text-wrapper .icon-rounded-arrow svg { fill: #a84008; transition: all 0.2s ease-in-out; } .top-frame nav.link-highlights ul li a:focus .icon-rounded-arrow svg, .top-frame nav.link-highlights ul li a:hover .icon-rounded-arrow svg { fill: #ed6c57; } .top-frame nav.link-highlights.one-in-row ul { flex-direction: column; } .top-frame nav.link-highlights.one-in-row ul li { padding: 3rem 0; } .top-frame nav.link-highlights.one-in-row ul li a { max-width: 1440px; display: flex; margin: 0 auto; } .top-frame nav.link-highlights.one-in-row ul li a > div { width: 50%; max-width: 50%; padding: 1rem; } .top-frame nav.link-highlights.one-in-row ul li a .image-wrapper { margin: 0 1rem; padding: 0; display: flex; align-items: center; } .top-frame nav.link-highlights.one-in-row ul li a .text-wrapper { display: flex; flex-direction: column; justify-content: center; background-color: #fff; margin: 3rem 1rem; padding: 2rem; } .top-frame nav.link-highlights.one-in-row ul li a .text-wrapper .title { font-size: 2.625rem; margin-bottom: 2rem; } .top-frame nav.link-highlights.one-in-row ul li a .text-wrapper .cta { display: flex; padding-left: 70px; min-height: 54px; position: relative; margin-top: 2rem; } .top-frame nav.link-highlights.one-in-row ul li a .text-wrapper .cta .icon-rounded-arrow { right: auto !important; left: 0; top: 0 !important; } .top-frame nav.link-highlights.one-in-row ul li a .text-wrapper .cta .cta-text { margin: auto 0; font-weight: 600; } .top-frame nav.link-highlights.one-in-row ul li:nth-child(even) { background-color: #fff; } .top-frame nav.link-highlights.one-in-row ul li:nth-child(even) a { flex-direction: row-reverse; } .top-frame nav.link-highlights.two-in-row { margin: 0; } .top-frame nav.link-highlights.two-in-row ul { max-width: 1440px; margin: 1rem auto; padding: 0 1rem; flex-wrap: wrap; } .top-frame nav.link-highlights.two-in-row ul li { width: 50%; margin: 0; } .top-frame nav.link-highlights.two-in-row ul li a { position: relative; overflow: hidden; padding: 0 1rem 1rem 0; -webkit-transition: height 400ms ease-in-out; -moz-transition: height 400ms ease-in-out; -ms-transition: height 400ms ease-in-out; -o-transition: height 400ms ease-in-out; transition: height 400ms ease-in-out; } .top-frame nav.link-highlights.two-in-row ul li a > div { width: 100%; max-width: 100%; } .top-frame nav.link-highlights.two-in-row ul li a .text-wrapper { display: block; position: absolute; bottom: 0; background-color: rgba(212,225,232,0.8); padding: 1rem 2rem; } .top-frame nav.link-highlights.two-in-row ul li a .text-wrapper .desc { height: 0; max-height: 300px; overflow: hidden; } .top-frame nav.link-highlights.two-in-row ul li a:focus .text-wrapper .desc, .top-frame nav.link-highlights.two-in-row ul li a:hover .text-wrapper .desc { height: auto; } .top-frame .fessWrapper { background-color: #fff !important; padding: 2rem; } .top-frame .fessForm table { max-width: 600px; margin: 2rem auto; } .top-frame .fessForm table td { padding: 0; border: 0; } .top-frame .content-highlights ul { margin: 0; padding: 0; list-style: none; display: flex; } .top-frame .content-highlights ul li .content-wrapper { display: block; width: 100%; color: #111; } .top-frame .content-highlights ul li .content-wrapper .text-wrapper .title { color: #000; font-size: 2.625rem; } .top-frame .content-highlights.one-in-row ul { flex-direction: column; } .top-frame .content-highlights.one-in-row ul li { padding: 3rem 0; } .top-frame .content-highlights.one-in-row ul li .content-wrapper { max-width: 1440px; display: flex; margin: 0 auto; } .top-frame .content-highlights.one-in-row ul li .content-wrapper > div { width: 50%; max-width: 50%; padding: 1rem; } .top-frame .content-highlights.one-in-row ul li .content-wrapper .image-wrapper { margin: 0 1rem; padding: 0; } .top-frame .content-highlights.one-in-row ul li .content-wrapper .image-wrapper picture { display: flex; align-items: center; height: 100%; } .top-frame .content-highlights.one-in-row ul li .content-wrapper .text-wrapper { display: flex; flex-direction: column; justify-content: center; background-color: #fff; margin: 3rem 1rem; padding: 2rem; } .top-frame .content-highlights.one-in-row ul li:nth-child(even) { background-color: #fff; } .top-frame .content-highlights.one-in-row ul li:nth-child(even) .content-wrapper { flex-direction: row-reverse; } .top-frame .supo-listed-content { padding: 1rem; } .top-frame .supo-listed-content > div { background: #fff; padding: 2rem 0; } .top-frame .supo-listed-content ul { list-style: none; margin: 2rem 0 0; padding: 0; display: flex; flex-wrap: wrap; } .top-frame .supo-listed-content ul li { margin: 0; padding: 0 2rem 2rem 0; display: inline-block; width: 100%; } .top-frame .supo-highlight-links { margin: 0; padding: 0; } .top-frame .supo-highlight-links ul { list-style: none; margin: 0; padding: 0 1rem 1rem 0; display: flex; width: 100%; justify-content: space-between; } .top-frame .supo-highlight-links ul li { padding: 2rem 1rem; flex-grow: 1; } .top-frame .supo-highlight-links ul li a { padding: 2rem 1rem; text-transform: uppercase; color: #005d95; background-color: #fff; border: 2px solid #005d95; display: block; text-align: center; font-size: 1.5rem; font-weight: bold; } .top-frame .supo-highlight-links ul li a:hover { color: #005d95; background-color: #fff; } .top-frame .col-md-4 .supo-highlight-links ul li a { background-color: #005d95; color: #fff; } .top-frame .col-md-4 .supo-highlight-links ul li a:hover { background-color: #005d95; } .top-frame .portlet-navigation .list-menu { font-size: initial; background-color: #d4e1e8; color: #202020; padding: 1rem; } .top-frame .portlet-navigation .list-menu ul li { border-bottom: 0; } .top-frame .portlet-navigation .list-menu ul.level-1 > li > a { font-weight: bold; } .top-frame .portlet-navigation .list-menu ul li a { color: #202020; } .top-frame .portlet-navigation .list-menu ul li a.selected { color: #005d95; } .top-frame .portlet-navigation .list-menu ul.level-2 li a.selected { font-weight: 400; } .top-frame .portlet-navigation .list-menu ul li.hasChild ul { margin-bottom: 0.1rem; } .top-frame ul.faq-list { list-style: none; margin: 0; padding: 0; } .top-frame ul.faq-list li { margin: 0 0 1rem; padding: 0; } .top-frame ul.faq-list li .question { margin: 0; } .top-frame ul.faq-list li .question:focus { outline-offset: 0.13rem !important; outline: -moz-mac-focusring auto thin !important; outline: -webkit-focus-ring-color auto thin !important; } .top-frame ul.faq-list li .question button.question-button { margin: 0; padding: 1rem 1rem 1rem 5rem !important; display: block; background-color: #d4e1e8 !important; width: 100%; color: #000 !important; font-size: 1.2rem; position: relative; cursor: pointer; } .top-frame ul.faq-list li .question button.question-button .icon { margin: 0; background-color: #a84008; color: #fff; position: absolute; top: 0; left: 0; width: 4rem; height: 100%; text-align: center; line-height: 3.5rem; } .top-frame ul.faq-list li.faq-list__item button { margin: 0; padding: 1rem 1rem 1rem 5rem !important; display: block; background-color: #d4e1e8 !important; width: 100%; color: #000 !important; font-size: 1.2rem; position: relative; cursor: pointer; } .top-frame ul.faq-list li.faq-list__item button span[role="presentation"] { margin: 0; background-color: #a84008; color: #fff; position: absolute; top: 0; left: 0; width: 4rem; height: 100%; text-align: center; line-height: 3.5rem; } .top-frame ul.faq-list li .answer { padding: 0.5rem 1rem 0.5rem 5rem; } .top-frame ul.faq-list li .answer .meta { display: none; } .top-frame table { border: 0; border-spacing: 0; width: 100%; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; table-layout: fixed; border-collapse: collapse; } .top-frame table td, .top-frame table th { border: 0; padding: 0.5rem 0.8rem; } .top-frame table th { background: #005d95; color: #fff; font-weight: 700; } .top-frame table tr { background: #fff; } .top-frame table tr:nth-child(even) { background: #d4e1e8; } .top-frame table td { border-bottom: 1px solid #d4e1e8; } .top-frame .journal-display-page { margin: 1.5rem auto !important; padding: 0 1rem !important; } .top-frame .yja-tag-group .yja-tag { background-color: #35a68c; color: #fff; border: 0; text-transform: unset; padding: 1rem 0.8rem; font-size: 1.2rem; margin-right: 0.5rem; border-radius: 0.2rem; } .top-frame footer img { max-width: 100%; } .top-frame footer .footer-main-content .col:first-child picture img { width: 80% !important; height: auto !important; max-width: 250px; } .signed-in .language-version-link-portlet * { max-width: 100% !important; } .signed-in .lfr-add-panel .add-content-menu .tabular-list-group > .list-group-item > .list-group-item-content h1 { color: #000; font-weight: bold; } .top-frame .signed-out .portlet-boundary.portlet-barebone .portlet:hover .portlet-header:not(.use-custom-title) { position: relative; } .top-frame .yja-mobile-navigation .yja-mobile-navigation__tree .yja-mobile-navigation__button { border-left: 1px solid #202020; height: 100%; } .top-frame .yja-mobile-navigation .yja-mobile-navigation__tree li.mm-listitem_selected[aria-current='page'] > .nav-item__container > a.mm-listitem__text { text-decoration: none; } .top-frame .yja-mobile-navigation .yja-mobile-navigation__tree li.mm-listitem > div.nav-item__container { padding-top: 0; padding-bottom: 0; } .top-frame .yja-mobile-navigation .yja-mobile-navigation__tree li.mm-listitem > ul.child-menu { border-top: 1px solid #202020; } .top-frame .yja-mobile-navigation .yja-mobile-navigation__tree li.mm-listitem:after { opacity: 1; } .top-frame .yja-mobile-navigation .yja-mobile-navigation__tree li.mm-listitem:last-child:after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; border-color: #202020; display: block; position: absolute; left: 0; right: 0; bottom: 0; } .top-frame .yja-mobile-navigation .yja-mobile-navigation__tree li.mm-listitem:focus-within > .nav-item__container { background-color: rgba(255,255,255,0.4); } .top-frame #main-content.frontpage.layout-wide > .layout-wrapper:last-child { max-width: 100%; } .top-frame #main-content.frontpage.layout-wide > .layout-wrapper:last-child > .portlet-layout.row .portlet-asset-publisher { padding: 5rem 0; background-image: url("/documents/38197657/39306568/background-pattern.svg?t=1649769592511"); background-repeat: repeat; background-position: center -4px; background-size: 980px; border-top: 7px solid #d4e1e8; } .top-frame #main-content.frontpage.layout-wide > .layout-wrapper:last-child > .portlet-layout.row .portlet-asset-publisher .portlet-header .portlet-title { width: 100%; margin: 0 auto; padding: 2rem 2rem 0; background-color: #fff; } .listing-layout.layout-wide div[role="main"] .portlet-asset-publisher .portlet-body .subscribe-action { padding: 0 1.5rem; top: -4rem; } .top-frame .feed-item .feed-item__heading { font-size: 1.25rem; } .top-frame .feed-item .feed-item__heading a { color: #111; } .top-frame #content .supo__news { padding: 2rem; background-color: #fff; } .top-frame #content .supo__news > a.row { margin: 0 0 2rem; } .top-frame #content .supo__news > a.row:last-child { margin-bottom: 0; } .top-frame #content .supo__news > a.row > .supo__news--content { display: flex; flex-flow: column nowrap; justify-content: center; } .top-frame #content .supo__news > a.row > .supo__news--content .meta { color: #000; } .top-frame #content .supo__news > a.row > .supo__news--content h2 { margin: 0.25rem 0 0; } .top-frame #content .supo__news > a.row:focus, .top-frame #content .supo__news > a.row:hover { text-decoration: none; } .top-frame #content .supo__news > a.row:focus h2, .top-frame #content .supo__news > a.row:hover h2 { color: #005d95; text-decoration: underline; } .top-frame .theme-turvallisuusselvitykset #content > .frontpage { background-image: url("/documents/38197657/39306568/background-top-turvallisuusselvitykset.svg?t=1649769592511"); } .top-frame .theme-turvallisuusselvitykset .layout-wrapper-wide { background-color: #35a68c; } .top-frame .theme-terrorismintorjunta #content > .frontpage { background-image: url("/documents/38197657/39306568/background-top-terrorismintorjunta.svg?t=1649769592511"); } .top-frame .theme-terrorismintorjunta .layout-wrapper-wide { background-color: #b58040; } .top-frame .theme-tiedustelu #content > .frontpage { background-image: url("/documents/38197657/39306568/background-top-tiedustelu.svg?t=1649769592511"); } .top-frame .theme-tiedustelu .layout-wrapper-wide { background-color: #ed6c57; } .top-frame .theme-vastatiedustelu #content > .frontpage { background-image: url("/documents/38197657/39306568/background-top-vastatiedustelu.svg?t=1649769592511"); } .top-frame .theme-vastatiedustelu .layout-wrapper-wide { background-color: #a84008; } .top-frame blockquote { border-top: 6px solid #005d95; border-bottom: 6px solid #005d95; margin: 2rem 0; padding: 2rem 1rem 1.5rem; } .top-frame blockquote p { font-size: 1.5rem; font-style: normal; font-weight: 600; } .top-frame .image-caption { width: 100% !important; margin-bottom: 3rem; } .top-frame .image-caption img { width: 100%; max-width: 100% !important; float: none !important; } .top-frame .image-caption figcaption { padding: 2rem; background: #d4e1e8; font-size: 1.3125rem; } .top-frame .media-item .meta { margin-bottom: 2rem; } .top-frame .media-item .meta .published .time + div { display: inline-block; } .top-frame .media-item .meta .published .icon-time, .top-frame .media-item .meta .published .time { display: none; } span[itemprop="articleBody"] ol, span[itemprop="articleBody"] ul { margin: 2rem 3rem; padding: 0; } span[itemprop="articleBody"] ol li, span[itemprop="articleBody"] ul li { margin-bottom: 0.75rem; } span[itemprop="articleBody"] ol li::marker, span[itemprop="articleBody"] ul li::marker { color: #005d95; font-weight: 600; } .top-frame .supo-article { padding: 0 2rem 2rem 0; } .top-frame .supo-article h1, .top-frame .supo-article h2, .top-frame .supo-article h3, .top-frame .supo-article h4, .top-frame .supo-article h5, .top-frame .supo-article h6 { hyphens: auto; -webkit-hyphens: auto; } .top-frame .supo-article h2:not(:first-child), .top-frame .supo-article h3:not(:first-child), .top-frame .supo-article h4:not(:first-child) { margin-top: 2rem; } .top-frame .supo-article .image-wrapper { width: 100%; margin: 1rem 0; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .top-frame .supo-article .image-wrapper > picture { position: relative; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; display: flex; } .top-frame .supo-article .image-wrapper > picture img { width: 100%; height: auto; padding: 0; margin: 0; position: absolute; } .journal-content-article a.yja-external-link:after { content: "\f08e"; font-family: "fontawesome-alloy"; margin: 0 0 0 .5rem; display: inline-block; font-size: 0.875em; position: relative; top: -1px; } #main-content div[role="main"] { word-break: break-word; } #main-content .list-menu { word-break: break-word; } div.embed-responsive:before { display: block !important; } .top-frame #yja-cookie-manage { margin-bottom: 1.25rem; } .top-frame .embed-responsive { width: 100% !important; } iframe[src*="youtube.com"] { aspect-ratio: 1.78; width: 100% !important; height: auto !important; } .top-frame #content { margin-bottom: 0 !important; } #p_p_id_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_YVeiqnIOvLRJ_, #p_p_id_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_vrqCRPMJVH46_, #p_p_id_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_u0qE567lgrTs_ { background-image: none !important; padding: 0 !important; } @media (max-width: 991px) { .top-frame body { font-size: 110%; } .top-frame h1 { font-size: 2.8rem; } .top-frame nav.link-highlights ul li a .text-wrapper .title { font-size: 2.4rem; } .top-frame nav.link-highlights.one-in-row ul li a { flex-wrap: wrap; } .top-frame nav.link-highlights.one-in-row ul li a > div { width: 100%; max-width: 100%; } .top-frame nav.link-highlights.one-in-row ul li a .text-wrapper { margin: 1rem; padding: 1rem; } .top-frame nav.link-highlights.one-in-row ul li a .text-wrapper .title { font-size: 2.2rem; margin-bottom: 2rem; } .top-frame nav.link-highlights.two-in-row ul li { width: 100%; } .top-frame .content-highlights.one-in-row ul li .content-wrapper { flex-wrap: wrap; } .top-frame .content-highlights.one-in-row ul li .content-wrapper > div { width: 100%; max-width: 100%; } .top-frame .supo-highlight-links ul { flex-wrap: wrap; } } @media (max-width: 767px) { .top-frame body { font-size: 100%; } .top-frame #main-content { background: none !important; } .top-frame h1 { font-size: 2.2rem; } .top-frame section.hero { padding: 2rem 1rem; min-height: 200px; } .top-frame section.hero .content-wrapper { max-width: 100%; } .top-frame nav.link-highlights ul li a .text-wrapper { padding-right: 5rem !important; } .top-frame nav.link-highlights ul li a .text-wrapper .title { font-size: 1.5rem; } .top-frame nav.link-highlights ul li a .text-wrapper .icon-rounded-arrow { width: 50px; height: 50px; } .top-frame nav.link-highlights.one-in-row ul li { padding: 1rem 0; } .top-frame nav.link-highlights.one-in-row ul li a .text-wrapper .title { font-size: 2rem; margin-bottom: 1rem; } .listing-layout.layout-wide div[role="main"] .portlet-asset-publisher .portlet-body { padding: 0 1.5rem; } .listing-layout.layout-wide div[role="main"] .portlet-asset-publisher .portlet-body .subscribe-action { top: -2rem; } .top-frame .supo-article { padding: 0 1.4rem 2rem; } .top-frame #yja-cookie-manage { margin-left: 1.25rem; } } @media (max-width: 992px) { .top-frame #banner nav.a11y-navigation > ul > li { font-size: 90%; } .top-frame nav.link-highlights.two-in-row ul li a .text-wrapper { padding: 1rem; } .top-frame footer .col { flex-basis: auto; padding-bottom: 2rem; } .top-frame { } .top-frame table { display: block; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid $supoColorBlueLight; } #menu .mm-panels .mm-panel, #menu.mm-menu, .mm-menu.mm-menu_opened .mm-panels, .mm-navbar { background: #d4e1e8 !important; border-color: #d4e1e8 !important; color: #202020 !important; } .mm-listitem:after, .mm-listview .mm-listitem a, .mm-listview a.mm-btn:after, .mm-listview a.mm-btn:before, .top-frame #menu .close-mm-menu, a.mm-btn_next:after, a.mm-btn_prev:before { color: #202020 !important; border-color: #202020 !important; } .mm-listview .mm-listitem a.mm-listitem__text { padding: 1rem 2rem; font-weight: bold; } .top-frame #menu .close-mm-menu { padding: 0.8rem; width: 3rem; height: 3rem; text-align: center; line-height: 1.4rem; font-weight: bold; border-radius: 50%; display: none; } } @media (min-width: 992px) { .top-frame #content > .frontpage { background-size: auto 450px; } .top-frame .supo-listed-content ul li { width: 33%; } .controls-visible.signed-in { } .controls-visible.signed-in #banner { max-height: initial; } } @media (min-width: 540px) and (max-width: 991px) { .top-frame .supo-listed-content ul li { width: 50%; } } @media (max-width: 768px) { .top-frame ul.faq-list li .question:focus { outline: 0 !important; } } @media (min-width: 200px) { .top-frame #main-content.frontpage.layout-wide > .layout-wrapper:last-child > .portlet-layout.row .portlet-asset-publisher .portlet-header .portlet-title { max-width: 767.99px; } } @media (min-width: 768px) { .top-frame #main-content.frontpage.layout-wide > .layout-wrapper:last-child > .portlet-layout.row .portlet-asset-publisher .portlet-header .portlet-title { max-width: 768px; } .top-frame blockquote { margin: 2rem 0 2rem 2rem; max-width: 50%; float: right; } } @media (min-width: 1024px) { .top-frame #main-content.frontpage.layout-wide > .layout-wrapper:last-child > .portlet-layout.row .portlet-asset-publisher .portlet-header .portlet-title { max-width: 1024px; } } @media (min-width: 1280px) { .top-frame #main-content.frontpage.layout-wide > .layout-wrapper:last-child > .portlet-layout.row .portlet-asset-publisher .portlet-header .portlet-title { max-width: 1200px; } }