@import url('/o/common-ui-resources/fonts/open-sans/main.css'); .top-frame body { font-size: 100%; color: #111; font-family: "Open sans",Helvetica,Arial,sans-serif; line-height: 1.5; } .top-frame a { color: #00374e; } .top-frame a:hover, .top-frame a:focus { color: #00374e; } .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: #00374e; font-weight: normal; font-style: normal; font-family: "Open 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 transparent; background: #00374e; color: #fff; } .top-frame .btn.btn-default:hover { background: #00374e; } .top-frame .btn.btn-primary, .top-frame .btn.search-form_submit { background-color: #00374e; color: white; } .top-frame .btn.btn-primary:hover, .top-frame .btn.search-form_submit:hover { background-color: #003146; } .top-frame .btn.search-form_submit { border-color: #00374e; } .top-frame .yja-category-group, .top-frame .yja-tag-group { display: inline; } .top-frame .label, .top-frame .yja-tag { text-transform: uppercase; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .top-frame .badge:not(.error-notice), .top-frame .label, .top-frame .yja-tag { border: 1px solid #111; } .top-frame .portlet-navigation .nav-menu ul a { color: #111; } .top-frame .portlet-navigation .nav-menu ul ul a { color: #131313; } .top-frame .portlet-navigation .nav-menu > ul > li { color: #131313; } .top-frame .events .event-highlight { font-size: 1.1em; border-top: solid 1px #00374e; } .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 #00374e; } .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: #00374e; display: block; position: relative; } .top-frame .events.event-search-portlet .event-list-wrapper > .span12 > .span3 { background: #00374e; } .top-frame .events.event-search-portlet .event-list-wrapper { border-color: #00374e; } .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: #00374e; 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 #00374e; border-right: 1px solid #00374e; border-left: 1px solid #00374e; 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: #00374e; } .top-frame #scrollToTop { color: #fff; background: #00374e; } .top-frame #scrollToTop:hover { background: #003146; } .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: #00374e; color: white !important; } .top-frame #banner .language-version-selection-portlet .lang-nav ul { background: #00374e; } .top-frame .media-item .small figure { float: left; margin-right: 1em; } .top-frame .media-item .dark-link { color: #111; } .top-frame .media-item .dark-link:hover { text-decoration: none; } .top-frame .media-item h2 { margin-bottom: 0; } .top-frame .media-item h2 a { color: #00374e; } .top-frame .media-item .meta { margin-bottom: em(5px); color: #141414; font-size: .9em; } .top-frame .feed-item.simple .meta { color: #141414; font-size: .9em; } .top-frame .feed-item.simple h6 a { color: #111; } .top-frame ul.position-nav li.selected { background: #00374e; } .top-frame ul.position-nav li.selected:hover { background-color: #00374e; } .top-frame .carousel .description { font-family: "Open sans",Helvetica,Arial,sans-serif; font-weight: normal; } .panel.border-top-emphasis { border-top: solid 4px #00374e; } .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: #3a3a3a; } .top-frame #banner a { color: #3a3a3a; } .top-frame #heading { height: auto; padding: 0; } .top-frame #heading .yja-site-template-settings-header-portlet { height: 100%; } .top-frame #heading .yja-site-template-settings-header-portlet .portlet-borderless-container, .top-frame #heading .yja-site-template-settings-header-portlet .portlet-body, .top-frame #heading .yja-site-template-settings-header-portlet .header-row { height: 100%; } .top-frame #heading .yja-site-template-settings-header-portlet .header-top-left-cell, .top-frame #heading .yja-site-template-settings-header-portlet .header-top-right-cell { align-self: center; } .top-frame #banner nav ul.site-theme__navigation { background-color: transparent; color: #00374e; } .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: #00374e; 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: #003146; } .top-frame #banner nav a { color: #00374e; } .top-frame #banner nav.fixed { background: transparent; } .top-frame #footer { background-image: url('data:image/svg+xml,data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg"/%3E'); background-repeat: repeat; background-size: initial; background-position: center top; background-color: #00374e; color: #fff; } .top-frame #footer a { color: #fff; } .top-frame #footer .footer-bottom-bar { background-color: #f6f6f7; } .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: #f2efea; } .top-frame .homepage .layout-wrapper-wide *, .top-frame .homepage .layout-wrapper-wide .carousel-wrapper ul li h3 a .description { color: #111; } .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: #111; } .mobile-menu-actions a { color: #00374e; } .mobile-menu-actions a.menu-icon { font-family: "Open sans",Helvetica,Arial,sans-serif; } .mobile-menu-actions a:active, .mobile-menu-actions a:focus, .mobile-menu-actions a:hover { color: #00374e; } .mm-menu { border-color: #00374e; } .mm-menu a { color: white; } .mm-menu a:hover, .mm-menu a:focus { color: white; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 300; src: url("/documents/25249352/25885245/source-sans-pro-v13-latin-300.eot?t=1649764681283"); src: local("Source Sans Pro Light"),local("SourceSansPro-Light"),url("/documents/25249352/25885245/source-sans-pro-v13-latin-300.eot?#iefix?t=1649764681283") format("embedded-opentype"),url("/documents/25249352/25885245/source-sans-pro-v13-latin-300.woff2?t=1649764681283") format("woff2"),url("/documents/25249352/25885245/source-sans-pro-v13-latin-300.woff?t=1649764681283") format("woff"),url("/documents/25249352/25885245/source-sans-pro-v13-latin-300.ttf?t=1649764681283") format("truetype"),url("/documents/25249352/25885245/source-sans-pro-v13-latin-300.svg#SourceSansPro?t=1649764681283") format("svg"); } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 400; src: url("/documents/25249352/25885245/source-sans-pro-v13-latin-regular.eot?t=1649764681283"); src: local("Source Sans Pro Regular"),local("SourceSansPro-Regular"),url("/documents/25249352/25885245/source-sans-pro-v13-latin-regular.eot?#iefix?t=1649764681283") format("embedded-opentype"),url("/documents/25249352/25885245/source-sans-pro-v13-latin-regular.woff2?t=1649764681283") format("woff2"),url("/documents/25249352/25885245/source-sans-pro-v13-latin-regular.woff?t=1649764681283") format("woff"),url("/documents/25249352/25885245/source-sans-pro-v13-latin-regular.ttf?t=1649764681283") format("truetype"),url("/documents/25249352/25885245/source-sans-pro-v13-latin-regular.svg#SourceSansPro?t=1649764681283") format("svg"); } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 600; src: url("/documents/25249352/25885245/source-sans-pro-v13-latin-600.eot?t=1649764681283"); src: local("Source Sans Pro SemiBold"),local("SourceSansPro-SemiBold"),url("/documents/25249352/25885245/source-sans-pro-v13-latin-600.eot?#iefix?t=1649764681283") format("embedded-opentype"),url("/documents/25249352/25885245/source-sans-pro-v13-latin-600.woff2?t=1649764681283") format("woff2"),url("/documents/25249352/25885245/source-sans-pro-v13-latin-600.woff?t=1649764681283") format("woff"),url("/documents/25249352/25885245/source-sans-pro-v13-latin-600.ttf?t=1649764681283") format("truetype"),url("/documents/25249352/25885245/source-sans-pro-v13-latin-600.svg#SourceSansPro?t=1649764681283") format("svg"); } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 700; src: url("/documents/25249352/25885245/source-sans-pro-v13-latin-700.eot?t=1649764681283"); src: local("Source Sans Pro Bold"),local("SourceSansPro-Bold"),url("/documents/25249352/25885245/source-sans-pro-v13-latin-700.eot?#iefix?t=1649764681283") format("embedded-opentype"),url("/documents/25249352/25885245/source-sans-pro-v13-latin-700.woff2?t=1649764681283") format("woff2"),url("/documents/25249352/25885245/source-sans-pro-v13-latin-700.woff?t=1649764681283") format("woff"),url("/documents/25249352/25885245/source-sans-pro-v13-latin-700.ttf?t=1649764681283") format("truetype"),url("/documents/25249352/25885245/source-sans-pro-v13-latin-700.svg#SourceSansPro?t=1649764681283") format("svg"); } .lfr-add-panel .add-content-menu h1 { position: inherit !important; margin-top: 0 !important; display: inline-block !important; } .modal-content .modal-header h3 { position: inherit; margin-top: 0; display: inline-block; } .modal-content .modal-header h3:before { content: ""; display: none; } .signed-out .portlet-borderless-bar { display: none; } .site-theme.top-frame .article-form-edit a.btn { display: inline-block; padding: 4px 12px; margin-bottom: 0; font-size: 15px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333; background-color: #eaeaea; border: 1px solid #cfcfcf; text-transform: none; } .site-theme.top-frame .portlet-borderless-bar { font-family: "Source Sans Pro",Helvetica,Arial,sans-serif; } .site-theme.top-frame .portlet-asset-publisher .asset-full-content .lfr-meta-actions.asset-actions { float: none; } .site-theme.top-frame .portlet-dockbar { z-index: 10; } .site-theme.top-frame body { font-family: "Source Sans Pro",Helvetica,Arial,sans-serif; } .site-theme.top-frame body a { text-decoration: none; } .site-theme.top-frame body a:hover, .site-theme.top-frame body a:active { text-decoration: underline; } .site-theme.top-frame body a:focus { outline: 1px dotted #00374e; outline: 5px auto -webkit-focus-ring-color; text-decoration: underline !important; } .site-theme.top-frame body > .mm-page, .site-theme.top-frame body > #footer, .site-theme.top-frame body h1, .site-theme.top-frame body h2, .site-theme.top-frame body h3, .site-theme.top-frame body h4, .site-theme.top-frame body h5, .site-theme.top-frame body h6, .site-theme.top-frame body .h1, .site-theme.top-frame body .h2, .site-theme.top-frame body .h3, .site-theme.top-frame body .h4, .site-theme.top-frame body .h5, .site-theme.top-frame body .h6 { font-family: "Source Sans Pro",Helvetica,Arial,sans-serif; } .site-theme.top-frame body #main-content, .site-theme.top-frame body #content { padding-left: 0; padding-right: 0; } .site-theme.top-frame body #content { padding-top: 4rem; } .site-theme.top-frame body #content > div > .layout-wrapper > .portlet-layout.row { margin-right: 0; margin-left: 0; } .site-theme.top-frame body #content > div > .layout-wrapper > .portlet-layout.row > div[class*="col-"]:first-child { padding-left: 0; } .site-theme.top-frame body #content > div > .layout-wrapper > .portlet-layout.row > div[class*="col-"]:last-child { padding-right: 0; } .site-theme.top-frame body #content > div > .layout-wrapper-wide > .layout-wrapper-wide-container > .portlet-layout.row { margin-right: 0; margin-left: 0; } .site-theme.top-frame body #content > div > .layout-wrapper-wide > .layout-wrapper-wide-container > .portlet-layout.row > div[class*="col-"]:first-child { padding-left: 0; } .site-theme.top-frame body #content > div > .layout-wrapper-wide > .layout-wrapper-wide-container > .portlet-layout.row > div[class*="col-"]:last-child { padding-right: 0; } .site-theme.top-frame body #content #main-content .portlet-layout.row { margin-bottom: 1rem; } .site-theme.top-frame body #content #main-content .portlet-layout.row:last-child { margin-bottom: 0; } .site-theme.top-frame body #content .portlet-column-content > .portlet-boundary { margin-bottom: 2rem; } .site-theme.top-frame body #content .portlet-column-content > .portlet-boundary:last-child { margin-bottom: 0; } .site-theme.top-frame body #content .portlet-content > .portlet-header .portlet-title-text { white-space: break-spaces; } .site-theme.top-frame body #content .portlet-content > .portlet-header h2, .site-theme.top-frame body #content .portlet-content > .portlet-header h3 { max-width: 100%; margin: 0; padding-top: 0.875rem; padding-bottom: 0.875rem; font-weight: 400; } .site-theme.top-frame body #content .portlet-content > .portlet-header h2 { font-size: 2rem; line-height: 1.05882; } .site-theme.top-frame body #content .portlet-content > .portlet-header h3 { font-size: 2rem; font-weight: 600; line-height: 1.5; text-align: center; } .site-theme.top-frame body .journal-content-article h1, .site-theme.top-frame body .journal-content-article h2, .site-theme.top-frame body .journal-content-article h3, .site-theme.top-frame body .journal-content-article h4, .site-theme.top-frame body .journal-content-article h5, .site-theme.top-frame body .journal-content-article p, .site-theme.top-frame body .journal-content-article a, .site-theme.top-frame body .journal-content-article li { hyphens: auto; word-break: break-word; } .site-theme.top-frame .yvv-highlight-links { max-width: 90rem; margin: 2rem auto 4rem !important; } .site-theme.top-frame .yvv-highlight-links ul { list-style: none; margin: 0 2rem 2rem 1rem !important; padding: 0; display: grid; grid-template-columns: repeat(1, 1fr); grid-column-gap: 1rem; grid-template-rows: repeat(1, 1fr); grid-row-gap: 1rem; justify-items: center; grid-template-columns: repeat(1, 1fr); } .site-theme.top-frame .yvv-highlight-links ul li { width: 100%; list-style: none; margin: 0; } .site-theme.top-frame .yvv-highlight-links ul li a { display: flex; justify-content: center; align-items: center; background-color: #dad4d2; color: #00374e; font-weight: 600; padding: 0.8rem 1.5rem; font-size: 1.4rem; height: 100%; min-height: 8rem; text-decoration: none !important; border: 1px solid #dad4d2; text-align: center; word-break: auto-phrase; } .site-theme.top-frame .yvv-highlight-links ul li a:focus, .site-theme.top-frame .yvv-highlight-links ul li a:hover, .site-theme.top-frame .yvv-highlight-links ul li a:active { text-decoration: underline !important; background-color: #dad4d2 !important; color: #00374e !important; border: 1px solid #00374e; } .site-theme.top-frame #banner { position: relative; width: 100%; margin: 0 auto; } .site-theme.top-frame #banner #heading { padding: 0; } .site-theme.top-frame #banner #heading .yja-site-template-settings-header-portlet > .portlet { position: static; margin-bottom: 0; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar { margin: 0 auto; padding: 0; color: #fff; background-color: #00374e; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container { display: flex; flex-flow: row wrap; justify-content: flex-end; padding: 0 2rem; margin: 0 0 0 auto; line-height: 1.25; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container > div { display: flex; flex-flow: column nowrap; justify-content: center; padding: 0.75rem 0; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .lang-nav { margin-left: 3rem; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .lang-nav li { font-size: 1rem; font-weight: 900; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .lang-nav a { color: #fff; font-weight: 400; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul { margin: -1px 0 0 4rem; padding: 0; font-weight: 900; line-height: 1.25; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul li { position: relative; padding-right: 0.375rem; margin-right: 0.375rem; font-size: 1rem; color: #fff; border-width: 0; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul li:last-child { padding-right: 0; margin-right: 0; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul li.currentLan { text-decoration: underline; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul li a { color: #fff; font-weight: 400; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul li button.toggleVisibility { display: inline-block; background: transparent; border-width: 0; padding: 0; color: #fff; font-weight: 900; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul li button.toggleVisibility #chevron { padding: 0.25rem 0.375rem; font-size: 0.75rem; float: right; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul li > ul { display: flex; flex-flow: row wrap; justify-content: flex-start; position: absolute; right: 0; top: 1.5rem; width: 33rem; height: auto; margin: 0; padding: 1rem; background-color: #fff; border-width: 1px; border-style: solid; border-color: #00374e; text-align: center !important; z-index: 4; visibility: hidden; opacity: 0; transition: opacity 150ms linear; box-shadow: 0 6px 10px -6px rgba(0,0,0,0.3); } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul li > ul > li { width: 33.3333%; margin: 0; padding: 0; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul li > ul > li > a { display: block; margin: 0; padding: 0.375rem 0.25rem; color: #00374e; font-weight: 600; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul li > ul > li.revert-font > a { font-family: "Source Sans Pro",Helvetica,Arial,sans-serif; font-weight: 600; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul li.open ul { visibility: visible; opacity: 1; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-right { position: relative; top: 0; right: 0; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-right div { display: flex; flex-flow: row nowrap; justify-content: end; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-right div ul { display: flex; flex-flow: row nowrap; list-style: none; margin: 0; justify-content: center; padding: 0.75rem 0; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-right div ul li { margin: 0 1rem 0 0; font-weight: 900; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-right div ul li:last-child { margin-right: 0; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-right div ul li a { color: #fff; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-right div ul li a:before { color: #fff; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-right div ul.top-bar-some-list li { margin-right: 0.4rem; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-right div ul.top-bar-some-list li a { text-align: center; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-right div ul.top-bar-some-list li a:before { display: block; padding: 0.2rem; width: 2rem; height: 2rem; color: #00374e; background-color: #fff; border-radius: 1rem; border: 1px solid transparent; font-size: 1.2rem; line-height: 1.3; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-right div ul.top-bar-some-list li a:hover:before, .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-right div ul.top-bar-some-list li a:focus:before { color: #fff !important; background-color: #00374e; border: 1px solid #fff; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-right div ul.top-bar-link-list { margin-left: 3rem; display: flex; flex-flow: column nowrap; justify-content: center; padding: 0.75rem 0; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row { background-color: transparent; display: block; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div[class*="span"] { display: block; background-color: transparent; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-7 a.logo img { max-height: 3rem; margin: 1rem !important; padding: 0 1rem 0 0; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-7 #service-screenSM-search, .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-7 #service-screenSM-search > span { display: none; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 { position: absolute; display: none; bottom: 0; right: 0; width: 250px; max-width: 250px; flex: 0 0 250px; height: auto; background-color: transparent; z-index: 2; opacity: 0; transition: 0.1s linear opacity; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5.search-visible { display: block; opacity: 1; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 .header-top-right-area { margin: 0; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 .header-top-right-area form.search-form { position: relative; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 .header-top-right-area form.search-form:after { content: "\f002"; position: absolute; display: block; top: 0.125rem; right: 0; width: 2.5rem; height: 2.5rem; padding: 0.375rem; color: #00374e; text-align: center; text-transform: none; font-size: 1.5rem; font-family: "fontawesome-alloy"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; z-index: 4; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 .header-top-right-area form.search-form > .input-group { flex-flow: row nowrap; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 .header-top-right-area form.search-form > .input-group > input.search-query { margin: 0; padding: 0.6125rem 2.5rem 0.6125rem 1.25rem; background-color: #fff; color: #00374e; border-color: #757575; border-radius: 1.5rem; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 .header-top-right-area form.search-form > .input-group > .input-group-append { position: absolute; display: block; top: 0; right: 0.5rem; width: 2.5rem; height: 2.5rem; z-index: 5; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 .header-top-right-area form.search-form > .input-group > .input-group-append > .btn { display: block; width: 100%; height: 100%; padding: 0; margin: 0; border: none; color: #00374e; background-color: transparent; border-radius: 1rem; box-shadow: none; overflow: hidden; text-indent: 3rem; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 .header-top-right-area form.search-form > .input-group > .input-group-append > .btn:focus { outline: 2px black auto; right: -0.4rem; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 a.header-advanced-search-link { display: none !important; margin-right: 7.5rem; } .site-theme.top-frame #banner #heading > h1 { position: absolute; top: 2rem; left: 0; margin: 0; height: 3.125rem; width: 22.25rem; z-index: 4; } .site-theme.top-frame #banner #heading > h1 a { display: block; width: 100%; height: 100%; padding: 0; } .site-theme.top-frame #banner #heading > h1 a:focus { outline: 1px dotted #fff; outline-offset: -1px; } .site-theme.top-frame .screenSM-menu-actions a, .site-theme.top-frame .screenSM-menu-actions button { color: #00374e; } .site-theme.top-frame #banner nav { width: 100%; max-width: 75vw; } .site-theme.top-frame #banner nav.main-nav { margin: 0 auto; padding: 1rem 0; } .site-theme.top-frame #banner nav > ul { position: relative; max-width: 100%; min-height: 3.8125rem; margin: 0; padding: 0 0 0 325px; display: flex; flex-flow: row wrap; justify-content: flex-end; align-content: stretch; z-index: 3; } .site-theme.top-frame #banner nav > ul > li { flex: 0 1 auto; display: flex; flex-flow: row nowrap; justify-content: center; height: 2.5rem; padding: 0; margin: 0; } .site-theme.top-frame #banner nav > ul > li#layout_000 { position: absolute; top: -6rem; left: 0; width: 326px; height: 204px; margin: 0; text-indent: -9999rem; background-size: auto 204px; background-repeat: no-repeat; } .site-theme.top-frame #banner nav > ul > li#layout_000 a { width: 100%; padding: 0 !important; } .site-theme.top-frame #banner nav > ul > li#layout_000 a:focus { outline: 1px dotted #00374e; } .site-theme.top-frame #banner nav > ul > li:last-child { margin: 0; } .site-theme.top-frame #banner nav > ul > li:last-child button#search-toggler { position: relative; width: 1.75rem; height: 100%; font-size: 1.25rem; text-align: right; background-color: transparent; border-style: none; border-width: 0; border-color: transparent; color: #00374e; overflow: visible; cursor: pointer; } .site-theme.top-frame #banner nav > ul > li:last-child button#search-toggler:before { position: absolute; display: block; left: 0; top: 50%; width: 100%; height: 100%; margin-top: -0.75rem; margin-left: -0.375rem; line-height: 1.2; } .site-theme.top-frame #banner nav > ul > li:last-child button#search-toggler span { display: inline-block; text-indent: -9999rem; overflow: hidden; } .site-theme.top-frame #banner nav > ul > li:last-child button#search-toggler .tooltip { font-size: 1.125rem; } .site-theme.top-frame #banner nav > ul > li > a { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; color: #00374e; height: 100%; padding: 0 0.375rem; font-size: 1.3rem; letter-spacing: 0.04rem; font-weight: 400; line-height: 1.25; white-space: nowrap; } .site-theme.top-frame #banner nav > ul > li > a.hasChildren { padding-right: 0; } .site-theme.top-frame #banner nav > ul > li > a span { text-decoration: none; } .site-theme.top-frame #banner nav > ul > li > a:hover span, .site-theme.top-frame #banner nav > ul > li > a:focus span { text-decoration: underline; } .site-theme.top-frame #banner nav > ul > li .toggleVisibility { position: relative; display: inline-block; width: 2rem; height: 100%; margin: 0; padding: 0 0.375rem 0 0.125rem; text-align: center; border: none; color: #00374e; background-color: transparent; z-index: 2; } .site-theme.top-frame #banner nav > ul > li .toggleVisibility:before { display: block; top: 50%; margin-top: 0.25rem; font-size: 0.75rem; } .site-theme.top-frame #banner nav > ul > li .toggleVisibility:focus { outline: 1px dotted #00374e; } .site-theme.top-frame #banner nav > ul > li.hasChildren > a { padding-right: 0; } .site-theme.top-frame #banner nav > ul > li.hasChildren > .toggleVisibility:before { margin-top: 0; } .site-theme.top-frame #banner nav > ul > li .a11y-toggler { padding-left: 0; margin-right: 1rem !important; cursor: pointer; } .site-theme.top-frame #banner nav > ul > li .a11y-toggler .icon.icon-plus:before { content: "\f063"; } .site-theme.top-frame #banner nav > ul > li .a11y-toggler .icon.icon-minus:before { content: "\f062"; } .site-theme.top-frame #banner nav > ul > li.selected { background-color: transparent; } .site-theme.top-frame #banner nav > ul > li.selected a span { color: #00374e; border-bottom: 1px solid #00374e; } .site-theme.top-frame #banner nav > ul > li.selected a:hover { background-color: transparent; } .site-theme.top-frame #banner nav > ul > li.selected ul li a { color: #00374e !important; border-bottom: none; } .site-theme.top-frame #banner nav > ul > li.selected ul li.selected { background-color: transparent; } .site-theme.top-frame #banner nav > ul > li.selected ul li.selected > a { color: #00374e; font-weight: 700; border-bottom: 1px solid #00374e; } .site-theme.top-frame #banner nav > ul > li.selected ul li.selected ul li.selected { background-color: transparent; } .site-theme.top-frame #banner nav > ul > li.selected ul li a[aria-current="page"] span { border-bottom: 1px solid #00374e; } .site-theme.top-frame #banner nav > ul > li.special-nav-open ul { visibility: visible; opacity: 1; } .site-theme.top-frame #banner nav > ul > li ul { display: flex; visibility: hidden; flex-flow: column nowrap; position: absolute; opacity: 0; top: 2.5rem; left: 0; min-width: 10.5rem; height: auto; margin: 0; background-color: #fff; z-index: 3; border-width: 1px; border-style: solid; border-color: #00374e; box-shadow: 0 6px 10px -6px rgba(0,0,0,0.3); transition: opacity 150ms ease-in; } .site-theme.top-frame #banner nav > ul > li ul li { position: static; display: flex; flex-flow: row nowrap; padding: 0; white-space: nowrap; } .site-theme.top-frame #banner nav > ul > li ul li:first-child { position: relative; } .site-theme.top-frame #banner nav > ul > li ul li a { position: relative; display: block; width: 100%; padding: 0.625rem 1rem 0.625rem 1.5rem; text-align: left; font-size: 1.125rem; font-weight: 400; color: #00374e; white-space: normal; } .site-theme.top-frame #banner nav > ul > li ul li a:before { content: "\f105"; position: absolute; display: block; left: 0.75rem; top: 0.875rem; color: #00374e; text-align: center; text-transform: none; font-family: "fontawesome-alloy"; font-size: 0.75rem; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; } .site-theme.top-frame #banner nav > ul > li ul li a.hasChildren { width: calc(100% - 1.75rem); padding-right: 0.5rem; } .site-theme.top-frame #banner nav > ul > li ul li a span { padding: 0; } .site-theme.top-frame #banner nav > ul > li ul li a:hover span, .site-theme.top-frame #banner nav > ul > li ul li a:focus span { text-decoration: underline; } .site-theme.top-frame #banner nav > ul > li ul li a:focus { outline: 1px dotted #00374e; } .site-theme.top-frame #banner nav > ul > li ul li .toggleVisibility { width: 1.75rem; height: auto; margin: 0; padding: 0.625rem 0; } .site-theme.top-frame #banner nav > ul > li ul li .toggleVisibility:before { color: #00374e; } .site-theme.top-frame #banner nav > ul > li ul li .toggleVisibility:focus { outline: 1px dotted #00374e; } .site-theme.top-frame #banner nav > ul > li ul li ul { display: none; } .site-theme.top-frame #banner nav.fixed { height: auto; margin: 0; padding: 1.5rem 0; background-color: #fff; } .site-theme.top-frame #banner nav.fixed > ul { width: 100%; max-width: 90rem; } .site-theme.top-frame #banner nav.fixed > ul li ul { top: 3rem; } .site-theme.top-frame #banner nav.fixed > ul li ul li ul { top: 0; } .site-theme.top-frame .a11y-navigation .a11y-nav__sub { right: 0; } .site-theme.top-frame #footer { background-color: #00374e !important; color: #fff !important; } .site-theme.top-frame #footer * { color: #fff !important; } .site-theme.top-frame #footer .container.footer-main-content { padding: 3rem 0 2.5rem; } .site-theme.top-frame #footer .container.footer-main-content > .row { justify-content: center; margin: 0 auto; } .site-theme.top-frame #footer .container.footer-main-content .col { padding: 0 2rem 2rem 2rem; border-right: 2px solid #00374e; font-size: 1rem; line-height: 1.5; } .site-theme.top-frame #footer .container.footer-main-content .col:first-child { padding-left: 0; } .site-theme.top-frame #footer .container.footer-main-content .col:last-child { padding-right: 0; border-right: none; } .site-theme.top-frame #footer .container.footer-main-content .col.col-md-12 { border-top: 1px solid #fff; padding-top: 2rem; } .site-theme.top-frame #footer .container.footer-main-content .col div h2 { margin: 0 0 1.5rem; font-size: 1.25rem; font-weight: 600; line-height: 1.25; } .site-theme.top-frame #footer .container.footer-main-content .col div .footer-language-links a { padding: 7.5px 5px; flex-grow: 1; flex-basis: 50%; text-align: center; line-height: 1em; } .site-theme.top-frame #footer .container.footer-main-content .col div ul { list-style: none; margin: 0 0 2rem; } .site-theme.top-frame #footer .container.footer-main-content .col div ul li { position: relative; margin: 0; padding: 0 0 0.5rem 0; } .site-theme.top-frame #footer .container.footer-main-content .col div ul li:last-child { margin-bottom: 0; } .site-theme.top-frame #footer .container.footer-main-content .col div ul:last-child { margin-bottom: 0; } .site-theme.top-frame #footer .container.footer-main-content .col div img { max-width: 100%; } .site-theme.top-frame #footer .footer-bottom-bar { padding: 0; } .site-theme.top-frame #footer .footer-bottom-bar .container { position: relative; max-width: 65rem; padding: 2rem 0; } .site-theme.top-frame #footer .footer-bottom-bar .container p { text-align: center; } .site-theme.top-frame #footer .footer-bottom-bar .container p a { display: inline-block; margin: 0 0.5rem; } .site-theme.top-frame #footer .footer-bottom-bar .container p:last-child { margin-bottom: 0; } .site-theme.top-frame #footer .footer-bottom-bar .container ul.some-list { display: flex; flex-flow: row nowrap; list-style: none; margin: 0 0 2rem; } .site-theme.top-frame #footer .footer-bottom-bar .container ul.some-list li { margin: 0 0.75rem 0 0; padding: 0; } .site-theme.top-frame #footer .footer-bottom-bar .container ul.some-list li:last-child { margin-right: 0; } .site-theme.top-frame #footer .footer-bottom-bar .container ul.some-list li a { font-weight: 400; font-size: 1.875rem; line-height: 1; } .site-theme.top-frame #footer .footer-bottom-bar .container ul.some-list li a:before { display: block; padding: 0.0625rem; width: 1.875rem; height: 1.875rem; color: #00374e; border-radius: 0.375rem; text-align: center; } .site-theme.top-frame #footer .footer-bottom-bar .container #footer-logo { position: absolute; bottom: 3.5rem; right: 10rem; margin: 0; width: auto; height: 102px; } .site-theme.top-frame #footer .footer-bottom-bar .container #footer-logo img { display: block; width: auto; height: 100%; } .site-theme.top-frame #content .frontpage > .layout-wrapper:first-of-type > div:first-of-type { position: relative; width: 100%; margin: 0 0 2rem; padding: 0; } .site-theme.top-frame #content .frontpage > .layout-wrapper:first-of-type > div:first-of-type .portlet { margin: 0; } .site-theme.top-frame #content .frontpage > .layout-wrapper-wide { background-color: #f2efea; } .site-theme.top-frame #content .frontpage > .layout-wrapper-wide #column-13 { min-height: 0; } .site-theme.top-frame #content .frontpage .portlet-nested-portlets { max-width: 90rem; padding: 0 2rem; margin: 4rem auto 4rem !important; } .site-theme.top-frame #content .frontpage .portlet-nested-portlets .portlet-layout.row > div.portlet-column:before { content: " "; display: block; position: absolute; top: 0; left: -1.125rem; width: 1px; height: 100%; background-color: #dad4d2; } .site-theme.top-frame #content .frontpage .portlet-nested-portlets .portlet-layout.row > div .portlet-body { margin-top: 1.25rem; padding-bottom: 1rem; } .site-theme.top-frame #content .frontpage .portlet-nested-portlets .portlet-layout.row > div:first-child.portlet-column:before { display: none; } .site-theme.top-frame #content .frontpage .portlet-nested-portlets + .linkkielementti { margin-bottom: 2.5rem !important; } .site-theme.top-frame #main-content.landingpage-layout-container > .portlet-layout.row { margin: 0 auto; } .site-theme.top-frame #main-content.landingpage-layout-container > .portlet-layout.row #column-5 { position: relative; } .site-theme.top-frame #main-content.landingpage-layout-container > .portlet-layout.row #column-5 .portlet-journal-content.landing-otsikko .portlet-content-container { position: relative; margin: 0 auto; z-index: 2; } .site-theme.top-frame #main-content.landingpage-layout-container > .portlet-layout.row #column-5 .portlet-journal-content.landing-otsikko .portlet-content-container .portlet-body { position: relative; background-color: #c9ded8; } .site-theme.top-frame #main-content.landingpage-layout-container > .portlet-layout.row #column-5 .portlet-journal-content.landing-otsikko .portlet-content-container .portlet-body .journal-content-article { padding: 2rem 2rem 1rem 2em; } .site-theme.top-frame #main-content.landingpage-layout-container > .portlet-layout.row #column-5 .portlet-journal-content.landing-otsikko .portlet-content-container .portlet-body .journal-content-article > * { color: #00374e; } .site-theme.top-frame #main-content.landingpage-layout-container > .portlet-layout.row #column-5 .portlet-journal-content.landing-otsikko .portlet-content-container .portlet-body .journal-content-article > *:first-child { margin-top: 0; } .site-theme.top-frame #main-content.landingpage-layout-container > .portlet-layout.row #column-5 .portlet-journal-content.landing-otsikko .portlet-content-container .portlet-body .journal-content-article > *:last-child { margin-bottom: 0; } .site-theme.top-frame #main-content.landingpage-layout-container > .portlet-layout.row #column-5 .portlet-journal-content.landing-otsikko .portlet-content-container .portlet-body .journal-content-article h1, .site-theme.top-frame #main-content.landingpage-layout-container > .portlet-layout.row #column-5 .portlet-journal-content.landing-otsikko .portlet-content-container .portlet-body .journal-content-article h2, .site-theme.top-frame #main-content.landingpage-layout-container > .portlet-layout.row #column-5 .portlet-journal-content.landing-otsikko .portlet-content-container .portlet-body .journal-content-article h3 { font-size: 1.8rem; font-weight: 600; } .site-theme.top-frame #main-content.landingpage-layout-container > .portlet-layout.row #column-5 .portlet-journal-content.landing-otsikko .portlet-content-container .portlet-body .journal-content-article p { margin: 1rem 0; } .site-theme.top-frame #main-content.landingpage-layout-container > .landingpage-layout > .portlet-layout.row:nth-child(2) { position: relative; width: 100%; margin: 0 auto; background-color: #f2efea; } .site-theme.top-frame #main-content.landingpage-layout-container > .landingpage-layout > .portlet-layout.row:nth-child(2) #column-2 { padding: 3rem 1.5rem; } .site-theme.top-frame #main-content.landingpage-layout-container > .landingpage-layout > .portlet-layout.row:nth-child(2) #column-2 .portlet-content .portlet-header h3 { text-align: left; font-size: 1.8rem; } .site-theme.top-frame #main-content.landingpage-layout-container > .landingpage-layout > .portlet-layout.row:nth-child(2) #column-3 { padding-top: 4rem; padding-right: 2rem; } .site-theme.top-frame #main-content.landingpage-layout-container > .landingpage-layout > .portlet-layout.row:nth-child(2) #column-3 .linkkielementti a { display: inline-block; min-width: 25%; margin: 1rem 2rem; padding: 2rem 2rem; font-size: 1.125rem; font-weight: 700; line-height: 1.44444; color: #fff; background-color: #00374e; text-decoration: none; border-radius: 3rem; } .site-theme.top-frame #main-content.landingpage-layout-container > .landingpage-layout > .portlet-layout.row:nth-child(2) #column-3 .linkkielementti a:hover, .site-theme.top-frame #main-content.landingpage-layout-container > .landingpage-layout > .portlet-layout.row:nth-child(2) #column-3 .linkkielementti a:focus, .site-theme.top-frame #main-content.landingpage-layout-container > .landingpage-layout > .portlet-layout.row:nth-child(2) #column-3 .linkkielementti a:active { text-decoration: underline; } .site-theme.top-frame #main-content.landingpage-layout-container > .landingpage-layout > .portlet-layout.row:nth-child(2):before { content: " "; position: absolute; top: 0; left: calc(-50% + 1px); width: 50%; height: 100%; background-color: #f2efea; z-index: 1; } .site-theme.top-frame #main-content.landingpage-layout-container .portlet-nested-portlets { max-width: 90rem; padding: 0 2rem; margin: 2rem auto; } .site-theme.top-frame .layout-background-off #main-content.landingpage-layout-container .landingpage-layout > .portlet-layout.row:nth-child(2) { background-color: transparent !important; } .site-theme.top-frame #content > #main-content.listing-layout { padding-left: 2rem; padding-right: 2rem; } .site-theme.top-frame #content > #main-content.listing-layout > .portlet-layout.row { max-width: 90rem; margin: 0 auto; } .site-theme.top-frame #content > #main-content.listing-layout > .portlet-layout.row:first-child { margin-top: 3rem; } .site-theme.top-frame #main-content.listing-layout > .layout-wrapper > .portlet-layout.row { max-width: 90rem; margin: 0 auto; } .site-theme.top-frame #main-content.listing-layout.journal-display-page { max-width: 90rem; margin: 0 auto; } .site-theme.top-frame #main-content.listing-layout.journal-display-page > .row .blog-entry > .entry-header > .entry-meta { margin: 0 0 1rem; } .site-theme.top-frame #main-content.listing-layout.journal-display-page > .row .blog-entry > .entry-header > .entry-meta > span { display: inline-block; margin-right: 0.625rem; } .site-theme.top-frame #main-content.listing-layout.journal-display-page > .row .blog-entry > .entry-header > .entry-meta > span:last-child { margin-right: 0; } .site-theme.top-frame #main-content.listing-layout.journal-display-page > .row .blog-entry > .entry-footer > .author { display: flex; flex-flow: row nowrap; justify-content: center; margin: 1.5rem 0 2rem; } .site-theme.top-frame #main-content.listing-layout.journal-display-page > .row .blog-entry > .entry-footer > .author > img { max-width: 10rem; max-height: 10rem; margin-right: 1.25rem; border-radius: 50%; } .site-theme.top-frame #main-content.listing-layout.journal-display-page > .row .blog-entry > .entry-footer > .author > .description { display: flex; flex-flow: column nowrap; justify-content: center; } .site-theme.top-frame #main-content.listing-layout.journal-display-page > .row .blog-entry > .entry-footer > .author > .description span.author__name { font-size: 1.75rem; font-weight: 600; line-height: 1.48; } .site-theme.top-frame #main-content.listing-layout.journal-display-page > .row .blog-entry > .entry-footer > .author > .description span.author__title { font-size: 1rem; } .site-theme.top-frame #main-content.listing-layout.journal-display-page > .row #content-main.lausunto > .item-image { margin: 0 0 1.25rem; } .site-theme.top-frame #main-content.listing-layout.journal-display-page > .row #content-main.lausunto > .file-box-wrapper > ul > li div.list-item-info { display: inline; } .site-theme.top-frame #main-content.subpage-layout-container { max-width: 90rem; margin: 0 auto; } .site-theme.top-frame #main-content.subpage-layout-container .landingpage-layout > .portlet-layout.row #column-3 { position: relative; } .site-theme.top-frame #main-content.subpage-layout-container .landingpage-layout > .portlet-layout.row #column-3 .portlet-journal-content.landing-otsikko .portlet-content-container { position: relative; margin: 0 auto; max-width: 90rem; z-index: 2; } .site-theme.top-frame #main-content.subpage-layout-container .landingpage-layout > .portlet-layout.row #column-3 .portlet-journal-content.landing-otsikko .portlet-content-container .portlet-body { position: relative; background-color: #00374e; width: 100%; } .site-theme.top-frame #main-content.subpage-layout-container .landingpage-layout > .portlet-layout.row #column-3 .portlet-journal-content.landing-otsikko .portlet-content-container .portlet-body .journal-content-article { padding: 3rem 3rem 3rem 1.5rem; } .site-theme.top-frame #main-content.subpage-layout-container .landingpage-layout > .portlet-layout.row #column-3 .portlet-journal-content.landing-otsikko .portlet-content-container .portlet-body .journal-content-article > * { color: #fff; } .site-theme.top-frame #main-content.subpage-layout-container .landingpage-layout > .portlet-layout.row #column-3 .portlet-journal-content.landing-otsikko .portlet-content-container .portlet-body .journal-content-article > *:first-child { margin-top: 0; } .site-theme.top-frame #main-content.subpage-layout-container .landingpage-layout > .portlet-layout.row #column-3 .portlet-journal-content.landing-otsikko .portlet-content-container .portlet-body .journal-content-article > *:last-child { margin-bottom: 0; } .site-theme.top-frame #main-content.subpage-layout-container .landingpage-layout > .portlet-layout.row #column-3 .portlet-journal-content.landing-otsikko .portlet-content-container .portlet-body .journal-content-article p { font-size: 1.6rem; line-height: 1.19231; margin: 1.5rem 0; } .site-theme.top-frame #main-content.subpage-layout-container .landingpage-layout > .portlet-layout.row #column-3 .portlet-journal-content.landing-otsikko .portlet-content-container .portlet-body:before { content: " "; display: block; position: absolute; top: 0; left: calc(-50% + 1px); width: 50%; height: 100%; background-color: #00374e; z-index: 1; } .site-theme.top-frame #main-content.subpage-layout-container .landingpage-layout > .portlet-layout.row #column-3 .portlet-journal-content.landing-otsikko .portlet-content-container .portlet-body:after { content: " "; display: block; position: absolute; top: 0; right: calc(-50% + 1px); width: 50%; height: 100%; background-color: #00374e; z-index: 1; } .site-theme.top-frame #main-content .portlet-body > .journal-content-article > * { margin-top: 1.5rem; margin-bottom: 1.5rem; } .site-theme.top-frame #main-content .portlet-body > .journal-content-article > *:first-child { margin-top: 0; } .site-theme.top-frame #main-content .portlet-body > .journal-content-article > *:last-child { margin-bottom: 0; } .site-theme.top-frame #main-content .portlet-body > .journal-content-article ul { list-style-type: disc; } .site-theme.top-frame #main-content .portlet-body > .journal-content-article ul, .site-theme.top-frame #main-content .portlet-body > .journal-content-article ol { font-size: 1.25rem; line-height: 1.4; padding-left: 1rem; } .site-theme.top-frame #main-content .portlet-body a { text-decoration: underline; } .site-theme.top-frame #main-content .portlet-body h1, .site-theme.top-frame #main-content .portlet-body .h1 { font-size: 2.4rem; font-weight: 600; line-height: 1.3; } .site-theme.top-frame #main-content .portlet-body h2, .site-theme.top-frame #main-content .portlet-body .h2 { font-size: 1.8rem; font-weight: 600; line-height: 1.3; } .site-theme.top-frame #main-content .portlet-body h3, .site-theme.top-frame #main-content .portlet-body .h3 { font-size: 1.6rem; font-weight: 600; line-height: 1.5; } .site-theme.top-frame #main-content .portlet-body h4, .site-theme.top-frame #main-content .portlet-body .h4 { font-size: 1.5rem; } .site-theme.top-frame #main-content .portlet-body h5, .site-theme.top-frame #main-content .portlet-body .h5 { font-size: 1.4rem; } .site-theme.top-frame #main-content .portlet-body h6, .site-theme.top-frame #main-content .portlet-body .h6 { font-size: 1.33rem; } .site-theme.top-frame #main-content .portlet-body p { font-size: 1.2rem; line-height: 1.5; } .site-theme.top-frame #main-content .portlet-body p:first-child { margin-top: 0 !important; } .site-theme.top-frame #main-content .portlet-body strong { font-weight: 700; } .site-theme.top-frame #main-content .portlet-body ul, .site-theme.top-frame #main-content .portlet-body ol { margin: 0 0 0.625rem 1.5rem; font-size: 1.25rem; line-height: 1.4; } .site-theme.top-frame #main-content .portlet-body ul ul, .site-theme.top-frame #main-content .portlet-body ol ol { margin-top: 0; margin-bottom: 0; margin-left: 1.125rem; } .site-theme.top-frame #main-content .portlet-body ul li, .site-theme.top-frame #main-content .portlet-body ol li { line-height: 1.5; } .site-theme.top-frame #main-content .portlet-body table { border-width: 0; } .site-theme.top-frame #main-content .portlet-body table thead:first-child tr:first-child th, .site-theme.top-frame #main-content .portlet-body table tbody:first-child tr:first-child td { border-width: 1px 0; border-style: solid; border-color: #00374e; } .site-theme.top-frame #main-content .portlet-body table tr th, .site-theme.top-frame #main-content .portlet-body table tr td { padding: 0.125rem; font-size: 1.25rem; line-height: 1.4; border-style: solid; border-width: 0 0 1px; border-color: #00374e; } .site-theme.top-frame #main-content .portlet-body .table-responsive { overflow-x: auto; } .site-theme.top-frame #main-content .portlet-body blockquote { position: relative; font-size: 1.25rem; line-height: 1.4; } .site-theme.top-frame #main-content .portlet-body blockquote i, .site-theme.top-frame #main-content .portlet-body blockquote em { font-style: italic; } .site-theme.top-frame #main-content .portlet-body p.lead, .site-theme.top-frame #main-content .portlet-body p.ingress { font-size: 1.75rem; line-height: 1.33; } .site-theme.top-frame #main-content .portlet-body span[itemprop="articleBody"] { margin: 0; } .site-theme.top-frame #content .portlet-breadcrumb .portlet-body > nav > ul.breadcrumb { list-style: none; margin: 0; padding: 1rem; border-top: 1px solid #00374e; border-radius: 0; } .site-theme.top-frame #content .portlet-breadcrumb .portlet-body > nav > ul.breadcrumb li { color: #00374e; font-size: 1rem; line-height: 1.5; } .site-theme.top-frame #content .portlet-breadcrumb .portlet-body > nav > ul.breadcrumb li:before { content: ">"; } .site-theme.top-frame #content .portlet-breadcrumb .portlet-body > nav > ul.breadcrumb li:first-child:before { content: "" !important; padding: 0; } .site-theme.top-frame #content .portlet-breadcrumb .portlet-body > nav > ul.breadcrumb li a { color: #00374e; text-decoration: none; } .site-theme.top-frame #content .portlet-breadcrumb .portlet-body > nav > ul.breadcrumb li a:hover, .site-theme.top-frame #content .portlet-breadcrumb .portlet-body > nav > ul.breadcrumb li a:active { text-decoration: underline; } .site-theme.top-frame #content .portlet-breadcrumb { max-width: 90rem; margin: 0 auto; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > .list-menu__header { border-bottom: 1px solid #00374e; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > .list-menu__header h3, .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > .list-menu__header .list-menu__title { margin: 1.125rem 0 0 !important; padding: 0 0 1.375rem; font-size: 1.4rem; line-height: 1.08333; hyphens: auto; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > .list-menu__header h3 a, .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > .list-menu__header .list-menu__title a { text-decoration: none; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > .list-menu__header h3 a:hover, .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > .list-menu__header .list-menu__title a:hover, .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > .list-menu__header h3 a:active, .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > .list-menu__header .list-menu__title a:active { text-decoration: underline; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > ul { list-style: none; margin: 0 0 0 1.875rem; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > ul li { border-bottom: 1px solid #00374e; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > ul li a { padding: 0.875rem 0.625rem; font-size: 1.125rem; line-height: 1.5; text-decoration: none; color: #00374e; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > ul li a:hover, .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > ul li a:active { text-decoration: underline; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > ul li.active > a.active { font-weight: 700; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > ul li.hasChild > a { padding-right: 2.75rem; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > ul li .toggleVisibility { top: 0.0625rem; padding: 1.0625em 1rem; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > ul ul { list-style: none; margin: 0 0 0 1rem; padding: 0; } .site-theme.top-frame #content .fessWrapper { font-family: "Source Sans Pro",Helvetica,Arial,sans-serif; } .site-theme.top-frame #content .fessWrapper > .fessForm form table td { border-width: 0 !important; } .site-theme.top-frame #content .fessWrapper > .fessForm form table td > div > button { padding: 0; font-weight: 700; font-size: 1.25rem; height: auto; min-height: 43px; } .site-theme.top-frame #content .fessWrapper #result table.result-header td { border-color: #dad4d2; border-width: 0; } .site-theme.top-frame #content .fessWrapper .fessResult table.result-header td.order-box { width: auto !important; } .site-theme.top-frame #content .fessWrapper .form-control { border-color: #757575 !important; } .fessWrapper button.searchButton.btn.btn-primary { height: auto !important; line-height: 1.1rem; background-color: #00374e; } .site-theme.top-frame #content .yja-accordion { margin: 1.5rem 0; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper { margin: 0 0 0.375rem; border-bottom: 1px solid #00374e; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper > .yja-accordion-toggle { margin: 0; color: #fff; border-width: 1px 1px 0; border-style: solid; border-color: #00374e !important; background-color: #00374e !important; position: relative; cursor: pointer; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper > .yja-accordion-toggle > button { margin: 0; padding: 1.5rem 3rem; font-size: 1.375rem; font-weight: 600; line-height: 1.18182; color: #fff; background: transparent; border: none; text-align: left; width: 100%; cursor: pointer; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper > .yja-accordion-toggle > i { margin: 0.125rem 1rem 0 0; font-size: 1.75rem; position: absolute; top: 50%; right: 3rem; transform: translateY(-50%); margin-top: 0 !important; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper > .yja-accordion-toggle > i:before { content: "\f055"; color: #fff; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper .yja-accordion-toggle--button:focus { outline: 3px solid #000; outline-offset: 4px; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper .yja-accordion-toggle--button[aria-expanded="true"] { background-color: #fff !important; color: #00374e !important; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper .yja-accordion-toggle--button[aria-expanded="true"]+ i:before { content: "\f056"; color: #00374e; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper > .yja-accordion-content { position: relative; margin: 0; padding: 1.5rem 3rem; background-color: #fff; border-width: 0 1px; border-style: solid; border-color: #00374e; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper > .yja-accordion-content:before { content: " "; position: absolute; top: 0; left: 3rem; display: block; height: 1px; width: calc(100% - 6rem); background-color: #00374e; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper > .yja-accordion-content[aria-hidden="true"] { display: none; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper > .yja-accordion-content[aria-hidden="false"] { display: block; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper:last-child { margin-bottom: 0; } .site-theme.top-frame #content .hero__lift { position: relative; display: flex; flex-flow: row nowrap; margin: 0 auto; background-color: #c9ded8; } .site-theme.top-frame #content .hero__lift:before { content: " "; display: block; position: absolute; top: 0; left: calc(-50% + 1px); height: 100%; width: 50%; } .site-theme.top-frame #content .hero__lift .hero__lift--content { display: flex; flex-flow: column nowrap; justify-content: center; align-items: flex-end; width: 45%; flex: 0 0 45%; max-width: 45%; padding: 2.5rem 2rem 2.5rem 1.5rem; border-radius: 0; z-index: 2; } .site-theme.top-frame #content .hero__lift .hero__lift--content > * { max-width: calc((1440px * 0.45) - 2rem); } .site-theme.top-frame #content .hero__lift .hero__lift--content h1, .site-theme.top-frame #content .hero__lift .hero__lift--content h2, .site-theme.top-frame #content .hero__lift .hero__lift--content h3, .site-theme.top-frame #content .hero__lift .hero__lift--content p, .site-theme.top-frame #content .hero__lift .hero__lift--content a { color: #00374e; } .site-theme.top-frame #content .hero__lift .hero__lift--content h1, .site-theme.top-frame #content .hero__lift .hero__lift--content h2, .site-theme.top-frame #content .hero__lift .hero__lift--content h3 { width: 100%; margin: 0 0 1.75rem; font-size: 2.25rem; line-height: 1.19444; font-weight: 600; } .site-theme.top-frame #content .hero__lift .hero__lift--content p { width: 100%; margin: 0 0 1.75rem; font-size: 1.125rem; line-height: 1.5; } .site-theme.top-frame #content .hero__lift .hero__lift--content p:last-child { margin-bottom: 0; } .site-theme.top-frame #content .hero__lift .hero__lift--content a { display: inline-block; padding: 1.125rem 3rem; background-color: #fff; color: #000; font-size: 1.25rem; line-height: 1.3; font-weight: 700; text-decoration: none; border-radius: 2rem; } .site-theme.top-frame #content .hero__lift .hero__lift--content a:hover, .site-theme.top-frame #content .hero__lift .hero__lift--content a:focus, .site-theme.top-frame #content .hero__lift .hero__lift--content a:active { text-decoration: underline; } .site-theme.top-frame #content .hero__lift .hero__lift--image { display: none; } .site-theme.top-frame #content .image__lifts { display: flex; flex-flow: row wrap; justify-content: flex-start; max-width: 90rem; margin-top: 2.5rem; margin-bottom: 2.5rem; padding: 0; } .site-theme.top-frame #content .image__lifts .image__lifts--item { position: relative; margin: 2rem 0; padding: 0; } .site-theme.top-frame #content .image__lifts .image__lifts--item:before { content: " "; display: block; position: absolute; top: 0; left: 50%; margin: 0 0 0 -7rem; width: 14rem; height: 14rem; border-radius: 50%; background-color: rgba(0,0,0,0.25); } .site-theme.top-frame #content .image__lifts .image__lifts--item > img { position: relative; display: block; width: 7rem; height: 7rem; margin: 3.5rem auto 6rem; opacity: 0.8; } .site-theme.top-frame #content .image__lifts .image__lifts--item > h2 { margin: 2.25rem 0 1.75rem; padding: 0 1.5rem; font-size: 1.8rem; line-height: 1.2; font-weight: 400; text-align: center; } .site-theme.top-frame #content .image__lifts .image__lifts--item > h2 a { text-decoration: none; } .site-theme.top-frame #content .image__lifts .image__lifts--item > h2 a:hover, .site-theme.top-frame #content .image__lifts .image__lifts--item > h2 a:focus { text-decoration: underline; } .site-theme.top-frame #content .image__lifts .image__lifts--item > div { margin: 0 0 1.75rem; padding: 0 1.5rem; font-size: 1.375rem; line-height: 1.29166; font-weight: 300; line-height: 1.44444; text-align: center; } .site-theme.top-frame #content .image__lifts .image__lifts--item > div a { text-decoration: none; } .site-theme.top-frame #content .image__lifts .image__lifts--item > div a:hover, .site-theme.top-frame #content .image__lifts .image__lifts--item > div a:focus, .site-theme.top-frame #content .image__lifts .image__lifts--item > div a:active { text-decoration: underline; } .site-theme.top-frame #content .image__lifts .image__lifts--item > div ul { margin: 1.5rem 0; padding: 0; list-style: none; text-align: left; } .site-theme.top-frame #content .image__lifts .image__lifts--item > div ul:first-child { margin-top: 0; } .site-theme.top-frame #content .image__lifts .image__lifts--item > div ul:last-child { margin-bottom: 0; } .site-theme.top-frame #content .image__lifts .image__lifts--item > div ul li { padding: 0.5rem 0; border-bottom: 1px solid #dad4d2; } .site-theme.top-frame #content .image__lifts .image__lifts--item > div ul li:before { content: "\203A"; display: inline-block; margin: 0 0.375rem; color: #00374e; font-weight: 500; } .site-theme.top-frame #content .image__lifts .image__lifts--item:nth-child(3n+1):before { background-color: #f2efea; } .site-theme.top-frame #content .image__lifts .image__lifts--item:nth-child(3n+2):before { background-color: #f2efea; } .site-theme.top-frame #content .image__lifts .image__lifts--item:nth-child(3n+3):before { background-color: #f2efea; } .site-theme.top-frame #content .shortcut__links { display: flex; flex-flow: row wrap; justify-content: center; max-width: 90rem; margin-top: 2.5rem; margin-bottom: 2.5rem; padding: 0; } .site-theme.top-frame #content .shortcut__links > h2 { margin: 1.75rem 0 2.5rem; font-size: 2.5rem; font-weight: 500; line-height: 1.25; text-align: center; } .site-theme.top-frame #content .shortcut__links > a.shortcut__links--item { position: relative; display: flex; flex-flow: column nowrap; justify-content: flex-start; margin: 0.75rem 0; padding: 0; text-decoration: none; } .site-theme.top-frame #content .shortcut__links > a.shortcut__links--item:hover, .site-theme.top-frame #content .shortcut__links > a.shortcut__links--item:focus, .site-theme.top-frame #content .shortcut__links > a.shortcut__links--item:active { text-decoration: underline; } .site-theme.top-frame #content .shortcut__links > a.shortcut__links--item > span { display: block; width: 93.5%; height: 100%; margin: 0 auto; padding: 4rem 2rem 2em; font-size: 1.56em; font-weight: 600; line-height: 1.2; background-color: #c9ded8; text-align: center; } .site-theme.top-frame #content .journal-content-article a.external-link:after { content: "\f08e"; font-family: "fontawesome-alloy"; margin: 0 0 0 3px; display: inline-block; font-size: 0.875em; position: relative; top: -3px; } .site-theme.top-frame #content .content__links { list-style: none; margin: 0 0 2rem 0 !important; padding: 0; display: grid; grid-template-columns: repeat(1, 1fr); grid-column-gap: 1rem; grid-template-rows: repeat(1, 1fr); grid-row-gap: 1rem; justify-items: center; } .site-theme.top-frame #content .content__links > h2 { margin: 0 0 1.5rem; width: 100%; } .site-theme.top-frame #content .content__links > a.content__link { display: flex; justify-content: center; align-items: center; background-color: #dad4d2; color: #00374e; font-weight: 600; padding: 0.8rem 1.5rem; font-size: 1.6rem; width: 100%; height: 100%; min-height: 16rem !important; text-decoration: none !important; border: 1px solid #dad4d2; text-align: center; word-break: auto-phrase; } .site-theme.top-frame #content .content__links > a.content__link:focus, .site-theme.top-frame #content .content__links > a.content__link:hover, .site-theme.top-frame #content .content__links > a.content__link:active { text-decoration: underline !important; background-color: #dad4d2 !important; color: #00374e !important; border: 1px solid #00374e; } .site-theme.top-frame #content #main-content.landingpage-layout-container .content__links > a.content__link { width: 100%; } .site-theme.top-frame #content #main-content.landingpage-layout-container .content__links > a.content__link:nth-of-type(even) { margin-left: 0; } .site-theme.top-frame #content .content__video > .content__video--link { position: relative; padding-top: 56.25%; } .site-theme.top-frame #content .content__video > .content__video--link iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .site-theme.top-frame #content .content__video > .content__video--text { margin: 1.5rem 0 2rem; padding: 0; } .site-theme.top-frame #content .content__lift { padding: 1.5rem 2rem; background-color: #f2efea; transition: background-color 150ms linear; } .site-theme.top-frame #content .content__lift.link { display: block; text-decoration: none; } .site-theme.top-frame #content .content__lift.link:hover, .site-theme.top-frame #content .content__lift.link:focus, .site-theme.top-frame #content .content__lift.link:active { background-color: #dad4d2; } .site-theme.top-frame #content .content__lift.link:hover h1, .site-theme.top-frame #content .content__lift.link:focus h1, .site-theme.top-frame #content .content__lift.link:active h1, .site-theme.top-frame #content .content__lift.link:hover h2, .site-theme.top-frame #content .content__lift.link:focus h2, .site-theme.top-frame #content .content__lift.link:active h2, .site-theme.top-frame #content .content__lift.link:hover h3, .site-theme.top-frame #content .content__lift.link:focus h3, .site-theme.top-frame #content .content__lift.link:active h3, .site-theme.top-frame #content .content__lift.link:hover h4, .site-theme.top-frame #content .content__lift.link:focus h4, .site-theme.top-frame #content .content__lift.link:active h4, .site-theme.top-frame #content .content__lift.link:hover h5, .site-theme.top-frame #content .content__lift.link:focus h5, .site-theme.top-frame #content .content__lift.link:active h5, .site-theme.top-frame #content .content__lift.link:hover h6, .site-theme.top-frame #content .content__lift.link:focus h6, .site-theme.top-frame #content .content__lift.link:active h6 { text-decoration: underline; } .site-theme.top-frame #content .switching__content { margin: 2rem 0; padding: 0; } .site-theme.top-frame #content .switching__content > .switching__content--item { position: relative; display: flex; flex-flow: row nowrap; max-width: 90rem; margin: 0 auto 1.5rem; padding: 0; } .site-theme.top-frame #content .switching__content > .switching__content--item > div { position: relative; display: flex; flex-flow: column nowrap; justify-content: center; background-position: center; background-repeat: no-repeat; background-size: cover; } .site-theme.top-frame #content .switching__content > .switching__content--item > div.switching__content--quote { padding: 0 2.5rem; font-size: 1.875rem; line-height: 1.33333; background-color: #00374e; } .site-theme.top-frame #content .switching__content > .switching__content--item > div.switching__content--quote blockquote { position: static; margin: 0; text-align: center; font-style: italic; z-index: 1; } .site-theme.top-frame #content .switching__content > .switching__content--item > div.switching__content--quote blockquote:before { content: "\0022"; position: absolute; top: 0.5rem; left: 0.5rem; font-size: 7.5rem; line-height: 1.25; color: rgba(0,0,0,0.33); z-index: 0; } .site-theme.top-frame #content .switching__content > .switching__content--item > div.switching__content--html { padding: 1.5rem; font-size: 1.125rem; line-height: 1.33333; } .site-theme.top-frame #content .switching__content > .switching__content--item:last-child { margin-bottom: 0; } .site-theme.top-frame #content .yja-accordion.ar, .site-theme.top-frame #content .content__extended.ar, .site-theme.top-frame #content .yja-accordion.fa, .site-theme.top-frame #content .content__extended.fa, .site-theme.top-frame #content .yja-accordion.ku, .site-theme.top-frame #content .content__extended.ku, .site-theme.top-frame #content .yja-accordion.ur, .site-theme.top-frame #content .content__extended.ur { direction: rtl; text-align: right; } .site-theme.top-frame #content .yja-accordion.ar > .yja-accordion-wrapper > .yja-accordion-toggle > button, .site-theme.top-frame #content .content__extended.ar > .yja-accordion-wrapper > .yja-accordion-toggle > button, .site-theme.top-frame #content .yja-accordion.fa > .yja-accordion-wrapper > .yja-accordion-toggle > button, .site-theme.top-frame #content .content__extended.fa > .yja-accordion-wrapper > .yja-accordion-toggle > button, .site-theme.top-frame #content .yja-accordion.ku > .yja-accordion-wrapper > .yja-accordion-toggle > button, .site-theme.top-frame #content .content__extended.ku > .yja-accordion-wrapper > .yja-accordion-toggle > button, .site-theme.top-frame #content .yja-accordion.ur > .yja-accordion-wrapper > .yja-accordion-toggle > button, .site-theme.top-frame #content .content__extended.ur > .yja-accordion-wrapper > .yja-accordion-toggle > button { padding: 1.5rem 2rem 1.5rem 3.75rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .lfr-pagination ul.lfr-pagination-buttons { margin-left: 0; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .lfr-pagination ul.lfr-pagination-buttons li { margin-left: 1rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .lfr-pagination ul.lfr-pagination-buttons li:first-child { margin-left: 0; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .lfr-pagination ul.lfr-pagination-buttons li > a { padding: 1.125rem 3rem; font-size: 1.125rem; font-weight: 700; line-height: 1.44444; color: #fff; background-color: #00374e; text-decoration: none; border-width: 0; border-radius: 2.5rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .lfr-pagination ul.lfr-pagination-buttons li > a:hover { text-decoration: underline; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .lfr-pagination ul.lfr-pagination-buttons li.disabled > a { background-color: #f2efea; color: #00374e; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .lfr-pagination ul.lfr-pagination-buttons li.disabled > a:hover { text-decoration: none; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row { margin-bottom: 1.75rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item { padding: 0; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item > .yja-card, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item a.row.dark-link { text-decoration: none; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item > .yja-card h2, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item a.row.dark-link h2 { margin-top: 0; font-size: 1.375rem; font-weight: 700; line-height: 1.18182; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item > .yja-card:hover h2, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item a.row.dark-link:hover h2, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item > .yja-card:focus h2, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item a.row.dark-link:focus h2, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item > .yja-card:active h2, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item a.row.dark-link:active h2, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item > .yja-card:hover h2 > a, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item a.row.dark-link:hover h2 > a, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item > .yja-card:focus h2 > a, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item a.row.dark-link:focus h2 > a, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item > .yja-card:active h2 > a, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item a.row.dark-link:active h2 > a { text-decoration: underline; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item > .yja-card > .meta, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item a.row.dark-link > .meta { margin-top: 0.5rem; font-size: 0.875rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item > .yja-card > .meta > .published > i, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item a.row.dark-link > .meta > .published > i { display: none; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item > .yja-card > .mainlift, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item a.row.dark-link > .mainlift { margin-top: 0.5rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item > .yja-card > .mainlift:empty, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item a.row.dark-link > .mainlift:empty { display: none; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row + hr { display: none; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row:nth-child(2) > .col.media-item > .yja-card h2 { font-size: 1.75rem; line-height: 1.14286; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple { margin-bottom: 1.75rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple > h3, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple > h4 { font-size: 1.375rem; font-weight: 700; line-height: 1.18182; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple > h3 > a, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple > h4 > a { text-decoration: none; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple > h3 > a:hover, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple > h4 > a:hover, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple > h3 > a:focus, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple > h4 > a:focus, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple > h3 > a:active, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple > h4 > a:active { text-decoration: underline; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple > .meta span.date { font-size: 0.875rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple > .meta span.date:before { content: "\f017"; display: inline-block; margin: 0 0.25rem 0 0; font-family: "fontawesome-alloy"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple > .feed-item-header { font-size: 1.375rem; font-weight: 700; line-height: 1.18182; margin: 10px 0; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple > .feed-item-header > a:not(:hover):not(:focus):not(:active) { color: #00374e; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple > .feed-item-header > a { text-decoration: none; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple > .feed-item-header > a:hover, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple > .feed-item-header > a:focus, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple > .feed-item-header > a:active { text-decoration: underline; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .asset-abstract { position: relative; display: flex; flex-flow: column nowrap; justify-content: center; min-height: 10rem; border-style: solid; border-color: #dad4d2; border-width: 0 0 1px; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .asset-abstract:first-of-type { border-width: 1px 0; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .asset-abstract > h4 { margin: 1.5rem 0 0.375rem; padding: 0 0 0 12rem; font-size: 1.375rem; font-weight: 700; line-height: 1.45455; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .asset-abstract > h4 > a { text-decoration: none; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .asset-abstract > h4 > a:hover, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .asset-abstract > h4 > a:active, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .asset-abstract > h4 > a:focus { text-decoration: underline; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .asset-abstract > .asset-content .asset-resource-info .asset-thumbnail > img { position: absolute; top: 50%; left: 2rem; margin-top: -4rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .asset-abstract > .asset-content .asset-resource-info p.asset-description { margin: 0 0 1.5rem; padding: 0 0 0 12rem; font-size: 1.125rem; line-height: 1.3; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list { list-style: none; margin: 2rem 0; padding: 0; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item { border-style: solid; border-color: #dad4d2; border-width: 0 0 1px; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item:first-of-type { border-width: 1px 0; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a { display: flex; flex-flow: row nowrap; text-decoration: none; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a:hover, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a:active, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a:focus { text-decoration: underline; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a:hover > .list__item--image > span.icon-file, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a:active > .list__item--image > span.icon-file, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a:focus > .list__item--image > span.icon-file { text-decoration: none; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a > .list__item--image { position: relative; padding: 1.5rem; min-width: 10rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a > .list__item--image > span.icon-file, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a > .list__item--image > img { display: block; margin: 0 auto; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a > .list__item--image > img { border: 1px solid #ccc; border-radius: 0.25rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a > .list__item--image > span.icon-file { text-align: center; font-weight: 700; letter-spacing: 2px; font-family: "Source Sans Pro",Helvetica,Arial,sans-serif; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a > .list__item--image > span.icon-file:before { font-family: "fontawesome-alloy"; display: block; padding: 0 0 0.25rem; font-size: 3.5rem; font-weight: normal; letter-spacing: 0; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a > .list__item--content { display: flex; flex-flow: column nowrap; justify-content: center; padding: 1.5rem 1rem 1.5rem 0; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a > .list__item--content > span.item-title { margin: 0 0 0.375rem; padding: 0; font-size: 1.375rem; font-weight: 700; line-height: 1.45455; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a > .list__item--content > .meta span { display: inline-block; font-size: 1.125rem; line-height: 1.3; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a > .list__item--content > .meta span:before { content: " | "; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a > .list__item--content > .meta span:first-child:before { content: ""; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list { padding: 0; max-width: 100% !important; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list a.row.dark-link, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list .yja-card { margin: 0 0 2.25rem; text-decoration: none; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list a.row.dark-link:last-child, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list .yja-card:last-child { margin-bottom: 0; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list a.row.dark-link .simplified__list--image, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list .yja-card .simplified__list--image { margin: 0 0 1.125rem; background-size: 100% auto; background-position: center; background-color: transparent; background-repeat: no-repeat; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list a.row.dark-link .simplified__list--image img, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list .yja-card .simplified__list--image img { width: 100%; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list a.row.dark-link .simplified__list--content > .simplified__list-item-title, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list .yja-card .simplified__list--content > .simplified__list-item-title { margin: 0 0 1.125rem; font-size: 1.375rem; font-weight: 700; line-height: 1.18182; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list a.row.dark-link .simplified__list--content > .meta, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list .yja-card .simplified__list--content > .meta { font-size: 0.875rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list a.row.dark-link .simplified__list--content > .meta span, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list .yja-card .simplified__list--content > .meta span { margin-right: 0.125rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list a.row.dark-link .simplified__list--content > .meta span.author, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list .yja-card .simplified__list--content > .meta span.author { margin-right: 0.75rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list a.row.dark-link .simplified__list--content > .meta span:last-child, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list .yja-card .simplified__list--content > .meta span:last-child { margin-right: 0; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list a.row.dark-link .simplified__list--content > .meta + .simplified__list-item-title, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list .yja-card .simplified__list--content > .meta + .simplified__list-item-title { margin: 0.875rem 0 0; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list a.row.dark-link .simplified__list--content > p, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list .yja-card .simplified__list--content > p { margin: 0.875rem 0 0; font-size: 1.125rem; line-height: 1.33333; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list a.row.dark-link:hover, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list .yja-card:hover { text-decoration: none; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list a.row.dark-link:hover .simplified__list--content > .simplified__list-item-title, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list .yja-card:hover .simplified__list--content > .simplified__list-item-title { text-decoration: underline; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.blog__list { padding: 0; max-width: 100% !important; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.blog__list a.row.dark-link { padding: 1.5rem 0; text-decoration: none; border-bottom: 1px solid #dad4d2; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.blog__list a.row.dark-link:first-child { padding-top: 0; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.blog__list a.row.dark-link:last-child { padding-bottom: 0; border-bottom: none; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.blog__list a.row.dark-link .blog__list--image img { width: 100%; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.blog__list a.row.dark-link .blog__list--content > .blog__list-item-title { margin: 0 0 1.125rem; font-size: 1.375rem; font-weight: 700; line-height: 1.18182; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.blog__list a.row.dark-link .blog__list--content > .meta { font-size: 0.875rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.blog__list a.row.dark-link .blog__list--content > .meta span { margin-right: 0.125rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.blog__list a.row.dark-link .blog__list--content > .meta span.author { margin-right: 0.75rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.blog__list a.row.dark-link .blog__list--content > .meta span:last-child { margin-right: 0; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.blog__list a.row.dark-link .blog__list--content > .meta + .blog__list-item-title { margin: 0.875rem 0 0; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.blog__list a.row.dark-link .blog__list--content > p { margin: 0.875rem 0 0; font-size: 1.125rem; line-height: 1.33333; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.blog__list a.row.dark-link:hover { text-decoration: none; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.blog__list a.row.dark-link:hover .blog__list--content > .blog__list-item-title { text-decoration: underline; } .site-theme.top-frame #content .linkkielementti .portlet-body p, .site-theme.top-frame #content .container.content__links p { text-align: center; } .site-theme.top-frame #content .linkkielementti .portlet-body a, .site-theme.top-frame #content .container.content__links a { display: inline-block; min-width: 25%; margin: 1rem 2rem; padding: 2rem 2rem; font-size: 1.125rem; font-weight: 700; line-height: 1.44444; color: #fff; background-color: #00374e; text-decoration: none; border-radius: 3rem; } .site-theme.top-frame #content .linkkielementti .portlet-body a:hover, .site-theme.top-frame #content .container.content__links a:hover, .site-theme.top-frame #content .linkkielementti .portlet-body a:focus, .site-theme.top-frame #content .container.content__links a:focus, .site-theme.top-frame #content .linkkielementti .portlet-body a:active, .site-theme.top-frame #content .container.content__links a:active { text-decoration: underline !important; background-color: #00374e !important; color: #fff !important; } .site-theme.top-frame #content .container.content__links { justify-items: flex-start; } .site-theme.top-frame #content .container.content__links a { height: unset; min-height: unset !important; margin: 0; } .site-theme.top-frame .social-share-buttons a { height: auto; } .site-theme.top-frame #banner nav > ul > li ul { right: 0; left: auto; } .site-theme.top-frame .portlet-content-editable { position: relative; } @media (max-width: 991px) { .site-theme.top-frame body { font-size: 95%; } } @media (max-width: 767px) { .site-theme.top-frame body { font-size: 90%; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul li > ul { width: 15rem; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul li > ul > li { width: 50%; } .site-theme.top-frame { } .site-theme.top-frame #banner { } .site-theme.top-frame #banner #heading .portlet-body { } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container { margin: 0; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-right { } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-right ul.top-bar-link-list { margin-left: 1.25rem; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-right .yja-meta-content-info { } .site-theme.top-frame #banner #heading .portlet-body .header-top-left-cell { top: 0; max-width: 25vw; overflow: hidden; } .site-theme.top-frame #banner #heading .portlet-body .header-top-left-cell a.logo { display: block; max-width: 100%; } .site-theme.top-frame #banner #heading .portlet-body .header-top-left-cell a.logo img { display: block; max-width: 100%; padding: 1rem; margin: 0 !important; } .site-theme.top-frame #footer { } .site-theme.top-frame #footer .container.footer-main-content { } .site-theme.top-frame #footer .container.footer-main-content > .row { display: block; margin: 0 auto; } .site-theme.top-frame #footer .container.footer-main-content > .row > .col { max-width: 25rem; min-height: unset; margin: 0 auto; padding: 1.75rem 2.5rem; border-color: #0098c3; border-width: 2px 0 0; border-style: solid; } .site-theme.top-frame #footer .container.footer-main-content > .row > .col:first-child { border-width: 0; } .site-theme.top-frame #content #main-content.landingpage-layout-container { } .site-theme.top-frame #content #main-content.landingpage-layout-container > .portlet-layout.row #column-5 .portlet-journal-content.landing-otsikko .portlet-content-container .portlet-body { } .site-theme.top-frame #content #main-content.landingpage-layout-container > .portlet-layout.row #column-5 .portlet-journal-content.landing-otsikko .portlet-content-container .portlet-body .journal-content-article { } .site-theme.top-frame #content #main-content.landingpage-layout-container > .portlet-layout.row #column-5 .portlet-journal-content.landing-otsikko .portlet-content-container .portlet-body .journal-content-article h1, .site-theme.top-frame #content #main-content.landingpage-layout-container > .portlet-layout.row #column-5 .portlet-journal-content.landing-otsikko .portlet-content-container .portlet-body .journal-content-article h2, .site-theme.top-frame #content #main-content.landingpage-layout-container > .portlet-layout.row #column-5 .portlet-journal-content.landing-otsikko .portlet-content-container .portlet-body .journal-content-article h3 { font-size: 2.25rem; } .site-theme.top-frame #content #main-content.landingpage-layout-container > .portlet-layout.row #column-5 .portlet-journal-content.landing-otsikko .portlet-content-container .portlet-body .journal-content-article p { font-size: 1.3rem; } .site-theme.top-frame #main-content.subpage-layout-container .landingpage-layout > .portlet-layout.row #column-3 .portlet-journal-content.landing-otsikko .portlet-content-container .portlet-body .journal-content-article h1, .site-theme.top-frame #main-content.subpage-layout-container .landingpage-layout > .portlet-layout.row #column-3 .portlet-journal-content.landing-otsikko .portlet-content-container .portlet-body .journal-content-article h2, .site-theme.top-frame #main-content.subpage-layout-container .landingpage-layout > .portlet-layout.row #column-3 .portlet-journal-content.landing-otsikko .portlet-content-container .portlet-body .journal-content-article h3 { font-size: 2.25rem; } .site-theme.top-frame #main-content.subpage-layout-container .landingpage-layout > .portlet-layout.row #column-3 .portlet-journal-content.landing-otsikko .portlet-content-container .portlet-body .journal-content-article p { font-size: 1.375rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.blog__list a.row.dark-link .blog__list--image { margin-bottom: 1.5rem; } } @media (max-width: 90rem) { .site-theme.top-frame { } .site-theme.top-frame #content > div > .portlet-layout.row, .site-theme.top-frame #footer .container, .site-theme.top-frame .layout-wrapper, .site-theme.top-frame .layout-wrapper-wide-container { } .site-theme.top-frame #content { } .site-theme.top-frame #content #main-content.frontpage > .layout-wrapper:first-of-type { max-width: 100%; } .site-theme.top-frame #content .hero__lift { } .site-theme.top-frame #content .hero__lift .hero__lift--content { } .site-theme.top-frame #content .hero__lift .hero__lift--content > * { max-width: calc((1366px * 0.45) - 2rem); } } @media (max-width: 1366px) { .site-theme.top-frame { } .site-theme.top-frame #content > div > .portlet-layout.row, .site-theme.top-frame #footer .container, .site-theme.top-frame .layout-wrapper, .site-theme.top-frame .layout-wrapper-wide-container { } .site-theme.top-frame #content .hero__lift { } .site-theme.top-frame #content .hero__lift .hero__lift--content { } .site-theme.top-frame #content .hero__lift .hero__lift--content > * { max-width: calc((1280px * 0.45) - 2rem); } } @media (max-width: 1280px) { .site-theme.top-frame { } .site-theme.top-frame #content > div > .portlet-layout.row, .site-theme.top-frame #footer .container, .site-theme.top-frame .layout-wrapper, .site-theme.top-frame .layout-wrapper-wide-container { } .site-theme.top-frame #content { } .site-theme.top-frame #content .frontpage .portlet-nested-portlets .columns-3 .portlet-layout.row { } .site-theme.top-frame #content .frontpage .portlet-nested-portlets .columns-3 .portlet-layout.row > div { width: 48.71795%; max-width: 48.71795%; flex: 0 0 48.71795%; margin-top: 1rem; margin-bottom: 1rem; } .site-theme.top-frame #content .frontpage .portlet-nested-portlets .columns-3 .portlet-layout.row > div:nth-child(odd) { margin-left: 0; } .site-theme.top-frame #content .frontpage .portlet-nested-portlets .columns-3 .portlet-layout.row > div:nth-child(odd):before { display: none; } .site-theme.top-frame #content .hero__lift { } .site-theme.top-frame #content .hero__lift .hero__lift--content { width: 55%; flex: 0 0 55%; max-width: 55%; } .site-theme.top-frame #content .hero__lift .hero__lift--content > * { max-width: calc((1024px * 0.55) - 1.5rem); } .site-theme.top-frame #content .hero__lift .hero__lift--image { width: calc(45% - 1.5rem); } } @media (max-width: 1024px) { .site-theme.top-frame { } .site-theme.top-frame #content > div > .portlet-layout.row, .site-theme.top-frame #footer .container, .site-theme.top-frame .layout-wrapper, .site-theme.top-frame .layout-wrapper-wide-container { } .site-theme.top-frame #footer { } .site-theme.top-frame #footer .container.footer-main-content { max-width: $maxViewWidth !important; padding: 3rem 1.5rem 2.5rem; } .site-theme.top-frame #footer .footer-bottom-bar { padding: 0 1.5rem; } .site-theme.top-frame #footer .footer-bottom-bar .container #footer-logo { right: 0; } .site-theme.top-frame #content { } .site-theme.top-frame #content #main-content.frontpage > .layout-wrapper:first-of-type { padding: 0; } .site-theme.top-frame #content .frontpage .portlet-nested-portlets .columns-3 .portlet-layout.row > div { width: 100%; max-width: 100%; flex: 0 0 100%; margin-left: 0; } .site-theme.top-frame #content .hero__lift { flex-flow: column-reverse nowrap; } .site-theme.top-frame #content .hero__lift .hero__lift--content { width: 100%; flex: 0 1 auto; max-width: 100%; padding: 2.5rem 1.5rem; border-radius: 0; } .site-theme.top-frame #content .hero__lift .hero__lift--content > * { max-width: 100%; } .site-theme.top-frame #content .hero__lift .hero__lift--image { position: relative; width: 100%; padding-top: 58.5%; } .site-theme.top-frame #content .hero__lift .hero__lift--image:not([style]) { padding-top: 0; } .site-theme.top-frame #content .shortcut__links { max-width: 100%; } .site-theme.top-frame #content .switching__content .switching__content--item { max-width: 100%; flex-flow: row wrap; } } @media (max-width: 979px) { .site-theme.top-frame #content { padding: 0; } .top-frame .homepage .layout-wrapper-wide { margin-left: 0; margin-right: 0; padding-left: 2rem; padding-right: 2rem; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 { display: block; opacity: 1; right: 1rem; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 .header-top-right-area form.search-form { position: absolute; } .site-theme.top-frame { } .site-theme.top-frame .mm-menu .mm-btn:after, .site-theme.top-frame .mm-menu .mm-btn:before { border-color: #fff !important; } .site-theme.top-frame .mobile-menu-actions { top: 2rem; margin: 0; z-index: 3; } .site-theme.top-frame .mobile-menu-actions.visible-phone { display: block !important; } .site-theme.top-frame .mobile-menu-actions a, .site-theme.top-frame .mobile-menu-actions button { display: block; float: none; padding: 0.75rem 1.5rem; width: auto; height: auto; color: $colorDarkGray; } .site-theme.top-frame .mobile-menu-actions a i, .site-theme.top-frame .mobile-menu-actions button i, .site-theme.top-frame .mobile-menu-actions a span, .site-theme.top-frame .mobile-menu-actions button span { margin: 0; } .site-theme.top-frame .mobile-menu-actions a i:before, .site-theme.top-frame .mobile-menu-actions button i:before, .site-theme.top-frame .mobile-menu-actions a span:before, .site-theme.top-frame .mobile-menu-actions button span:before { font-size: 2.25rem; } .site-theme.top-frame .header-top-right-area { } .site-theme.top-frame .header-top-right-area form.search-form { display: none; } .site-theme.top-frame .yja-mobile-navigation__content { } .site-theme.top-frame .yja-mobile-navigation__content .search-form { padding: 2rem 0; } .site-theme.top-frame .yja-mobile-navigation__content .search-form .search-query { max-width: 100%; } .site-theme.top-frame .yja-mobile-navigation__content .header-advanced-search-link { display: none !important; } .site-theme.top-frame #banner { max-width: unset; } .site-theme.top-frame #banner #heading .portlet-body { } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container { max-width: unset; margin: 0; padding: 0 1.5rem 0 0; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul { margin: 0; text-align: right; } .site-theme.top-frame #banner .mobile-menu-actions { display: block !important; top: 9rem; right: 1rem; } .site-theme.top-frame #banner .mobile-menu-actions button { color: #00374e !important; border: 1px solid #00374e; font-size: 1.2rem !important; } .site-theme.top-frame #banner .mobile-menu-actions button span:last-child { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .site-theme.top-frame #banner nav { display: none !important; } .site-theme.top-frame #content #main-content.landingpage-layout-container { } .site-theme.top-frame #content #main-content.landingpage-layout-container > .portlet-layout.row #column-5 .portlet-journal-content.landing-otsikko .portlet-content-container .portlet-body { } .site-theme.top-frame #content #main-content.landingpage-layout-container > .portlet-layout.row #column-5 .portlet-journal-content.landing-otsikko .portlet-content-container .portlet-body .journal-content-article { padding: 1rem; } .site-theme.top-frame #content #main-content.landingpage-layout-container > .landingpage-layout > .portlet-layout.row { } .site-theme.top-frame #content #main-content.landingpage-layout-container > .landingpage-layout > .portlet-layout.row > #column-2 { width: 100%; max-width: 100%; flex: 0 0 100%; padding: 3rem 1.5rem; border-radius: 0; } .site-theme.top-frame #content #main-content.landingpage-layout-container > .landingpage-layout > .portlet-layout.row > #column-3 { width: 100%; max-width: 100%; flex: 0 0 100%; margin-left: 0; padding: 0 1.5rem; } .site-theme.top-frame #content > #main-content.listing-layout > .portlet-layout.row { } .site-theme.top-frame #content > #main-content.listing-layout > .portlet-layout.row > #column-9 { display: none; } .site-theme.top-frame #content > #main-content.listing-layout > .portlet-layout.row > #column-9 + div.col-md-9 { width: 100%; max-width: 100%; flex: 0 0 100%; margin-left: 0; } .site-theme.top-frame #main-content.listing-layout > .layout-wrapper > .portlet-layout.row { } .site-theme.top-frame #main-content.listing-layout > .layout-wrapper > .portlet-layout.row > #column-9 { display: none; } .site-theme.top-frame #main-content.listing-layout > .layout-wrapper > .portlet-layout.row > #column-9 + div.col-md-9 { width: 100%; max-width: 100%; flex: 0 0 100%; margin-left: 0; } .site-theme.top-frame #main-content.listing-layout.journal-display-page > .row { padding: 0 1.5rem; } .site-theme.top-frame #main-content.listing-layout.journal-display-page > .row > .col-md-3 { display: none; } .site-theme.top-frame #main-content.listing-layout.journal-display-page > .row > .col-md-9 { width: 100%; max-width: 100%; flex: 0 0 100%; margin-left: 0; } .site-theme.top-frame #main-content.subpage-layout-container .landingpage-layout > .portlet-layout.row #column-3 .portlet-journal-content.landing-otsikko .portlet-content-container .portlet-body .journal-content-article { padding: 2rem 2rem 2rem 0; } .site-theme.top-frame #main-content.subpage-layout-container .landingpage-layout > .portlet-layout.row { padding: 0 1.5rem; } .site-theme.top-frame #main-content.subpage-layout-container .landingpage-layout > .portlet-layout.row > #column-1 { display: none; } .site-theme.top-frame #main-content.subpage-layout-container .landingpage-layout > .portlet-layout.row > #column-1 + #column-2 { width: 100%; max-width: 100%; flex: 0 0 100%; margin-left: 0; } .site-theme.top-frame #content .content__links.container { max-width: 100%; } } @media (max-width: 550px) { .site-theme.top-frame body #content { padding-top: 6rem; } .site-theme.top-frame body #content .portlet-content > .portlet-header h2 { font-size: 2rem; } .site-theme.top-frame { } .site-theme.top-frame .screenSM-menu-actions { top: 12.5rem; } .site-theme.top-frame #banner { } .site-theme.top-frame #banner #heading .portlet-body { } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container { max-width: unset; padding: 0; margin: 0; flex-flow: column nowrap; justify-content: center; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container > div { padding: 0; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-right div { flex-flow: row wrap; justify-content: center; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-right div > ul { margin: 0 1.5rem 0.75rem; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul { margin: 0.75rem 1.5rem; text-align: center; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row { padding: 0; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-7 { position: relative; left: 0; margin-top: 0.75rem; } .site-theme.top-frame #content { margin-top: 2rem !important; padding-top: 0 !important; } .site-theme.top-frame #footer .footer-bottom-bar { } .site-theme.top-frame #footer .footer-bottom-bar .container { padding-top: 0; } .site-theme.top-frame #footer .footer-bottom-bar .container ul.some-list { justify-content: center; } .site-theme.top-frame #footer .footer-bottom-bar .container #footer-logo { position: relative; bottom: auto; } .site-theme.top-frame #footer .footer-bottom-bar .container #footer-logo img { margin: 0 auto; } .site-theme.top-frame #content #main-content.landingpage-layout-container { } .site-theme.top-frame #content #main-content.landingpage-layout-container > .portlet-layout.row #column-5 .portlet-journal-content.landing-otsikko .portlet-content-container .portlet-body { width: 100%; } .site-theme.top-frame #main-content .portlet-body h1, .site-theme.top-frame #main-content .portlet-body .h1 { font-size: 2rem; } .site-theme.top-frame #main-content .portlet-body p { font-size: 1rem; } .site-theme.top-frame #main-content .portlet-body ul li, .site-theme.top-frame #main-content .portlet-body ol li { font-size: 1rem; } .site-theme.top-frame #content .fessWrapper { display: block; } .site-theme.top-frame #content .fessWrapper .fessResult { } .site-theme.top-frame #content .fessWrapper .fessResult #searchResultList { margin-left: 0; } .site-theme.top-frame #content .fessWrapper .fessResult .media-heading { font-size: 1.5rem; } .site-theme.top-frame #content .hero__lift .hero__lift--content h1, .site-theme.top-frame #content .hero__lift .hero__lift--content h2, .site-theme.top-frame #content .hero__lift .hero__lift--content h3 { font-size: 9.5vw; } .site-theme.top-frame #content .hero__lift .hero__lift--content p { font-size: 1.375rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .asset-abstract { min-height: unset; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .asset-abstract > h4 { padding-left: 0; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .asset-abstract > .asset-content { } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .asset-abstract > .asset-content .asset-resource-info { } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .asset-abstract > .asset-content .asset-resource-info .asset-thumbnail > img { display: none; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .asset-abstract > .asset-content .asset-resource-info p.asset-description { padding-left: 0; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a > .list__item--content > span.item-title { font-size: 1.2rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a { } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a > .list__item--image { display: none; } } @media (min-width: 550px) { .site-theme.top-frame .yvv-highlight-links ul { grid-template-columns: repeat(2, 1fr); } .site-theme.top-frame .yvv-highlight-links ul li { } .site-theme.top-frame .yvv-highlight-links ul li a { min-height: 16rem; } } @media (min-width: 767px) { .site-theme.top-frame .yvv-highlight-links ul { grid-template-columns: repeat(3, 1fr); font-size: 1.6rem; } } @media (min-width: 1280px) { .site-theme.top-frame .yvv-highlight-links ul { grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr)); } .portlet-nested-portlets { } .portlet-nested-portlets .portlet-layout.row { } .portlet-nested-portlets .portlet-layout.row .portlet-column.col-md-4 { max-width: 28rem; } } @media (min-width: 1366px) and (max-width: 1439.98px) { .site-theme.top-frame #banner { } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container { } .site-theme.top-frame #banner nav { max-width: 1366px; } .site-theme.top-frame #content > #main-content.listing-layout > .portlet-layout.row { max-width: 1366px; } .site-theme.top-frame #main-content.listing-layout > .layout-wrapper > .portlet-layout.row { max-width: 1366px; } .site-theme.top-frame #main-content.listing-layout.journal-display-page { max-width: 1366px; } .site-theme.top-frame #main-content.subpage-layout-container { max-width: 1366px; } .site-theme.top-frame #content .image__lifts { max-width: 1366px; } .site-theme.top-frame #content .shortcut__links { max-width: 1366px; } .site-theme.top-frame #content .switching__content .switching__content--item { max-width: 1366px; } } @media (min-width: 1280px) and (max-width: 1365.98px) { .site-theme.top-frame #banner { } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container { } .site-theme.top-frame #banner nav { max-width: 1280px; } .site-theme.top-frame #content > #main-content.listing-layout > .portlet-layout.row { max-width: 1280px; } .site-theme.top-frame #main-content.listing-layout > .layout-wrapper > .portlet-layout.row { max-width: 1280px; } .site-theme.top-frame #main-content.listing-layout.journal-display-page { max-width: 1280px; } .site-theme.top-frame #main-content.subpage-layout-container { max-width: 1280px; } .site-theme.top-frame #content .image__lifts { max-width: 1280px; } .site-theme.top-frame #content .shortcut__links { max-width: 1280px; } .site-theme.top-frame #content .switching__content .switching__content--item { max-width: 1280px; } } @media (min-width: 1024px) and (max-width: 1279.98px) { .site-theme.top-frame #banner { } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container { } .site-theme.top-frame #banner nav { max-width: 1024px; } .site-theme.top-frame #content > #main-content.listing-layout > .portlet-layout.row { max-width: 1024px; } .site-theme.top-frame #main-content.listing-layout > .layout-wrapper > .portlet-layout.row { max-width: 1024px; } .site-theme.top-frame #main-content.listing-layout.journal-display-page { max-width: 1024px; } .site-theme.top-frame #main-content.subpage-layout-container { max-width: 1024px; } .site-theme.top-frame #content .image__lifts { max-width: 1024px; } .site-theme.top-frame #content .shortcut__links { max-width: 1024px; } .site-theme.top-frame #content .switching__content .switching__content--item { max-width: 1024px; } } @media (max-width: 1023.98px) { .site-theme.top-frame #banner { } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container { max-width: 654px; } .site-theme.top-frame #banner nav { max-width: 979px; } .site-theme.top-frame #content > #main-content.listing-layout > .portlet-layout.row { max-width: 100%; } .site-theme.top-frame #main-content.listing-layout > .layout-wrapper > .portlet-layout.row { max-width: 100%; } .site-theme.top-frame #main-content.listing-layout.journal-display-page { max-width: 100%; } .site-theme.top-frame #main-content.subpage-layout-container { max-width: 100%; } .site-theme.top-frame #main-content.subpage-layout-container .landingpage-layout > .portlet-layout.row { padding-right: 0.875rem; padding-left: 0.875rem; } .site-theme.top-frame #content .image__lifts { max-width: 100%; } } @media (max-width: 979px) and (max-width: 596px) { .site-theme.top-frame #banner .mobile-menu-actions { top: 9rem; } } @media (max-width: 979px) and (max-width: 400px) { .site-theme.top-frame #banner .mobile-menu-actions { position: unset !important; display: flex !important; justify-content: center; } } @media (max-width: 767px) and (max-width: 400px) { .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-right .yja-meta-content-info { display: none; } .site-theme.top-frame #banner #heading .portlet-body .header-top-left-cell { display: flex; justify-content: center; } } @media (max-width: 767px) and (max-width: 979px) { .site-theme.top-frame #banner #heading .portlet-body .header-top-left-cell { max-width: unset; } } @media (max-width: 479px) { .site-theme.top-frame { } .site-theme.top-frame #banner { } .site-theme.top-frame #banner #heading .portlet-body { } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container { } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-right div { justify-content: space-evenly !important; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-right div > ul { margin: 0 0 0.5rem 0 !important; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper > .yja-accordion-toggle > button { padding: 1.5rem 3rem 1.5rem 1.5rem; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper .yja-accordion-content { padding: 1.5rem; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper .yja-accordion-content:before { left: 1.5rem; width: calc(100% - 3rem); } } @media (min-width: 1024px) { .site-theme.top-frame #banner nav.main-nav { position: absolute; top: 6rem; right: 2rem; } .site-theme.top-frame .signed-in #banner nav.main-nav { top: 9rem; } .site-theme.top-frame #content .hero__lift { padding: 4rem 2rem; } .site-theme.top-frame #content .hero__lift .hero__lift--image { position: absolute; display: flex; flex-flow: column nowrap; justify-content: center; top: 0; right: 0; width: calc(55% - 2rem); height: 100%; background-repeat: no-repeat; background-position: top right; background-size: cover; } .site-theme.top-frame #content .hero__lift .hero__lift--image iframe { position: absolute; width: 100%; height: 100%; } } @media (max-width: 767px) and (max-width: 550px) { .site-theme.top-frame #content #main-content.landingpage-layout-container > .portlet-layout.row #column-5 .portlet-journal-content.landing-otsikko .portlet-content-container .portlet-body .journal-content-article h1, .site-theme.top-frame #content #main-content.landingpage-layout-container > .portlet-layout.row #column-5 .portlet-journal-content.landing-otsikko .portlet-content-container .portlet-body .journal-content-article h2, .site-theme.top-frame #content #main-content.landingpage-layout-container > .portlet-layout.row #column-5 .portlet-journal-content.landing-otsikko .portlet-content-container .portlet-body .journal-content-article h3 { font-size: 1.8rem; } } @media (max-width: 1279.98px) { .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > ul { margin: 0; } } @media (max-width: 419px) { .site-theme.top-frame #content .image__lifts .image__lifts--item > h2 { font-size: 1.68rem; } } @media (min-width: 979px) { .site-theme.top-frame #content .content__links { grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr)); } } @media (min-width: 420px) { .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list a.row.dark-link .simplified__list--content > .simplified__list-item-title:first-child, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list .yja-card .simplified__list--content > .simplified__list-item-title:first-child { font-size: 1.75rem; line-height: 1.14286; } } @media (min-width: 1360px) { .image__lifts .image__lifts--item { max-width: 30rem; } }