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