.top-frame body { font-size: 100%; color: #000; font-family: Helvetica,Arial,sans-serif; line-height: 1.4; } .top-frame a { color: #186360; } .top-frame a:hover, .top-frame a:focus { color: #1f807f; } .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: #000; font-weight: bold; font-style: normal; font-family: 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.375rem; -moz-border-radius: 0.375rem; -webkit-border-radius: 0.375rem; } .top-frame .btn { border-radius: 0.375rem; -moz-border-radius: 0.375rem; -webkit-border-radius: 0.375rem; } .top-frame .btn.btn-default { border: solid 1px #666; background: #666; color: #fff; } .top-frame .btn.btn-default:hover { background: #454545; } .top-frame .btn.btn-primary, .top-frame .btn.search-form_submit { background-color: #738433; color: white; } .top-frame .btn.btn-primary:hover, .top-frame .btn.search-form_submit:hover { background-color: #67772e; } .top-frame .btn.search-form_submit { border-color: #738433; } .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.375rem; -moz-border-radius: 0.375rem; -ms-border-radius: 0.375rem; -o-border-radius: 0.375rem; border-radius: 0.375rem; } .top-frame .badge:not(.error-notice), .top-frame .label, .top-frame .yja-tag { border: 1px solid #000; } .top-frame .portlet-navigation .nav-menu ul a { color: #000; } .top-frame .portlet-navigation .nav-menu ul ul a { color: #000; } .top-frame .portlet-navigation .nav-menu > ul > li { color: #000; } .top-frame .events .event-highlight { font-size: 1.1em; border-top: solid 1px #738433; } .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 #738433; } .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: #186360; display: block; position: relative; } .top-frame .events.event-search-portlet .event-list-wrapper > .span12 > .span3 { background: #738433; } .top-frame .events.event-search-portlet .event-list-wrapper { border-color: #738433; } .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: #738433; 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 #738433; border-right: 1px solid #738433; border-left: 1px solid #738433; 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: #186360; } .top-frame #scrollToTop { color: #fff; background: #738433; } .top-frame #scrollToTop:hover { background: #67772e; } .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: #738433; color: white !important; } .top-frame #banner .language-version-selection-portlet .lang-nav ul { background: #738433; } .top-frame .media-item .small figure { float: left; margin-right: 1em; } .top-frame .media-item .dark-link { color: #000; } .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: #000; } .top-frame .media-item .meta { margin-bottom: em(5px); color: #000; font-size: .9em; } .top-frame .feed-item.simple .meta { color: #000; font-size: .9em; } .top-frame .feed-item.simple h6 a { color: #000; } .top-frame ul.position-nav li.selected { background: #738433; } .top-frame ul.position-nav li.selected:hover { background-color: #738433; } .top-frame .carousel .description { font-family: Helvetica,Arial,sans-serif; font-weight: normal; } .panel.border-top-emphasis { border-top: solid 4px #738433; } .top-frame #banner { background-repeat: repeat; background-size: contain; background-position: center top; background-color: transparent; background-image: url('data:image/svg+xml,data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg"/%3E'); color: #fff; } .top-frame #banner a { color: #fff; } .top-frame #heading { height: auto; padding: 0; } .top-frame #heading .yja-site-template-settings-header-portlet { height: 100%; } .top-frame #heading .yja-site-template-settings-header-portlet .portlet-borderless-container, .top-frame #heading .yja-site-template-settings-header-portlet .portlet-body, .top-frame #heading .yja-site-template-settings-header-portlet .header-row { height: 100%; } .top-frame #heading .yja-site-template-settings-header-portlet .header-top-left-cell, .top-frame #heading .yja-site-template-settings-header-portlet .header-top-right-cell { align-self: center; } .top-frame #banner nav ul.site-theme__navigation { background-color: transparent; color: #000; } .top-frame #banner nav ul.site-theme__navigation li a:hover { background-color: darken(transparent, 10%); } .top-frame #banner nav ul.site-theme__navigation li.selected { background-color: #738433; 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: #67772e; } .top-frame #banner nav a { color: #000; } .top-frame #banner nav.fixed { background: transparent; } .top-frame #footer { background-image: url('data:image/svg+xml,data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg"/%3E'); background-repeat: repeat; background-size: initial; background-position: center top; background-color: #e0e6c7; color: #000; } .top-frame #footer a { color: #000; } .top-frame #footer .footer-bottom-bar { background-color: #fff; } .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: 1rem; padding-right: 1rem; } .top-frame .homepage .layout-wrapper-wide { background: #efefef; } .top-frame .homepage .layout-wrapper-wide *, .top-frame .homepage .layout-wrapper-wide .carousel-wrapper ul li h3 a .description { color: #454545; } .top-frame #main-content, .top-frame #footer .container-fluid, .top-frame #banner .main-nav, .top-frame .layout-wrapper, .top-frame .layout-wrapper-wide-container { max-width: 100%; } .mobile-menu-actions { right: 0; } .mobile-menu-actions a.menu-icon { background: #fff; color: #000; } .mobile-menu-actions a { color: #186360; } .mobile-menu-actions a.menu-icon { font-family: Helvetica,Arial,sans-serif; } .mobile-menu-actions a:active, .mobile-menu-actions a:focus, .mobile-menu-actions a:hover { color: #1f807f; } .mm-menu { border-color: #738433; } .mm-menu a { color: white; } .mm-menu a:hover, .mm-menu a:focus { color: white; } .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: Arial,Helvetica,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 .portlet-boundary.portlet-barebone .portlet .portlet-header:not(.use-custom-title) { position: absolute; } .site-theme.top-frame .portlet-boundary.portlet-barebone .portlet:hover .portlet-header:not(.use-custom-title) { position: absolute; z-index: 999; } .site-theme.top-frame div[id*="sms_login_portlet_SmsLoginPortlet_"] > .portlet, .site-theme.top-frame div[id*="login_web_portlet_LoginPortlet_"] > .portlet { position: relative; width: 100%; max-width: 64rem; margin: 3rem auto; padding: 0 1rem; } .site-theme.top-frame div[id*="sms_login_portlet_SmsLoginPortlet_"] > .portlet .portlet-content, .site-theme.top-frame div[id*="login_web_portlet_LoginPortlet_"] > .portlet .portlet-content { margin: 0; padding: 1.25rem 1.75rem; background-color: #fff; border: 1px solid #ddd; border-radius: .25rem; } .site-theme.top-frame > body.public-page { font-family: 'PT Sans',Arial,Helvetica,sans-serif; font-variant-ligatures: none; } .site-theme.top-frame > body.public-page a[href]:not([tabindex='-1']):focus, .site-theme.top-frame > body.public-page area[href]:not([tabindex='-1']):focus, .site-theme.top-frame > body.public-page input:not([disabled]):not([tabindex='-1']):focus, .site-theme.top-frame > body.public-page select:not([disabled]):not([tabindex='-1']):focus, .site-theme.top-frame > body.public-page textarea:not([disabled]):not([tabindex='-1']):focus, .site-theme.top-frame > body.public-page button:not([disabled]):not([tabindex='-1']):focus, .site-theme.top-frame > body.public-page iframe:not([tabindex='-1']):focus, .site-theme.top-frame > body.public-page [tabindex]:not([tabindex='-1']):focus, .site-theme.top-frame > body.public-page [contentEditable=true]:not([tabindex='-1']):focus { outline: auto thin Highlight; outline: auto thin -webkit-focus-ring-color; } .site-theme.top-frame > body.public-page h1, .site-theme.top-frame > body.public-page h2, .site-theme.top-frame > body.public-page h3, .site-theme.top-frame > body.public-page h4, .site-theme.top-frame > body.public-page h5, .site-theme.top-frame > body.public-page h6, .site-theme.top-frame > body.public-page .heading1, .site-theme.top-frame > body.public-page .heading2, .site-theme.top-frame > body.public-page .heading3, .site-theme.top-frame > body.public-page .heading4, .site-theme.top-frame > body.public-page .heading5, .site-theme.top-frame > body.public-page .heading6 { font-family: 'PT Sans',Arial,Helvetica,sans-serif; font-variant-ligatures: none; } .site-theme.top-frame > body.public-page #content { margin-bottom: 4.5rem; padding-top: 3rem; } .site-theme.top-frame > body.public-page #content #main-content .portlet-layout.row > .portlet-column > .portlet-column-content { margin-bottom: 1.75rem; } .site-theme.top-frame > body.public-page #content #main-content .portlet-layout.row > .portlet-column > .portlet-column-content:empty, .site-theme.top-frame > body.public-page #content #main-content .portlet-layout.row > .portlet-column > .portlet-column-content:only-child { margin-bottom: 0; } .site-theme.top-frame > body.public-page #content #main-content .portlet-layout.row > .portlet-column > .portlet-column-content > .portlet-boundary > .portlet > .portlet-content { margin-bottom: 2.25rem; } .site-theme.top-frame > body.public-page #content #main-content .portlet-layout.row > .portlet-column > .portlet-column-content > .portlet-boundary:last-child > .portlet > .portlet-content { margin-bottom: 0; } .site-theme.top-frame > body.public-page #content #main-content .portlet-layout.row:last-child > .portlet-column > .portlet-column-content { margin-bottom: 0; } .site-theme.top-frame > body.public-page #content .web-form-portlet div:not(.has-error) input.field, .site-theme.top-frame > body.public-page #content .web-form-portlet div:not(.has-error) textarea.field { border-color: #666; } .site-theme.top-frame > body.public-page #content .web-form-portlet button.btn { font-size: .875rem; line-height: 1.214; letter-spacing: .0875rem; text-transform: uppercase; } .site-theme.top-frame > body.public-page #main-content, .site-theme.top-frame > body.public-page #content { padding-right: 0; padding-left: 0; } .site-theme.top-frame > body.public-page.homepage #content { padding-top: 0; } .site-theme.top-frame > body.public-page.homepage #content .hed-section.portlet-title.portlet-title-text { display: block; align-items: center; padding-left: 1.5rem; white-space: break-spaces; word-break: break-word; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .site-theme.top-frame > body.public-page.homepage #content .hed-section.portlet-title.portlet-title-text:before { content: " "; display: inline-block; width: 5rem; height: 5rem; background-color: #eff2e2; border-radius: 100px; position: relative; text-align: left; left: -1.5rem; content: '\00a0'; vertical-align: middle; } .site-theme.top-frame > body.public-page.homepage #content .hed-section.portlet-title.portlet-title-text::after { display: inline-block; width: 3.25rem; height: 3.25rem; position: relative; text-align: left; left: -99%; top: 0.25rem; display: inline-flex; text-align: left; content: '\00a0'; padding-left: 1em; background-image: url('/documents/114921275/121055917/icon-point-forward.svg/861f93b6-d7cd-87b5-c3c0-09cae6b5649a?t=1652965071543'); background-repeat: no-repeat no-repeat; background-position: center center; background-size: contain; position: absolute; width: 2.65rem; top: 1.85rem; left: 3rem; } .site-theme.top-frame > body.public-page.homepage #content .frontpage-news .hed-section.portlet-title.portlet-title-text::after, .site-theme.top-frame > body.public-page.homepage #content .frontpage-publications .hed-section.portlet-title.portlet-title-text::after { background-image: url('/documents/114921275/121055917/icon-point-forward.svg/861f93b6-d7cd-87b5-c3c0-09cae6b5649a?t=1652965071543'); width: 2.65rem; top: 1.85rem; left: 3rem; } .site-theme.top-frame > body.public-page.homepage #content .frontpage-events-lift .hed-section.portlet-title.portlet-title-text::after { background-image: url('/documents/114921275/121055917/icon-training.svg/a20d1dcc-b87f-e805-7bec-fa040a85018c?t=1652949108067'); top: 2.2rem; left: 1.75rem; width: 4rem; } .site-theme.top-frame > body.public-page.homepage #content .main-blog-lift .hed-section.portlet-title.portlet-title-text::after { background-image: url('/documents/114921275/121055917/icon-bicycle-2.svg/9c8c16c7-cf1b-0897-9421-3bed477e18fe?t=1652949104497'); top: 2.1rem; left: 1.95rem; } .site-theme.top-frame > body.public-page.homepage #content .frontpage-twitter .hed-section.portlet-title.portlet-title-text::after { background-image: url('/documents/114921275/121055917/icon-twitter.svg/44e56ccf-d4d3-de07-5675-0a03d0084d6f?t=1652949109081'); } .site-theme.top-frame > body.public-page a:focus, .site-theme.top-frame > body.public-page button:focus { text-decoration: underline; outline-style: dotted; outline-offset: 0.1875rem; outline-width: .125rem; outline: 5px auto -webkit-focus-ring-color; } .site-theme.top-frame > body.public-page #scrollToTop { bottom: 6.5rem; right: 1rem; padding: .875rem 1.125rem; border-radius: 2rem; border: .25rem solid #fff; } .site-theme.top-frame .mobile-menu-actions > a, .site-theme.top-frame .mobile-menu-actions > button { float: none; width: 6.5rem; height: 6.5rem; cursor: pointer; } .site-theme.top-frame .mobile-menu-actions > .menu-icon { background-color: #fff; } .site-theme.top-frame .mobile-menu-actions > .menu-icon:focus { text-decoration: none; } .site-theme.top-frame .mobile-menu-actions > .menu-icon > .icon-reorder { margin: 1.625rem 0; font-size: 3rem; line-height: 1; } .site-theme.top-frame .mobile-menu-actions > .menu-icon > .icon-reorder:before { color: #738433; } .site-theme.top-frame .mobile-menu-actions > .menu-icon > span:not([role]) { height: 0; overflow: hidden; } .site-theme.top-frame .yja-mobile-navigation__button--close { background-color: #738433; border-radius: 10px; color: white; color: #fff; border-style: none; height: 44px; width: 44px; } .site-theme.top-frame .yja-mobile-navigation__button--close svg { stroke: #fff; stroke-width: 100; fill: #fff; } .site-theme.top-frame .yja-mobile-navigation__tree li svg { stroke: #738433; stroke-width: 60; fill: #738433; } .site-theme.top-frame #banner { position: relative; width: 100%; margin: 0 auto; padding: 0 0; border-bottom: none; } .site-theme.top-frame #banner #heading .header-top-bar { width: auto; background-color: #9db446; padding: 0 0; text-align: end; } .site-theme.top-frame #banner #heading .header-top-bar .header-top-bar-links-lang { display: inline-flex; } .site-theme.top-frame #banner #heading .header-top-bar .header-top-bar-links-right { position: absolute; top: 0.35rem; right: 1rem; } .site-theme.top-frame #banner #heading .header-top-bar .header-top-bar-links-lang .header-top-right-area { display: inline-block; margin: 0; padding: 0.25rem; } .site-theme.top-frame #banner #heading .header-top-bar .header-top-bar-links-lang .header-top-right-area input[type="search"] { max-width: 250px; width: 202px; } .site-theme.top-frame #banner #heading .header-top-bar .header-top-bar-links-lang .header-top-right-area > .search-form { position: relative; } .site-theme.top-frame #banner #heading .header-top-bar .header-top-bar-links-lang .header-top-right-area > .search-form:after { content: '\f002'; position: absolute; display: block; top: .25rem; right: .0625rem; width: 2rem; height: 2.375rem; color: #000; text-align: center; text-transform: none; font-size: 1.125rem; font-family: 'fontawesome-alloy'; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1.75; z-index: 4; } .site-theme.top-frame #banner #heading .header-top-bar .header-top-bar-links-lang .header-top-right-area > .search-form > .input-group { flex-flow: row nowrap; } .site-theme.top-frame #banner #heading .header-top-bar .header-top-bar-links-lang .header-top-right-area > .search-form > .input-group > input.search-query { margin: 0; padding: .625rem 2.5rem .625rem .625rem; background-color: #fff; font-size: .875rem; line-height: 1.214; color: #000; border-width: 1px; border-color: #666; border-radius: .3125rem; } .site-theme.top-frame #banner #heading .header-top-bar .header-top-bar-links-lang .header-top-right-area > .search-form > .input-group > .input-group-append { position: absolute; display: block; top: 0; right: 0; width: 2rem; height: 2.375rem; z-index: 5; } .site-theme.top-frame #banner #heading .header-top-bar .header-top-bar-links-lang .header-top-right-area > .search-form > .input-group > .input-group-append > .btn { display: block; width: 100%; height: 100%; padding: 0; margin: 0; border: none; color: #000; background-color: transparent; border-radius: .3125rem; box-shadow: none; overflow: hidden; text-indent: 3rem; } .site-theme.top-frame #banner #heading .header-top-bar .header-top-bar-links-lang .header-top-right-area > .search-form > .input-group > .input-group-append > .btn:focus { outline: 2px dotted #738433; outline: 5px auto -webkit-focus-ring-color; outline-offset: -0.1875rem; } .site-theme.top-frame #banner #heading .header-top-bar .header-top-bar-links-lang .header-top-right-area > a.header-advanced-search-link { display: none !important; } .site-theme.top-frame #banner #heading .header-top-bar .header-top-bar-links-lang { position: relative; left: -16rem; } .site-theme.top-frame #banner #heading .header-top-bar .header-top-bar-links-lang.search-field { position: unset; } .site-theme.top-frame #banner #heading .header-top-bar .header-top-bar-links-lang ul li { border-color: #000; } .site-theme.top-frame #banner #heading .header-top-bar .header-top-bar-links-lang ul a { font-weight: 300; color: #000; padding: 0 0.475rem; letter-spacing: 0.25px; } .site-theme.top-frame #banner #heading .header-top-bar .header-top-bar-links-lang ul.en li.en a, .site-theme.top-frame #banner #heading .header-top-bar .header-top-bar-links-lang ul.fi li.fi a, .site-theme.top-frame #banner #heading .header-top-bar .header-top-bar-links-lang ul.sv li.sv a { font-weight: 400; color: #000; } .site-theme.top-frame #banner #heading .row.header-row { padding: 1rem 0; } .site-theme.top-frame #banner #heading .row.header-row > .col.col-md-7 a.logo { width: 12rem; position: relative; z-index: 10; } .site-theme.top-frame #banner #heading .row.header-row > .col.col-md-7 a.logo img { max-width: 100%; image-rendering: -webkit-optimize-contrast; max-height: 100%; } .site-theme.top-frame #banner #heading .row.header-row > .col.col-md-5 { max-width: 100%; } .site-theme.top-frame #banner #heading .row.header-row > .col.col-md-5 > .header-top-right-area { display: flex; flex-flow: row nowrap; justify-content: flex-end; margin: 2.1875rem 0 .625rem; margin: 0; } .site-theme.top-frame #banner #heading .row.header-row > .col.col-md-5 > .header-top-right-area input[type="search"] { max-width: 250px; width: 202px; } .site-theme.top-frame #banner #heading .row.header-row > .col.col-md-5 > .header-top-right-area > .search-form { position: relative; position: absolute; top: -9.5rem; right: 1rem; } .site-theme.top-frame #banner #heading .row.header-row > .col.col-md-5 > .header-top-right-area > .search-form:after { content: '\f002'; position: absolute; display: block; top: .25rem; right: .0625rem; width: 2rem; height: 2.375rem; color: #000; text-align: center; text-transform: none; font-size: 1.125rem; font-family: 'fontawesome-alloy'; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1.75; z-index: 4; } .site-theme.top-frame #banner #heading .row.header-row > .col.col-md-5 > .header-top-right-area > .search-form > .input-group { flex-flow: row nowrap; } .site-theme.top-frame #banner #heading .row.header-row > .col.col-md-5 > .header-top-right-area > .search-form > .input-group > input.search-query { margin: 0; padding: .625rem 2.5rem .625rem .625rem; background-color: #fff; font-size: .875rem; line-height: 1.214; color: #000; border-width: 1px; border-color: #666; border-radius: .3125rem; } .site-theme.top-frame #banner #heading .row.header-row > .col.col-md-5 > .header-top-right-area > .search-form > .input-group > .input-group-append { position: absolute; display: block; top: 0; right: 0; width: 2rem; height: 2.375rem; z-index: 5; } .site-theme.top-frame #banner #heading .row.header-row > .col.col-md-5 > .header-top-right-area > .search-form > .input-group > .input-group-append > .btn { display: block; width: 100%; height: 100%; padding: 0; margin: 0; border: none; color: #000; background-color: transparent; border-radius: .3125rem; box-shadow: none; overflow: hidden; text-indent: 3rem; } .site-theme.top-frame #banner #heading .row.header-row > .col.col-md-5 > .header-top-right-area > .search-form > .input-group > .input-group-append > .btn:focus { outline: 2px dotted #738433; outline: 5px auto -webkit-focus-ring-color; outline-offset: -0.1875rem; } .site-theme.top-frame #banner #heading .row.header-row > .col.col-md-5 > .header-top-right-area > a.header-advanced-search-link { display: none !important; } .site-theme.top-frame #banner > nav.a11y-navigation > ul { display: flex; flex-flow: row wrap; justify-content: flex-end; } .site-theme.top-frame[lang="fi-FI"] #banner #heading .header-top-bar .header-top-bar-links-lang ul li.fi, .site-theme.top-frame[lang="sv-SE"] #banner #heading .header-top-bar .header-top-bar-links-lang ul li.sv, .site-theme.top-frame[lang="en-US"] #banner #heading .header-top-bar .header-top-bar-links-lang ul li.en { display: none; } .site-theme.top-frame #banner nav { position: relative; display: flex !important; flex-flow: row wrap; justify-content: flex-end; width: 100%; max-width: 90rem; min-height: 4.5rem; margin: -8rem auto 0; padding: 0; } .site-theme.top-frame #banner nav:before { content: ''; display: block; width: 16.375rem; height: 4.5rem; } .site-theme.top-frame #banner nav > ul.a11y-nav { position: relative; display: flex; flex-flow: row wrap; justify-content: flex-end; align-content: stretch; min-height: 3.75rem; margin: 0; padding: 0; } .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item { position: static; flex: 0 1 auto; display: flex; flex-flow: row nowrap; justify-content: center; padding: 0; margin: 0; padding-right: 1rem; } .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item > a, .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item > button { outline-offset: -2px; } .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item:last-child > a { padding-right: 0 !important; } .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item:last-child > a.has-children { padding-right: 1.25rem; } .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item:last-child > a.has-children > button { padding-right: 0 !important; } .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item > a { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; height: 100%; padding: 0 1.15rem; font-size: 1.15rem; line-height: 1.18182; white-space: nowrap; } .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item > a span { position: relative; text-decoration: underline; text-decoration-color: #e0e6c7; text-decoration-thickness: 0.5rem; text-underline-offset: 0.3rem; } .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item > a[aria-current="page"] span { position: relative; text-decoration: none; } .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item > a[aria-current="page"] span:after { content: ''; position: absolute; bottom: -0.5625rem; left: 0; margin-left: 0.05rem; width: 100%; width: -webkit-fill-available; height: 0.5rem; background-color: #738433; } .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item > button.a11y-toggler { margin: 0; padding: 0 0.55rem; font-size: 1.75rem; background-color: transparent; border: none; color: #738432; line-height: 0; cursor: pointer; } .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item > button.a11y-toggler:hover { text-decoration: none; } .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item > button[aria-expanded="false"] > span.icon:before { content: '\f107'; } .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item > button[aria-expanded="true"] > span.icon:before { content: '\f106'; } .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item.has-children > a { padding: 0 0.125rem 0 1.15rem; } .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item.selected { background-color: transparent; } .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item.selected > a { color: #000; padding: 0 0.125rem 0 1.15rem; } .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item.selected > a:hover { background-color: transparent; } .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item > .a11y-nav__sub { top: 4.5rem; background-color: rgba(255,255,255,0.98); box-shadow: 0 .25rem .5rem rgba(0,0,0,0.06); z-index: 11; } .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item > .a11y-nav__sub > ul { padding: .75rem 1.0625rem; } .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item > .a11y-nav__sub > ul a { color: #000; text-transform: none; font-size: 1.15rem; line-height: 1.7; } .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item > .a11y-nav__sub > ul > li { display: block; } .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item > .a11y-nav__sub > ul > li > a { padding: .125rem .625rem; display: block; margin: 0; } .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item > .a11y-nav__sub > ul > li > a:hover, .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item > .a11y-nav__sub > ul > li > a:focus { background-color: transparent; text-underline-offset: 1px; } .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item > .a11y-nav__sub > ul > li > a:hover { text-decoration: underline; } .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item > .a11y-nav__sub > ul > li > a:focus { text-decoration: none; } .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item > .a11y-nav__sub > ul > li > a:focus:hover { text-decoration: underline; } .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item > .a11y-nav__sub > ul > li.selected { background-color: transparent; } .site-theme.top-frame #banner nav > ul li > a:focus, .site-theme.top-frame #banner nav > ul li > a:hover { text-decoration: underline; } .site-theme.top-frame #banner nav > ul li > a.selected > a:focus, .site-theme.top-frame #banner nav > ul li > a.selected > a:hover { text-decoration: underline !important; } .site-theme.top-frame #banner nav > ul li > button.toggleVisibility { display: inline-block; border: 0; background: transparent; } .site-theme.top-frame #banner nav > ul li > ul.open > li { display: block; } .site-theme.top-frame #banner nav > ul li > ul.open > li > a:focus, .site-theme.top-frame #banner nav > ul li > ul.open > li > a:hover { text-decoration: underline; } .site-theme.top-frame #footer { padding: 0; } .site-theme.top-frame #footer .portlet-content-container .portlet-body { display: flex; flex-flow: column-reverse; } .site-theme.top-frame #footer > div .footer-main-content { max-width: none; margin: 0 auto; padding: 3.5rem 4rem 3.5rem; } .site-theme.top-frame #footer > div .footer-main-content > .row { justify-content: center; position: relative; max-width: 90rem; margin: 0 auto; } .site-theme.top-frame #footer > div .footer-main-content > .row > div.col { display: flex; flex-flow: column nowrap; justify-content: flex-start; font-size: 1.125rem; line-height: 1.667; } .site-theme.top-frame #footer > div .footer-main-content > .row > div.col > div > *:first-child { margin-top: 0; } .site-theme.top-frame #footer > div .footer-main-content > .row > div.col:first-child > div > * { max-width: 25rem; } .site-theme.top-frame #footer > div .footer-main-content > .row > div.col a { text-decoration: underline; text-underline-offset: 1.5px; } .site-theme.top-frame #footer > div .footer-main-content > .row p, .site-theme.top-frame #footer > div .footer-main-content > .row ul { margin: 0 0 1rem; } .site-theme.top-frame #footer > div .footer-main-content > .row ul { list-style: none; padding: 0; } .site-theme.top-frame #footer > div .footer-main-content > .row ul li { position: relative; margin: 0 0 .375rem; } .site-theme.top-frame #footer > div .footer-main-content > .row ul li:last-child { margin-bottom: 0; } .site-theme.top-frame #footer > div .footer-main-content > .row img { max-width: 20rem; } .site-theme.top-frame #footer > div .footer-main-content > .row span.icon { font-size: 2rem; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"], .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] { font-size: 1.15rem; font-size: 1rem; line-height: 1.6; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article > *:first-child, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article > *:first-child, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] > *:first-child, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] > *:first-child { margin-top: 0; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article > *:last-child, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article > *:last-child, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] > *:last-child, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] > *:last-child { margin-bottom: 0; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article .image-caption.text-left figcaption, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article .image-caption.text-left figcaption, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] .image-caption.text-left figcaption, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] .image-caption.text-left figcaption { padding: 0; background: none; font-size: 1rem; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article .image-caption, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article .image-caption, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] .image-caption, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] .image-caption, .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article .media-item .meta, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article .media-item .meta, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] .media-item .meta, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] .media-item .meta { margin-bottom: 1.5rem; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article h1, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article h1, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] h1, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] h1, .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article h2, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article h2, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] h2, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] h2, .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article h3, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article h3, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] h3, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] h3, .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article h4, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article h4, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] h4, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] h4, .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article h5, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article h5, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] h5, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] h5, .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article h6, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article h6, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] h6, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] h6 { margin-bottom: .875rem; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article h1 + *, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article h1 + *, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] h1 + *, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] h1 + *, .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article h2 + *, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article h2 + *, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] h2 + *, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] h2 + *, .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article h3 + *, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article h3 + *, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] h3 + *, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] h3 + *, .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article h4 + *, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article h4 + *, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] h4 + *, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] h4 + *, .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article h5 + *, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article h5 + *, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] h5 + *, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] h5 + *, .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article h6 + *, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article h6 + *, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] h6 + *, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] h6 + * { margin-top: .875rem; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article h2, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article h2, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] h2, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] h2 { font-size: 1.5rem; line-height: 1.5; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article h3, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article h3, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] h3, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] h3 { font-size: 1.3rem; line-height: 1.5; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article h4, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article h4, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] h4, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] h4 { font-size: 1.15rem; line-height: 1.5; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article h5, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article h5, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] h5, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] h5, .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article h6, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article h6, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] h6, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] h6 { font-size: 1.05rem; line-height: 1.5; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article p, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article p, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] p, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] p { font-size: 1rem; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article p.lead, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article p.lead, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] p.lead, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] p.lead, .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article p.ingress, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article p.ingress, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] p.ingress, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] p.ingress { font-size: 1.375rem; font-weight: 600; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article a, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article a, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] a, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] a { text-decoration: underline; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article a.yja-external-link:after, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article a.yja-external-link:after, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] a.yja-external-link:after, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] a.yja-external-link:after { content: "\f08e"; font-family: "fontawesome-alloy"; margin: 0 0 0 .5rem; display: inline-block; font-size: 0.875em; position: relative; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article a.btn, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article a.btn, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] a.btn, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] a.btn { text-decoration: none; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article a.btn:hover, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article a.btn:hover, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] a.btn:hover, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] a.btn:hover, .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article a.btn:focus, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article a.btn:focus, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] a.btn:focus, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] a.btn:focus, .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article a.btn:active, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article a.btn:active, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] a.btn:active, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] a.btn:active { text-decoration: underline; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article strong, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article strong, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] strong, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] strong { font-weight: 600; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article ul, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article ul, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] ul, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] ul, .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article ol, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article ol, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] ol, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] ol { padding: 0; margin: 0 0 1.3125rem 1.625rem; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article ul ul, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article ul ul, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] ul ul, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] ul ul, .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article ol ol, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article ol ol, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] ol ol, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] ol ol { margin: 0 0 0 1.3125rem; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article > ul > li, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article > ul > li, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] > ul > li, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] > ul > li, .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article > ol > li, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article > ol > li, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] > ol > li, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] > ol > li { padding-left: 0; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article table, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article table, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] table, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] table { border: none; border-collapse: collapse; border: 0; border-spacing: 0; width: 100%; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; table-layout: fixed; border-collapse: collapse; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article table.table-dark, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article table.table-dark, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] table.table-dark, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] table.table-dark { background-color: #3f5a69 !important; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article table.table-dark tr:nth-child(odd), .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article table.table-dark tr:nth-child(odd), .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] table.table-dark tr:nth-child(odd), .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] table.table-dark tr:nth-child(odd) { background-color: #3f5a69; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article table.table-dark tr:nth-child(even), .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article table.table-dark tr:nth-child(even), .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] table.table-dark tr:nth-child(even), .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] table.table-dark tr:nth-child(even) { background-color: #3f5a69; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article table.table-dark.table-striped tbody tr:nth-of-type(odd) td, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article table.table-dark.table-striped tbody tr:nth-of-type(odd) td, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] table.table-dark.table-striped tbody tr:nth-of-type(odd) td, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] table.table-dark.table-striped tbody tr:nth-of-type(odd) td { background-color: #3f5a69; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article table.table-dark.table-striped tbody tr:nth-of-type(even) td, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article table.table-dark.table-striped tbody tr:nth-of-type(even) td, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] table.table-dark.table-striped tbody tr:nth-of-type(even) td, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] table.table-dark.table-striped tbody tr:nth-of-type(even) td { background-color: #000; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article table tbody:first-child tr, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article table tbody:first-child tr, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] table tbody:first-child tr, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] table tbody:first-child tr { background-color: #efefef; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article table tbody:first-child tr:nth-child(even), .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article table tbody:first-child tr:nth-child(even), .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] table tbody:first-child tr:nth-child(even), .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] table tbody:first-child tr:nth-child(even) { background-color: transparent; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article table thead:first-child tr, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article table thead:first-child tr, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] table thead:first-child tr, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] table thead:first-child tr { background-color: #efefef; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article table thead:first-child + tbody tr, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article table thead:first-child + tbody tr, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] table thead:first-child + tbody tr, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] table thead:first-child + tbody tr { background-color: #efefef; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article table thead:first-child + tbody tr:nth-child(odd), .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article table thead:first-child + tbody tr:nth-child(odd), .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] table thead:first-child + tbody tr:nth-child(odd), .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] table thead:first-child + tbody tr:nth-child(odd) { background-color: transparent; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article table tr th, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article table tr th, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] table tr th, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] table tr th, .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article table tr td, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article table tr td, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] table tr td, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] table tr td { padding: .25rem .5rem; vertical-align: top; border-width: 0 0 1px; border-style: solid; border-color: #666; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article table tr th, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article table tr th, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] table tr th, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] table tr th { border-width: 1px 0; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article table td, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article table td, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] table td, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] table td, .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article table th, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article table th, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] table th, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] table th { border: 0; padding: 0.5rem 0.8rem; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article table th, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article table th, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] table th, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] table th { background: #d4e0e8; color: #303030; font-weight: 700; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article table th:hover, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article table th:hover, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] table th:hover, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] table th:hover, .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article table th:focus, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article table th:focus, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] table th:focus, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] table th:focus { color: #000; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article table tr, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article table tr, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] table tr, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] table tr { background: #fff; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article table tr:nth-child(even), .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article table tr:nth-child(even), .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] table tr:nth-child(even), .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] table tr:nth-child(even) { background: #d4e0e8; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article table td, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article table td, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] table td, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] table td { border-bottom: 1px solid #d4e0e8; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article blockquote, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article blockquote, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] blockquote, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] blockquote { position: relative; padding: 0 0 0 1.75rem; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article blockquote:before, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article blockquote:before, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] blockquote:before, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] blockquote:before { content: "\f10e"; position: absolute; display: block; top: .25rem; left: .125rem; width: 1.25rem; height: 1.25rem; font-family: 'fontawesome-alloy'; font-size: 1.125rem; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-align: center; color: #000; line-height: 1; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article .portlet-msg-info, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article .portlet-msg-info, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] .portlet-msg-info, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] .portlet-msg-info, .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article .portlet-msg-alert, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article .portlet-msg-alert, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] .portlet-msg-alert, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] .portlet-msg-alert, .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article .portlet-msg-error, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article .portlet-msg-error, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] .portlet-msg-error, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] .portlet-msg-error, .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article .well, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article .well, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] .well, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] .well { padding: .5rem 1rem; border-width: 0; border-radius: .3125rem; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article .portlet-msg-info a, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article .portlet-msg-info a, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] .portlet-msg-info a, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] .portlet-msg-info a, .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article .portlet-msg-alert a, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article .portlet-msg-alert a, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] .portlet-msg-alert a, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] .portlet-msg-alert a, .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article .portlet-msg-error a, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article .portlet-msg-error a, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] .portlet-msg-error a, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] .portlet-msg-error a, .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article .well a, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article .well a, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] .well a, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] .well a { text-decoration: underline; color: inherit; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article .yja_factbox__aside, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article .yja_factbox__aside, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] .yja_factbox__aside, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] .yja_factbox__aside { float: right; margin: .375rem 0 .375rem 2.5641%; padding: 0 0 0 1.9375rem; width: 31.62393%; max-width: 20rem; border-left: 1px solid #666; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article .yja_factbox__aside > *:first-child, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article .yja_factbox__aside > *:first-child, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] .yja_factbox__aside > *:first-child, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] .yja_factbox__aside > *:first-child { margin-top: 0; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article .yja_factbox__aside > *:last-child, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article .yja_factbox__aside > *:last-child, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] .yja_factbox__aside > *:last-child, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] .yja_factbox__aside > *:last-child { margin-bottom: 0; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article .yjaInfoBox, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article .yjaInfoBox, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] .yjaInfoBox, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] .yjaInfoBox { position: relative; padding: 1.3125rem 1.9375rem; margin: 1.3125rem 0; background-color: #efefef; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article .yjaInfoBox > *, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article .yjaInfoBox > *, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] .yjaInfoBox > *, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] .yjaInfoBox > * { margin-top: 1.3125rem; margin-bottom: 1.3125rem; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article .yjaInfoBox > *:first-child, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article .yjaInfoBox > *:first-child, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] .yjaInfoBox > *:first-child, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] .yjaInfoBox > *:first-child { margin-top: 0; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article .yjaInfoBox > *:last-child, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article .yjaInfoBox > *:last-child, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] .yjaInfoBox > *:last-child, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] .yjaInfoBox > *:last-child { margin-bottom: 0; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article .yjaBadge, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article .yjaBadge, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] .yjaBadge, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] .yjaBadge { border-top: 1px solid #666; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article .top-locale-actions.locale-actions, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article .top-locale-actions.locale-actions, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] .top-locale-actions.locale-actions, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] .top-locale-actions.locale-actions { display: none; } .site-theme.top-frame > body.public-page #content .btn { padding: .5rem 1rem; font-size: 1rem; font-weight: 400; text-align: left; text-shadow: none; white-space: normal; border-radius: .3125rem; } .site-theme.top-frame > body.public-page #content .btn > span.icon-angle-right { margin-left: .625rem; } .site-theme.top-frame > body.public-page #content .btn > span.icon-angle-right:before { font-size: 1rem; } .site-theme.top-frame > body.public-page #content .btn.btn-primary { color: #fff; border: 1px solid #fff; } .site-theme.top-frame > body.public-page #content .btn.btn-primary > * { color: #fff; } .site-theme.top-frame > body.public-page #content .btn.btn-default { background-color: transparent; color: #000; border: 1px solid #000; } .site-theme.top-frame > body.public-page #content .btn.btn-default > * { color: #000; } .site-theme.top-frame > body.public-page #content .btn.btn-outline-primary { border: 1px solid #738433; font-size: .875rem; line-height: 1.214; letter-spacing: .0875rem; text-transform: uppercase; } .site-theme.top-frame > body.public-page #content .btn.btn-outline-primary:hover, .site-theme.top-frame > body.public-page #content .btn.btn-outline-primary:focus, .site-theme.top-frame > body.public-page #content .btn.btn-outline-primary:active { border: 1px solid #738433; background: #738433; color: #fff; } .site-theme.top-frame > body.public-page #content .btn.btn-outline-primary:hover span, .site-theme.top-frame > body.public-page #content .btn.btn-outline-primary:focus span, .site-theme.top-frame > body.public-page #content .btn.btn-outline-primary:active span { color: inherit; } .site-theme.top-frame > body.public-page #content .btn.btn-outline-primary:hover span:before, .site-theme.top-frame > body.public-page #content .btn.btn-outline-primary:focus span:before, .site-theme.top-frame > body.public-page #content .btn.btn-outline-primary:active span:before { text-decoration: none; } .site-theme.top-frame > body.public-page #content .btn:hover, .site-theme.top-frame > body.public-page #content .btn:focus, .site-theme.top-frame > body.public-page #content .btn:active { text-decoration: underline; } .site-theme.top-frame > body.public-page #content > #main-content.frontpage > .layout-wrapper { padding-right: 0; padding-left: 0; } .site-theme.top-frame > body.public-page #content > #main-content.frontpage > .layout-wrapper-wide { margin-top: 3.25rem; background: #fff; } .site-theme.top-frame > body.public-page #content > #main-content.frontpage > .layout-wrapper-wide .layout-wrapper-wide-container * { color: #000; } .site-theme.top-frame > body.public-page #content > #main-content.frontpage > .layout-wrapper-wide .layout-wrapper-wide-container .portlet-journal-content .portlet-body, .site-theme.top-frame > body.public-page #content > #main-content.frontpage > .layout-wrapper-wide .layout-wrapper-wide-container .portlet-content > .portlet-header { margin: 0 auto; } .site-theme.top-frame > body.public-page #content > #main-content.frontpage > .layout-wrapper-wide .layout-wrapper-wide-container .portlet-journal-content .portlet-body a.btn-outline-primary:hover, .site-theme.top-frame > body.public-page #content > #main-content.frontpage > .layout-wrapper-wide .layout-wrapper-wide-container .portlet-journal-content .portlet-body a.btn-outline-primary:focus, .site-theme.top-frame > body.public-page #content > #main-content.frontpage > .layout-wrapper-wide .layout-wrapper-wide-container .portlet-journal-content .portlet-body a.btn-outline-primary:active { color: #fff; } .site-theme.top-frame > body.public-page #content > #main-content.frontpage > .layout-wrapper-wide .layout-wrapper-wide-container .portlet-journal-content .portlet-body a.btn-outline-primary:hover span, .site-theme.top-frame > body.public-page #content > #main-content.frontpage > .layout-wrapper-wide .layout-wrapper-wide-container .portlet-journal-content .portlet-body a.btn-outline-primary:focus span, .site-theme.top-frame > body.public-page #content > #main-content.frontpage > .layout-wrapper-wide .layout-wrapper-wide-container .portlet-journal-content .portlet-body a.btn-outline-primary:active span { color: inherit; } .site-theme.top-frame > body.public-page #content > #main-content.frontpage > .layout-wrapper-wide .layout-wrapper-wide-container .portlet-journal-content .portlet-body a.btn-outline-primary:hover span:before, .site-theme.top-frame > body.public-page #content > #main-content.frontpage > .layout-wrapper-wide .layout-wrapper-wide-container .portlet-journal-content .portlet-body a.btn-outline-primary:focus span:before, .site-theme.top-frame > body.public-page #content > #main-content.frontpage > .layout-wrapper-wide .layout-wrapper-wide-container .portlet-journal-content .portlet-body a.btn-outline-primary:active span:before { text-decoration: none; } .site-theme.top-frame > body.public-page #content > #main-content.listing-layout #column-1.portlet-column > .portlet-column-content > .portlet-boundary .hed-section.portlet-title, .site-theme.top-frame > body.public-page #content > #main-content.listing-layout #column-1.portlet-column > .portlet-column-content > .portlet-boundary .portlet-body { margin: 0 auto; } .site-theme.top-frame > body.public-page #content > #main-content.listing-layout #column-1.portlet-column > .portlet-column-content > .portlet-boundary .hed-section.portlet-title { width: 100%; margin: .75rem auto; } .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content { max-width: 90rem; margin: 0 auto; } .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body h1[itemprop] { margin-top: 0; margin-bottom: .875rem; } .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body .wrapper-event-header { float: none; margin-bottom: 1.75rem; } .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body .wrapper-event-header > p { float: none; } .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body .wrapper-event-header > p:last-child { margin-bottom: 0; } .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body .wrapper-event-header .label, .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body .wrapper-event-header .yja-tag, .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body .wrapper-event-header .date, .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body .wrapper-event-header .event-date, .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body .wrapper-event-header .time { margin: 0 .625rem 0 0; padding: 0; font-size: .875rem; border: none; } .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body .wrapper-event-header .label:empty, .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body .wrapper-event-header .yja-tag:empty, .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body .wrapper-event-header .date:empty, .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body .wrapper-event-header .event-date:empty, .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body .wrapper-event-header .time:empty { display: none !important; } .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body .wrapper-event-header .date, .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body .wrapper-event-header .event-date { font-weight: 600; margin-bottom: .375rem; text-transform: lowercase; } .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body .wrapper-event-header .date:before, .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body .wrapper-event-header .event-date:before { content: '\f017'; display: inline-block; margin-right: .375rem; font-family: 'fontawesome-alloy'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none !important; line-height: 1; } .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body .wrapper-event-header .organizers label { border: none; } .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body img { margin: 0 0 2rem !important; max-width: 100%; float: none !important; } .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body .yja-tag-group { display: block; margin: 1.375rem 0; text-align: right; } .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body .yja-tag-group a { color: #000; text-decoration: none; } .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body .yja-tag-group a:hover, .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body .yja-tag-group a:focus { text-decoration: underline; } .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body .yja-tag-group .yja-tag { padding: 0; font-size: .875rem; border: none; text-transform: capitalize; } .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body .share { position: relative; } .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body .share > button, .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body .share > a { background-color: #000; color: #fff; border-radius: .3125rem; } .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body .share > button:hover, .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body .share > a:hover, .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body .share > button:focus, .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body .share > a:focus, .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body .share > button.active-copy-link, .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body .share > a.active-copy-link { background-color: #000 !important; } .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body .share > button:before, .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body .share > a:before { color: #fff; } .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content .portlet-body .share .url-copy-area { border-color: #000; border-width: 1px; border-radius: .3125rem; box-shadow: 0 .25rem .5rem rgba(0,0,0,0.333); } .site-theme.top-frame body.public-page .landingpage-layout .event-registration-portlet .portlet-content .hidden { display: none; } .site-theme.top-frame body.public-page .landingpage-layout .event-registration-portlet .portlet-content button { border: none; border-radius: .3125rem; } .site-theme.top-frame body.public-page .landingpage-layout .event-registration-portlet .portlet-content button:hover, .site-theme.top-frame body.public-page .landingpage-layout .event-registration-portlet .portlet-content button:focus { text-decoration: underline; } .site-theme.top-frame body.public-page .landingpage-layout .event-registration-portlet .portlet-content form.form .form-group label em.required { display: none; } .site-theme.top-frame body.public-page .landingpage-layout .event-registration-portlet .portlet-content .row > .col-md-12 > .form-actions { display: flex; flex-flow: row nowrap; justify-content: space-between; margin-top: 1.25rem; padding: 0; border: none; background-color: transparent !important; } .site-theme.top-frame body.public-page .landingpage-layout .event-registration-portlet .portlet-content .row > .col-md-12 > .form-actions button { margin: 0; } .site-theme.top-frame #content .portlet-breadcrumb { width: 100%; max-width: 100%; margin: 0 0 1rem; } .site-theme.top-frame #content .portlet-breadcrumb ul.breadcrumb { justify-content: flex-end; width: 100%; max-width: 90rem; margin: 0 auto; padding: .875rem 1rem; } .site-theme.top-frame #content .portlet-breadcrumb ul.breadcrumb li { line-height: 1.1875; } .site-theme.top-frame #content .portlet-breadcrumb ul.breadcrumb li:before { color: #000; } .site-theme.top-frame #content .portlet-breadcrumb ul.breadcrumb li:first-child:before { display: none; } .site-theme.top-frame #content .portlet-breadcrumb ul.breadcrumb li.active { color: #000; font-weight: 600; } .site-theme.top-frame #content .portlet-breadcrumb ul.breadcrumb li a { text-decoration: none; } .site-theme.top-frame #content .portlet-breadcrumb ul.breadcrumb li a:hover { text-decoration: underline; } .site-theme.top-frame #content .portlet-breadcrumb ul.breadcrumb li:nth-child(2) { display: none; } .site-theme.top-frame #content .portlet-breadcrumb ul.breadcrumb li:nth-child(2):before { display: none; } .site-theme.top-frame > body.public-page #content .korostettu { padding: 2rem 0; background-color: #efefef; } .site-theme.top-frame > body.public-page #content .korostettu .portlet-body form.form { position: relative; } .site-theme.top-frame > body.public-page #content .korostettu .portlet-body form.form > fieldset > div { position: relative; justify-content: flex-end; } .site-theme.top-frame #content .events.event-deatailed-highlight-portlet table.event-highlight { display: block; margin: 0 0 2rem; border-width: 0 !important; padding-left: 1rem; } .site-theme.top-frame #content .events.event-deatailed-highlight-portlet table.event-highlight > tbody { display: flex; flex-flow: column nowrap; } .site-theme.top-frame #content .events.event-deatailed-highlight-portlet table.event-highlight > tbody > tr { display: flex; margin: 0 0 1.875rem; background-color: transparent !important; border-width: 0 !important; } .site-theme.top-frame #content .events.event-deatailed-highlight-portlet table.event-highlight > tbody > tr:last-child { margin-bottom: 0; } .site-theme.top-frame #content .events.event-deatailed-highlight-portlet table.event-highlight > tbody > tr > td { display: block; padding: 0 0 0 0.625rem; max-width: none !important; } .site-theme.top-frame #content .events.event-deatailed-highlight-portlet table.event-highlight > tbody > tr > td.time { padding: 0; font-size: 1rem; line-height: 1.25; color: #000; } .site-theme.top-frame #content .events.event-deatailed-highlight-portlet table.event-highlight > tbody > tr > td.name > a.event { display: block; font-size: 1rem; line-height: 1.25; font-weight: 600; color: #000; } .site-theme.top-frame #content .events.event-deatailed-highlight-portlet .btn.btn-default[href*="events"] { font-size: .875rem; line-height: 1.214; letter-spacing: .0875rem; margin-left: 1rem; letter-spacing: .005rem; color: #000; font-weight: 600; border-color: #9db446; background-color: #e0e5c7; } .site-theme.top-frame #content .events.event-deatailed-highlight-portlet .btn.btn-default[href*="events"]:hover, .site-theme.top-frame #content .events.event-deatailed-highlight-portlet .btn.btn-default[href*="events"]:active { text-decoration: underline; } .site-theme.top-frame #content .events.event-deatailed-highlight-portlet .btn.btn-default[href*="events"]:focus { outline-offset: -6px; outline: 5px auto -webkit-focus-ring-color; text-decoration: underline; } .site-theme.top-frame #content .events.event-deatailed-highlight-portlet.hide-button .btn.btn-default[href*="events"] { display: none !important; } .site-theme.top-frame #content .fessWrapper { font-family: 'PT Sans',Arial,Helvetica,sans-serif; } .site-theme.top-frame #content .fessWrapper > .fessForm form div.form-group { color: #000; } .site-theme.top-frame #content .fessWrapper > .fessForm form div.form-group > div > button { font-size: .875rem; line-height: 1.214; letter-spacing: .0875rem; text-transform: uppercase; } .site-theme.top-frame #content .fessWrapper #result table.result-header td { border-width: 0; } .site-theme.top-frame #content .fessWrapper #result ol#searchResultList { margin: 0; } .site-theme.top-frame #content .fessWrapper #result ol#searchResultList li { margin-bottom: 1.125rem !important; padding-bottom: 1.125rem; color: #000; } .site-theme.top-frame #content .fessWrapper #result ol#searchResultList li .media .title { font-size: 1.375rem; } .site-theme.top-frame #content .fessWrapper #result ol#searchResultList li .media .title a { color: #000; text-decoration: none; } .site-theme.top-frame #content .fessWrapper #result ol#searchResultList li .media .title a:hover, .site-theme.top-frame #content .fessWrapper #result ol#searchResultList li .media .title a:focus { color: #000; text-decoration: underline; } .site-theme.top-frame #content .fessWrapper #result ol#searchResultList li .media .title a:focus { outline-offset: 0; outline: 2px dotted #000; outline: 5px auto -webkit-focus-ring-color; } .site-theme.top-frame #content .fessWrapper #result ol#searchResultList li .media .body .description { font-weight: 400; } .site-theme.top-frame #content .fessWrapper #result ol#searchResultList li .media .body .description strong { font-weight: 600; } .site-theme.top-frame #content .fessWrapper div.center nav.paginationNav > ul.pagination > li > a { margin-right: .5rem; padding: .5rem 1rem; font-size: 1rem; font-weight: 400; line-height: 1.5; text-decoration: none; color: #000 !important; background-color: #fff; border-color: #666; border-width: 1px; border-radius: 0.375rem; } .site-theme.top-frame #content .fessWrapper div.center nav.paginationNav > ul.pagination > li > a:hover, .site-theme.top-frame #content .fessWrapper div.center nav.paginationNav > ul.pagination > li > a:focus, .site-theme.top-frame #content .fessWrapper div.center nav.paginationNav > ul.pagination > li > a:active { text-decoration: underline; color: #fff !important; background-color: #738433; } .site-theme.top-frame #content .fessWrapper div.center nav.paginationNav > ul.pagination > li > a:focus { outline: 2px dotted #fff; outline-offset: -3px; outline: 5px auto -webkit-focus-ring-color; } .site-theme.top-frame #content .fessWrapper div.center nav.paginationNav > ul.pagination > li.disabled > a { background-color: #eee !important; color: #999 !important; border-color: #ccc !important; } .site-theme.top-frame #content .fessWrapper div.center nav.paginationNav > ul.pagination > li.disabled > a:hover { text-decoration: none; } .site-theme.top-frame #content .fessWrapper div.center nav.paginationNav > ul.pagination > li.active > a { text-decoration: underline !important; } .site-theme.top-frame #content .fessWrapper div.center nav.paginationNav > ul.pagination > li:last-child > a { margin-right: 0; } .site-theme.top-frame > body.public-page #content nav.link-highlights.three-in-row { margin-top: 3rem !important; } .site-theme.top-frame > body.public-page #content nav.link-highlights.three-in-row ul { display: flex; margin: 0 0.5rem 0 0.5rem; margin: 0; padding: 0; list-style: none; } .site-theme.top-frame > body.public-page #content nav.link-highlights.three-in-row ul li { display: flex; flex-direction: column; } .site-theme.top-frame > body.public-page #content nav.link-highlights.three-in-row ul li.container { width: 100%; margin: 0 3rem; padding-right: 0; padding-left: 0; } .site-theme.top-frame > body.public-page #content nav.link-highlights.three-in-row ul li.container:first-child { margin: 0; } .site-theme.top-frame > body.public-page #content nav.link-highlights.three-in-row ul li.container:last-child { margin: 0; } .site-theme.top-frame > body.public-page #content nav.link-highlights.three-in-row ul li a { display: flex; flex-flow: column; width: 100%; max-width: 27rem; margin: 0 auto; text-decoration: none; } .site-theme.top-frame > body.public-page #content nav.link-highlights.three-in-row ul li a.yja-external-link:after { top: -29px; right: 10px; align-self: end; } .site-theme.top-frame > body.public-page #content nav.link-highlights.three-in-row ul li a .image-wrapper img { border-top-right-radius: 8px; border-top-left-radius: 8px; min-height: 100%; min-width: 100%; object-fit: cover; } .site-theme.top-frame > body.public-page #content nav.link-highlights.three-in-row ul li a .text-wrapper { background-color: #a3c6c1; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .site-theme.top-frame > body.public-page #content nav.link-highlights.three-in-row ul li a .text-wrapper > div { color: #fff; text-decoration: none; padding: 2.1875rem 0; text-align: center; } .site-theme.top-frame > body.public-page #content nav.link-highlights.three-in-row ul li a .text-wrapper > div > * { margin: 1.875rem 0; } .site-theme.top-frame > body.public-page #content nav.link-highlights.three-in-row ul li a .text-wrapper > div > *:first-child { margin-top: 0; } .site-theme.top-frame > body.public-page #content nav.link-highlights.three-in-row ul li a .text-wrapper > div > *:last-child { margin-bottom: 0; } .site-theme.top-frame > body.public-page #content nav.link-highlights.three-in-row ul li a .text-wrapper > div .title { color: #000; font-size: 1.75rem; line-height: 1.091; } .site-theme.top-frame > body.public-page #content nav.link-highlights.three-in-row ul li a:hover, .site-theme.top-frame > body.public-page #content nav.link-highlights.three-in-row ul li a:focus { text-decoration: none; text-decoration-color: #fff; } .site-theme.top-frame > body.public-page #content nav.link-highlights.three-in-row ul li a:hover .text-wrapper > div div.title, .site-theme.top-frame > body.public-page #content nav.link-highlights.three-in-row ul li a:focus .text-wrapper > div div.title { text-decoration: underline; } .site-theme.top-frame > body.public-page #content nav.link-highlights.three-in-row ul li a:hover .text-wrapper > div span.btn, .site-theme.top-frame > body.public-page #content nav.link-highlights.three-in-row ul li a:focus .text-wrapper > div span.btn { text-decoration: underline; } .site-theme.top-frame > body.public-page #content nav.link-highlights.three-in-row ul li a:hover .text-wrapper > div span.btn span:before, .site-theme.top-frame > body.public-page #content nav.link-highlights.three-in-row ul li a:focus .text-wrapper > div span.btn span:before { text-decoration: none; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row { margin: 4rem 0 1rem 0; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div { margin: 0; padding: 0; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div { background-color: #a3c6c1; border-top-left-radius: 25px; border-bottom-left-radius: 25px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div.container { width: 100%; margin: 1.5rem auto; padding-right: 0; padding-left: 0; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div.container:first-child { margin-top: 0; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div.container:last-child { margin-bottom: 0; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift { display: flex; flex-direction: row; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .text-wrapper { border-top-left-radius: 25px; border-bottom-left-radius: 25px; width: 50vw; background-color: #a3c6c1; color: #000 !important; padding: 4rem; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .text-wrapper > div > * { margin: 1.875rem 0; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .text-wrapper > div > *:first-child { margin-top: 0; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .text-wrapper > div > *:last-child { margin-bottom: 0; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .text-wrapper .title { margin-bottom: 0.8125rem; font-size: 2.4375rem; line-height: 1.145; font-weight: 600; font-style: italic; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .text-wrapper .desc { font-size: 1.125rem; line-height: 1.667; margin-bottom: 2rem; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .text-wrapper a.yja-external-link:after { top: -47px; left: 39px; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .text-wrapper a.btn { letter-spacing: .005rem; color: #000; font-weight: 600; height: 2.65rem; border-color: #9db446; background-color: #e0e5c7; text-align: end; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .text-wrapper a.btn span { color: #000; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .text-wrapper a:hover, .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .text-wrapper a:focus { text-decoration: none; text-decoration-color: #fff; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .text-wrapper a:hover .text-wrapper > div div.title, .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .text-wrapper a:focus .text-wrapper > div div.title { text-decoration: underline; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .text-wrapper a:hover .text-wrapper > div span.btn, .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .text-wrapper a:focus .text-wrapper > div span.btn { text-decoration: underline; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .text-wrapper a:hover .text-wrapper > div span.btn span:before, .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .text-wrapper a:focus .text-wrapper > div span.btn span:before { text-decoration: none; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .text-wrapper a .triangle { position: relative; background-color: #9db446; text-align: left; border-radius: 0; top: -1.85rem; left: -1.13rem; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .text-wrapper a .triangle:before, .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .text-wrapper a .triangle:after { content: ''; position: absolute; background-color: inherit; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .text-wrapper a .triangle, .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .text-wrapper a .triangle:before, .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .text-wrapper a .triangle:after { width: 1.5rem; height: 1.5rem; border-top-right-radius: 30%; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .text-wrapper a .triangle { transform: rotate(-90deg) skewX(-30deg) scale(1, .866); } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .text-wrapper a .triangle:before { transform: rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0, -50%); } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .text-wrapper a .triangle:after { transform: rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%); } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .text-wrapper span { padding-left: 2.05rem; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .image-wrapper { position: relative; padding: 0; overflow: hidden; border-top-left-radius: 0px; border-bottom-left-radius: 0px; width: 50vw; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .image-wrapper img { position: absolute; top: 50%; left: 50%; min-height: 100%; min-width: 100%; transform: translate(-50%, -50%); object-fit: cover; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area { display: flex; flex-direction: column; width: 100%; margin: 0 auto; margin-top: 4rem !important; padding: 0; list-style: none; background-color: #738433; background-color: #eff2e2; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area img { top: 0; left: 0; aspect-ratio: 3.64; object-fit: cover; min-height: 0; width: 100%; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper { display: flex; align-items: flex-end; overflow: visible; margin: 1rem auto; position: relative; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .box1 { background: #f9fbf6; border-radius: 25px; display: block; width: 20rem; padding: 1.55rem; position: absolute; right: 0; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .box1 h1 { margin-bottom: 1.5rem; font-size: 1.45rem; font-style: italic; font-weight: 550; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .box1 ul { list-style: none; margin: 0; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .box1 ul > li:not(:nth-of-type(1)) { margin-top: 1rem; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .box1 ul a { display: flex; flex-flow: row nowrap; text-decoration: none; color: #000; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .box1 ul a:focus, .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .box1 ul a:hover { text-decoration: underline; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .box1 ul a:focus { text-decoration: none; text-decoration-color: #fff; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .box1 ul a:focus .text-wrapper > div span.btn { text-decoration: underline; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .box1 ul a:focus .text-wrapper > div span.btn span:before { text-decoration: none; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .box1 .triangle { position: relative; background-color: #98bfba; text-align: left; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .box1 .triangle:before, .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .box1 .triangle:after { content: ''; position: absolute; background-color: inherit; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .box1 .triangle, .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .box1 .triangle:before, .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .box1 .triangle:after { width: 1.5rem; height: 1.5rem; border-top-right-radius: 30%; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .box1 .triangle { transform: rotate(-90deg) skewX(-30deg) scale(1, .866); } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .box1 .triangle:before { transform: rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0, -50%); } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .box1 .triangle:after { transform: rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%); } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .box1 span { padding-inline-start: 1.7rem; padding-block-start: 0.1rem; font-size: 1.2rem; font-weight: 600; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .desc-wrapper { font-size: 1rem; line-height: 1.3; background-color: #eff2e2; width: 40rem; margin-right: 20rem; margin-left: 5.5rem; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .desc-wrapper p { font-size: 1rem; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area { display: flex; background-color: #a3c6c1; border-radius: 25px; margin: 4vw auto 4vw auto; max-height: 15rem; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .image-wrapper { border-radius: 25px; display: block; position: relative; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .image-wrapper img { border-radius: 25px; top: 0; left: 0; object-fit: cover; width: 30vw; max-width: 29rem; height: 15rem; height: 20rem; max-height: 20rem; top: -2.5rem; position: relative; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area span { padding-inline-start: 1.7rem; padding-block-start: 0.1rem; font-size: 1.2rem; font-weight: 600; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area a { display: flex; flex-flow: row nowrap; text-decoration: none; color: #000; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area a:focus { text-decoration: none; text-decoration-color: #fff; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area a:focus .text-wrapper > div span.btn { text-decoration: underline; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area a:focus .text-wrapper > div span.btn span:before { text-decoration: none; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .text-wrapper { display: block; overflow: visible; position: relative; margin: auto 2.5vw auto 2.5vw; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .text-wrapper h1 { font-size: 2.4375rem; line-height: 1.12; font-style: italic; margin-bottom: 0; font-weight: 600; font-size: 1.4375rem; overflow-wrap: anywhere; overflow-wrap: break-word; max-width: 57rem; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .text-wrapper .desc-wrapper { max-width: 57rem; line-height: 1.4; margin-top: 0; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .text-wrapper .desc-wrapper p { font-size: 1.25rem; } .site-theme.top-frame #content .listing-layout.layout-wide:not(.frontpage) .layout-wrapper { margin-top: 3.95rem; padding: 0; } .site-theme.top-frame #content .listing-layout.layout-wide:not(.frontpage) .journal-display-page > div { max-width: 64rem; margin: 0 auto; } .site-theme.top-frame #content .listing-layout.layout-wide:not(.frontpage) .journal-display-page > div:not(:nth-of-type(1),.related-articles) { max-width: 56.25rem; } .site-theme.top-frame #content .listing-layout.layout-wide:not(.frontpage) .journal-display-page .news-page { display: flex; flex-direction: column; } .site-theme.top-frame #content .listing-layout.layout-wide:not(.frontpage) .journal-display-page .news-page span[itemprop="articleBody"] { margin: 0 0 1.875rem; } .site-theme.top-frame #content .listing-layout.layout-wide:not(.frontpage) .journal-display-page .news-page img[itemprop="image"] + span[itemprop="articleBody"], .site-theme.top-frame #content .listing-layout.layout-wide:not(.frontpage) .journal-display-page .news-page picture:has(img[itemprop="image"]) + span[itemprop="articleBody"] { margin-top: 1.875rem; } .site-theme.top-frame #content .listing-layout.layout-wide:not(.frontpage) .journal-display-page .news-page .published { font-size: 1rem; } .site-theme.top-frame #content .listing-layout.layout-wide:not(.frontpage) .journal-display-page .news-page .meta:not(.bottom-meta) .ministries.label-published { display: none; } .site-theme.top-frame #content .listing-layout.layout-wide:not(.frontpage) .journal-display-page .news-page .bottom-meta { padding-top: 1rem; margin-top: 2rem; } .site-theme.top-frame #content .listing-layout.layout-wide:not(.frontpage) .journal-display-page .news-page .icon-time, .site-theme.top-frame #content .listing-layout.layout-wide:not(.frontpage) .journal-display-page .news-page .time { display: none; } .site-theme.top-frame #content .listing-layout.layout-wide:not(.frontpage) .journal-display-page .news-page figure { float: none; } .site-theme.top-frame #content .listing-layout.layout-wide:not(.frontpage) .journal-display-page .news-page figure, .site-theme.top-frame #content .listing-layout.layout-wide:not(.frontpage) .journal-display-page .news-page figure img { width: 100% !important; max-width: 100% !important; } .site-theme.top-frame #content .listing-layout.layout-wide:not(.frontpage) .journal-display-page .news-page figure img { margin-bottom: 1rem; } .site-theme.top-frame #content .listing-layout.layout-wide:not(.frontpage) .journal-display-page .news-page figure + span[itemprop="articleBody"] { margin-top: 1rem; display: block; } .site-theme.top-frame #content .listing-layout.layout-wide:not(.frontpage) .journal-display-page .news-page figcaption { margin-bottom: 1rem; } .site-theme.top-frame #content .listing-layout.layout-wide:not(.frontpage) .journal-display-page .social-share-buttons { text-align: right; } .site-theme.top-frame #content .listing-layout.layout-wide:not(.frontpage) .journal-display-page .social-share-buttons .some-divider, .site-theme.top-frame #content .listing-layout.layout-wide:not(.frontpage) .journal-display-page .social-share-buttons .some-print { display: none; } .site-theme.top-frame #content .listing-layout.layout-wide:not(.frontpage) .journal-display-page .social-share-buttons a { background: transparent; } .site-theme.top-frame #content .listing-layout.layout-wide:not(.frontpage) .journal-display-page .social-share-buttons a .icon { color: #738433; } .site-theme.top-frame #content .listing-layout.layout-wide:not(.frontpage) .journal-display-page .yja-tag-group .tag { border: 0; padding: 0; margin-right: 1rem; } .site-theme.top-frame #content .meta { display: inline-block; } .site-theme.top-frame #content .meta .label { margin: 0 .5rem 0 0; padding: 0; font-size: 1rem; line-height: 1.5; border: 0; } .site-theme.top-frame #content .meta .date { font-size: 1rem; line-height: 1.5; } .site-theme.top-frame #content .feed-item { margin-bottom: 1.5rem; } .site-theme.top-frame #content .feed-item:last-child { margin-bottom: 1rem; } .site-theme.top-frame #content .feed-item .feed-item__heading { margin-bottom: 0; margin-top: 0; } .site-theme.top-frame #content .meta { margin-top: 0.35rem; } .site-theme.top-frame #content .meta .label { background-color: #dfe5c7; padding: 0 5.5px 0 5.5px; border-radius: 2.5px; letter-spacing: 0.35px; } .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: .5rem 1rem; font-size: .875rem; line-height: 1.214; font-weight: 400; letter-spacing: .0875rem; text-transform: uppercase; border: 1px solid #738433; border-radius: 0.375rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .lfr-pagination ul.lfr-pagination-buttons li > a:hover, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .lfr-pagination ul.lfr-pagination-buttons li > a:focus, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .lfr-pagination ul.lfr-pagination-buttons li > a:active { border: 1px solid #738433; background: #738433; color: #fff; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .lfr-pagination ul.lfr-pagination-buttons li > a:hover span, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .lfr-pagination ul.lfr-pagination-buttons li > a:focus span, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .lfr-pagination ul.lfr-pagination-buttons li > a:active span { color: inherit; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .lfr-pagination ul.lfr-pagination-buttons li > a:hover span:before, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .lfr-pagination ul.lfr-pagination-buttons li > a:focus span:before, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .lfr-pagination ul.lfr-pagination-buttons li > a:active span:before { text-decoration: none; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .lfr-pagination ul.lfr-pagination-buttons li > a:focus { outline: 2px dotted #fff; outline-offset: -3px; outline: 5px auto -webkit-focus-ring-color; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .lfr-pagination ul.lfr-pagination-buttons li.disabled > a { background-color: #eee; color: #999; border-color: #ccc; } .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 .frontpage h6.feed-item__heading { font-size: 1.35rem; } .site-theme.top-frame #content > .landingpage-layout-container > .landingpage-layout > .portlet-layout.row .portlet-asset-publisher .portlet-body > .lfr-pagination { padding-left: 4.375rem; } .site-theme.top-frame #content > .landingpage-layout-container > .landingpage-layout > .portlet-layout.row .portlet-asset-publisher .portlet-body > .lfr-pagination ul.lfr-pagination-buttons.pager { text-align: left; } .site-theme.top-frame #content > .landingpage-layout-container > .landingpage-layout > .portlet-layout.row div.h2 { display: none; } .top-frame .portlet-navigation .list-menu { background-color: #fafbf5; } .top-frame .portlet-navigation .list-menu .list-menu__title { font-size: 1.53125rem; padding-top: 2rem; margin-right: 2rem; margin-bottom: -1rem; margin-left: 2rem; } .top-frame .portlet-navigation .list-menu .list-menu__title a { color: #000; } .top-frame .portlet-navigation .list-menu ul { padding-top: 2rem; padding-bottom: 2rem; } .top-frame .portlet-navigation .list-menu ul li.hasChild a { padding-right: 0; } .top-frame .portlet-navigation .list-menu li { margin-left: 2rem; margin-right: 2rem; } .top-frame .portlet-navigation .list-menu li a { padding: 0.96667em 1em 0.9em; padding-left: 0 !important; color: #000; font-size: 1rem; } #main-content .list-menu { word-break: break-word; } .yja-accordion .yja-accordion-wrapper .yja-accordion-toggle:focus, .yja-accordion .yja-accordion-wrapper .yja-accordion-toggle:hover { filter: brightness(87%); } .yja-accordion .yja-accordion-wrapper .yja-accordion-toggle { position: relative; background: transparent; margin: 0 !important; padding: 0 !important; background: #a2c6c1; border-radius: 10px; } .yja-accordion .yja-accordion-wrapper .yja-accordion-toggle button { display: block !important; width: 100%; background: transparent; color: #000 !important; padding: 1.188rem 0.625rem; margin: 0; cursor: pointer; margin-bottom: 1px; text-align: left; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; padding: 1em !important; text-decoration: none !important; border: 0; } .yja-accordion .yja-accordion-wrapper .yja-accordion-toggle i.icon { font-size: 0.5em !important; margin-right: 1em !important; position: absolute; right: 5px; margin-right: 0.3em; top: 50%; -webkit-translateX: -50%; -moz-translateX: -50%; -ms-translateX: -50%; line-height: 0; color: #000; } .yja-accordion .yja-accordion-wrapper .yja-accordion-content { margin-top: 0 !important; } .some-portlet .some-portlet-view { border: none; } .frontpage-events-blog-twitter .portlet-body .portlet-content-container { margin: 0 0 0 6.5rem; } .frontpage-events-blog-twitter .hed-section.portlet-title { color: #000 !important; font-size: calc(18.25px - (18.25 - 26.5) * ((100vw - 550px) / (1440 - 550))) !important; } .frontpage-events-blog-twitter iframe { max-height: 50rem; } .frontpage-twitter #twitter-widget-0 { min-height: 50rem !important; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .landingpage-layout, .listing-layout.layout-wide:not(.frontpage) .layout-wrapper { margin: 0 auto; } .frontpage-news, .frontpage-publications, .frontpage-events-blog-twitter, .link-highlights.three-in-row, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container { margin: 0 auto; } .frontpage-news .main-news-lift .yja-card, .frontpage-publications .main-news-lift .yja-card, .frontpage-events-blog-twitter .main-news-lift .yja-card, .link-highlights.three-in-row .main-news-lift .yja-card, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container .main-news-lift .yja-card, .frontpage-news .main-article-lift .yja-card, .frontpage-publications .main-article-lift .yja-card, .frontpage-events-blog-twitter .main-article-lift .yja-card, .link-highlights.three-in-row .main-article-lift .yja-card, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container .main-article-lift .yja-card, .frontpage-news .main-blog-lift .yja-card, .frontpage-publications .main-blog-lift .yja-card, .frontpage-events-blog-twitter .main-blog-lift .yja-card, .link-highlights.three-in-row .main-blog-lift .yja-card, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container .main-blog-lift .yja-card { display: flex; flex-direction: column; padding: 0; } .frontpage-news .main-news-lift .yja-card .yja-card__heading, .frontpage-publications .main-news-lift .yja-card .yja-card__heading, .frontpage-events-blog-twitter .main-news-lift .yja-card .yja-card__heading, .link-highlights.three-in-row .main-news-lift .yja-card .yja-card__heading, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container .main-news-lift .yja-card .yja-card__heading, .frontpage-news .main-article-lift .yja-card .yja-card__heading, .frontpage-publications .main-article-lift .yja-card .yja-card__heading, .frontpage-events-blog-twitter .main-article-lift .yja-card .yja-card__heading, .link-highlights.three-in-row .main-article-lift .yja-card .yja-card__heading, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container .main-article-lift .yja-card .yja-card__heading, .frontpage-news .main-blog-lift .yja-card .yja-card__heading, .frontpage-publications .main-blog-lift .yja-card .yja-card__heading, .frontpage-events-blog-twitter .main-blog-lift .yja-card .yja-card__heading, .link-highlights.three-in-row .main-blog-lift .yja-card .yja-card__heading, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container .main-blog-lift .yja-card .yja-card__heading { order: 2; } .frontpage-news .main-news-lift .yja-card .yja-card__heading, .frontpage-publications .main-news-lift .yja-card .yja-card__heading, .frontpage-events-blog-twitter .main-news-lift .yja-card .yja-card__heading, .link-highlights.three-in-row .main-news-lift .yja-card .yja-card__heading, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container .main-news-lift .yja-card .yja-card__heading, .frontpage-news .main-article-lift .yja-card .yja-card__heading, .frontpage-publications .main-article-lift .yja-card .yja-card__heading, .frontpage-events-blog-twitter .main-article-lift .yja-card .yja-card__heading, .link-highlights.three-in-row .main-article-lift .yja-card .yja-card__heading, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container .main-article-lift .yja-card .yja-card__heading, .frontpage-news .main-blog-lift .yja-card .yja-card__heading, .frontpage-publications .main-blog-lift .yja-card .yja-card__heading, .frontpage-events-blog-twitter .main-blog-lift .yja-card .yja-card__heading, .link-highlights.three-in-row .main-blog-lift .yja-card .yja-card__heading, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container .main-blog-lift .yja-card .yja-card__heading { font-size: 1.65em; line-height: 1.2; } .frontpage-news .main-news-lift .yja-card .meta, .frontpage-publications .main-news-lift .yja-card .meta, .frontpage-events-blog-twitter .main-news-lift .yja-card .meta, .link-highlights.three-in-row .main-news-lift .yja-card .meta, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container .main-news-lift .yja-card .meta, .frontpage-news .main-article-lift .yja-card .meta, .frontpage-publications .main-article-lift .yja-card .meta, .frontpage-events-blog-twitter .main-article-lift .yja-card .meta, .link-highlights.three-in-row .main-article-lift .yja-card .meta, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container .main-article-lift .yja-card .meta, .frontpage-news .main-blog-lift .yja-card .meta, .frontpage-publications .main-blog-lift .yja-card .meta, .frontpage-events-blog-twitter .main-blog-lift .yja-card .meta, .link-highlights.three-in-row .main-blog-lift .yja-card .meta, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container .main-blog-lift .yja-card .meta { order: 3; } .frontpage-news .main-news-lift .yja-card .meta .published i.icon-time, .frontpage-publications .main-news-lift .yja-card .meta .published i.icon-time, .frontpage-events-blog-twitter .main-news-lift .yja-card .meta .published i.icon-time, .link-highlights.three-in-row .main-news-lift .yja-card .meta .published i.icon-time, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container .main-news-lift .yja-card .meta .published i.icon-time, .frontpage-news .main-article-lift .yja-card .meta .published i.icon-time, .frontpage-publications .main-article-lift .yja-card .meta .published i.icon-time, .frontpage-events-blog-twitter .main-article-lift .yja-card .meta .published i.icon-time, .link-highlights.three-in-row .main-article-lift .yja-card .meta .published i.icon-time, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container .main-article-lift .yja-card .meta .published i.icon-time, .frontpage-news .main-blog-lift .yja-card .meta .published i.icon-time, .frontpage-publications .main-blog-lift .yja-card .meta .published i.icon-time, .frontpage-events-blog-twitter .main-blog-lift .yja-card .meta .published i.icon-time, .link-highlights.three-in-row .main-blog-lift .yja-card .meta .published i.icon-time, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container .main-blog-lift .yja-card .meta .published i.icon-time { display: none; } .frontpage-news .main-news-lift .yja-card div:nth-child(3):not(.mainlift), .frontpage-publications .main-news-lift .yja-card div:nth-child(3):not(.mainlift), .frontpage-events-blog-twitter .main-news-lift .yja-card div:nth-child(3):not(.mainlift), .link-highlights.three-in-row .main-news-lift .yja-card div:nth-child(3):not(.mainlift), footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container .main-news-lift .yja-card div:nth-child(3):not(.mainlift), .frontpage-news .main-article-lift .yja-card div:nth-child(3):not(.mainlift), .frontpage-publications .main-article-lift .yja-card div:nth-child(3):not(.mainlift), .frontpage-events-blog-twitter .main-article-lift .yja-card div:nth-child(3):not(.mainlift), .link-highlights.three-in-row .main-article-lift .yja-card div:nth-child(3):not(.mainlift), footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container .main-article-lift .yja-card div:nth-child(3):not(.mainlift), .frontpage-news .main-blog-lift .yja-card div:nth-child(3):not(.mainlift), .frontpage-publications .main-blog-lift .yja-card div:nth-child(3):not(.mainlift), .frontpage-events-blog-twitter .main-blog-lift .yja-card div:nth-child(3):not(.mainlift), .link-highlights.three-in-row .main-blog-lift .yja-card div:nth-child(3):not(.mainlift), footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container .main-blog-lift .yja-card div:nth-child(3):not(.mainlift) { order: 1; background: #fff; } .frontpage-news .main-news-lift .yja-card .mainlift, .frontpage-publications .main-news-lift .yja-card .mainlift, .frontpage-events-blog-twitter .main-news-lift .yja-card .mainlift, .link-highlights.three-in-row .main-news-lift .yja-card .mainlift, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container .main-news-lift .yja-card .mainlift, .frontpage-news .main-article-lift .yja-card .mainlift, .frontpage-publications .main-article-lift .yja-card .mainlift, .frontpage-events-blog-twitter .main-article-lift .yja-card .mainlift, .link-highlights.three-in-row .main-article-lift .yja-card .mainlift, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container .main-article-lift .yja-card .mainlift, .frontpage-news .main-blog-lift .yja-card .mainlift, .frontpage-publications .main-blog-lift .yja-card .mainlift, .frontpage-events-blog-twitter .main-blog-lift .yja-card .mainlift, .link-highlights.three-in-row .main-blog-lift .yja-card .mainlift, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container .main-blog-lift .yja-card .mainlift { order: 4; } .frontpage-news .main-news-lift .feed-item > .feed-item__heading, .frontpage-publications .main-news-lift .feed-item > .feed-item__heading, .frontpage-events-blog-twitter .main-news-lift .feed-item > .feed-item__heading, .link-highlights.three-in-row .main-news-lift .feed-item > .feed-item__heading, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container .main-news-lift .feed-item > .feed-item__heading, .frontpage-news .main-article-lift .feed-item > .feed-item__heading, .frontpage-publications .main-article-lift .feed-item > .feed-item__heading, .frontpage-events-blog-twitter .main-article-lift .feed-item > .feed-item__heading, .link-highlights.three-in-row .main-article-lift .feed-item > .feed-item__heading, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container .main-article-lift .feed-item > .feed-item__heading, .frontpage-news .main-blog-lift .feed-item > .feed-item__heading, .frontpage-publications .main-blog-lift .feed-item > .feed-item__heading, .frontpage-events-blog-twitter .main-blog-lift .feed-item > .feed-item__heading, .link-highlights.three-in-row .main-blog-lift .feed-item > .feed-item__heading, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container .main-blog-lift .feed-item > .feed-item__heading, .frontpage-news .main-news-lift .simplified__list--content > .simplified__list-item-title, .frontpage-publications .main-news-lift .simplified__list--content > .simplified__list-item-title, .frontpage-events-blog-twitter .main-news-lift .simplified__list--content > .simplified__list-item-title, .link-highlights.three-in-row .main-news-lift .simplified__list--content > .simplified__list-item-title, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container .main-news-lift .simplified__list--content > .simplified__list-item-title, .frontpage-news .main-article-lift .simplified__list--content > .simplified__list-item-title, .frontpage-publications .main-article-lift .simplified__list--content > .simplified__list-item-title, .frontpage-events-blog-twitter .main-article-lift .simplified__list--content > .simplified__list-item-title, .link-highlights.three-in-row .main-article-lift .simplified__list--content > .simplified__list-item-title, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container .main-article-lift .simplified__list--content > .simplified__list-item-title, .frontpage-news .main-blog-lift .simplified__list--content > .simplified__list-item-title, .frontpage-publications .main-blog-lift .simplified__list--content > .simplified__list-item-title, .frontpage-events-blog-twitter .main-blog-lift .simplified__list--content > .simplified__list-item-title, .link-highlights.three-in-row .main-blog-lift .simplified__list--content > .simplified__list-item-title, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container .main-blog-lift .simplified__list--content > .simplified__list-item-title { font-size: 1.46667em; } .frontpage-news { margin-top: 3rem; } .frontpage-news .portlet-layout, .frontpage-publications .portlet-layout { margin: 0 0 0 6.5rem; } hr.frontpage-spacer { border-top: 3.5px solid #9db446; } hr.frontpage-spacer.frontpage-spacer--margins { margin-left: 4.375rem; margin-right: 4.375rem; } hr.frontpage-spacer a { margin-top: 0.5rem; } hr + p { margin: 0 !important; } a.all-publications { float: right; font-style: italic; color: #000; text-underline-offset: 1px; letter-spacing: 0.01rem; } .yja-tag-group .yja-tag { background-color: #9db446; color: #fff; border: 0; text-transform: unset; padding: 1rem 0.8rem; font-size: 1.2rem; margin-right: 0.5rem; border-radius: 0.2rem; } .top-frame blockquote { border-top: 6px solid #d4e0e8; border-bottom: 6px solid #d4e0e8; margin: 2rem 0; padding: 2rem 1rem 1.5rem; } .top-frame blockquote p { font-size: 1.5rem; font-style: normal; font-weight: 600; } .top-frame .frontpage .defer-image.small { float: none; } .top-frame .frontpage .image-caption.text-left figcaption { padding: 0; background: none; font-size: 0.875rem; } .top-frame .frontpage .image-caption, .top-frame .frontpage .media-item .meta { margin-bottom: 0.5rem; } .top-frame .image-caption { width: 100% !important; margin-bottom: 3rem; } .top-frame .image-caption img { width: 100%; max-width: 100% !important; float: none !important; } .top-frame .image-caption figcaption { font-size: 0.875rem; } .top-frame img.og-image { max-width: 100% !important; } .top-frame figcaption { font-size: .875rem; } .top-frame .media-item .meta .published .time + div { display: inline-block; } .top-frame .media-item .meta .published .icon-time, .top-frame .media-item .meta .published .time { display: none; } span[itemprop="articleBody"] ol, span[itemprop="articleBody"] ul { margin: 2rem 3rem; padding: 0; } span[itemprop="articleBody"] ol li, span[itemprop="articleBody"] ul li { margin-bottom: 0.75rem; } span[itemprop="articleBody"] ol li::marker, span[itemprop="articleBody"] ul li::marker { color: #9db446; font-weight: 600; } #main-content div[role="main"] { word-break: break-word; } .blog-entry .entry-image-wrapper img { min-height: 100%; width: 100%; height: auto; top: 0; left: 0; aspect-ratio: 2.50; object-fit: cover; } .blog-entry .entry-header { margin-top: 1rem; } .blog-entry .entry-header > .author { display: flex; flex-flow: row nowrap; margin: 1.5rem 0 2rem; gap: 1.25rem; } .blog-entry .entry-header > .author > picture { min-height: 8rem; width: auto; height: auto; } .blog-entry .entry-header > .author > picture > img, .blog-entry .entry-header > .author > img { max-width: unset !important; height: 100%; max-height: 8rem; border-radius: 25px; } .blog-entry .entry-header > .author > .description { display: flex; flex-flow: column nowrap; justify-content: center; } .blog-entry .entry-header > .author > .description span.author__name { font-size: 1.45rem; font-weight: 600; line-height: 1.48; } .blog-entry .entry-header > .author > .description span.author__title { font-size: 0.875rem; } .blog-entry .entry-footer > .entry-meta { margin: 1rem 0 1rem; } .blog-entry .entry-footer > .entry-meta > span { display: inline-block; margin-right: .625rem; } .blog-entry .entry-footer > .entry-meta > span:last-child { margin-right: 0; } .blog-entry .file-box-wrapper > .box-title > h2 { font-size: 1.4em; } .taglib-social-bookmarks .taglib-social-bookmark, .btn.btn-outline-secondary.btn-monospaced.btn-outline-borderless.btn-sm.lfr-portal-tooltip, .dropdown-toggle.btn.btn-monospaced.btn-outline-borderless.btn-outline-secondary.btn-sm.btn-secondary { padding: 0.25rem 0.5rem !important; } .btn.btn-outline-secondary.btn-monospaced.btn-outline-borderless.btn-sm.lfr-portal-tooltip:hover .lexicon-icon { fill: #fff; } .dropdown-toggle.btn.btn-monospaced.btn-outline-borderless.btn-outline-secondary.btn-sm.btn-secondary { height: 2.45rem; } .container.simplified__list { padding: 0; max-width: 100% !important; } .container.simplified__list a.row.dark-link, .container.simplified__list .yja-card { margin: 0 0 2.25rem; text-decoration: none; } .container.simplified__list a.row.dark-link:last-child, .container.simplified__list .yja-card:last-child { margin-bottom: 0; } .container.simplified__list a.row.dark-link .simplified__list--image, .container.simplified__list .yja-card .simplified__list--image { margin: 0 0 0.125rem; background-size: 100% auto; background-position: center; background-color: transparent; background-repeat: no-repeat; } .container.simplified__list a.row.dark-link .simplified__list--image img, .container.simplified__list .yja-card .simplified__list--image img { width: 100%; } .container.simplified__list a.row.dark-link .simplified__list--content > .simplified__list-item-title, .container.simplified__list .yja-card .simplified__list--content > .simplified__list-item-title { margin: 0 0 0.125rem; font-size: 1.375rem; font-weight: 700; line-height: 1.18182; } .container.simplified__list a.row.dark-link .simplified__list--content > .simplified__list-item-title:first-child, .container.simplified__list .yja-card .simplified__list--content > .simplified__list-item-title:first-child { font-size: 1.4em; line-height: 1.2; } .container.simplified__list a.row.dark-link .simplified__list--content > .meta, .container.simplified__list .yja-card .simplified__list--content > .meta { font-size: .875rem; } .container.simplified__list a.row.dark-link .simplified__list--content > .meta span, .container.simplified__list .yja-card .simplified__list--content > .meta span { margin-right: .125rem; } .container.simplified__list a.row.dark-link .simplified__list--content > .meta span.author, .container.simplified__list .yja-card .simplified__list--content > .meta span.author { margin-right: .75rem; } .container.simplified__list a.row.dark-link .simplified__list--content > .meta span:last-child, .container.simplified__list .yja-card .simplified__list--content > .meta span:last-child { margin-right: 0; } .container.simplified__list a.row.dark-link .simplified__list--content > .meta + .simplified__list-item-title, .container.simplified__list .yja-card .simplified__list--content > .meta + .simplified__list-item-title { margin: .875rem 0 0; } .container.simplified__list a.row.dark-link .simplified__list--content > p, .container.simplified__list .yja-card .simplified__list--content > p { margin: .875rem 0 0; font-size: 1.125rem; line-height: 1.33333; } .container.simplified__list a.row.dark-link:hover, .container.simplified__list .yja-card:hover { text-decoration: none; } .container.simplified__list a.row.dark-link:hover .simplified__list--content > .simplified__list-item-title, .container.simplified__list .yja-card:hover .simplified__list--content > .simplified__list-item-title { text-decoration: underline; } .top-frame .badge:not(.error-notice), .top-frame .label, .top-frame .yja-tag { border: none; } .top-frame .yja-category-group .yja-tag { border: 1px solid #000; } .top-frame address { margin-bottom: 0; } @media (max-width: 1024px) { .site-theme.top-frame > body.public-page #content { padding-top: 0rem; margin-bottom: 0; } .site-theme.top-frame > body.public-page #content .portlet-boundary:not(.container) .portlet-content > .portlet-header { max-width: 100%; } .site-theme.top-frame > body.public-page.homepage #content .main-blog-lift, .site-theme.top-frame > body.public-page.homepage #content .frontpage-twitter { margin-top: 1.5rem; margin-bottom: 1.5rem; } .site-theme.top-frame #banner #heading .header-top-bar .layout-wrapper-wide-container { max-width: 100%; } .site-theme.top-frame #footer > div .footer-main-content > .row { max-width: 100%; } .site-theme.top-frame #footer > div .footer-main-content > .row > div.col { max-width: 100%; flex: 0 0 100%; margin: 1.5rem 0 0 0; } .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content { max-width: 100%; padding-right: 1rem; padding-left: 1rem; } .site-theme.top-frame > body.public-page #content .korostettu .portlet-body form.form { padding: 0 1rem; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .box1 ul a { flex-flow: inherit; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area { max-width: 100%; height: auto; max-height: -moz-fit-content; max-height: fit-content; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area a { flex-flow: inherit; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .text-wrapper h1 { font-size: 1.5rem; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .text-wrapper .desc-wrapper p { font-size: 1.1rem; } .site-theme.top-frame #content > .landingpage-layout-container > .landingpage-layout > .portlet-layout.row .portlet-asset-publisher .portlet-body > .lfr-pagination, .site-theme.top-frame #content > .landingpage-layout-container > .landingpage-layout > .portlet-layout.row .feed { padding: 0 1rem; } .landingpage-layout, .listing-layout.layout-wide:not(.frontpage) .layout-wrapper { max-width: 100%; margin-left: 3vw; margin-right: 3vw; } .frontpage-news, .frontpage-publications, .frontpage-events-blog-twitter, .link-highlights.three-in-row, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container { max-width: 100%; padding: 0 1rem; } .blog-entry .entry-header > .author > picture { min-height: 5rem; } .blog-entry .entry-header > .author > picture > img, .blog-entry .entry-header > .author > img { max-width: 5rem; max-height: 5rem; } } @media (min-width: 80.05rem) { .site-theme.top-frame > body.public-page #content .portlet-boundary:not(.container) .portlet-content > .portlet-header { max-width: 90rem; } .site-theme.top-frame #content .feed-item.simple { margin-bottom: 2.25rem; } .site-theme.top-frame #content .feed-item.simple .feed-item__heading { margin-bottom: 0; margin-top: 0; } .site-theme.top-frame #content .feed-item.simple .meta { margin-top: 0.5rem; } .site-theme.top-frame #content > .landingpage-layout-container > .landingpage-layout > .portlet-layout.row .portlet-asset-publisher .portlet-body > .lfr-pagination, .site-theme.top-frame #content > .landingpage-layout-container > .landingpage-layout > .portlet-layout.row .feed { padding-right: 4.375rem; max-width: 80rem; margin-right: auto; margin-left: auto; } .site-theme.top-frame #content > .landingpage-layout-container > .landingpage-layout > .portlet-layout.row .portlet-asset-publisher .portlet-body > .lfr-pagination > .feed-item, .site-theme.top-frame #content > .landingpage-layout-container > .landingpage-layout > .portlet-layout.row .feed > .feed-item { max-width: 64rem; } } @media (min-width: 64.05rem) and (max-width: 80rem) { .site-theme.top-frame > body.public-page #content .portlet-boundary:not(.container) .portlet-content > .portlet-header { max-width: 64rem; } .site-theme.top-frame #banner #heading .header-top-bar .header-top-bar-links-lang { left: -17rem; } .site-theme.top-frame #banner nav { max-width: 64rem; margin: -11.7rem auto 0; } .site-theme.top-frame #footer > div .footer-main-content > .row { max-width: 64rem; } .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content { max-width: 64rem; } .site-theme.top-frame #content .portlet-breadcrumb ul.breadcrumb { max-width: 64rem; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div.container { max-width: 54rem; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .image-wrapper img { width: 25.5vw; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area { max-width: 64rem; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .text-wrapper { margin: auto 2.5rem auto 2.5rem; margin: auto 2.5vw auto 2.5vw; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .text-wrapper h1 { font-size: 2rem; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .text-wrapper .desc-wrapper p { font-size: 1.15rem; } .landingpage-layout, .listing-layout.layout-wide:not(.frontpage) .layout-wrapper { max-width: 64rem; } .frontpage-news, .frontpage-publications, .frontpage-events-blog-twitter, .link-highlights.three-in-row, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container { max-width: 54rem; } } @media (min-width: 1025px) and (max-width: 64rem) { .site-theme.top-frame > body.public-page #content .portlet-boundary:not(.container) .portlet-content > .portlet-header { max-width: 979px; } .site-theme.top-frame #banner nav { max-width: 979px; margin: -13.7rem auto 0; } .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item > a { font-size: 1rem; padding: 0 0.7rem; } .site-theme.top-frame #footer > div .footer-main-content > .row { max-width: 979px; } .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content { max-width: 979px; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div.container { max-width: 979px; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area { max-width: 979px; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper { margin: 1rem 5rem 1rem 5rem; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .image-wrapper img { width: 30vw; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area { max-width: 979px; height: auto; max-height: -moz-fit-content; max-height: fit-content; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area { max-width: 979px; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .text-wrapper { margin: auto 1.5rem auto 2.5rem; margin: auto 1.5vw auto 2.5vw; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .text-wrapper h1 { font-size: 1.75rem; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .text-wrapper .desc-wrapper p { font-size: 1.15rem; } .landingpage-layout, .listing-layout.layout-wide:not(.frontpage) .layout-wrapper { max-width: 979px; } .frontpage-news, .frontpage-publications, .frontpage-events-blog-twitter, .link-highlights.three-in-row, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container { max-width: 979px; } } @media (max-width: 1040px) { .site-theme.top-frame .mobile-menu-actions { display: block !important; top: 8rem; } .site-theme.top-frame #banner #heading .header-top-bar .header-top-bar-links-lang .header-top-right-area { right: 0; position: absolute; } .site-theme.top-frame #banner #heading .header-top-bar + .layout-wrapper-wide-container { max-width: 100%; } .site-theme.top-frame #banner #heading .row.header-row { display: flex; flex-direction: column-reverse; } .site-theme.top-frame #banner #heading .row.header-row > .col.col-md-7 { flex: 0 1 auto; text-align: center; } .site-theme.top-frame #banner #heading .row.header-row > .col.col-md-7 a.logo { width: 16.375rem; } .site-theme.top-frame #banner #heading .row.header-row > .col.col-md-5 > .header-top-right-area { margin: .25rem 0 0; } .site-theme.top-frame #banner nav { display: none !important; } .site-theme.top-frame #banner nav > ul.a11y-nav { display: none; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area { margin-top: 0 !important; } } @media (max-width: 550px) { .site-theme.top-frame .mobile-menu-actions { top: 6rem; } .site-theme.top-frame .mobile-menu-actions > a, .site-theme.top-frame .mobile-menu-actions > button { width: 4.5rem; } .site-theme.top-frame #banner #heading .header-top-bar .header-top-bar-links-lang .header-top-right-area > .search-form { max-width: 9rem; } .site-theme.top-frame #banner #heading .header-top-bar .header-top-bar-links-lang .header-top-right-area > .search-form > .input-group > input.search-query { padding: .625rem 1.75rem .625rem .5rem; } .site-theme.top-frame #banner #heading .header-top-bar .layout-wrapper-wide-container { padding: 0 .75rem; } .site-theme.top-frame #banner #heading .header-top-bar .header-top-bar-links-lang ul { padding: 0.75rem 0; margin-left: -0.35rem; } .site-theme.top-frame #banner #heading .header-top-bar .header-top-bar-links-lang ul li { padding-right: 0.06em; margin-right: 0.0em; } .site-theme.top-frame #banner #heading .header-top-bar .header-top-bar-links-lang ul a { padding: 0.75rem 0.275rem; letter-spacing: 0.15px; font-size: 0.72rem; } .site-theme.top-frame #banner #heading .header-top-bar + .layout-wrapper-wide-container { padding: 0 .75rem; } .site-theme.top-frame #banner #heading .row.header-row { padding: .5rem 0; } .site-theme.top-frame #banner #heading .row.header-row > .col.col-md-7 a.logo { width: 12rem; } .site-theme.top-frame #banner #heading .row.header-row > .col.col-md-5 > .header-top-right-area { flex-direction: column; margin: 0; } .site-theme.top-frame #banner #heading .row.header-row > .col.col-md-5 > .header-top-right-area > .search-form { top: -3.85rem; right: -0.35rem; max-width: 9rem; } .site-theme.top-frame #banner #heading .row.header-row > .col.col-md-5 > .header-top-right-area > .search-form > .input-group > input.search-query { padding: .625rem 1.75rem .625rem .5rem; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .box1 ul > li:not(:nth-of-type(1)) { margin-top: 0.85rem; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .box1 .triangle, .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .box1 .triangle:before, .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .box1 .triangle:after { width: 0.95rem; height: 0.95rem; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .box1 span { font-size: 1rem; padding-inline-start: 1.45rem; padding-block-start: 0rem; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .image-wrapper { margin-left: auto; margin-right: auto; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area { flex-direction: column; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .text-wrapper .desc-wrapper p { font-size: 1rem; } .landingpage-layout, .listing-layout.layout-wide:not(.frontpage) .layout-wrapper { padding: 0 .75rem; } } @media (min-width: 768px) and (max-width: 1040px) { .site-theme.top-frame .mobile-menu-actions > a, .site-theme.top-frame .mobile-menu-actions > button { height: 5rem; } .site-theme.top-frame .mobile-menu-actions > .menu-icon > .icon-reorder { margin: 1rem 0; } .site-theme.top-frame #banner #heading .row.header-row > .col.col-md-5 > .header-top-right-area > .search-form { top: -4.4rem; right: 2.5rem; } } @media (max-width: 767px) { .site-theme.top-frame #banner #heading .header-top-bar { text-align: start; } .site-theme.top-frame #banner #heading .header-top-bar .header-top-bar-links-lang { left: 0; } .site-theme.top-frame #banner #heading .header-top-bar .header-top-bar-links-lang ul li { padding-right: 0.16em; margin-right: 0.03em; } .site-theme.top-frame #banner #heading .row.header-row > .col.col-md-7 a.logo { margin: 1rem 0; } .site-theme.top-frame #banner #heading .row.header-row > .col.col-md-5 { align-self: flex-end; width: 100%; max-width: 100%; flex: 0 0 100%; } .site-theme.top-frame #footer > div .footer-main-content > .row > div.col:first-child > div > * { max-width: 100%; } .site-theme.top-frame #footer > div .footer-main-content > .row img { margin: 0 auto; } .site-theme.top-frame > body.public-page #content .portlet-body > .journal-content-article .yja_factbox__aside, .site-theme.top-frame > body.public-page #content .portlet-body > div > .journal-content-article .yja_factbox__aside, .site-theme.top-frame > body.public-page #content .portlet-body .media-item.news-page > span[itemprop="articleBody"] .yja_factbox__aside, .site-theme.top-frame > body.public-page #content .portlet-body > section > div[itemtype*="Event"] .yja_factbox__aside { float: none; width: 100%; max-width: 100%; margin: 1.3125rem 0; } .site-theme.top-frame > body.public-page #content nav.link-highlights.three-in-row { margin-bottom: 3rem !important; } .site-theme.top-frame > body.public-page #content nav.link-highlights.three-in-row ul { display: block; } .site-theme.top-frame > body.public-page #content nav.link-highlights.three-in-row ul li.container { margin: 1rem 0 1rem 0; } .site-theme.top-frame > body.public-page #content nav.link-highlights.three-in-row ul li a { flex-flow: column nowrap; } .site-theme.top-frame > body.public-page #content nav.link-highlights.three-in-row ul li a .text-wrapper > div .title { font-size: 1.25rem; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row { margin-left: 1rem; margin-right: 1rem; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div.container { width: 41rem; width: auto; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift { flex-direction: column-reverse; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .text-wrapper { flex: 0 0 100%; padding: 3rem; width: 100vw; width: auto; padding-top: 1rem; padding-right: 2rem; padding-bottom: 1rem; padding-left: 2rem; border-top-right-radius: 0; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .text-wrapper > div { margin-top: 1rem; margin-bottom: 1rem; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .text-wrapper .title { font-size: 1.35rem; line-height: 1.1; margin-bottom: 0.5rem; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .text-wrapper .desc { font-size: 1rem; line-height: 1.3; margin-bottom: 1rem; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .text-wrapper a.btn { float: right; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .text-wrapper a { flex-flow: column nowrap; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .image-wrapper { padding-top: 42.1875%; width: auto; border-top-left-radius: 25px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper { flex-flow: wrap-reverse; margin: 0; height: 100%; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .box1 { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 25px; border-bottom-left-radius: 25px; width: 100%; position: relative; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .box1 ul > li:not(:nth-of-type(1)) { margin-top: 1.5rem; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .desc-wrapper { width: 100%; margin: 1.75rem; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .image-wrapper img { width: 100vw; max-width: 100%; top: 0; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area { height: auto; max-height: -moz-fit-content; max-height: fit-content; flex-direction: column; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .text-wrapper { margin: 1rem; } .frontpage-events-blog-twitter .portlet-body .portlet-content-container { margin: 0; } .frontpage-news .portlet-layout, .frontpage-publications .portlet-layout { margin: 0; } } @media (min-width: 91rem) { .site-theme.top-frame #banner #heading .header-top-bar .layout-wrapper-wide-container { max-width: 90rem; } .site-theme.top-frame #banner #heading .header-top-bar + .layout-wrapper-wide-container { max-width: 90rem; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper { margin: 2rem auto; max-width: 90rem; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .desc-wrapper { width: 44rem; margin-right: 33rem; margin-left: 0; } } @media (min-width: 86.38rem) and (max-width: 90rem) { .site-theme.top-frame #banner #heading .header-top-bar .layout-wrapper-wide-container { max-width: 85.375rem; } .site-theme.top-frame #banner #heading .header-top-bar + .layout-wrapper-wide-container { max-width: 85.375rem; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper { margin: 1rem 8.5vw 1rem 8.5vw; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .desc-wrapper { width: 41rem; margin-left: 5.5rem; } } @media (min-width: 81rem) and (max-width: 85.375rem) { .site-theme.top-frame #banner #heading .header-top-bar .layout-wrapper-wide-container { max-width: 80rem; } .site-theme.top-frame #banner #heading .header-top-bar + .layout-wrapper-wide-container { max-width: 80rem; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper { margin: 1rem 8.5vw 1rem 8.5vw; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .desc-wrapper { width: 41rem; margin-left: 8.5rem; } } @media (min-width: 65rem) and (max-width: 80rem) { .site-theme.top-frame #banner #heading .header-top-bar .layout-wrapper-wide-container { max-width: 64rem; } .site-theme.top-frame #banner #heading .header-top-bar + .layout-wrapper-wide-container { max-width: 64rem; } .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item > a { font-size: 1rem; padding: 0 0.5rem; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper { margin: 1rem 8.5vw 1rem 8.5vw; } } @media (min-width: 1041px) and (max-width: 64rem) { .site-theme.top-frame #banner #heading .header-top-bar .layout-wrapper-wide-container { max-width: 62rem; } .site-theme.top-frame #banner #heading .header-top-bar + .layout-wrapper-wide-container { max-width: 62rem; } } @media (min-width: 1025px) and (max-width: 1040px) { .site-theme.top-frame #banner #heading .header-top-bar .layout-wrapper-wide-container { max-width: 100%; } } @media (min-width: 85.43rem) { .site-theme.top-frame #banner #heading .header-top-bar .header-top-bar-links-lang { left: -16rem; } } @media (min-width: 551px) and (max-width: 767px) { .site-theme.top-frame #banner #heading .row.header-row > .col.col-md-5 > .header-top-right-area > .search-form { top: -4.4rem; right: 1rem; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .image-wrapper { margin-left: auto; margin-right: auto; } .frontpage-twitter #twitter-widget-0 .timeline-Header-title { font-size: 17px; } .frontpage-twitter #twitter-widget-0 .TweetAuthor-name { } .frontpage-twitter #twitter-widget-0 .TweetAuthor-name .TweetAuthor-decoratedName { font-size: 9.6px; } .frontpage-twitter #twitter-widget-0 .TweetAuthor-name .TweetAuthor-screenName { font-size: 9.6px; } .frontpage-twitter #twitter-widget-0 .timeline-Tweet-text { font-size: 9.6px; line-height: 14.4px; } .frontpage-twitter #twitter-widget-0 .timeline-Tweet-media { } .frontpage-twitter #twitter-widget-0 .timeline-Tweet-media .TwitterCard-title, .frontpage-twitter #twitter-widget-0 .timeline-Tweet-media .SummaryCard-destination { font-size: 0.875em; } } @media (min-width: 90.05rem) { .site-theme.top-frame #banner nav { max-width: 90rem; } .site-theme.top-frame #banner nav:before { display: none; } .site-theme.top-frame #footer > div .footer-main-content > .row { max-width: 90rem; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div.container { max-width: 80rem; max-width: 90rem; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area img { aspect-ratio: 20 / 4; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .desc-wrapper p { font-size: 1.25rem; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area { max-width: 90rem; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .text-wrapper { margin: auto 2.5vw auto 2.5vw; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .text-wrapper h1 { font-size: 2.4375rem; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .text-wrapper .desc-wrapper p { font-size: 1.25rem; } .landingpage-layout, .listing-layout.layout-wide:not(.frontpage) .layout-wrapper { max-width: 90rem; } .frontpage-news, .frontpage-publications, .frontpage-events-blog-twitter, .link-highlights.three-in-row, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container { max-width: 80.375rem; max-width: 90rem; } } @media (min-width: 85.43rem) and (max-width: 90rem) { .site-theme.top-frame #banner nav { max-width: 85.375rem; } .site-theme.top-frame #banner nav:before { display: none; } .site-theme.top-frame #footer > div .footer-main-content > .row { max-width: 85.375rem; } .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content { max-width: 85.375rem; } .site-theme.top-frame #content .portlet-breadcrumb ul.breadcrumb { max-width: 85.375rem; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div.container { max-width: 64rem; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .image-wrapper img { width: 30vw; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area { max-width: 85.375rem; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .text-wrapper h1 { font-size: 2.25rem; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .text-wrapper .desc-wrapper p { font-size: 1.25rem; } .landingpage-layout, .listing-layout.layout-wide:not(.frontpage) .layout-wrapper { max-width: 85.375rem; } .frontpage-news, .frontpage-publications, .frontpage-events-blog-twitter, .link-highlights.three-in-row, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container { max-width: 66.375rem; max-width: 74.85rem; } } @media (min-width: 80.05rem) and (max-width: 85.375rem) { .site-theme.top-frame #banner nav { max-width: 80rem; } .site-theme.top-frame #banner nav:before { display: none; } .site-theme.top-frame #footer > div .footer-main-content > .row { max-width: 80rem; } .site-theme.top-frame body.public-page .landingpage-layout .events.event-portlet .portlet-content { max-width: 80rem; } .site-theme.top-frame #content .portlet-breadcrumb ul.breadcrumb { max-width: 80rem; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div.container { max-width: 64rem; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .image-wrapper img { width: 30vw; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area { max-width: 80rem; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .text-wrapper h1 { font-size: 2.15rem; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .text-wrapper .desc-wrapper p { font-size: 1.25rem; } .landingpage-layout, .listing-layout.layout-wide:not(.frontpage) .layout-wrapper { max-width: 80rem; } .frontpage-news, .frontpage-publications, .frontpage-events-blog-twitter, .link-highlights.three-in-row, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container { max-width: 66rem; } } @media (min-width: 65rem) and (max-width: 85.375rem) { .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item { padding-right: 0.25rem; } } @media (min-width: 1025px) and (max-width: 80rem) { .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item > a span { text-decoration-thickness: 0.35rem; text-underline-offset: 0.267rem; } .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item > a[aria-current="page"] span:after { bottom: -0.35rem; left: 0; margin-left: 0; height: 0.35rem; } .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item > button.a11y-toggler { font-size: 1.2rem; } .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item.has-children > a { padding: 0 0.125rem 0 0.25rem; } .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item.selected > a { padding: 0 0.125rem 0 0.25rem; } .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item > .a11y-nav__sub { top: 3.625rem; } .site-theme.top-frame #banner nav > ul.a11y-nav > li.a11y-nav__item > .a11y-nav__sub > ul a { font-size: 1rem; } .site-theme.top-frame #content > .landingpage-layout-container > .landingpage-layout > .portlet-layout.row .portlet-asset-publisher .portlet-body > .lfr-pagination, .site-theme.top-frame #content > .landingpage-layout-container > .landingpage-layout > .portlet-layout.row .feed { padding-right: 1rem; max-width: 64rem; margin-right: auto; margin-left: auto; } } @media (max-width: 992px) { .site-theme.top-frame #banner nav > ul li { font-size: 90%; } } @media (min-width: 1025px) { .site-theme.top-frame #footer > div .footer-main-content > .row > div.col { align-items: center; } .site-theme.top-frame > body.public-page #content > #main-content.listing-layout #column-1.portlet-column > .portlet-column-content > .portlet-boundary .hed-section.portlet-title, .site-theme.top-frame > body.public-page #content > #main-content.listing-layout #column-1.portlet-column > .portlet-column-content > .portlet-boundary .portlet-body { max-width: 62rem !important; padding: 0 1rem; } .site-theme.top-frame > body.public-page #content .korostettu .portlet-body form.form > fieldset { display: flex; flex-flow: column nowrap; } .site-theme.top-frame > body.public-page #content .korostettu .portlet-body form.form > fieldset > div { display: flex; flex-flow: row wrap; } .site-theme.top-frame > body.public-page #content .korostettu .portlet-body form.form > fieldset > div > div.form-group.input-text-wrapper { width: 47.5%; } .site-theme.top-frame > body.public-page #content .korostettu .portlet-body form.form > fieldset > div > div.form-group.input-text-wrapper:nth-child(2n+1) { margin-left: 2.5%; } .site-theme.top-frame > body.public-page #content .korostettu .portlet-body form.form > fieldset > div > div.form-group.lfr-textarea-container.input-text-wrapper { width: 97.5%; } .site-theme.top-frame #content > .landingpage-layout-container > .landingpage-layout > .portlet-layout.row .portlet-asset-publisher .portlet-body > .lfr-pagination ul.lfr-pagination-buttons.pager { padding-left: 2rem; } } @media (min-width: 64rem) { .site-theme.top-frame > body.public-page #content > #main-content.frontpage > .layout-wrapper .portlet-journal-content .portlet-body { } .site-theme.top-frame > body.public-page #content > #main-content.frontpage > .layout-wrapper .portlet-journal-content .portlet-body a.btn-outline-primary { margin-left: 4.375rem; } } @media (max-width: 64rem) { .site-theme.top-frame #content .portlet-breadcrumb ul.breadcrumb { max-width: 100%; } hr.frontpage-spacer.frontpage-spacer--margins { margin: 0 1rem; } } @media (min-width: 64.05rem) { .site-theme.top-frame > body.public-page #content .korostettu .portlet-body form.form > fieldset > div { padding: 0 0 0 31.6666%; } .site-theme.top-frame > body.public-page #content .korostettu .portlet-body form.form > fieldset > div > p.description { position: absolute; top: 0; left: 0; width: 31.6666%; height: 100%; } .site-theme.top-frame > body.public-page #content .korostettu .portlet-body form.form > fieldset > div > button, .site-theme.top-frame > body.public-page #content .korostettu .portlet-body form.form > fieldset > div > div.form-group { margin-left: 2.5%; } } @media (min-width: 768px) and (max-width: 1024px) { .site-theme.top-frame > body.public-page #content nav.link-highlights.three-in-row ul li a .text-wrapper > div .title { font-size: 1.375rem; } .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .text-wrapper .title { font-size: 2.375rem; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper { margin: 1rem 1rem 1rem 1rem; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .box1 h1 { font-size: 1.25rem; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .box1 .triangle, .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .box1 .triangle:before, .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .box1 .triangle:after { width: 1rem; height: 1rem; } .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .box1 span { font-size: 1rem; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area { height: auto; margin-left: 3vw; margin-right: 3vw; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .image-wrapper { margin-left: 0; margin-top: 0; max-height: inherit; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .image-wrapper picture { max-height: inherit; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .image-wrapper img { max-height: inherit; top: 0rem; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area span { font-size: 1rem; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .text-wrapper { margin: auto 3.5rem auto 3.5rem; margin: auto 3.5vw auto 3.5vw; width: 64vw; } } @media (min-width: 768px) and (max-width: 80rem) { .site-theme.top-frame > body.public-page #content nav.link-highlights.one-in-row > div div .hanke-lift .text-wrapper > div { margin-top: 1rem; margin-bottom: 1rem; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .text-wrapper h1 { font-size: 1.4375rem; } .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .text-wrapper .desc-wrapper p { font-size: 1rem; } } @media (min-width: 1161px) and (max-width: 80rem) { .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .desc-wrapper { width: 31rem; margin-left: 11.5rem; } } @media (min-width: 1025px) and (max-width: 1160px) { .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .desc-wrapper { width: 25rem; margin-left: 8rem; } } @media (min-width: 921px) and (max-width: 1024px) { .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .desc-wrapper { width: 28rem; margin-left: 6.5rem; } } @media (min-width: 768px) and (max-width: 920px) { .site-theme.top-frame > body.public-page #content .journal-content-article section.hero-area .text-wrapper .desc-wrapper { width: 25rem; } } @media (min-width: 80.05rem) and (max-width: 90rem) { .site-theme.top-frame > body.public-page #content #main-content section.content-hero-area .text-wrapper { margin: auto 2.5vw auto 2.5vw; } } @media (min-width: 768px) { .frontpage-news .main-news-lift .yja-card .mainlift, .frontpage-publications .main-news-lift .yja-card .mainlift, .frontpage-events-blog-twitter .main-news-lift .yja-card .mainlift, .link-highlights.three-in-row .main-news-lift .yja-card .mainlift, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container .main-news-lift .yja-card .mainlift, .frontpage-news .main-article-lift .yja-card .mainlift, .frontpage-publications .main-article-lift .yja-card .mainlift, .frontpage-events-blog-twitter .main-article-lift .yja-card .mainlift, .link-highlights.three-in-row .main-article-lift .yja-card .mainlift, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container .main-article-lift .yja-card .mainlift, .frontpage-news .main-blog-lift .yja-card .mainlift, .frontpage-publications .main-blog-lift .yja-card .mainlift, .frontpage-events-blog-twitter .main-blog-lift .yja-card .mainlift, .link-highlights.three-in-row .main-blog-lift .yja-card .mainlift, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container .main-blog-lift .yja-card .mainlift { margin-bottom: 1rem; } .frontpage-news .main-news-lift hr, .frontpage-publications .main-news-lift hr, .frontpage-events-blog-twitter .main-news-lift hr, .link-highlights.three-in-row .main-news-lift hr, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container .main-news-lift hr, .frontpage-news .main-article-lift hr, .frontpage-publications .main-article-lift hr, .frontpage-events-blog-twitter .main-article-lift hr, .link-highlights.three-in-row .main-article-lift hr, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container .main-article-lift hr, .frontpage-news .main-blog-lift hr, .frontpage-publications .main-blog-lift hr, .frontpage-events-blog-twitter .main-blog-lift hr, .link-highlights.three-in-row .main-blog-lift hr, footer#footer .portlet-content-container .portlet-body .footer-bottom-bar .container .main-blog-lift hr { display: none; } .top-frame blockquote { margin: 2rem 0 2rem 2rem; max-width: 50%; float: right; } } @media (max-width: 80rem) { hr.frontpage-spacer { margin-top: 1rem !important; } }