@import url('/https/migri.fi/o/common-ui-resources/fonts/noto-sans/main.css'); .top-frame body { font-size: 100%; color: #222; font-family: "Noto Sans",Helvetica,Arial,sans-serif; line-height: 1.39; } .top-frame a { color: #003da5; } .top-frame a:hover, .top-frame a:focus { color: #69b3e7; } .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: #222; font-weight: bold; font-style: normal; font-family: "Noto Sans",Helvetica,Arial,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 #003da5; background: #003da5; color: #fff; } .top-frame .btn.btn-default:hover { background: #69b3e7; } .top-frame .btn.btn-primary, .top-frame .btn.search-form_submit { background-color: #003da5; color: white; } .top-frame .btn.btn-primary:hover, .top-frame .btn.search-form_submit:hover { background-color: #003695; } .top-frame .btn.search-form_submit { border-color: #003da5; } .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 #222; } .top-frame .portlet-navigation .nav-menu ul a { color: #222; } .top-frame .portlet-navigation .nav-menu ul ul a { color: #252525; } .top-frame .portlet-navigation .nav-menu > ul > li { color: #252525; } .top-frame .events .event-highlight { font-size: 1.1em; border-top: solid 1px #003da5; } .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 #003da5; } .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: #003da5; display: block; position: relative; } .top-frame .events.event-search-portlet .event-list-wrapper > .span12 > .span3 { background: #003da5; } .top-frame .events.event-search-portlet .event-list-wrapper { border-color: #003da5; } .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: #003da5; 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 #003da5; border-right: 1px solid #003da5; border-left: 1px solid #003da5; 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: #003da5; } .top-frame #scrollToTop { color: #fff; background: #003da5; } .top-frame #scrollToTop:hover { background: #003695; } .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: #003da5; color: white !important; } .top-frame #banner .language-version-selection-portlet .lang-nav ul { background: #003da5; } .top-frame .media-item .small figure { float: left; margin-right: 1em; } .top-frame .media-item .dark-link { color: #222; } .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: #222; } .top-frame .media-item .meta { margin-bottom: em(5px); color: #292929; font-size: .9em; } .top-frame .feed-item.simple .meta { color: #292929; font-size: .9em; } .top-frame .feed-item.simple h6 a { color: #222; } .top-frame ul.position-nav li.selected { background: #003da5; } .top-frame ul.position-nav li.selected:hover { background-color: #003da5; } .top-frame .carousel .description { font-family: "Noto Sans",Helvetica,Arial,sans-serif; font-weight: normal; } .panel.border-top-emphasis { border-top: solid 4px #003da5; } .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: #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 { align-self: start; } .top-frame #banner nav ul.site-theme__navigation { background-color: transparent; color: #454545; } .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: #003da5; 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: #003695; } .top-frame #banner nav a { color: #454545; } .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: cover; background-position: center; background-color: #b4d9f3; color: #222; } .top-frame #footer a { color: #222; } .top-frame #footer .footer-bottom-bar { background-color: #003da5; } .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: #eae9e7; } .top-frame .homepage .layout-wrapper-wide *, .top-frame .homepage .layout-wrapper-wide .carousel-wrapper ul li h3 a .description { color: #cf4520; } .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: 100%; } .mobile-menu-actions { right: 0; } .mobile-menu-actions a.menu-icon { background: #fff; color: #222; } .mobile-menu-actions a { color: #003da5; } .mobile-menu-actions a.menu-icon { font-family: "Noto Sans",Helvetica,Arial,sans-serif; } .mobile-menu-actions a:active, .mobile-menu-actions a:focus, .mobile-menu-actions a:hover { color: #69b3e7; } .mm-menu { border-color: #003da5; } .mm-menu a { color: white; } .mm-menu a:hover, .mm-menu a:focus { color: white; } @font-face { font-family: "Noto Sans"; font-style: normal; font-weight: 400; src: url("/https/migri.fi/o/common-ui-resources/fonts/noto-sans/Regular/noto-sans-v27-vietnamese_latin-ext_latin_greek-ext_greek_devanagari_cyrillic-ext_cyrillic-regular.eot?t=1662449635"); src: local(""),url("/https/migri.fi/o/common-ui-resources/fonts/noto-sans/Regular/noto-sans-v27-vietnamese_latin-ext_latin_greek-ext_greek_devanagari_cyrillic-ext_cyrillic-regular.eot?#iefix?t=1662449635") format("embedded-opentype"),url("/https/migri.fi/o/common-ui-resources/fonts/noto-sans/Regular/noto-sans-v27-vietnamese_latin-ext_latin_greek-ext_greek_devanagari_cyrillic-ext_cyrillic-regular.woff2?t=1662449635") format("woff2"),url("/https/migri.fi/o/common-ui-resources/fonts/noto-sans/Regular/noto-sans-v27-vietnamese_latin-ext_latin_greek-ext_greek_devanagari_cyrillic-ext_cyrillic-regular.woff?t=1662449635") format("woff"),url("/https/migri.fi/o/common-ui-resources/fonts/noto-sans/Regular/noto-sans-v27-vietnamese_latin-ext_latin_greek-ext_greek_devanagari_cyrillic-ext_cyrillic-regular.ttf?t=1662449635") format("truetype"),url("/https/migri.fi/o/common-ui-resources/fonts/noto-sans/Regular/noto-sans-v27-vietnamese_latin-ext_latin_greek-ext_greek_devanagari_cyrillic-ext_cyrillic-regular.svg#NotoSans?t=1662449635") format("svg"); } @font-face { font-family: "Noto Sans"; font-style: normal; font-weight: 700; src: url("/https/migri.fi/o/common-ui-resources/fonts/noto-sans/Bold/noto-sans-v27-vietnamese_latin-ext_latin_greek-ext_greek_devanagari_cyrillic-ext_cyrillic-700.eot?t=1662449635"); src: local(""),url("/https/migri.fi/o/common-ui-resources/fonts/noto-sans/Bold/noto-sans-v27-vietnamese_latin-ext_latin_greek-ext_greek_devanagari_cyrillic-ext_cyrillic-700.eot?#iefix?t=1662449635") format("embedded-opentype"),url("/https/migri.fi/o/common-ui-resources/fonts/noto-sans/Bold/noto-sans-v27-vietnamese_latin-ext_latin_greek-ext_greek_devanagari_cyrillic-ext_cyrillic-700.woff2?t=1662449635") format("woff2"),url("/https/migri.fi/o/common-ui-resources/fonts/noto-sans/Bold/noto-sans-v27-vietnamese_latin-ext_latin_greek-ext_greek_devanagari_cyrillic-ext_cyrillic-700.woff?t=1662449635") format("woff"),url("/https/migri.fi/o/common-ui-resources/fonts/noto-sans/Bold/noto-sans-v27-vietnamese_latin-ext_latin_greek-ext_greek_devanagari_cyrillic-ext_cyrillic-700.ttf?t=1662449635") format("truetype"),url("/https/migri.fi/o/common-ui-resources/fonts/noto-sans/Bold/noto-sans-v27-vietnamese_latin-ext_latin_greek-ext_greek_devanagari_cyrillic-ext_cyrillic-700.svg#NotoSans?t=1662449635") format("svg"); } .direction-ltr { direction: ltr; unicode-bidi: embed; } .direction-rtl { direction: rtl; unicode-bidi: embed; text-align: right; } .site-theme.top-frame .journal-content-article a:hover, .site-theme.top-frame .journal-content-article a:focus { background-color: #d9ecf9; color: #003da5; } .site-theme.top-frame h1 { font-size: 1.875rem; margin-top: 0; } .site-theme.top-frame h1 .additional-header { font-size: 65%; } .site-theme.top-frame .h2, .site-theme.top-frame h2 { font-size: 1.4rem; } .site-theme.top-frame .h3, .site-theme.top-frame h3, .site-theme.top-frame h3.portlet-title { font-size: 1.125rem; } .site-theme.top-frame .h4, .site-theme.top-frame h4 { font-size: 1rem; } .site-theme.top-frame .h5, .site-theme.top-frame h5 { font-size: 0.9375rem; } .site-theme.top-frame .h6, .site-theme.top-frame h6 { font-size: 0.875rem; } .site-theme.top-frame .portlet-title { border-bottom: 6px solid #c30; font-size: 1.66667em; line-height: 1.2; margin-bottom: 0; padding: 0.5rem 0; } .site-theme.top-frame #banner .main-nav, .site-theme.top-frame #footer .container, .site-theme.top-frame #main-content:not(.landingpage-layout-container), .site-theme.top-frame .landingpage-layout, .site-theme.top-frame .layout-wrapper, .site-theme.top-frame .layout-wrapper-wide-container { max-width: 980px; margin-left: auto; margin-right: auto; } .site-theme.top-frame .sv #banner .main-nav { max-width: 1024px; } .site-theme.top-frame #heading .layout-wrapper-wide-container { padding-left: 0; padding-right: 0; } .site-theme.top-frame .logo img { width: 100%; height: 100%; max-width: 100%; } .site-theme.top-frame #banner nav > ul { text-align: center; } .site-theme.top-frame #banner nav > ul a { padding: 0.5em 0.7em 0.6em; border-bottom: 6px solid #fff; } .site-theme.top-frame #banner nav > ul a:hover { background-color: #fff; border-bottom: 6px solid #e6e6e6; } .top-frame #banner nav ul.site-theme__navigation li.selected { background-color: #fff; } .top-frame #banner nav ul.site-theme__navigation li.selected a { border-bottom: 6px solid #c30; font-weight: bold; color: #222; } .top-frame #banner nav ul.site-theme__navigation li.selected a:hover { background-color: #fff; } .site-theme.top-frame #content { padding: 1.5rem 0 0 0 !important; } .site-theme.top-frame .homepage .landingpage-layout { max-width: 700px !important; } .site-theme.top-frame .breadcrumb { font-size: 0.9rem; } .site-theme.top-frame .breadcrumb li:after, .site-theme.top-frame .breadcrumb li:before { content: ""; display: none; } .site-theme .breadcrumb li .divider { display: none; } .site-theme .portlet-breadcrumb ul.breadcrumb { max-width: 980px; margin: 0 auto 30px; padding-top: 12px; padding-bottom: 12px; padding-right: 130px; } .site-theme .portlet-breadcrumb ul.breadcrumb li { margin-bottom: 0; text-shadow: none; } .site-theme .portlet-breadcrumb ul.breadcrumb li a { font-size: 0.85rem; color: #222; } .site-theme .portlet-breadcrumb ul.breadcrumb li:last-child a { color: #616161; } .site-theme .portlet-breadcrumb ul.breadcrumb li:after { content: "\203A"; color: #949494; margin: 0 0.75em; display: inline-block; } .site-theme .portlet-breadcrumb ul.breadcrumb li:last-child:after { display: none; } .site-theme table { border: none; } .site-theme table td, .site-theme table th { text-align: left; border-left: none; border-right: none; border-top: none; border-bottom: 1px solid #bfc1c3; font-size: 14px; padding: 10px 10px 10px 0; } .site-theme .lfr-search-container .table-bordered { border: 0; } .journal-content-article ol, .journal-content-article ul { margin: 0 0 1.5em 1.5rem; list-style-position: outside; padding-left: 40px; } .site-theme p { margin-bottom: 1.5rem; } .site-theme ol li, .site-theme ul li { margin-bottom: 8px; } .site-theme .subscribe-action a:focus { outline: 3px solid #c30; color: #003084; } .site-theme .subscribe-action a:hover { color: #003084; } .site-theme .footer-bottom-bar .footer-bottom-col-links a:focus { outline: 3px solid #ffec82; color: #003084; } .site-theme a { color: #003da5; text-decoration: none; cursor: pointer; background: transparent; } .site-theme a:focus { outline: 3px solid #c30; color: #003084; } .site-theme a:link { text-decoration-skip: ink; } ul .site-theme a { text-decoration: underline; } .site-theme p a { position: relative; margin: -0.33em; padding: 0.33em; text-decoration: underline; } .site-theme.top-frame .feed-item h6, .site-theme.top-frame .feed-item .feed-item__heading { font-weight: bold; } .site-theme.top-frame .feed-item h6 a, .site-theme.top-frame .feed-item .feed-item__heading a { color: #060606; } .site-theme.top-frame .feed-item h6 a:hover, .site-theme.top-frame .feed-item .feed-item__heading a:hover { color: #003da5; text-decoration: underline; } .feed-item.simple:not(:last-child) { border-bottom: 1px solid #cdcdcd; padding-bottom: 0em; margin-bottom: 1em; } .site-theme.top-frame .feed-item .date { color: #666; } .site-theme.top-frame .feed-item .yja-tag { display: none; } .site-theme.top-frame .feed-item .label { display: none; } .top-frame #banner { padding-bottom: 1rem; border-bottom: 1px solid #ddd; } .site-theme.top-frame #banner .header-advanced-search-link { color: #454545; } .site-theme.top-frame #banner .header-advanced-search-link:hover { text-decoration: underline; } .site-theme .breadcrumb { padding-left: 0; } .site-theme .attentionBox { background-color: #f5f5f5; border: 2px solid #ccc; margin-bottom: 1.5rem; } .site-theme .attentionBox h2 { margin-top: 0; margin-bottom: 0.5em; font-weight: 600; font-size: 1.35rem; } .attentionBox__main { padding: 0.75rem 2rem; } .attentionBox__footer { padding: 0 2rem 0.75rem; } .box { padding: 1.2rem; background-color: #999; } .box--info { background-color: #f8e1da; transition: opacity 0.42s ease-in-out; margin-bottom: 1.5rem; } .site-theme .box__innerBox { padding: 1.25rem 0.75rem; background-color: #fff; } .site-theme .box__innerBox p { font-size: 0.9rem; margin-bottom: 0; } .site-theme .box__innerBox h5 { color: #003da5; } .box--invisible { opacity: 0; } .site-theme.top-frame .link--cta { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .site-theme.top-frame .link--cta .link--cta__arrow { width: 52px; background-color: #69b3e7; background-image: url("/https/migri.fi/documents/5202425/5208104/arrow-short-white-right.svg/2be2a0d2-7a6e-4b17-b84d-814f5b4b2eab?t=1649754594688"); background-size: 25px auto; background-repeat: no-repeat; background-position: center; transition: all 0.15s linear; } .site-theme.top-frame .link--cta .link--cta__text { background-color: #003da5; border: 1px solid #003da5; padding: 0.9rem; font-weight: bold; color: #fff; transition: all 0.15s linear; display: flex; } .site-theme.top-frame .link--cta .link--cta__text i { margin: 0.1rem 0.5rem 0.1rem 0; } .site-theme.top-frame .link--cta:hover .link--cta__text { border: 1px solid #b4d9f3; background-color: #d9ecf9; color: #003da5; text-decoration: underline; } .site-theme.top-frame .link--cta:hover .link--cta__text i { text-decoration: none !important; } .site-theme.top-frame .link--cta:hover .link--cta__arrow { background-color: #b4d9f3; } .site-theme.top-frame button.link--cta { border: none; background: none; padding: 0; } .site-theme.top-frame button.link--cta[disabled] .link--cta__text { background-color: #ddd; } .site-theme.top-frame button.link--cta[disabled] .link--cta__arrow { background-color: #e2e2e2; } .site-theme.top-frame a.link--secondary { color: #222; } .site-theme.top-frame a.link--secondary:after { content: ""; display: inline-block; width: 13px; height: 15px; background-image: url("/https/migri.fi/documents/5202425/5208104/arrow-short-right.svg/b164d992-2cb0-4eb6-a766-5861cf366519?t=1649754594688"); background-size: 100%; background-repeat: no-repeat; background-position: center; margin-left: 5px; margin-bottom: -2px; } .site-theme a.box__innerBox { display: block; color: #222; text-decoration: none; padding-bottom: 3rem; background-image: url("/https/migri.fi/documents/5202425/5208104/arrow-short-right.svg/b164d992-2cb0-4eb6-a766-5861cf366519?t=1649754594688"); background-size: 20px auto; background-repeat: no-repeat; background-position: bottom 14px right 14px; } .site-theme a.box__innerBox:hover { background-color: #ebebeb; text-decoration: none; } .box__innerBox:not(:last-child) { margin-bottom: 0.5rem; } .site-theme.top-frame .h5, .site-theme.top-frame h5 { margin-top: 0; } .site-theme .categoryList { list-style: none; padding: 2rem 0; display: flex; flex-wrap: wrap; margin: 2rem 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .site-theme .categoryList li { flex: 0 0 31%; padding: 0.65rem; border-left: 4px solid #c30; margin-bottom: 1rem; } .site-theme .categoryList li:hover { background-color: #f5f5f5; } .site-theme .categoryList li h3 { font-size: 1.22rem; margin-top: 0; } .site-theme .categoryList li h3 a:hover { color: #0043b6; text-decoration: underline; } .site-theme .categoryList li p { font-size: 0.9375rem; margin-bottom: 0; } .site-theme .categoryList--hasImages li { border-left: none; background-color: #eae9e7; margin-right: 0.5rem; margin-left: 0.5rem; padding: 1rem; } .site-theme .categoryList--hasImages li img { max-width: 120px; margin: 0 auto 1em; display: block; } .hero { position: relative; width: 100%; background-size: cover; padding: 4rem 0; } .hero--low { margin-top: -1.5rem; padding: 3rem 0; margin-bottom: 0; background-size: cover !important; } .hero--low.white-text { color: #fff !important; } .hero--low.white-text * { color: inherit !important; } .hero__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: multiply; } .hero__themeHeading { position: relative; z-index: 100; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .hero__themeHeading__image { margin-right: 1.5rem; flex: 0 0 75px; } .hero__themeHeading__image img { width: 75px; height: 75px; } .hero__themeHeading__text { color: #222; font-weight: bold; font-size: 1.85rem; padding: 0.6rem 0; } .hero--dual { padding: 0; margin-top: -1.5rem; } .hero--hasBgColor { background-color: #f5f5f5; padding-top: 1rem; padding-bottom: 1rem; } .card--wide { width: 50%; } .hero__image { height: 230px; background-size: cover; } .site-theme.top-frame .heroCards { margin: 0; padding: 0 0.5rem; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .site-theme.top-frame .heroCards li { margin: 0.5rem; -webkit-box-flex: 1; -ms-flex: 1 1 45%; flex: 1 1 45%; } .site-theme.top-frame .heroCards .card { height: 100%; } .site-theme.top-frame .card h1 { color: #222; font-size: 200%; margin: 20px 0 0 0; } .site-theme.top-frame .white-text .card h1 { color: #fff; font-size: 200%; margin: 20px 0 0 0; } .site-theme.top-frame .white-text .card h1:before { display: none; } .site-theme.top-frame .heroCards--dual { -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-top: -85px; margin-bottom: 1.5rem; } .site-theme.top-frame .heroCards--dual li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; margin: 0; } .site-theme.top-frame .heroCards--dual li:nth-child(odd) .card { margin-right: 35px; } .site-theme.top-frame .heroCards--dual li:nth-child(even) .card { margin-left: 35px; } .site-theme.top-frame .heroCards--dual .card { padding: 2rem; box-shadow: 0 0 25px 0 rgba(0,0,0,0.25); background-color: #003da5 !important; color: #fff !important; } .site-theme.top-frame .heroCards--dual .card a.link--cta { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 1.5rem; } .site-theme.top-frame .heroCards--dual .card a.link--cta .link--cta__text { padding: 1rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background-color: #fff !important; border: 1px solid #fff !important; color: #003da5 !important; } .site-theme.top-frame .heroCards--dual .card a.link--cta:hover .link--cta__text { border: 1px solid #b4d9f3 !important; background-color: #d9ecf9 !important; color: #003da5 !important; } .site-theme.top-frame .heroCards--dual .card a.link--cta:focus { outline: 3px solid #ffec82; } .site-theme.top-frame .heroCards--dual .card p { margin-bottom: 0; } .site-theme.top-frame a:hover { color: #003084; } .site-theme.top-frame a.card { display: block; color: #222; } .site-theme.top-frame a.card:hover { text-decoration: none; } .site-theme.top-frame a.card:hover h3 { color: #003da5; } .site-theme.top-frame a.card h3 { margin-top: 0; } .site-theme.top-frame a.card h3 .arrow { background-image: url("/https/migri.fi/documents/5202425/5208104/arrow-long-red-right.svg/5299f13a-fa79-4b6f-a4a5-dfc6fc8bb413?t=1649754594688"); background-repeat: no-repeat; background-size: 100% auto; display: inline-block; margin-left: 3px; width: 20px; height: 16px; vertical-align: middle; } .site-theme.top-frame a.card p { margin-bottom: 0; } .site-theme.top-frame .pane { margin: 0 0 1.5rem; } .site-theme.top-frame .pane h3 { border-bottom: 3px solid #c30; padding: 0 0 0.5rem; margin: 0; } .site-theme.top-frame .pane ul { list-style: none; margin: 0; padding: 0 0 1px; } .site-theme.top-frame .pane ul li { margin-bottom: 0; border-bottom: 1px solid #d7d7d7; } .site-theme.top-frame .pane ul li a { display: block; padding: 0.75rem 1.35rem; text-decoration: none; background-color: #f5f5f5; transition: background-color 0.1s ease-in-out; } .site-theme.top-frame .pane ul li a:hover { background-color: #eae9e7; } .site-theme.top-frame .pane ul li .pane__listContent { display: block; padding: 0.75rem 0; } .site-theme.top-frame .pane ul li .pane__arrow:after { content: ""; display: inline-block; width: 13px; height: 15px; background-image: url("/https/migri.fi/documents/5202425/5208104/arrow-short-right.svg/b164d992-2cb0-4eb6-a766-5861cf366519?t=1649754594688"); background-size: 100%; background-repeat: no-repeat; background-position: center; margin-left: 5px; margin-bottom: -2px; } .site-theme.top-frame .linkList--twoColumns { list-style: none; margin: 1.5rem 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .site-theme.top-frame .linkList--twoColumns li { -webkit-box-flex: 1; -ms-flex: 1 1 47%; flex: 1 1 47%; padding-bottom: 1rem; } .site-theme.top-frame .linkList--twoColumns li a.link--hasBorder { display: block; } .site-theme.top-frame .linkList--twoColumns li a.link--cta { display: -webkit-box; display: -ms-flexbox; display: flex; } .site-theme.top-frame .linkList--twoColumns li a.link--cta .link--cta__text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .site-theme.top-frame .linkList--twoColumns li:nth-child(odd) { padding-right: 1rem; } .site-theme.top-frame .linkList--twoColumns li:nth-child(even) { padding-left: 1rem; } a.link--hasBorder { padding: 1em; background-color: #b4d9f3; color: #222; border: 1px solid #b4d9f3; text-transform: uppercase; transition: all 0.15s linear; } a.link--hasBorder:hover { border: 1px solid #b4d9f3; background-color: #d9ecf9; color: #003da5; text-decoration: underline; } .feed-exception-container { width: 100%; margin-bottom: 1rem; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .site-theme.top-frame .feed-item.feed-item-exception { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0.5rem 1rem; background-color: #003da5; border: none; } .site-theme.top-frame .feed-item.feed-item-exception .icon { background-color: #69b3e7; padding: 1rem; color: #fff; font-size: 26px; } .site-theme.top-frame .feed-item.feed-item-exception .feed-item-exception-body { display: -webkit-box; display: -ms-flexbox; display: flex; } .site-theme.top-frame .feed-item.feed-item-exception .meta { -webkit-box-flex: 82px; -ms-flex: 0 0 82px; flex: 0 0 82px; padding: 1.5rem 1rem; } .site-theme.top-frame .feed-item.feed-item-exception .date, .site-theme.top-frame .feed-item.feed-item-exception h6, .site-theme.top-frame .feed-item.feed-item-exception h6 a { font-size: 1rem; line-height: 1.35; display: block; color: #fff; } .site-theme.top-frame .feed-item.feed-item-exception .date { font-weight: bold; } .site-theme.top-frame .feed-item.feed-item-exception h6 { margin: 0; padding: 1.5rem 1rem; font-weight: normal; } .site-theme.top-frame .feed-item.feed-item-exception .label, .site-theme.top-frame .feed-item.feed-item-exception .yja-category-group { display: none; } .site-theme.top-frame .feed-item h6, .site-theme.top-frame .feed-item .feed-item__heading { font-size: 1rem; } .site-theme.top-frame .tabPanel { width: 100%; overflow: hidden; } .site-theme.top-frame .tabPanel .accordionHeading .accordionHeading__content, .site-theme.top-frame .tabPanel .accordionHeading button { border-bottom: none; border-left: 1px solid #b8b8b8; border-right: 1px solid #b8b8b8; border-top: 1px solid #b8b8b8; border-radius: 0; overflow: visible; } .site-theme.top-frame .tabPanel:last-child .accordionHeading .accordionHeading__content, .site-theme.top-frame .tabPanel:last-child .accordionHeading button { border-bottom: 1px solid #b8b8b8; } .site-theme.top-frame .tabPanel:last-child .tabPanel__content__inner { border-bottom: 1px solid #b8b8b8; } .collapsible, .staticCollapsible { margin: 1rem 0 3rem; } .site-theme.top-frame .tabPanel--noNumbers .accordionHeading { padding-left: 0; } .site-theme.top-frame .accordionHeading { z-index: 100; position: relative; width: 100%; margin: 0; padding-left: 15px; display: block; } .site-theme.top-frame .accordionHeading button { color: #003da5; } .site-theme.top-frame .accordionHeading button .state__open { color: #333; } .site-theme.top-frame .accordionHeading:focus button { outline: none; background: #e8eaee; border: 2px solid #222 !important; } .site-theme.top-frame .accordionHeading .accordionHeading__content a { color: #003da5; } .site-theme.top-frame .accordionHeading .accordionHeading__content, .site-theme.top-frame .accordionHeading button { font-family: inherit; background: none; width: 100%; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-align: left; font-size: 1rem; font-weight: normal; padding: 0.5rem 0.75rem 0.5rem 0; } .site-theme.top-frame .accordionHeading .order { position: relative; margin-left: -15px; font-weight: bold; font-size: 16px; line-height: 29px; -webkit-box-flex: 0; -ms-flex: 0 0 30px; flex: 0 0 30px; height: 30px; background-color: #003da5; border: 1px solid #003da5; border-radius: 50%; text-align: center; transition: background-color 0.2s ease-in-out; z-index: 300; } .site-theme.top-frame .accordionHeading .heading { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-item-align: center; align-self: center; padding: 0 1rem; } .site-theme.top-frame .accordionHeading .heading p:last-child { margin-bottom: 0; } .site-theme.top-frame .accordionHeading .state { -webkit-box-flex: 0; -ms-flex: 0 0 20px; flex: 0 0 20px; -ms-flex-item-align: center; align-self: center; font-size: 20px; } .site-theme.top-frame .accordionHeading .state__open { color: #666; } .site-theme.top-frame .accordionHeading button[aria-expanded="true"] { font-weight: bold; } .site-theme.top-frame .accordionHeading button[aria-expanded="true"] .state__open { display: inline-block; } .site-theme.top-frame .accordionHeading button[aria-expanded="true"] .state__close { display: none; } .site-theme.top-frame .accordionHeading button[aria-expanded="false"] .state__open { display: none; } .site-theme.top-frame .accordionHeading button[aria-expanded="false"] .state__close { display: inline-block; } .site-theme.top-frame .accordionHeading button[aria-expanded="true"], .site-theme.top-frame .accordionHeading button:hover { background: #f5f5f5; } .site-theme.top-frame .accordionHeading button[aria-expanded="true"]:focus, .site-theme.top-frame .accordionHeading button:hover:focus { background: #e8eaee; } .accordionHeading .accordionHeading__content .order, .accordionHeading button .order { color: #fff !important; } .site-theme.top-frame .accordionHeading button[aria-expanded="true"] .order { background-color: #525252; } .site-theme.top-frame .collapsible--blue .accordionHeading button .order { background-color: #96caee; border-color: #96caee; } .site-theme.top-frame .collapsible--blue .accordionHeading button[aria-expanded="true"] { border-top: 3px solid #96caee; border-left: 3px solid #96caee; border-right: 3px solid #96caee; } .site-theme.top-frame .collapsible--blue .accordionHeading button[aria-expanded="true"] .order { margin-left: -17px; } .site-theme.top-frame .collapsible--blue .tabPanel__content[aria-hidden="false"] .tabPanel__content__inner { border-bottom: 3px solid #96caee; border-left: 3px solid #96caee; border-right: 3px solid #96caee; } .site-theme.top-frame .collapsible--blue .state__close { color: #96caee; } .site-theme.top-frame .collapsible--orange .accordionHeading button .order { background-color: #ed8b00; border-color: #ed8b00; } .site-theme.top-frame .collapsible--orange .state__close { color: #ed8b00; } .site-theme.top-frame .collapsible--orange .accordionHeading button[aria-expanded="true"] { border-top: 3px solid #ed8b00; border-left: 3px solid #ed8b00; border-right: 3px solid #ed8b00; } .site-theme.top-frame .collapsible--orange .accordionHeading button[aria-expanded="true"] .order { margin-left: -17px; } .site-theme.top-frame .collapsible--orange .tabPanel__content[aria-hidden="false"] .tabPanel__content__inner { border-bottom: 3px solid #ed8b00; border-left: 3px solid #ed8b00; border-right: 3px solid #ed8b00; } .site-theme.top-frame .collapsible--green .accordionHeading button .order { background-color: #7fc0b6; border-color: #7fc0b6; } .site-theme.top-frame .collapsible--green .state__close { color: #7fc0b6; } .site-theme.top-frame .collapsible--green .accordionHeading button[aria-expanded="true"] { border-top: 3px solid #7fc0b6; border-left: 3px solid #7fc0b6; border-right: 3px solid #7fc0b6; } .site-theme.top-frame .collapsible--green .accordionHeading button[aria-expanded="true"] .order { margin-left: -17px; } .site-theme.top-frame .collapsible--green .tabPanel__content[aria-hidden="false"] .tabPanel__content__inner { border-bottom: 3px solid #7fc0b6; border-left: 3px solid #7fc0b6; border-right: 3px solid #7fc0b6; } .site-theme.top-frame .collapsible--turquoise .accordionHeading button .order { background-color: #f4da40; border-color: #f4da40; } .site-theme.top-frame .collapsible--turquoise .state__close { color: #f4da40; } .site-theme.top-frame .collapsible--turquoise .accordionHeading button[aria-expanded="true"] { border-top: 3px solid #f4da40; border-left: 3px solid #f4da40; border-right: 3px solid #f4da40; } .site-theme.top-frame .collapsible--turquoise .accordionHeading button[aria-expanded="true"] .order { margin-left: -17px; } .site-theme.top-frame .collapsible--turquoise .tabPanel__content[aria-hidden="false"] .tabPanel__content__inner { border-bottom: 3px solid #f4da40; border-left: 3px solid #f4da40; border-right: 3px solid #f4da40; } .site-theme.top-frame .collapsible--pink .accordionHeading button .order { background-color: #dd7c62; border-color: #dd7c62; } .site-theme.top-frame .collapsible--pink .state__close { color: #dd7c62; } .site-theme.top-frame .collapsible--pink .accordionHeading button[aria-expanded="true"] { border-top: 3px solid #dd7c62; border-left: 3px solid #dd7c62; border-right: 3px solid #dd7c62; } .site-theme.top-frame .collapsible--pink .accordionHeading button[aria-expanded="true"] .order { margin-left: -17px; } .site-theme.top-frame .collapsible--pink .tabPanel__content[aria-hidden="false"] .tabPanel__content__inner { border-bottom: 3px solid #dd7c62; border-left: 3px solid #dd7c62; border-right: 3px solid #dd7c62; } .tabPanel__content[aria-hidden="true"] { display: none; } .tabPanel__content { display: block; float: left; width: 100%; padding: 0 0 0 15px; } .site-theme.top-frame .tabPanel--noNumbers .tabPanel__content { padding-left: 0; } .tabPanel__content__inner { padding: 15px; float: left; width: 100%; border-left: 1px solid #b8b8b8; border-right: 1px solid #b8b8b8; } .tabPanelContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: start; align-content: flex-start; border: 1px solid #999; } .tabPanelContainer:last-child { margin-bottom: 1.5rem; } .site-theme.top-frame .processList { list-style: none; margin-left: 0; padding: 0; } .site-theme.top-frame .processList .arrow { display: inline-block; width: 13px; height: 15px; background-image: url("/https/migri.fi/documents/5202425/5208104/arrow-short-right.svg/b164d992-2cb0-4eb6-a766-5861cf366519?t=1649754594688"); background-size: 100%; background-repeat: no-repeat; background-position: center; margin-left: 5px; margin-bottom: -2px; } .dialog__container { overflow-y: auto; max-height: 85%; } .processList__card { display: flex; align-items: flex-start; } .processList__card__figure { flex: 0 0 80px; } .processList__card__figure img { width: 80px; height: 80px; } .processList__card__body { padding-left: 1.5rem; } .headingWithIcon { flex-direction: row-reverse; } .mediaItem { display: flex; align-items: flex-start; } .mediaItem__figure { margin-right: 1.3em; width: 60px; flex: 0 0 auto; } .mediaItem__body { flex: 1; } .mediaItem--large { margin-bottom: 1.5rem; } .mediaItem--large .mediaItem__figure { width: 80px; } .mediaItem--large .mediaItem__figure img { width: 100%; } .site-theme .mediaItem--verticalCenter { align-items: center; } .site-theme .mediaItem--verticalCenter h1 { margin-bottom: 0; } .mediaItemGrid { border-bottom: 1px solid #d0d0d0; padding-bottom: 1em; margin: 3rem 0; display: flex; flex-wrap: wrap; align-content: flex-start; } .mediaItemGrid .mediaItem { flex: 1 1 46%; } .mediaItemGrid .mediaItem h3 { margin-top: 0; } .mediaItemGrid .mediaItem .arrow { background-image: url("/https/migri.fi/documents/5202425/5208104/arrow-long-red-right.svg/5299f13a-fa79-4b6f-a4a5-dfc6fc8bb413?t=1649754594688"); background-repeat: no-repeat; background-size: 100% auto; display: inline-block; margin-left: 3px; width: 20px; height: 16px; vertical-align: middle; } .mediaItemGrid .mediaItem:first-child img { width: 45px; height: auto; } .mediaItemGrid .mediaItem:nth-child(odd) { padding-right: 1.5rem; border-right: 1px solid #d0d0d0; } .mediaItemGrid .mediaItem:nth-child(even) { padding-left: 1.5rem; } .mediaItem img { width: 60px; height: auto; } #footer .footer-main-content h4 { margin: 0 0 1.5rem; } .site-theme.top-frame #footer .footer-main-content { padding-left: 0; padding-right: 0; } #footer .footer-main-content ul { list-style: none; margin: 0; } #footer .footer-main-content ul a { display: inline-block; color: #222; } #footer .footer-main-content ul a:hover { color: #003da5; text-decoration: underline; } #footer .footer-main-content ul li { margin-bottom: 10px; } .site-theme.top-frame #banner .header-top-bar { background-color: transparent; margin: 0; } .header-top-bar .layout-wrapper-wide-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 980px; } .site-theme.top-frame #banner .header-top-bar .header-top-bar-links-lang ul { padding: 0; left: 2rem !important; top: 2.4rem; background-color: #fff; margin-right: 1rem; } .site-theme.top-frame #banner .header-top-bar .header-top-bar-links-lang ul #languageSelectionMenu { box-shadow: 0 3px 6px rgba(0,0,0,0.2); } .site-theme.top-frame #banner .header-top-bar .header-top-bar-links-lang ul #languageSelectionMenu li { padding: 0; margin: 0; } .site-theme.top-frame #banner .header-top-bar .header-top-bar-links-lang ul #languageSelectionMenu a { background-color: #fff !important; color: #454545 !important; display: block; padding: 1rem; font-size: 1rem; font-weight: normal; } .site-theme.top-frame #banner .header-top-bar .header-top-bar-links-lang ul #languageSelectionMenu a:hover, .site-theme.top-frame #banner .header-top-bar .header-top-bar-links-lang ul #languageSelectionMenu a:focus { text-decoration: underline; background-color: #d9ecf9 !important; } .site-theme.top-frame #banner .header-top-bar .header-top-bar-links-lang ul.fi li.fi { display: none; } .site-theme.top-frame #banner .header-top-bar .header-top-bar-links-lang ul.sv li.sv { display: none; } .site-theme.top-frame #banner .header-top-bar .header-top-bar-links-lang ul.en li.en { display: none; } .site-theme.top-frame .header-top-bar-links-right { position: relative; top: auto; right: auto; } .top-frame #banner .header-top-bar-links-right > div > ul { list-style: none; margin: 0; padding: 0; text-align: left; display: flex; } .top-frame #banner .header-top-bar-links-right > div > ul > li { background-repeat: no-repeat; margin-bottom: 0; position: relative; display: flex; } .top-frame #banner .header-top-bar-links-right > div > ul > li > button, .top-frame #banner .header-top-bar-links-right > div > ul > li > a { font-size: 0.9em; padding: 0.6em 1.4em 0.6em 1em; display: block; background: #cf4520; color: #fff; text-decoration: none; border: 0; height: 100%; white-space: nowrap; cursor: pointer; } .top-frame #banner .header-top-bar-links-right > div > ul > li button:after { display: inline-block; content: "\f078" !important; font-family: "FontAwesome"; padding-left: 0.5rem; } .top-frame #banner .header-top-bar-links-right > div > ul > li > ul { display: none; } .top-frame #banner .header-top-bar-links-right > div > ul > li.opened button:after { content: "\f077" !important; } .top-frame #banner .header-top-bar-links-right > div > ul > li.opened > ul { display: block; position: absolute; width: 14rem; top: 2.4rem; left: 0; margin: 0; padding: 0; list-style: none; color: #cf4520; border: 0; background: #fff; z-index: 10; box-shadow: 0 3px 6px rgba(0,0,0,0.2); } .top-frame #banner .header-top-bar-links-right > div > ul > li.opened > ul > li { margin: 0; } .top-frame #banner .header-top-bar-links-right > div > ul > li.opened > ul > li > a { color: #454545; display: block; padding: 1rem; margin: 0; } .top-frame #banner .header-top-bar-links-right > div > ul > li.opened > ul > li > a:hover, .top-frame #banner .header-top-bar-links-right > div > ul > li.opened > ul > li > a:focus { text-decoration: underline; background-color: #d9ecf9; outline: 3px solid #003da5; } .top-frame #banner .header-top-bar-links-right > div > ul > li:not(:first-child) { margin-left: 0.5rem; } .top-frame #banner .header-top-bar-links-right > div > ul > li:before { font-family: "FontAwesome"; background-color: #cf4520; color: #fff; font-size: 0.9em; padding: 0.5rem 0.5rem 0.5rem 0.8rem; height: 100%; } .top-frame #banner .header-top-bar-links-right > div > ul > li:first-child:before { content: "\f023"; } .top-frame #banner .header-top-bar-links-right > div > ul > li:last-child:before { content: "\f017"; left: 3px; } .site-theme.top-frame .footer-bottom-columns { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; font-size: 14px; color: #fff; margin: 2em -20px; flex-wrap: wrap; justify-content: space-between; } .site-theme.top-frame .footer-bottom-columns a { color: #fff !important; } .site-theme.top-frame .footer-bottom-columns a:hover { color: #fff; text-decoration: none !important; border-bottom: 1px solid #fff; } .site-theme.top-frame .footer-bottom-columns ul { margin: 0; padding: 0; list-style: none; display: flex; } .site-theme.top-frame .footer-bottom-columns .footer-bottom-col { width: 50%; } .site-theme.top-frame .footer-bottom-columns .footer-bottom-col-logo { -webkit-box-flex: 0; -ms-flex: 0 0 44px; flex: 0 0 44px; margin-right: 1.5rem; } .site-theme.top-frame .footer-bottom-columns .footer-bottom-col-logo img { width: 300px; height: auto; max-width: 300px; max-height: 200px; } .site-theme.top-frame .footer-bottom-columns .footer-bottom-col-links { margin-left: 120px; margin-right: 15px; -ms-flex-item-align: center; align-self: center; } .site-theme.top-frame .footer-bottom-columns .footer-bottom-col-links ul { justify-content: flex-end; } .site-theme.top-frame .footer-bottom-columns .footer-bottom-col-links ul li { margin-bottom: 0; } .site-theme.top-frame .footer-bottom-columns .footer-bottom-col-links ul li:not(:last-child) { margin-right: 10px; padding-right: 10px; border-right: 1px solid #f4f3f3; } .site-theme.top-frame .footer-bottom-columns .footer-bottom-col-last { margin-left: auto; text-align: right; } .site-theme.top-frame .footer-bottom-columns .footer-bottom-col-last { margin-left: auto; -ms-flex-item-align: center; align-self: center; margin-right: 15px; margin-bottom: 30px; } .site-theme.top-frame .footer-bottom-columns .footer-bottom-col-last .link--cta__text { padding: 0.55rem 1.2rem; } .summaryBox { padding: 1rem; margin-bottom: 1.5rem; } .summaryBox ul { list-style: none; margin: 0; padding: 0; } .summaryBox ul li { margin-bottom: 1rem; color: #222; font-size: 0.875rem; } .summaryBox ul li:last-child { margin-bottom: 0; } .summaryBox ul li p { margin-bottom: 0; } .summaryBox .mediaItem__figure { width: 30px; margin-right: 1rem; } .summaryBox--blue { background-color: #96caee; } .summaryBox--orange { background-color: #ed8b00; } .summaryBox--green { background-color: #7fc0b6; } .summaryBox--turquoise { background-color: #f4da40; } .summaryBox--pink { background-color: #dd7c62; } .site-theme.top-frame .removeListIndent ul { padding: 0; margin: 1rem 0 1.5rem 1.2rem; } .site-theme.top-frame .removeListIndent ul li { margin-bottom: 10px; } .site-theme.top-frame input[type="search"] { -webkit-appearance: none; } #menu .mm-listitem:focus a { background-color: #d9ecf9; color: #003da5 !important; } #menu .mm-listitem:focus a a.mm-btn:after { border-color: #003da5 !important; } #menu .mm-panels .mm-panel, .mm-navbar { background: #003da5 !important; color: #fff !important; } .site-theme .mobile-menu-actions { top: 5.5rem; right: 1rem; } .site-theme .mobile-menu-actions a, .site-theme .mobile-menu-actions button { padding: 0.5rem; background-color: #003da5; color: #fff !important; width: 3.5rem; height: 3.5rem; cursor: pointer; } .site-theme .mobile-menu-actions span[role], .site-theme .mobile-menu-actions i { margin-top: 3px !important; } .timeline { position: relative; margin: 1em 0 0.5em; } .timeline:before { content: ""; position: absolute; top: 0; left: 26px; height: 100%; width: 4px; background: #999; border-radius: 2px; } .timeline__block { position: relative; margin: 1.35em 0; } .timeline__block:after { content: ""; display: table; clear: both; } .timeline__block:first-child { margin-top: 0; } .timeline__block:last-child { margin-bottom: 0; } .timeline__block:last-child .timeline__content:after { content: ""; position: absolute; bottom: 0; left: -48px; height: 12px; width: 12px; background-color: #999; border-radius: 50%; } .timeline__number { position: absolute; top: 0; left: 0; font-weight: bold; font-size: 22px; line-height: 54px; width: 55px; height: 55px; background-color: #999; color: #fff; border-radius: 50%; text-align: center; transition: background-color 0.2s ease-in-out; } .timeline__contentWrapper { position: relative; margin-left: 70px; } .timeline__content { position: relative; background-color: #f5f5f5; padding: 1rem 1rem 0; float: left; width: 100%; } .timeline__content:before { content: ""; position: absolute; top: 18px; left: -13px; width: 0; height: 0; border-style: solid; border-width: 10px 13px 10px 0; border-color: transparent #f5f5f5 transparent transparent; } .timeline--simple:before { content: ""; position: absolute; top: 6px; left: 6px; height: 96%; width: 2px; background: #c9c9c9; border-radius: 1px; } .timeline__marker { position: absolute; top: 4px; left: 0; width: 14px; height: 14px; background-color: #fff; border: 2px solid #c9c9c9; border-radius: 50%; } .timeline--simple .timeline__contentWrapper { margin-left: 23px; } .timeline--simple .timeline__content:after { display: none; } .timeline--simple .timeline__content { padding: 0; background: none; font-size: 0.9rem; line-height: 1.2; } .timeline--simple .timeline__content:before { display: none; } .timeline__block.timeline__block--hasHighlight .timeline__marker { background-color: #0360d9; border-color: #03459a; } .timeline__block.timeline__block--hasHighlight .timeline__content { font-weight: bold; } .site-theme ul.faq-list { list-style: none; margin: 0 0 1.5rem; padding: 0; } .site-theme ul.faq-list li { position: relative; border-bottom: 1px solid #ddd; } .site-theme ul.faq-list .answer { display: none; } .site-theme ul.faq-list .answer p { font-size: 0.875rem; } .site-theme ul.faq-list .question { cursor: pointer; font-size: 1rem; font-weight: normal; padding-left: 20px; } .site-theme ul.faq-list .question .icon { position: absolute; top: 2px; left: 0; } .site-theme ul.faq-list .question:hover { color: #000; } .g-recaptcha { margin-bottom: 1.5rem; } .site-theme.top-frame .yja-search-portlet .btn-search { padding: 0.725em 1em; } .site-theme.top-frame .btn.search-form_submit:hover { background: #d9ecf9; color: #003da5; } .site-theme.top-frame .btn.search-form_submit:focus { box-shadow: 0 0 0 0.2rem #535353; } .site-theme.top-frame .portlet-asset-publisher { min-height: 30px; } .site-theme.top-frame .portlet-navigation .list-menu .list-menu__title { font-weight: bold; font-style: normal; font-family: "Noto Sans",Helvetica,Arial,sans-serif; display: block; margin: 10px 0; } .site-theme.top-frame .portlet-navigation .list-menu .list-menu__title a { color: #222; text-decoration: none; } .site-theme.top-frame .portlet-navigation .list-menu .list-menu__title a:hover, .site-theme.top-frame .portlet-navigation .list-menu .list-menu__title a:focus { text-decoration: underline; } .site-theme.top-frame .portlet-navigation .list-menu ul.level-1 > .active-li.selected.top { border-top: 6px solid #003da5; border-left: 6px solid #003da5; border-bottom: 6px solid #003da5; margin-top: -1px; } .site-theme.top-frame .portlet-navigation .list-menu ul.level-1 > .active-li.selected.top a { border-bottom: solid 1px #003da5; } .site-theme.top-frame .portlet-navigation .list-menu ul.level-2 li a { font-size: 14px; padding-left: 2.2rem; } .site-theme.top-frame .portlet-navigation .list-menu ul.level-3 li a { font-size: 13px; padding-left: 3.4rem; } .site-theme.top-frame .portlet-navigation .list-menu ul.level-4 li a { font-size: 12px; padding-left: 4.8rem; } .site-theme.top-frame .portlet-navigation .list-menu ul.level-5 li a { font-size: 12px; padding-left: 6.6rem; } .site-theme.top-frame .portlet-navigation .list-menu ul.level-6 li a { font-size: 12px; padding-left: 8rem; } .site-theme.top-frame .portlet-navigation .list-menu ul li { border-bottom: 0; margin-bottom: 0; } .site-theme.top-frame .portlet-navigation .list-menu ul li.hasChild ul li { padding-left: 0.8em !important; } .site-theme.top-frame .portlet-navigation .list-menu ul li a { font-size: 16px; padding: 0.75rem 0.75rem 0.75rem 0.75rem !important; border-bottom: solid 1px #c4c4c4; color: #222; } .site-theme.top-frame .portlet-navigation .list-menu ul li a:hover { text-decoration: underline; } .site-theme.top-frame .portlet-navigation .list-menu ul li a.open { color: #003da5; font-weight: bold; } .site-theme.top-frame .portlet-navigation .list-menu ul li a.open.selected { color: #252525; } .site-theme.top-frame .portlet-navigation .list-menu .toggleVisibility { display: none; } .site-theme.top-frame .socialMediaLinks { margin: 1.5rem 0; } .site-theme.top-frame .socialMediaLinks a { text-decoration: none; color: #3a3a3a; font-size: 22px; margin-right: 0.5rem; } .site-theme.top-frame .socialMediaLinks a:hover { color: #003da5; } .site-theme .top-locale-actions .taglib-language-list-text { font-size: 0.75rem; text-decoration: underline; text-decoration-color: #003da5; } .queueCounter { margin-top: 0.5rem; margin-bottom: 1.5rem; background-color: #fff; border: 6px solid #003da5; padding: 1em; } .queueCounter form { margin-bottom: 0; } .queueCounter .btn.btn-link { background-color: #003da5; margin-top: 30px; color: #fff; font-weight: normal; border-radius: 25px; padding: 0.5em 1em; } .site-theme .queueCounter__title { border-bottom: none; } .site-theme.top-frame .rsbtn { position: absolute; top: -65px; right: 0; } .rsbtn.rsexpanded .rsbtn_exp { float: right; } .signed-in .portlet-nested-portlets .portlet-borderless-container .portlet-borderless-bar { position: relative; } .site-theme.top-frame .portlet-document-library-display .portlet-title { border-bottom: none; margin-bottom: 0.35rem; } .ptv-item-data-field { margin-bottom: 1.5rem; } .ptv-item-data-field-label { font-weight: bold; } .has_12, .has_3, .has_6, .has_9 { width: 100%; } .has_2 { width: 66.666%; } .has_2 .haluan-hakea__category-list__block { width: 50%; } .has_1 { width: 33.333%; } .has_1 .haluan-hakea__category-list__block { width: 100%; } .haluan-hakea__overflow-wrap { overflow: hidden; } .haluan-hakea__overflow-wrap .haluan-hakea__category-list__category-wrapper .haluan-hakea__category-list__block .haluan-hakea__category-list__detail-header a:focus { color: #fff; outline: 3px solid #ffec82; } .haluan-hakea_minusmargin { margin: 0 -15px; } .haluan-hakea__category-list { width: 100%; float: left; } .haluan-hakea__category-list__category-wrapper { float: left; margin-bottom: 60px; } .haluan-hakea__category-list__header { padding: 0 0 0 15px; } .haluan-hakea__category-list__category-wrapper h2 { border-bottom: 3px solid; position: relative; text-indent: 65px; font-size: 20px !important; font-weight: bold; margin-right: 15px !important; padding: 0.5rem 0; } .haluan-hakea__category-list__category-wrapper h2.noImage { text-indent: 0 !important; } .haluan-hakea__image-wrapper { position: absolute; width: 65px; height: 50px; background: #fff; top: 0; left: 0; } .haluan-hakea__category-list__category-wrapper img { width: 48px; height: 48px; float: left; } .haluan-hakea__category-list__block { height: auto; width: 33.3333%; float: left; padding: 15px; margin: 0; } .haluan-hakea__category-list__detail-header { height: 60px; width: 100%; background: #003da5; } .haluan-hakea__category-list__detail-header h3 { color: #fff; font-size: 14px !important; padding: 10px 45px 10px 15px !important; height: 60px; vertical-align: middle; width: 100%; display: flex; -webkit-transition: all 0.5s; transition: all 0.5s; position: relative; } .haluan-hakea__category-list__detail-header h3 a { color: #fff; width: 100%; height: 100%; display: flex; align-items: center; vertical-align: middle; line-height: normal; background-color: transparent !important; } .haluan-hakea__category-list__detail-header h3:hover { background-color: #d9ecf9; color: #003da5; } .haluan-hakea__category-list__detail-header h3:hover a { background-color: transparent !important; color: #003da5; } .haluan-hakea__category-list__detail-header h3:hover span { width: 40px; font-size: 12px; background: #b4d9f3; } .haluan-hakea__category-list__detail-header h3 span { width: 40px; height: 60px; background: #69b3e7; color: #fff; position: absolute; right: 0; top: 0; text-align: center; line-height: 60px; font-size: 12px; text-indent: 0 !important; -webkit-transition: all 1s; transition: all 1s; } .haluan-hakea__category-list__detail-content { background: #f5f5f5; height: 135px; } .haluan-hakea__category-list__detail-content p { color: #000; padding: 15px 20px; font-size: 14px; margin: 0; } div.tp_wrapper { width: 100%; float: left; } div.tp_header { width: 100%; float: left; } div.tp_content { width: 100%; float: left; } div.tp_process_wrapper { width: 100%; float: left; } div.tp_process-header { height: 75px; width: 100%; float: left; color: #fff; } div.tp_process-header.tp_theme_pink { background: rgba(253,10,108,0.9); } div.tp_process-header.tp_theme_green { background: rgba(13,132,111,0.9); } div.tp_process-header.tp_theme_orange { background: rgba(247,143,52,0.9); } div.tp_process-header.tp_theme_orange h2 { color: #fff !important; } div.tp_process-header.tp_theme_blue { background: rgba(2,95,211,0.9); } div.tp_process-header.tp_theme_turquoise { background: #0291a2; } div.tp_process-header a { color: #fff; text-decoration: none; } div.tp_process-header h2 { line-height: 75px !important; padding: 0 !important; margin: 0 !important; } div.tp_process-header img { padding: 0; width: 100%; max-width: 45px; margin: 0 10px 0 20px; } div.top_process-content { width: 100%; float: left; } div.top_process-content-block.full { width: 100%; float: left; } div.top_process-content-block.half { width: 50%; float: left; } div.top_process-content-block.half:first-of-type .top_process-content-block__wrapper { padding: 0 30px 0 0; } div.top_process-content-block.half:last-of-type .top_process-content-block__wrapper { padding: 0 0 0 30px; } div.top_process-content-block.one_left { padding: 0 30px 0 0; width: 50%; float: left; } div.top_process-content-block.one_right { padding: 0 0 0 30px; width: 100%; float: right; } div.top_process-content-block.full { padding: 0; width: 100%; float: left; } div.top_process-content-block__header { height: 80px; width: 100%; float: left; border-bottom: 1px solid #000; position: relative; } .align_right { margin: 50px 0 0; } .top_process-content-block { padding-bottom: 30px !important; } div.top_process-content-block__header img.float_left { float: left; width: 100%; max-width: 60px; height: auto; position: absolute; bottom: 0; left: 15px; } div.top_process-content-block__header img.float_right { float: right !important; width: 100%; max-width: 60px; height: auto; position: absolute; bottom: -5px; right: 15px; } div.top_process-content-block div.top_process-content-block__content { width: 100%; float: left; background: #f5f5f5; } .top_process-content-block__content h2 { padding: 15px; margin: 0; font-size: 18px !important; } .top_process-content-block__content p { padding: 0 15px 15px; margin: 0; } a.docReader { padding: 0 10px !important; } .site-theme .pager li > a, .site-theme .pager li > span { background-color: #b4d9f3; margin-top: 30px; color: #222; font-weight: normal; border-radius: 25px; padding: 0.5em 1.2em; border: 0; } .site-theme .pager li:last-child > a { background-color: #003da5; color: #fff; } .site-theme .pager li.disabled a { background-color: #fff; color: #ddd; } .site-theme .pager li.disabled a:hover { cursor: default; } .site-theme.top-frame .newsroom h1, .site-theme.top-frame .newsroom h2, .site-theme.top-frame .newsroom h3, .site-theme.top-frame .newsroom h4, .site-theme.top-frame .newsroom h5, .site-theme.top-frame .newsroom h6 { font-weight: 400; } .site-theme.top-frame .newsroom #content { padding-bottom: 0; margin-bottom: 0; } .site-theme.top-frame .newsroom .hed-section { margin-bottom: 20px; } .site-theme.top-frame .newsroom .journal-content-article h2, .site-theme.top-frame .newsroom .portlet-blogs .news-page h2, .site-theme.top-frame .newsroom .journal-content-article h3, .site-theme.top-frame .newsroom .portlet-blogs .news-page h3, .site-theme.top-frame .newsroom .journal-content-article h4, .site-theme.top-frame .newsroom .portlet-blogs .news-page h4 { font-weight: 700; margin-bottom: 0.83rem; color: #060606; line-height: 1.25; } .site-theme.top-frame .newsroom .journal-content-article blockquote, .site-theme.top-frame .newsroom .portlet-blogs .news-page blockquote { color: #979797; font-size: 1.375rem; line-height: 1.25; margin: 1.25rem; border-left: 0; padding: 0; } .site-theme.top-frame .newsroom .journal-content-article blockquote:before, .site-theme.top-frame .newsroom .portlet-blogs .news-page blockquote:before { display: inline-block; content: '"'; margin-left: -0.75em; } .site-theme.top-frame .newsroom .journal-content-article blockquote:after, .site-theme.top-frame .newsroom .portlet-blogs .news-page blockquote:after { display: inline-block; content: '"'; } .site-theme.top-frame .newsroom .journal-content-article blockquote> p, .site-theme.top-frame .newsroom .portlet-blogs .news-page blockquote> p { display: inline; } .site-theme.top-frame .newsroom .portlet-blogs .news-page h1 { font-weight: 700; } .site-theme.top-frame .newsroom .newsroom__title--main { position: relative; margin: 1.25rem auto; } .site-theme.top-frame .newsroom .newsroom__title--main h1 { color: #003da5; font-size: 2.9375rem; } .site-theme.top-frame .newsroom .landingpage-layout-container #column-3 .portlet-boundary { margin-bottom: 2.50rem; } .site-theme.top-frame .newsroom .landingpage-layout-container #column-3 .portlet-boundary:last-child { margin-bottom: 0; } .site-theme.top-frame .newsroom .landingpage-layout-container #column-3 .feed-item.simple { border-color: #979797; } .site-theme.top-frame .newsroom .landingpage-layout-container #column-3 .feed-item.simple:last-child { border-bottom: 1px solid #979797; padding-bottom: 1em; margin-bottom: 1em; } .site-theme.top-frame .newsroom .portlet-navigation.navigation--inline { max-width: 980px; margin: 0 auto; } .site-theme.top-frame .newsroom .portlet-navigation.navigation--inline .list-menu__title { font-size: 14px; font-weight: 400; border-right: 1px solid #c4c4c4; padding: 0.45rem 1em 0.45rem 0; } .site-theme.top-frame .newsroom .portlet-navigation.navigation--inline .list-menu__title a { border-bottom: 0; font-size: 14px; font-weight: 400; padding: 0 !important; } .site-theme.top-frame .newsroom .portlet-navigation.navigation--inline .list-menu { display: flex; align-items: baseline; justify-content: space-evenly; } .site-theme.top-frame .newsroom .portlet-navigation.navigation--inline .list-menu h2 { font-size: 14px; font-weight: 400; border-right: 1px solid #c4c4c4; padding: 0.45rem 0.5em 0.45rem 0; } .site-theme.top-frame .newsroom .portlet-navigation.navigation--inline .list-menu h2.selected a { font-weight: 700; color: #003da5; } .site-theme.top-frame .newsroom .portlet-navigation.navigation--inline .list-menu ul { display: flex; flex: 1 1 auto; flex-flow: wrap; justify-content: space-around; } .site-theme.top-frame .newsroom .portlet-navigation.navigation--inline .list-menu li { border-left: 0 !important; border-top: 0 !important; border-bottom: 0 !important; border-right: 1px solid #c4c4c4; margin-left: 0; padding: 0.45rem 0; margin-right: auto; flex: 1 1 auto; justify-content: center; display: flex; } .site-theme.top-frame .newsroom .portlet-navigation.navigation--inline .list-menu li a { border-bottom: 0; font-size: 14px; font-weight: 400; padding: 0 !important; } .site-theme.top-frame .newsroom .portlet-navigation.navigation--inline .list-menu li.open a, .site-theme.top-frame .newsroom .portlet-navigation.navigation--inline .list-menu li.selected a { font-weight: 700; color: #003da5; } .site-theme.top-frame .newsroom .portlet-navigation.navigation--inline .list-menu li:last-child { border-right: 0; } .site-theme.top-frame .newsroom .portlet-navigation.navigation--inline .list-menu li> ul { display: none !important; } .site-theme.top-frame .newsroom .feeds__wrapper { display: flex; flex-wrap: wrap; } .site-theme.top-frame .newsroom .feed--newsroom { position: relative; width: 100%; } .site-theme.top-frame .newsroom .feeds__lift--full { width: 100%; } .site-theme.top-frame .newsroom .feeds__lift--full h2 { font-size: 2rem; } .site-theme.top-frame .newsroom .feeds__lift--half { width: 100%; } .site-theme.top-frame .newsroom .feeds__lift--half:nth-child(odd) { margin-right: auto; } .site-theme.top-frame .newsroom .feeds__lift--half:nth-child(even) { margin-left: auto; } .site-theme.top-frame .newsroom .feeds__lift--hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .site-theme.top-frame .newsroom .feed--newsroom { margin-bottom: 1.88rem; } .site-theme.top-frame .newsroom .feed--newsroom a:focus * { background-color: #d4d4d4; outline: 3px solid #787878; color: #003084; } .site-theme.top-frame .newsroom .feed--newsroom a h3, .site-theme.top-frame .newsroom .feed--newsroom a h4 { font-weight: 700; } .site-theme.top-frame .newsroom .feed--newsroom a p { color: #222; } .site-theme.top-frame .newsroom .feed--newsroom a:hover { text-decoration: none; } .site-theme.top-frame .newsroom .feed--newsroom a:hover h3, .site-theme.top-frame .newsroom .feed--newsroom a:hover h4, .site-theme.top-frame .newsroom .feed--newsroom a:hover p { text-decoration: none; } .site-theme.top-frame .newsroom .feed--newsroom figure { margin-bottom: 1.25rem; } .site-theme.top-frame .newsroom .feed--newsroom p { margin-bottom: 0.31; } .site-theme.top-frame .newsroom .feed--newsroom p:last-child { margin-bottom: 0; } .site-theme.top-frame .newsroom .feed--newsroom h3, .site-theme.top-frame .newsroom .feed--newsroom h4 { margin-top: 0; margin-bottom: 1.25rem; font-weight: 400; color: #060606; } .site-theme.top-frame .newsroom .feed--newsroom .feed__meta p { font-weight: 300; font-size: 0.875rem; margin-bottom: 0.938rem; } .site-theme.top-frame .newsroom .media-item.news-page .ingress { font-weight: 700; font-size: 1.125rem; } .site-theme.top-frame .newsroom .feed-item .date, .site-theme.top-frame .newsroom .feed-item h6 a { color: #060606; } .site-theme.top-frame .newsroom .news-page .published { margin-top: 0.63rem; margin-bottom: 1.25rem; } .site-theme.top-frame .newsroom .news-page> img { width: 100%; margin-bottom: 20px; } .site-theme.top-frame .newsroom .news-page .articleBody h2, .site-theme.top-frame .newsroom .news-page .articleBody h3, .site-theme.top-frame .newsroom .news-page .articleBody h4 { font-weight: 700; margin-bottom: 1.25rem; color: #060606; } .site-theme.top-frame .newsroom .button--rounded { background: transparent; box-shadow: 0; border: 1px solid #d8d8d8; color: #222; padding: 0.3rem 1.25rem; border-radius: 25px; font-size: 0.875rem; text-decoration: none; } .site-theme.top-frame .newsroom .button--rounded:focus, .site-theme.top-frame .newsroom .button--rounded:hover { background: #f5f5f5; text-decoration: none; } .site-theme.top-frame .newsroom .button__row { display: flex; flex-wrap: wrap; } .site-theme.top-frame .newsroom .subscribe-action { margin-top: 1rem; } .site-theme.top-frame .newsroom .portlet-topper { margin-bottom: 1.25rem; } .site-theme.top-frame .newsroom .hed-section { color: #003da5; border-color: #979797; border-width: 1px; font-weight: 700; } .site-theme.top-frame .newsroom .blog__list--simple { display: flex; flex-wrap: wrap; border-bottom: 1px solid #979797; padding-bottom: 0.63rem; } .site-theme.top-frame .newsroom .blog__list--simple figure { min-width: 100px; width: 30%; } .site-theme.top-frame .newsroom .blog__list--simple article { max-width: 60%; margin-left: auto; } .site-theme.top-frame .newsroom .blog__list--simple article h4 { margin: 0; color: #060606; font-size: 1rem; font-weight: 600; } .site-theme.top-frame .newsroom .blog__list--simple article h4:after { content: "»"; padding-left: 4px; } .site-theme.top-frame .newsroom .blog__list--simple article h4:hover { color: #69b3e7; } .site-theme.top-frame .newsroom .blog__list--simple article h4:focus { color: #003084; } .site-theme.top-frame .newsroom .blog__list--simple article .meta .author { font-style: italic; } .site-theme.top-frame .newsroom .blog__list { display: flex; flex-wrap: wrap; padding-bottom: 0.63rem; border-bottom: 3px solid #003da5; } .site-theme.top-frame .newsroom .blog__list figure { max-width: 150px; width: 30%; } .site-theme.top-frame .newsroom .blog__list article { max-width: 67.5%; width: 100%; margin-left: auto; } .site-theme.top-frame .newsroom .blog__list article h4 { margin: 0; color: #060606; font-size: 1rem; font-weight: 600; } .site-theme.top-frame .newsroom .blog__list article h4:after { content: "»"; padding-left: 4px; } .site-theme.top-frame .newsroom .blog__list article h4:hover { color: #69b3e7; } .site-theme.top-frame .newsroom .blog__list article h4:focus { color: #003084; } .site-theme.top-frame .newsroom hr { display: none; width: 100%; border-top-color: #979797; margin-top: 0; margin-bottom: 1.88rem; padding-top: 0; } .site-theme.top-frame .newsroom .portlet-blogs .news-page { padding-top: 3.75rem; } .site-theme.top-frame .newsroom .portlet-blogs .news-page h1 { font-weight: 700; } .site-theme.top-frame .newsroom .portlet-blogs .news-page .lead + p:not(.lead) { border-top: 4px solid #003da5; padding-top: 1.25rem; margin-top: 1.88rem; } .site-theme.top-frame .newsroom .portlet-blogs .news-page .meta { position: absolute; top: 1.25rem; } .site-theme.top-frame .newsroom .portlet-blogs .news-page .meta .author { font-weight: 700; font-style: italic; display: inline-block; margin-right: 1.25rem; } .site-theme.top-frame .newsroom .portlet-blogs .news-page .meta .author a { color: #060606; font-size: 16px; } .site-theme.top-frame .newsroom .portlet-blogs .news-page .meta .author:before { display: none; } .site-theme.top-frame .newsroom .portlet-blogs .news-page .meta .label, .site-theme.top-frame .newsroom .portlet-blogs .news-page .meta i { display: none; } .site-theme.top-frame .newsroom .portlet-blogs .news-page> h1 { margin-bottom: 1.25rem; } .site-theme.top-frame .newsroom .portlet-blogs .news-page h2, .site-theme.top-frame .newsroom .portlet-blogs .news-page h3, .site-theme.top-frame .newsroom .portlet-blogs .news-page h4 { font-weight: 700; margin-bottom: 1.25rem; color: #060606; } .site-theme.top-frame .newsroom .portlet-blogs .news-page .yjaBadge { border-top: 3px solid #003da5; padding-top: 1.88rem; display: flex; flex-wrap: wrap; flex-flow: row; justify-content: flex-start; margin-top: 1em; } .site-theme.top-frame .newsroom .portlet-blogs .news-page .yjaBadge .yjaBadge__image { margin-right: 2.5%; } .site-theme.top-frame .newsroom .portlet-blogs .news-page .yjaBadge .yjaBadge__image p { display: block; width: 136px; overflow: hidden; border-radius: 70px; } .site-theme.top-frame .newsroom .portlet-blogs .news-page .yjaBadge .yjaBadge__image p img { width: 136px; } .site-theme.top-frame .newsroom .contacts .contact.gi { padding-bottom: 1.25rem; border-bottom: 3px solid #003da5; display: flex; } .site-theme.top-frame .newsroom .contacts .contact.gi figure { max-width: 150px; width: 30%; flex: 1 1 auto; } .site-theme.top-frame .newsroom .contacts .contact.gi figure + div { width: 65%; margin-left: 10px; flex: 1 1 auto; word-break: break-word; } .site-theme.top-frame .newsroom .listing--simple .video__item { margin-bottom: 1.25rem; padding-bottom: 1.25rem; border-bottom: 1px solid #979797; flex: 1 1 auto; } .site-theme.top-frame .newsroom .listing--simple .video__item> a { margin-right: auto; margin-bottom: auto; } .site-theme.top-frame .newsroom .listing--simple .video__item .video__placeholder { width: 40%; max-width: 300px; margin-right: auto; } .site-theme.top-frame .newsroom .listing--simple .video__item .video__content { margin-left: auto; width: 57.5%; } .site-theme.top-frame .newsroom .listing--simple .video__item .video__content h4 { margin: 0 0 1.25rem; color: #060606; font-size: 16px; } .site-theme.top-frame .newsroom .listing--simple .video__item .video__content p { color: #060606; } .site-theme.top-frame .newsroom .video__listing.gi .video__item { margin-left: 1rem; border-bottom: 0; padding-bottom: 0.63rem; border-bottom: 3px solid #003da5; } .site-theme.top-frame .newsroom .video__listing.gi .video__item__content { width: 100%; } .site-theme.top-frame .newsroom .lifts--svgs { margin-top: 1.88rem; } .site-theme.top-frame .newsroom .lifts--svgs .lift__item { border: 1px solid #003da5; margin-bottom: 1.25rem; margin-left: 1.5%; flex: 1 1 auto; } .site-theme.top-frame .newsroom .lifts--svgs .lift__item a { padding: 0.75rem 0; height: 100%; } .site-theme.top-frame .newsroom .lifts--svgs .lift__item a:hover { background-color: #e5e6ed; } .site-theme.top-frame .newsroom .lifts--svgs .lift__item figure { min-height: 40px; } .site-theme.top-frame .newsroom .lifts--svgs .lift__item div { color: #003da5; font-size: 1rem; margin-top: 0.63rem; text-align: center; font-weight: 700; margin-bottom: 0.63rem; } .site-theme.top-frame .newsroom .lifts--svgs .lift__item div svg { vertical-align: middle; } .site-theme.top-frame .newsroom .lifts--svgs .lift__item h4 { color: #003da5; font-size: 1rem; margin-top: 0.63rem; text-align: center; } .site-theme.top-frame .newsroom .lifts--svgs .lift__item h4 svg { vertical-align: middle; } .site-theme.top-frame .newsroom .lifts--svgs .lift__item:first-child { margin-left: 0; } .site-theme.top-frame .newsroom .panel { border: 1px solid #979797; border-bottom: 6px solid #003da5; padding: 20px; } .site-theme.top-frame .newsroom .panel figure { margin-bottom: 1.25rem; } .site-theme.top-frame .newsroom .panel p { font-weight: 700; font-size: 0.875rem; } .site-theme.top-frame .newsroom .panel a { color: #060606; text-decoration: none; } .site-theme.top-frame .newsroom .panel a:hover { text-decoration: none; } .site-theme.top-frame .newsroom .panel a:focus { outline: auto; outline-offset: 0.2rem; } .site-theme.top-frame .newsroom .panel .btn-primary { color: white; font-weight: 700; margin-top: auto; margin-left: -20px; margin-right: -20px; width: auto; } .site-theme.top-frame .newsroom .panel.gallery-item { display: flex; justify-content: space-around; flex-flow: column; padding-bottom: 0; } .site-theme.top-frame .newsroom .panel.gallery-item .gallery__details { margin-top: 1.88rem; } .site-theme.top-frame .newsroom .panel.gallery-item .gallery__details ul { list-style-type: none; } .site-theme.top-frame .newsroom .panel.gallery-item .gallery__details li { font-size: 1rem; } .site-theme.top-frame .newsroom .link__lift .link__lift__button { display: flex; flex-flow: column; background: #003da5; padding: 0.63rem 1.25rem; margin-bottom: 1.25rem; transition: background-color 0.5s; } .site-theme.top-frame .newsroom .link__lift .link__lift__button h3 { color: white; margin-top: 0; margin-bottom: auto; font-size: 16px; } .site-theme.top-frame .newsroom .link__lift .link__lift__button svg { margin-left: auto; color: white; margin-top: auto; } .site-theme.top-frame .newsroom .link__lift a { text-decoration: none; } .site-theme.top-frame .newsroom .link__lift a:hover { text-decoration: none; } .site-theme.top-frame .newsroom .link__lift a:hover .link__lift__button { background-color: #cf4520; } .site-theme.top-frame .newsroom .link__lift a:focus { outline: 4px solid #fff; outline-offset: -6px; } .site-theme.top-frame .newsroom .link__lift a:focus .link__lift__button { background-color: #cf4520; outline: 4px solid #fff; outline-offset: -6px; } .site-theme.top-frame .newsroom .image__gallery .gallery-item figure img { width: auto; height: 15.625rem; margin: 0 auto; } .site-theme.top-frame .newsroom .images__gallery .image__gallery__preview figure { max-height: 7.625rem; overflow: hidden; } .site-theme.top-frame .newsroom .collapsibles .collapsible__item { border: 1px solid #d8d8d8; border-bottom: 0; } .site-theme.top-frame .newsroom .collapsibles .collapsible__item h3 { margin: 0; } .site-theme.top-frame .newsroom .collapsibles .collapsible__item button { display: flex; width: 100%; border: none; box-shadow: 0; background: transparent; padding-top: 0.63rem; padding-bottom: 0.63rem; padding-left: 1.88rem; padding-right: 1.88rem; font-weight: 700; font-size: 1rem; text-align: left; } .site-theme.top-frame .newsroom .collapsibles .collapsible__item button i { margin-left: auto; transitions: all 0.5; display: inline-block; font-weight: 700; font-size: 1rem; } .site-theme.top-frame .newsroom .collapsibles .collapsible__item:last-child { border-bottom: 1px solid #d8d8d8; } .site-theme.top-frame .newsroom .collapsibles .collapsible__item button[aria-expanded="true"] { background-color: #f5f5f5; } .site-theme.top-frame .newsroom .collapsibles .collapsible__item button[aria-expanded="true"] i { transform: rotate(180deg); } .site-theme.top-frame .newsroom .collapsibles .collapsible__content { padding-top: 0.63rem; padding-bottom: 0.63rem; padding-left: 1.88rem; padding-right: 1.88rem; } .site-theme.top-frame .newsroom .collapsibles .collapsible__content[aria-hidden="true"] { display: none; } .site-theme.top-frame .newsroom .social-share-buttons> a { width: 44px; height: 44px; line-height: 44px; } .site-theme.top-frame .newsroom .social-share-buttons> a span.icon { height: 44px; line-height: 1; font-size: 20px; vertical-align: baseline; } .site-theme.top-frame .newsroom .social-share-buttons .some-divider, .site-theme.top-frame .newsroom .social-share-buttons .some-print { display: none; } .site-theme.top-frame .newsroom .u-mt--full { margin-top: 1.25rem; } .site-theme.top-frame .newsroom .u-mt--half { margin-top: 0.63rem; } .site-theme.top-frame .newsroom .u-mb--full { margin-bottom: 1.25rem; } .site-theme.top-frame .newsroom .u-mb--half { margin-bottom: 0.63rem; } .site-theme.top-frame .newsroom .u-mb--none { margin-bottom: 0 !important; } .site-theme.top-frame .newsroom .u-m--full { margin: 1.25rem auto; } .site-theme.top-frame .newsroom .u-pAll--full { padding: 1.25rem; } .site-theme.top-frame .newsroom .u-pH--full { padding-left: 1.25rem; padding-right: 1.25rem; } .site-theme.top-frame .newsroom .u-pV--full { padding-top: 1.25rem; padding-bottom: 1.25rem; } .site-theme.top-frame .newsroom .u-pb--none { padding-bottom: 0; } .site-theme.top-frame .newsroom .u-itemsAligned--right { justify-content: flex-end; } .site-theme.top-frame .newsroom .u-isHidden { display: none; } .site-theme.top-frame .newsroom .u-textColor--red { color: #003da5; } .site-theme.top-frame .newsroom .u-fontSize--large { font-size: 2.875rem; } .site-theme.top-frame .newsroom .u-isBlock { display: block; } .site-theme.top-frame .newsroom .u-flexContainer { display: flex; justify-content: space-evenly; } .site-theme.top-frame .newsroom .u-flexWrap { flex-wrap: wrap; } .site-theme.top-frame .newsroom .u-flexFlow--column { flex-flow: column; } .site-theme.top-frame .newsroom .u-flexAlign--center { justify-items: center; align-items: center; } .site-theme.top-frame .newsroom .gi-content--w9_12 .journal-content-article { width: 72.5%; } .site-theme.top-frame .newsroom .g-content--w9_12 { width: 72.5%; } .site-theme.top-frame .newsroom .u-flexGallery { display: flex; justify-content: flex-start; flex-wrap: wrap; flex-direction: row; flex-flow: row wrap; width: 100%; } .site-theme.top-frame .newsroom .u-flexGallery .u-flexGallery__item { margin-bottom: 1.25rem; } .site-theme.top-frame .newsroom .u-flexGallery .u-flexGallery__item p.contact-title { font-weight: 600; margin-bottom: 0.5rem; } .site-theme.top-frame .newsroom .u-flexGallery .u-flexGallery--fullWidth { margin-left: -20px; margin-top: -20px; margin-right: -20px; } .site-theme.top-frame .newsroom .u-flexGallery .u-flexGallery--w4_12 { width: 22.5%; } .site-theme.top-frame .newsroom .u-flexGallery .u-flexGallery--w3_12 { width: 31.5%; } .site-theme.top-frame .newsroom .u-flexGallery .u-flexGallery--w2_6 { width: 100%; } .site-theme.top-frame .newsroom .u-flexGallery .u-flexGallery--w2_6:nth-child(odd) { margin-right: auto; } .site-theme.top-frame .newsroom .u-flexGallery .u-flexGallery--w2_6:nth-child(even) { margin-left: auto; } .site-theme.top-frame .newsroom .u-flexGallery .u-flexGalleryAlign--top { margin-top: -20px; margin-left: -20px; margin-right: -20px; } .site-theme.top-frame .newsroom .u-rotated--horiz { display: inline-block; transform: rotate(-180deg); } .site-theme.top-frame .default-asset-publisher .asset-actions { margin-top: 30px; } .site-theme.top-frame .yja_factbox__aside { background: #f4f3f3; padding: 1.25rem; border: 1px solid #979797; margin-bottom: 1.25rem; display: block; float: none; width: 100%; margin-left: 0; } .site-theme.top-frame .yja_factbox__aside ul { padding-left: 0; } .site-theme .list-block .journal-content-article ul { list-style: none; margin: 0 0 2em 0; padding: 0; } .site-theme .list-block .journal-content-article ul > li { padding: 0.2em 0; margin: 0 3em 0 0; display: block; color: #777; position: relative; border-top: 1px solid #003da5; } .site-theme .list-block .journal-content-article ul > li > * { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .site-theme .list-block .journal-content-article ul > li:last-child { border-bottom: 1px solid #003da5; } .site-theme .list-block .journal-content-article ul > li > a { display: block; color: #222; padding: 0.6em 1em; } .site-theme .list-block .journal-content-article ul > li > a:before { content: "\2022"; font-size: 150%; line-height: 0; position: relative; top: 3px; color: #222; padding: 0.8em 0.4em 0.8em 0; } .site-theme .list-block .journal-content-article ul > li > a:after { content: ">"; position: absolute; line-height: 1; top: 0; right: -3em; color: #fff; background: #003da5; border-radius: 1px; text-align: center; align-self: center; padding: 0.8em; margin: 0.2em 0; width: 2.5em; height: 88%; } .site-theme .list-block .journal-content-article ul > li > a:hover, .site-theme .list-block .journal-content-article ul > li > a:focus, .site-theme .list-block .journal-content-article ul > li > a:active { background-color: #003da5; color: #fff; text-decoration: none; } .site-theme .list-block .journal-content-article ul > li > a:hover:before { color: #fff; text-decoration: none; } .site-theme .list-block .journal-content-article ul > li > a:hover:after { background-color: #69b3e7; text-decoration: none; } .site-theme.ie11 .hero__image { background-size: 160%; background-position: center !important; } .site-theme.ie11 .hero--low { background-size: 115% !important; background-position: center !important; } .infograph-wrapper { width: 90%; margin: 0 auto; z-index: 9; position: relative; } .infograph-wrapper .close-tooltip { position: absolute; right: 0.66667em; top: 0.66667em; font-weight: bold; } .infograph-wrapper .infographs { width: 100%; } .infograph-wrapper .infograph-grid-item { width: 25%; display: inline; margin: 0.66667em 0; padding: 1.06383%; height: auto; float: left; list-style: none; } .infograph-wrapper .infograph-grid-item:nth-of-type(n) { clear: none; } .infograph-wrapper .infograph-grid-item:nth-of-type(4n+1) { clear: both; } .infograph-wrapper .infograph-grid-item:nth-child(n+4) { float: right; } .infograph-wrapper .infograph-grid-item:nth-child(n+4) .infopath { background-image: url("/https/migri.fi/documents/5202425/15345026/infopath-left.png?t=1649754594688"); moz-transform-origin: 100%; -o-transform-origin: 100%; -ms-transform-origin: 100%; -webkit-transform-origin: 100%; transform-origin: 100%; } .infograph-wrapper .infograph-grid-item:nth-child(n+9) { float: left; } .infograph-wrapper .infograph-grid-item:nth-child(n+9) .infopath { background-image: url("/https/migri.fi/documents/5202425/15345026/infopath.png?t=1649754594688"); moz-transform-origin: 0; -o-transform-origin: 0; -ms-transform-origin: 0; -webkit-transform-origin: 0; transform-origin: 0; } .infograph-wrapper .infograph-grid-item:nth-child(4) .infopath { background-image: url("/https/migri.fi/documents/5202425/15345026/infopath-down.png?t=1649754594688"); background-size: 100% 100%; } .infograph-wrapper .infograph-grid-item.item-top .infopath { top: 35px !important; } .infograph-wrapper .infograph-grid-item:nth-child(8) .infopath { background-image: url("/https/migri.fi/documents/5202425/15345026/infopath-down.png?t=1649754594688"); background-size: 100% 100%; background-position: left center; left: auto; } .infograph-wrapper .step-holder { display: inline-block; cursor: default; border-radius: 2.66667em; width: 4.66667em; height: 4.66667em; text-align: center; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; moz-transition: border-color 0.1s ease-in; -o-transition: border-color 0.1s ease-in; -ms-transition: border-color 0.1s ease-in; -webkit-transition: border-color 0.1s ease-in; transition: border-color 0.1s ease-in; } .infograph-wrapper .step-holder:focus { background-color: #d4d4d4 !important; outline: 3px solid #787878 !important; outline-offset: 0.2rem; } .infograph-wrapper .step-holder .infograph-icon { cursor: default; } .infograph-wrapper .info-icon-top { margin-bottom: 0.66667em; } .infograph-wrapper .info-icon-bottom { margin-top: 0.66667em; } .infograph-wrapper .infograph-step { word-wrap: normal !important; text-align: center; position: relative; } .infograph-wrapper .infograph-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translate(-50%, -50%); font-size: 2.7em; display: inline-block; text-decoration: none; } .infograph-wrapper .infograph-icon:before { color: #fff; } .infograph-wrapper .infograph-text { display: block; font-family: "Noto Sans",Helvetica,Arial,sans-serif; font-size: 1em; line-height: 1.3em; margin-bottom: 0.30303em; color: #222; } .infograph-wrapper .infograph-text a { color: #003da5; } .infograph-wrapper .infograph-text a:hover, .infograph-wrapper .infograph-text a:focus { color: #69b3e7; } .infograph-wrapper .infograph-link { text-decoration: none; } .infograph-wrapper .infograph-heading { display: block; font-weight: 600; color: #222; font-family: ; font-size: 1.1em; line-height: 1.2em; moz-transition: color 0.1s ease-in; -o-transition: color 0.1s ease-in; -ms-transition: color 0.1s ease-in; -webkit-transition: color 0.1s ease-in; transition: color 0.1s ease-in; } .infograph-wrapper .infograph-heading:hover, .infograph-wrapper .infograph-heading:focus { color: #222; text-decoration: none; } .infograph-wrapper .infopath { position: absolute; background-image: url("/https/migri.fi/documents/5202425/15345026/infopath.png?t=1649754594688"); display: block; min-height: 1.33333em; background-repeat: no-repeat; background-size: cover; background-position: 50% 100%; moz-transform-origin: 0; -o-transform-origin: 0; -ms-transform-origin: 0; -webkit-transform-origin: 0; transform-origin: 0; } .infograph-wrapper .icon-blue { background-color: #fff; border: solid 0.2em #cf4520; color: #fff; } .infograph-wrapper .icon-blue:focus, .infograph-wrapper .icon-blue:active { background-color: #fff; } .infograph-wrapper .icon-blue .infograph-icon:before { color: #cf4520; } .infograph-wrapper .icon-white { background-color: white; border: solid 0.2em #003da5; } .infograph-wrapper .icon-white:focus { background: white; } .infograph-wrapper .icon-white .infograph-icon:before { color: #003da5; } .infograph-wrapper .js-open-tooltip { cursor: pointer; } .infograph-wrapper .js-open-tooltip .infograph-icon { cursor: pointer; } .infograph-wrapper .has-tooltip { top: -0.33333em; right: -0.33333em; position: absolute; font-size: 2em; width: 0.93333em; height: 0.93333em; background-color: #d9ecf9; color: #cf4520; border-radius: 2em; cursor: pointer; moz-transition: background-color 0.1s ease-in-out; -o-transition: background-color 0.1s ease-in-out; -ms-transition: background-color 0.1s ease-in-out; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; } .infograph-wrapper .has-tooltip span { top: 50%; left: 50%; transform: translate(-50%, -50%); color: #003da5; position: absolute; font-size: 0.6em; moz-transition: border-color 0.1s ease-in; -o-transition: border-color 0.1s ease-in; -ms-transition: border-color 0.1s ease-in; -webkit-transition: border-color 0.1s ease-in; transition: border-color 0.1s ease-in; } .infograph-wrapper .has-tooltip:hover, .infograph-wrapper .has-tooltip:focus, .infograph-wrapper .has-tooltip:active { background-color: white; } .infograph-wrapper .js-open-tooltip { moz-transition: border-color 0.1s ease-in; -o-transition: border-color 0.1s ease-in; -ms-transition: border-color 0.1s ease-in; -webkit-transition: border-color 0.1s ease-in; transition: border-color 0.1s ease-in; } .infograph-wrapper .js-open-tooltip.icon-blue:hover, .infograph-wrapper .js-open-tooltip.icon-blue:focus { background-color: #fff; border: solid 0.2em #f2956f; } .infograph-wrapper .js-open-tooltip.icon-blue:hover .has-tooltip, .infograph-wrapper .js-open-tooltip.icon-blue:focus .has-tooltip { background-color: white; border: 2px solid #d9ecf9; } .infograph-wrapper .js-open-tooltip.icon-blue:hover .has-tooltip span, .infograph-wrapper .js-open-tooltip.icon-blue:focus .has-tooltip span { color: #6a86c0; } .infograph-wrapper .js-open-tooltip.icon-blue:hover .infograph-icon:before, .infograph-wrapper .js-open-tooltip.icon-blue:focus .infograph-icon:before { color: #f2956f; } .infograph-wrapper .js-open-tooltip.icon-blue .has-tooltip { background-color: #d9ecf9; } .infograph-wrapper .js-open-tooltip.icon-white:hover, .infograph-wrapper .js-open-tooltip.icon-white:focus, .infograph-wrapper .js-open-tooltip.icon-white:active { background-color: white; border: solid 0.2em #6a86c0; } .infograph-wrapper .js-open-tooltip.icon-white:hover .infograph-icon:before, .infograph-wrapper .js-open-tooltip.icon-white:focus .infograph-icon:before, .infograph-wrapper .js-open-tooltip.icon-white:active .infograph-icon:before { color: #6a86c0; } .infograph-wrapper .js-open-tooltip.icon-white:hover .has-tooltip, .infograph-wrapper .js-open-tooltip.icon-white:focus .has-tooltip, .infograph-wrapper .js-open-tooltip.icon-white:active .has-tooltip { background-color: white; border: 2px solid #d9ecf9; } .infograph-wrapper .js-open-tooltip.icon-white:hover .has-tooltip span, .infograph-wrapper .js-open-tooltip.icon-white:focus .has-tooltip span, .infograph-wrapper .js-open-tooltip.icon-white:active .has-tooltip span { color: #6a86c0; } .infograph-wrapper .infograph-tooltip { display: none; padding: 1.93333em; background: white; text-align: left; position: absolute; width: 23.33333em; z-index: 3; border: 3px solid #003da5; left: 50%; margin-left: -11.66667em; } .infograph-wrapper .infograph-tooltip.top-arrow:after, .infograph-wrapper .infograph-tooltip.top-arrow:before { bottom: 100%; } .infograph-wrapper .infograph-tooltip.top-arrow:after { border-bottom-color: #fff; } .infograph-wrapper .infograph-tooltip.top-arrow:before { border-bottom-color: #003da5; } .infograph-wrapper .infograph-tooltip.bottom-arrow:after, .infograph-wrapper .infograph-tooltip.bottom-arrow:before { top: 100%; } .infograph-wrapper .infograph-tooltip.bottom-arrow:after { border-color: transparent; border-top-color: #fff; } .infograph-wrapper .infograph-tooltip.bottom-arrow:before { border-color: transparent; border-top-color: #003da5; right: 11% !important; } .infograph-wrapper .infograph-tooltip:after, .infograph-wrapper .infograph-tooltip:before { left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .infograph-wrapper .infograph-tooltip:after { border-width: 16px; margin-left: -16px; } .infograph-wrapper .infograph-tooltip:before { border-width: 20px; margin-left: -20px; } .infograph-wrapper .infograph-tooltip ul { margin-left: 0; list-style: none; padding-left: 14px; } .infograph-wrapper .infograph-tooltip ul li { padding-left: 1.33333em; } .infograph-wrapper .infograph-tooltip ul li:before { content: "\25A0"; font-size: 1.33333em; color: #cf4520; margin-right: 0.25em; margin-left: -1em; } .infograph-wrapper .infograph-tooltip h5:first-of-type { margin-top: 0; } .infograph-wrapper .infograph-tooltip p:last-of-type { margin-bottom: 0; } .infograph-wrapper .infograph-grid-item:nth-child(4) .infograph-tooltip, .infograph-wrapper .infograph-grid-item:nth-child(5) .infograph-tooltip { right: 0; left: auto; margin-left: auto; } .infograph-wrapper .infograph-grid-item:nth-child(4) .infograph-tooltip:after, .infograph-wrapper .infograph-grid-item:nth-child(5) .infograph-tooltip:after, .infograph-wrapper .infograph-grid-item:nth-child(4) .infograph-tooltip:before, .infograph-wrapper .infograph-grid-item:nth-child(5) .infograph-tooltip:before { right: 12%; left: auto; } .infograph-wrapper .infograph-grid-item:nth-child(4) .infograph-tooltip:after, .infograph-wrapper .infograph-grid-item:nth-child(5) .infograph-tooltip:after { right: 13%; left: auto; border-width: 17px; } .site-theme button.bai-open-chat-btn { background: transparent !important; width: 150px !important; border: 0; position: fixed; } .t2m-wrap { display: block; position: fixed; bottom: 0; padding: 0; width: auto; min-width: 213px; height: auto; min-height: 67px; max-width: 100%; margin: 0; font: normal 15px sans-serif; font-size: 15px; line-height: 1.3em; z-index: 1000; border: none; } .t2m-wrap:focus { outline: auto; } .t2m-wrap .t2m-trigger { opacity: 1; pointer-events: all; } .t2m-wrap .t2m-trigger .trigger-avatar img { opacity: 1; -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; } .t2m-wrap .t2m-trigger.loading .trigger-avatar { background-position: 50%; background-size: 40px; background-repeat: no-repeat; } .t2m-wrap .t2m-trigger.loading .trigger-avatar img { opacity: 0; -webkit-transition: opacity 0.5s ease-out; -khtml-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; } .t2m-wrap .t2m-chat { display: flex; -webkit-transition: all 0.3s ease-out,opacity 0.1s ease-out 0.1s; -khtml-transition: all 0.3s ease-out,opacity 0.1s ease-out 0.1s; -moz-transition: all 0.3s ease-out,opacity 0.1s ease-out 0.1s; -ms-transition: all 0.3s ease-out,opacity 0.1s ease-out 0.1s; -o-transition: all 0.3s ease-out,opacity 0.1s ease-out 0.1s; transition: all 0.3s ease-out,opacity 0.1s ease-out 0.1s; } .t2m-wrap.t2m-active .t2m-trigger, .t2m-wrap .t2m-chat { opacity: 0; pointer-events: none; } .t2m-wrap.t2m-active .t2m-chat { opacity: 1; pointer-events: all; -webkit-transition: all 0.2s ease-out,opacity 0s linear 0s; -khtml-transition: all 0.2s ease-out,opacity 0s linear 0s; -moz-transition: all 0.2s ease-out,opacity 0s linear 0s; -ms-transition: all 0.2s ease-out,opacity 0s linear 0s; -o-transition: all 0.2s ease-out,opacity 0s linear 0s; transition: all 0.2s ease-out,opacity 0s linear 0s; } .t2m-wrap *, .t2m-wrap:after, .t2m-wrap:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .t2m-wrap:active, .t2m-wrap:after:active, .t2m-wrap:after:focus, .t2m-wrap:before:active, .t2m-wrap:before:focus, .t2m-wrap:focus { outline: 0; box-shadow: none; } .t2m-wrap .t2m-trigger { display: flex; position: absolute; align-items: stretch; bottom: 0; right: 0; width: 212px; height: auto; min-height: 53px; margin: 0 0 0 auto; padding: 8px; background-color: #fff; box-shadow: 0 0 25px rgba(0,0,0,0.16); border: 0; cursor: pointer; } .t2m-wrap .t2m-trigger .trigger-avatar { display: flex; position: relative; align-items: center; justify-content: center; width: 37px; height: 37px; border-radius: 10px; background-color: #ed8b00; margin-right: 8px; user-select: none; pointer-events: none; } .t2m-wrap .t2m-trigger .trigger-avatar img { width: 37px; height: auto; } .t2m-wrap .t2m-trigger .trigger-avatar.no-bg { background-color: transparent !important; } .t2m-wrap .t2m-trigger .trigger-message { display: flex; position: relative; align-items: center; justify-content: center; width: 37px; height: auto; min-height: 37px; padding: 6px 10px; border-radius: 0 10px 10px 10px; background-color: #ed8b00; color: #000; flex: 1; font-size: 1em; text-align: center; user-select: none; pointer-events: none; } .t2m-wrap .hidden { display: none !important; opacity: 0; user-select: none; pointer-events: none; visibility: hidden; display: none; } .t2m-wrap .untouchable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .float-left { left: 0 !important; } .float-right { right: 0 !important; } #chat-container[class^="Link__ActionLinkText"] { white-space: normal !important; } .site-theme.top-frame .journal-display-page .portlet-navigation.navigation--inline { max-width: 980px; margin: 0 auto; } .site-theme.top-frame .journal-display-page .portlet-navigation.navigation--inline .list-menu { display: flex; align-items: baseline; justify-content: space-evenly; } .site-theme.top-frame .journal-display-page .portlet-navigation.navigation--inline .list-menu .list-menu__title { font-size: 14px; font-weight: 400; border-right: 1px solid #c4c4c4; padding: 0.45rem 1em 0.45rem 0; } .site-theme.top-frame .journal-display-page .portlet-navigation.navigation--inline .list-menu .list-menu__title a { border-bottom: 0; font-size: 14px; font-weight: 400; padding: 0 !important; } .site-theme.top-frame .journal-display-page .portlet-navigation.navigation--inline .list-menu h2 { font-size: 14px; font-weight: 400; border-right: 1px solid #c4c4c4; padding: 0.45rem 0.5em 0.45rem 0; } .site-theme.top-frame .journal-display-page .portlet-navigation.navigation--inline .list-menu h2.selected a { font-weight: 700; color: #003da5; } .site-theme.top-frame .journal-display-page .portlet-navigation.navigation--inline .list-menu ul { display: flex; flex: 1 1 auto; flex-flow: wrap; justify-content: space-around; } .site-theme.top-frame .journal-display-page .portlet-navigation.navigation--inline .list-menu li { border-left: 0 !important; border-top: 0 !important; border-bottom: 0 !important; border-right: 1px solid #c4c4c4; margin-left: 0; padding: 0.45rem 0; margin-right: auto; flex: 1 1 auto; justify-content: center; display: flex; } .site-theme.top-frame .journal-display-page .portlet-navigation.navigation--inline .list-menu li a { border-bottom: 0; font-size: 14px; font-weight: 400; padding: 0 !important; } .site-theme.top-frame .journal-display-page .portlet-navigation.navigation--inline .list-menu li.open a, .site-theme.top-frame .journal-display-page .portlet-navigation.navigation--inline .list-menu li.selected a { font-weight: 700; color: #003da5; } .site-theme.top-frame .journal-display-page .portlet-navigation.navigation--inline .list-menu li:last-child { border-right: 0; } .site-theme.top-frame .journal-display-page .portlet-navigation.navigation--inline .list-menu li> ul { display: none !important; } .journal-display-page .newsroom--visible { display: none; } .journal-display-page .newsroom--hidden { display: block; } .newsroom-display-page .journal-display-page .newsroom--visible { display: block; } .newsroom-display-page .journal-display-page .newsroom--hidden { display: none; } .newsroom-display-page .journal-display-page .newsroom--visible { display: block; } .newsroom-display-page .journal-display-page .col-md-9.col--main { margin-left: 0; } .newsroom-display-page .journal-display-page .social-share { display: none; } .newsroom-display-page .journal-display-page h3.custom-portlet-title { margin-bottom: 1.25rem; font-size: 1.1rem; border-bottom: 6px solid #c30; line-height: 1.2; padding: 0.5rem 0; } .site-theme .has-control-menu ul.control-menu-nav { margin-left: 0; } .site-theme .has-control-menu ul.control-menu-nav li.control-menu-nav-category { margin-bottom: 0; } html:not([lang="fi-FI"]) .custom-portlet-title { display: none; } .top-frame .portlet-boundary .portlet .portlet-header .portlet-title-text { white-space: normal; } .top-frame .portlet-blogs .portlet .autofit-float.autofit-row.portlet-header { position: relative !important; text-align: right; margin-bottom: 10px; } .top-frame .columns-3 .portlet-layout .portlet-column .portlet-column-content .portlet-boundary { height: auto !important; } #content .infobanner { background-color: #ef9636; padding: 2rem; margin: 0 0.5rem 1.5rem; } #content .infobanner a { text-decoration: underline; } #content .infobanner > .link--cta { display: inline-flex; background-color: #fff; width: 100%; margin: 0 0 1.25rem; text-decoration: none; } #content .infobanner > .link--cta .link--cta__text { color: #1b449d; background-color: transparent; flex: 1; transition: all 0.15s linear; } #content .infobanner > .link--cta .link--cta__text > .fa.fa-info-circle { margin-right: 0.75rem; } #content .infobanner > .link--cta .link--cta__arrow { background-color: #1b449d; border: 1px solid #1b449d; transition: all 0.15s linear; } #content .infobanner > a.link--cta:hover .link--cta__text { background-color: #1b449d; color: #fff; text-decoration-color: #fff; } #content .infobanner > a.link--cta:hover .link--cta__arrow { background-color: #69b3e7; border: 1px solid #69b3e7; } #content .infobanner > .infobanner--content { color: #000; } #content .infobanner > .infobanner--content > *:first-child { margin-top: 0; } #content .infobanner > .infobanner--content > *:last-child { margin-bottom: 0; } #content .infobanner > .infobanner--content a { color: #000; } #content .infobanner > .infobanner--content a:hover { text-decoration-thickness: 2px; } #content .infobanner > .infobanner--content ul { list-style: none; padding-left: 0; margin-left: 0.5rem; } .top-frame #banner nav.a11y-navigation .child-menu .a11y-nav__item > a { text-align: left; display: block; border-bottom: 0; margin: 0; padding: 1rem 1rem; font-weight: normal; } .top-frame #banner nav.a11y-navigation .child-menu .a11y-nav__item > a:hover { text-decoration: underline; background-color: #d9ecf9; } .special-nav-open > a { border-bottom: 6px solid #003da5 !important; } .top-frame #banner nav.a11y-navigation .child-menu .a11y-nav__item { padding: 0; margin: 0; } .top-frame #banner nav.a11y-navigation button { margin-right: 0.5rem; background: transparent; border: 0; } .top-frame #banner nav.a11y-navigation button[aria-expanded="false"] .icon:before { content: "\f078" !important; color: #003da5; } .top-frame #banner nav.a11y-navigation button[aria-expanded="true"] .icon:before { content: "\f077" !important; color: #003da5; } .site-theme.top-frame .portlet-nested-portlets .linkList--twoColumns { flex-direction: column; } .site-theme.top-frame .portlet-nested-portlets .linkList--twoColumns > li { margin: 0 0 0.2rem 0; padding: 0; } a.link--hasBorder { text-transform: none; } .site-theme.top-frame .heroCards--dual .card .additional-content * { line-height: 1.8rem; } .site-theme.top-frame .heroCards--dual .card .additional-content a { color: #fff; } .site-theme.top-frame .heroCards--dual .card .additional-content a:hover, .site-theme.top-frame .heroCards--dual .card .additional-content a:focus { color: #111; background-color: #d9ecf9; } nav.link-highlights ul { display: flex; flex-direction: column; list-style: none; margin: 0; padding: 0; border: 0; } nav.link-highlights ul li { background-color: #b4d9f3; padding: 1rem 2rem 2rem 2rem; display: flex; flex-wrap: wrap; margin: 0 0 2rem 0; } nav.link-highlights ul li > .title { width: 100%; margin-bottom: 1rem; } nav.link-highlights ul li > .image-wrapper { width: 50%; order: 2; } nav.link-highlights ul li > .text-wrapper { width: 50%; order: 1; padding-right: 1rem; } nav.link-highlights ul li > .text-wrapper > a.cta { display: inline-block; background-color: #fff; padding: 0.9rem 3.9rem 0.9rem 0.9rem; text-decoration: none !important; font-weight: bold; position: relative; width: 100%; transition: all 0.15s linear; } nav.link-highlights ul li > .text-wrapper > a.cta:after { content: ""; display: inline-block; background-color: #69b3e7; height: 100%; position: absolute; top: 0; right: 0; width: 52px; background-color: #69b3e7; background-image: url("/https/migri.fi/documents/5202425/5208104/arrow-short-white-right.svg/2be2a0d2-7a6e-4b17-b84d-814f5b4b2eab?t=1649754594688"); background-size: 25px auto; background-repeat: no-repeat; background-position: center; transition: all 0.15s linear; } nav.link-highlights ul li > .text-wrapper > a.cta:hover:after { background-color: #a2d0f1; } nav.link-highlights ul li > .text-wrapper > a.cta:hover, nav.link-highlights ul li > .text-wrapper > a.cta:focus { color: #003da5 !important; background-color: #f2f8fd; text-decoration: underline !important; } section.dropdown-highlight { background-color: #ffec82; padding: 1rem 2rem; } section.dropdown-highlight a { color: #005af5; } section.dropdown-highlight button { background-color: #003da5; color: #fff; padding: 0.9rem; display: block; border: 0; width: 100%; text-align: left; } .top-frame #banner .language-version-selection-portlet .lang-text > * { color: #003da5 !important; font-weight: bold; } .top-frame #banner .language-version-selection-portlet .lang-text > a:after { content: "\f078" !important; } .dropdown-highlight .a11y-navigation { height: auto !important; } .dropdown-highlight .a11y-navigation.special-nav-open { position: relative; } .dropdown-highlight .a11y-navigation.special-nav-open .a11y-nav { display: block !important; background-color: #fff; margin: 0; padding: 0.5rem 0; list-style: none; position: absolute; left: 0; width: 100%; z-index: 10; box-shadow: 0 3px 6px rgba(0,0,0,0.2); } .dropdown-highlight .a11y-navigation.special-nav-open .a11y-nav > li > a { padding: 1rem; display: block; color: #454545; text-decoration: none; } .dropdown-highlight .a11y-navigation.special-nav-open .a11y-nav > li > a:hover, .dropdown-highlight .a11y-navigation.special-nav-open .a11y-nav > li > a:focus { text-decoration: underline; background-color: #d9ecf9; } .a11y-toggler.js-toggle-special-nav { cursor: pointer; } button.dropdown-toggle.a11y-toggler.js-toggle-special-nav { position: relative; } button.dropdown-toggle.a11y-toggler.js-toggle-special-nav:after { content: ""; position: absolute; right: 0.5rem; top: 1rem; display: inline; content: "\f078" !important; font-family: "fontawesome-alloy"; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; margin-right: 0.3em; speak: none; text-decoration: inherit; text-transform: none; } .lang-nav > .lang-text:before { content: ""; background-image: url("/https/migri.fi/documents/5202425/5208108/thin-globe-blue.svg/210d9413-1735-0942-60d1-4daf2b65ae49?t=1669971603855"); background-repeat: no-repeat; background-position: center center; background-size: contain; width: 1.5rem; display: inline-block; height: 1.5rem; margin-right: 0.5rem; top: 0.35rem; left: 0; position: relative; } .top-frame .portlet-boundary.portlet-barebone:not(.portlet-blogs):not(.social-share) .portlet .portlet-header:not(.use-custom-title) { position: absolute; z-index: 1; } .portlet-body { position: relative !important; } .portlet-body .subscribe-action { top: -4.5rem !important; } ul.list-unstyled.list-inline.icons__direction--rtl { display: flex; justify-content: flex-start; margin: 0; padding: 0; } ul.list-unstyled.list-inline.icons__direction--rtl > li { margin: 0; padding: 0; } ul.list-unstyled.list-inline.icons__direction--rtl > li > a { margin: 0; padding: 0; display: block; } ul.list-unstyled.list-inline.icons__direction--rtl > li > a > svg { width: 2.5rem; height: 2.5rem; margin-right: 0.5rem; } footer .footer-main-content .row { justify-content: flex-end; } footer .col ul.list-unstyled.list-inline.icons__direction--rtl { margin: 0; padding: 3rem 0 0 0; } #yja-cookie-reject, .yja-cookie-dialog__theme-two a { color: #222 !important; font-weight: normal; background-color: transparent; text-decoration: underline; } #yja-cookie-accept:hover, #yja-cookie-accept:focus { text-decoration: underline; box-shadow: 0 0 0 0.2rem #3598de; } #yja-cookie-reject:hover, #yja-cookie-reject:focus, .yja-cookie-dialog__theme-two a:hover, .yja-cookie-dialog__theme-two a:focus { color: #003da5 !important; background-color: transparent; text-decoration: underline; box-shadow: 0 0 0 0.2rem #3598de; } .site-theme.top-frame .a11y-navigation *:focus { outline: 2px solid #003da5; } .top-frame .a11y-navigation .a11y-nav__sub { z-index: 1000 !important; } html body .journal-content-article ul:not(.linkList--twoColumns,.heroCards) li a { text-decoration: underline; } .btn-primary#yja-cookie-manage:focus { box-shadow: 0 0 0 0.2rem #c30; } .hero-heading-migri { margin-bottom: 0 !important; } .fessWrapper .searchButton:focus { box-shadow: 0 0 0 0.2rem #535353; } .portlet-msg-info { hyphens: auto; } html body .journal-content-article .column-content { margin: 1.5rem 0; } html body .journal-content-article .column-content.column-content__theme--grey { background-color: rgba(204,204,204,0.1); padding: 1.5rem 2.313rem; border: 1px solid #ccc; } html body .journal-content-article .column-content.column-content__theme--grey.column-content__padding--wide { padding: 1.5rem 2.313rem; } html body .journal-content-article .column-content.column-content__theme--grey.column-content__padding--narrow { padding: .75rem 1.25rem; } html body .journal-content-article .column-content .column--image:not(:has(figure)), html body .journal-content-article .column-content .column--image > figure { margin: -1.5rem -2.313rem; } html body .journal-content-article .links { margin: 1.5rem 0; } html body .journal-content-article .links ul { list-style-type: none; margin: 0; padding: 0; } html body .journal-content-article .links ul.links__container--horizontal { display: grid; grid-auto-rows: 1fr; gap: .75rem; } html body .journal-content-article .column-content .column-content__column .btn, html body .journal-content-article .links .btn { font-size: 1rem; padding: .75rem 1.75rem; text-decoration: none; font-weight: 700; text-align: left; } html body .journal-content-article .column-content .column-content__column .btn.btn-default, html body .journal-content-article .links .btn.btn-default { background: #59a2e1; color: #000; border: none; } html body .journal-content-article .column-content .column-content__column .btn.btn-default:hover, html body .journal-content-article .links .btn.btn-default:hover { background-color: #d9ecf9; color: #003da5; } html body .journal-content-article .links .btn { display: flex; hyphens: auto; align-items: center; height: 100%; } html body .journal-content-article .links .btn > .link--text { flex: 0 0 80%; } html body .journal-content-article .links .btn > .link--icon { margin-left: auto; } html body .journal-content-article .well { background-color: rgba(204,204,204,0.25); padding: .75rem 1.25rem; border: 1px solid #ccc; margin-bottom: 1.25rem; } .top-frame .portlet-navigation .site-theme__navigation--horizontal .list-menu { margin: calc(3.125rem / 2) 0 3.125rem 0; } .top-frame .portlet-navigation .site-theme__navigation--horizontal .list-menu ul { display: flex; gap: .75rem; } .top-frame .portlet-navigation .site-theme__navigation--horizontal .list-menu ul > li { border-left: 0 !important; border-top: 0 !important; border-bottom: 0 !important; border-right: 1px solid #c4c4c4; padding: 0.45rem 0; margin: 0; } .top-frame .portlet-navigation .site-theme__navigation--horizontal .list-menu ul > li > a { border-bottom: 0; font-size: 14px; font-weight: 400; padding: 0 .375rem 0 0 !important; } .top-frame .portlet-navigation .site-theme__navigation--horizontal .list-menu ul > li.open a, .top-frame .portlet-navigation .site-theme__navigation--horizontal .list-menu ul > li.selected a { font-weight: 700; color: #003da5; } .top-frame .portlet-navigation .site-theme__navigation--horizontal .list-menu ul > li:last-child { border-right: 0; } .top-frame .portlet-navigation .site-theme__navigation--horizontal .list-menu ul > li> ul { display: none !important; } .top-frame .journal-content-article .landingpage-lift-wrapper > ul { padding-left: 0; margin-left: 0; list-style-type: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.75rem; } .top-frame .journal-content-article .landingpage-lift-wrapper > ul > li.landingpage-lift .landing-page-title { margin-bottom: 0; } .top-frame .journal-content-article .landingpage-lift-wrapper > ul > li.landingpage-lift .landing-page-title > a.landingpage-lift-link { color: #000; text-decoration: none; font-weight: 700; } .top-frame .section--employer .journal-content-article h1, .top-frame .section--employer .journal-content-article h2 { font-family: 'Noto Sans'; font-style: normal; font-weight: 400; letter-spacing: -0.01em; color: #003da5; line-height: 1.361; } .top-frame .section--employer .journal-content-article h1 { font-size: 3rem; } .top-frame .section--employer .journal-content-article h2 { font-size: 2.25rem; } .top-frame .section--employer .journal-content-article p.lead { font-size: 1.5rem; } @media (max-width: 600px) { .site-theme.top-frame h1 { font-size: 1.7rem; } .site-theme.top-frame .linkList--twoColumns li { padding: 0 !important; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .mediaItemGrid .mediaItem { flex: 1 1 100%; padding-left: 0 !important; padding-right: 0 !important; border-right: none !important; margin-bottom: 1.5rem; } } @media (max-width: 980px) { .site-theme.top-frame #main-content:not(.landingpage-layout-container), .site-theme.top-frame .landingpage-layout, .site-theme.top-frame .layout-wrapper-wide-container { padding-left: 10px; padding-right: 10px; } .site-theme .portlet-breadcrumb ul.breadcrumb { padding-left: 10px; padding-right: 10px; } .site-theme.top-frame #footer .footer-main-content { padding-left: 1rem; padding-right: 1rem; } .header-top-bar .layout-wrapper-wide-container { width: 100%; } .has1 .haluan-hakea__category-list__block, .has12 .haluan-hakea__category-list__block, .has15 .haluan-hakea__category-list__block, .has2 .haluan-hakea__category-list__block, .has3 .haluan-hakea__category-list__block, .has6 .haluan-hakea__category-list__block, .has9 .haluan-hakea__category-list__block { height: 185px; width: 50%; float: left; padding: 15px; margin: 0; } .has_15, .has_12, .has_3, .has_6, .has_9 { width: 100%; } .has_12 .haluan-hakea__category-list__block, .has_15 .haluan-hakea__category-list__block, .has_3 .haluan-hakea__category-list__block, .has_6 .haluan-hakea__category-list__block, .has_9 .haluan-hakea__category-list__block { width: 50%; } .has_2 { width: 100%; } .has_2 .haluan-hakea__category-list__block { width: 50%; } .has_1 { width: 50%; } .has_1 .haluan-hakea__category-list__block { width: 100%; } } @media (max-width: 767px) { .site-theme.top-frame #heading { } .site-theme.top-frame #heading .header-top-right-area { text-align: left; margin-top: 2rem; } .infograph-wrapper { max-width: 400px; font-size: 1em !important; } .infograph-wrapper .infograph-tooltip { display: none; padding: 1.93333em; background: rgba(lighten(white, 5), 0.95); text-align: left; position: fixed; z-index: 3; border: 3px solid rgba($secondaryColor, 1); bottom: auto !important; top: 50% !important; left: 50% !important; width: 90% !important; } .infograph-wrapper .infograph-tooltip.top-arrow { } .infograph-wrapper .infograph-tooltip.top-arrow:after, .infograph-wrapper .infograph-tooltip.top-arrow:before { display: none; } .infograph-wrapper .infograph-tooltip.bottom-arrow { } .infograph-wrapper .infograph-tooltip.bottom-arrow:after, .infograph-wrapper .infograph-tooltip.bottom-arrow:before { display: none; } .infograph-wrapper .infographs { width: auto; font-size: 0.8em; transform: none !important; } .infograph-wrapper .infograph-grid-item { width: 50%; margin: 0.5em 0; } .infograph-wrapper .infograph-grid-item:nth-of-type(n) { clear: none; } .infograph-wrapper .infograph-grid-item:nth-of-type(2n+1) { clear: both; } .infograph-wrapper .infograph-step { flex-flow: column; display: flex; } .infograph-wrapper .infograph-grid-item:nth-of-type(odd) { float: left; } .infograph-wrapper .infograph-grid-item:nth-of-type(odd) .step-holder { order: 1; margin: auto; } .infograph-wrapper .infograph-grid-item:nth-of-type(odd) .infograph-heading { order: 2; margin-top: 0.33333em; margin-bottom: 0.53333em; } .infograph-wrapper .infograph-grid-item:nth-of-type(odd) .infograph-text { order: 3; } .infograph-wrapper .infograph-grid-item:nth-of-type(odd) .infopath { background-image: url("/https/migri.fi/documents/5202425/15345026/line-to-right.png?t=1649754594688") !important; background-repeat: no-repeat !important; background-size: contain !important; background-position: 50% 100% !important; z-index: auto !important; top: 2.3em !important; left: 5.5em !important; } .infograph-wrapper .infograph-grid-item:nth-of-type(even) { float: left; } .infograph-wrapper .infograph-grid-item:nth-of-type(even) .step-holder { order: 3; margin: auto; } .infograph-wrapper .infograph-grid-item:nth-of-type(even) .infograph-heading { order: 1; margin-bottom: 0.33333em; margin-top: 0.53333em; } .infograph-wrapper .infograph-grid-item:nth-of-type(even) .infograph-text { order: 2; } .infograph-wrapper .infograph-grid-item:nth-of-type(even) .infopath { background-image: url("/https/migri.fi/documents/5202425/15345026/line-to-left.png?t=1649754594688") !important; background-repeat: no-repeat !important; background-size: contain !important; background-position: 50% 100% !important; left: auto !important; z-index: auto !important; bottom: 1.2em !important; right: 5em !important; } } @media (min-width: 768px) { .site-theme.top-frame #heading .header-top-right-cell { vertical-align: top; } .site-theme.top-frame .logo { padding: 0.25em 0 1em; } .site-theme.top-frame .logo img { width: 350px; height: 100%; max-width: 500px; max-height: 300px; position: relative; top: -20px; } .site-theme.top-frame .newsroom .blog__list:nth-child(odd) { margin-left: 0 !important; } .site-theme.top-frame .newsroom hr { display: block; } .site-theme.top-frame .newsroom .video__listing.gi .video__item:nth-child(odd) { margin-left: 0 !important; } .site-theme.top-frame .newsroom .u-flexGallery .u-flexGallery--w2_6 { width: 48.5%; } .col-md-9 { } .col-md-9 .infograph-wrapper { } .col-md-9 .infograph-wrapper .infograph-grid-item:nth-child(4), .col-md-9 .infograph-wrapper .infograph-grid-item:nth-child(8) { } .col-md-9 .infograph-wrapper .infograph-grid-item:nth-child(4) .infopath, .col-md-9 .infograph-wrapper .infograph-grid-item:nth-child(8) .infopath { max-width: 123px; } html body .journal-content-article .column-content .column--image:is(:first-child):not(:has(figure)):has(+.column-content__column), html body .journal-content-article .column-content .column--image:is(:first-child):has(+.column-content__column) figure { margin-right: 0; } html body .journal-content-article .column-content .column-content__column + .column--image:has(:not(figure)), html body .journal-content-article .column-content .column-content__column + .column--image > figure { margin-left: 0; } } @media (max-width: 768px) { .landingpage-layout { padding: 0 1em; } .hero { padding: 1.25rem 0; } .card--wide { width: 95%; } .site-theme.top-frame .heroCards li { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-top: 0; margin-bottom: 1rem; } .site-theme.top-frame .heroCards--dual { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -200px; } .site-theme.top-frame .heroCards--dual li { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-top: 0; margin-bottom: 1rem; } .site-theme.top-frame .heroCards--dual li .card { margin: 0 20px !important; } .site-theme.top-frame #banner .header-top-bar .header-top-bar-links-lang { display: block !important; width: 100%; flex-basis: auto !important; } .site-theme.top-frame .header-top-bar-links-right { padding-right: 65px; } .site-theme.top-frame #heading .header-row, .top-frame #banner { padding-bottom: 0; } .has_1 { width: 50%; } .haluan-hakea__category-list__block { width: 50%; } .has_1, .has_12, .has_15, .has_2, .has_3, .has_6, .has_9 { width: 100% !important; } .haluan-hakea__category-list__category-wrapper { margin-top: 30px; } .calcMe_0.haluan-hakea__category-list__category-wrapper .haluan-hakea__category-list__block { width: 100% !important; } .has_1 .haluan-hakea__category-list__block, .has_12 .haluan-hakea__category-list__block, .has_15 .haluan-hakea__category-list__block, .has_2 .haluan-hakea__category-list__block, .has_3 .haluan-hakea__category-list__block, .has_6 .haluan-hakea__category-list__block, .has_9 .haluan-hakea__category-list__block { height: auto; width: 100% !important; float: left; padding: 15px; margin: 0; } .haluan-hakea__category-list__detail-content { height: auto !important; } div.top_process-content-block.full { width: 100%; float: left; } div.tp_process-header h2 { line-height: 75px !important; padding: 0 !important; margin: 0 !important; font-size: 80%; } div.top_process-content-block.half { width: 100%; float: left; } div.top_process-content-block.one_right { padding: 0; width: 100%; float: left; } div.top_process-content-block.half:first-of-type .top_process-content-block__wrapper { padding: 0; } div.top_process-content-block.one_left { padding: 0; width: 100%; float: left; } div.top_process-content-block.one_right { padding: 0; width: 100%; float: left; } div.top_process-content-block.full { padding: 0; width: 100%; float: left; } .align_right { margin: 0; } .top_process-content-block { padding-bottom: 30px !important; } div.top_process-content-block__header img.float_left { float: left; width: 100%; max-width: 60px; height: auto; position: absolute; bottom: 0; left: 15px; } div.top_process-content-block__header img.float_right { float: left !important; width: 100%; max-width: 60px; height: auto; position: absolute; bottom: -5px; left: 15px; } div.top_process-content-block.half:last-of-type .top_process-content-block__wrapper { padding: 0; } .site-theme.top-frame .newsroom .u-flexGallery .u-flexGallery--w3_12 { width: 48.5%; } .top-frame .journal-content-article .landingpage-lift-wrapper > ul { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 780px) { .site-theme.top-frame .homepage .landingpage-layout { padding: 0 1rem !important; } .site-theme .categoryList li { flex: 0 0 47%; } } @media (max-width: 400px) { .journal-content-article ul { padding-left: 10px !important; } } @media (max-width: 333px) { .journal-content-article ul { padding-left: 0 !important; margin-left: 1rem !important; } } @media (max-width: 290px) { .journal-content-article ul { margin-left: 0.2rem !important; } } @media (max-width: 555px) { .site-theme .categoryList li { flex: 0 0 100%; margin-left: 0; margin-right: 0; } } @media (max-width: 500px) { .site-theme.top-frame .heroCards--dual .card { padding: 1.2rem; } .site-theme.top-frame .feed-item.feed-item-exception .feed-item-exception-body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .site-theme.top-frame .feed-item.feed-item-exception .feed-item-exception-body .meta { padding-bottom: 0; } .site-theme.top-frame .feed-item.feed-item-exception .feed-item-exception-body h6 { padding-top: 10px; } .site-theme.top-frame .feed-item.feed-item-exception .meta { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .site-theme.top-frame .accordionHeading .order { flex: 0 0 44px; height: 44px; font-size: 20px; line-height: 42px; margin-right: 0.35rem; } .site-theme.top-frame .accordionHeading .heading { padding: 0 0.5rem 0.5rem; } .site-theme.top-frame .accordionHeading button { font-size: 16px; } .site-theme.top-frame .accordionHeading .arrow { flex: 0 0 44px; } .tabPanel__content { padding: 1rem; } } @media (max-width: 580px) { .site-theme .mediaItem--verticalCenter { flex-flow: column-reverse; align-items: flex-start; } } @media (min-width: 531px) { .site-theme.top-frame #banner .header-top-bar { text-align: right; } } @media (max-width: 530px) { .header-top-bar .layout-wrapper-wide-container { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; flex-wrap: wrap; } .site-theme.top-frame #banner .header-top-bar .header-top-bar-links-lang { -webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; } .site-theme.top-frame #banner .header-top-bar .header-top-bar-links-lang ul { padding: 0.5em 0.2em 0.4em 0.7em; } .site-theme.top-frame #banner .header-top-bar .header-top-bar-links-lang ul li { border-right: none; margin-bottom: 4px; } .site-theme.top-frame .header-top-bar-links-right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .top-frame #banner .header-top-bar-links-right > div > ul > li { margin: 0 0.4rem 0.4rem 0.4rem !important; font-size: 0.8rem; } .top-frame #banner .header-top-bar-links-right > div > ul > li:last-child:before { left: 0; } } @media (min-width: 992px) { .site-theme.top-frame .footer-bottom-columns .footer-bottom-col-last { position: relative; margin-top: 1em; } .ie11.site-theme.top-frame .footer-bottom-columns .footer-bottom-col-last { margin-top: 0; top: -5rem; } } @media (max-width: 645px) { .site-theme.top-frame .footer-bottom-columns { -ms-flex-wrap: wrap; flex-wrap: wrap; } .site-theme.top-frame .footer-bottom-columns .footer-bottom-col-copy { margin-left: 0; margin-top: 1rem; } .site-theme.top-frame .footer-bottom-columns .footer-bottom-col-logo { margin-bottom: 1rem; } } @media (min-width: 530px) { .site-theme .mobile-menu-actions { top: -1px; right: 0; } } @media (max-width: 640px) { .haluan-hakea__category-list__block { width: 100%; } } @media (min-width: 521px) { .site-theme.top-frame .newsroom .feeds__lift--half { width: 48.5%; } } @media (max-width: 550px) { .site-theme.top-frame .newsroom .lifts--svgs .lift__item { width: 48.5%; } } @media (min-width: 551px) { .site-theme.top-frame .newsroom .lifts--svgs .lift__item { width: 31.5%; } } @media (min-width: 930px) { .site-theme.top-frame .newsroom .lifts--svgs .lift__item { width: 18.5%; } } @media (max-width: 787px) { .site-theme.top-frame .newsroom .gi-content--w9_12 .journal-content-article { width: 100%; } .site-theme.top-frame .newsroom .g-content--w9_12 { width: 100%; } } @media (min-width: 400px) { .site-theme.top-frame .newsroom .u-flexGallery .u-flexGallery__item { margin-left: 3%; } } @media (min-width: 400px) and (max-width: 1023px) { .site-theme.top-frame .newsroom .u-flexGallery .u-flexGallery__item:nth-of-type(2n+1) { margin-left: 0; } } @media (min-width: 1024px) { .site-theme.top-frame .newsroom .u-flexGallery .u-flexGallery__item:nth-of-type(4n+1) { margin-left: 0; } .site-theme.top-frame .newsroom .u-flexGallery .u-flexGallery__item { margin-left: 0; } } @media (max-width: 1023px) { .site-theme.top-frame .newsroom .u-flexGallery .u-flexGallery--w4_12 { width: 48.5%; } } @media (max-width: 399px) { .site-theme.top-frame .newsroom .u-flexGallery .u-flexGallery--w4_12 { width: 100%; } } @media (max-width: 450px) { .site-theme.top-frame .newsroom .u-flexGallery .u-flexGallery--w3_12 { width: 100%; } .top-frame .journal-content-article .landingpage-lift-wrapper > ul { grid-template-columns: repeat(1, 1fr); } } @media (min-width: 769px) { .site-theme.top-frame .newsroom .gi { display: flex; } .site-theme.top-frame .newsroom .gi > div { margin-left: 2.5%; } .site-theme.top-frame .newsroom .gi > div:first-child { margin-left: 0; } .site-theme.top-frame .newsroom .g-w3_12 { max-width: 31.5%; flex: 0 0 31.5%; } .site-theme.top-frame .newsroom .g-w4_12 { max-width: 37.5%; flex: 0 0 37.5%; } .site-theme.top-frame .newsroom .g-w6_12 { max-width: 47.5%; flex: 0 0 47.5%; } .site-theme.top-frame .newsroom .g-w8_12 { max-width: 58.5%; flex: 0 0 58.5%; } .site-theme.top-frame .newsroom .g-w9_12 { width: 72.5%; flex: 0 0 72.5%; } } @media (min-width: 960px) { .t2m-wrap { max-width: 600px; } .float-right { right: 20px !important; } } @media (max-width: 480px) { nav.link-highlights ul li { padding: 2rem; } nav.link-highlights ul li > .title { order: 2; width: 100%; } nav.link-highlights ul li > .image-wrapper { order: 1; width: 100%; margin-bottom: 1rem; } nav.link-highlights ul li > .text-wrapper { order: 3; width: 100%; } .top-frame .journal-content-article .landingpage-lift-wrapper > ul > li.landingpage-lift { margin-left: 0 !important; width: 100%; } .top-frame .journal-content-article .landingpage-lift-wrapper > ul > li.landingpage-lift:nth-child(2n) { margin-left: 0 !important; } } @media (max-width: 768.1px) { html body .journal-content-article .column-content .column-content__column { margin-bottom: 1.5rem; } html body .journal-content-article .column-content .column--image:is(:first-child):has(+.column-content__column) { margin-bottom: 3rem; } } @media (min-width: 768.1px) { html body .journal-content-article .column-content { display: grid; gap: 2.313rem; } html body .journal-content-article .column-content.column-content__layout--1-2 { grid-template-columns: 3.333fr 6.6666fr; } html body .journal-content-article .column-content.column-content__layout--2-1 { grid-template-columns: 6.66666fr 3.33333fr; } html body .journal-content-article .column-content.column-content__layout--full { grid-template-columns: 1fr; } } @media (max-width: 499.9px) { html body .journal-content-article .links ul.links__container--horizontal { grid-template-columns: 1; } } @media (min-width: 500px) { html body .journal-content-article .links ul.links__container--horizontal { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 990px) { html body .journal-content-article .links ul.links__container--horizontal { grid-template-columns: repeat(3, 1fr); } }