.top-frame body { font-size: 1.185rem; color: #001c41; font-family: Helvetica,Arial,sans-serif; line-height: 1.4; } .top-frame a { color: #15c; } .top-frame a:hover, .top-frame a:focus { color: #002b6e; } .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: #002b6e; font-weight: bold; font-style: normal; font-family: Helvetica,Arial,sans-serif; display: block; margin: 10px 0; } .top-frame h1 a, .top-frame h2 a, .top-frame h3 a, .top-frame h4 a, .top-frame h5 a, .top-frame h6 a, .top-frame .heading1 a, .top-frame .heading2 a, .top-frame .heading3 a, .top-frame .heading4 a, .top-frame .heading5 a, .top-frame .heading6 a { color: inherit; } .top-frame input.search-query { border-radius: 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: #009ddd; color: #fff; } .top-frame .btn.btn-default:hover { background: #002b6e; } .top-frame .btn.btn-primary, .top-frame .btn.search-form_submit { background-color: #009ddd; color: white; } .top-frame .btn.btn-primary:hover, .top-frame .btn.search-form_submit:hover { background-color: #008fc7; } .top-frame .btn.search-form_submit { border-color: #009ddd; } .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 #001c41; } .top-frame .portlet-navigation .nav-menu ul a { color: #001c41; } .top-frame .portlet-navigation .nav-menu ul ul a { color: #001f48; } .top-frame .portlet-navigation .nav-menu > ul > li { color: #001f48; } .top-frame .events .event-highlight { font-size: 1.1em; border-top: solid 1px #009ddd; } .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 #009ddd; } .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: #15c; display: block; position: relative; } .top-frame .events.event-search-portlet .event-list-wrapper > .span12 > .span3 { background: #009ddd; } .top-frame .events.event-search-portlet .event-list-wrapper { border-color: #009ddd; } .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: #009ddd; 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 #009ddd; border-right: 1px solid #009ddd; border-left: 1px solid #009ddd; 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: #15c; } .top-frame #scrollToTop { color: #fff; background: #009ddd; } .top-frame #scrollToTop:hover { background: #008fc7; } .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: #009ddd; color: white !important; } .top-frame #banner .language-version-selection-portlet .lang-nav ul { background: #009ddd; } .top-frame .media-item .small figure { float: left; margin-right: 1em; } .top-frame .media-item .dark-link { color: #001c41; } .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: #002b6e; } .top-frame .media-item .meta { margin-bottom: em(5px); color: #00224e; font-size: .9em; } .top-frame .feed-item.simple .meta { color: #00224e; font-size: .9em; } .top-frame .feed-item.simple h6 a { color: #001c41; } .top-frame ul.position-nav li.selected { background: #009ddd; } .top-frame ul.position-nav li.selected:hover { background-color: #009ddd; } .top-frame .carousel .description { font-family: Helvetica,Arial,sans-serif; font-weight: normal; } .panel.border-top-emphasis { border-top: solid 4px #009ddd; } .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: #009ddd; } .top-frame #banner a { color: #009ddd; } .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: #002b6e; } .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: #009ddd; 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: #008fc7; } .top-frame #banner nav a { color: #002b6e; } .top-frame #banner nav.fixed { background: transparent; } .top-frame #footer { background-image: url('data:image/svg+xml,data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg"/%3E'); background-repeat: repeat; background-size: initial; background-position: center top; background-color: #009ddd; color: #001c41; } .top-frame #footer a { color: #001c41; } .top-frame #footer .footer-bottom-bar { background-color: #009ddd; } .top-frame body { background-color: #fff; background-image: url('data:image/svg+xml,data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg"/%3E'); background-position: center top; background-repeat: no-repeat; background-size: initial; background-attachment: scroll; } .top-frame .page-wrapper { max-width: 100%; margin: 0 auto; } .top-frame .layout-wrapper, .top-frame #main-content:not(.layout-wide) { background: transparent; padding-left: 0; padding-right: 0; } .top-frame .homepage .layout-wrapper-wide { background: #009ddd; } .top-frame .homepage .layout-wrapper-wide *, .top-frame .homepage .layout-wrapper-wide .carousel-wrapper ul li h3 a .description { color: #002b6e; } .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: 75rem; } .mobile-menu-actions { right: 0; } .mobile-menu-actions a.menu-icon { background: #fff; color: #001c41; } .mobile-menu-actions a { color: #15c; } .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: #002b6e; } .mm-menu { border-color: #009ddd; } .mm-menu a { color: white; } .mm-menu a:hover, .mm-menu a:focus { color: white; } .top-frame h1 { font-size: 2.1875em; line-height: 1.1; } .top-frame h2 { font-size: 1.75em; line-height: 1.1; } .top-frame h3 { font-size: 1.45em; line-height: 1.2; } .top-frame h4 { font-size: 1.125em; line-height: 1.2; } .top-frame h5 { font-size: 1em; line-height: 1.2; } .top-frame h6 { font-size: .9em; line-height: 1.2; } .top-frame h1, .top-frame h2, .top-frame h3, .top-frame h4, .top-frame h5, .top-frame h6 { font-family: myriad-pro-condensed,sans-serif; } .top-frame body { font-family: myriad-pro,sans-serif; font-size: 1.037rem; } .top-frame .portlet-blogs .widget-mode-detail, .top-frame .widget-mode-detail-text p, .top-frame .portlet-blogs, .top-frame .widget-mode-detail .widget-mode-detail-text li { font-size: 1.037rem; } .top-frame p.lead, .top-frame .portlet-blogs .widget-mode-detail .widget-mode-detail-text p.lead, .top-frame .ingress { font-size: 1.21em; font-weight: 300; line-height: 1.4em; } .top-frame .feed-item__heading h2 { font-size: 1.718em; } .top-frame .feed-item__heading h3 { font-size: 1.125em; } .top-frame .media-item h2, .top-frame .media-item h3, .top-frame .media-item h4, .top-frame .media-item h5, .top-frame .media-item h6 { margin-bottom: 0.63rem; } .top-frame .feed-item.simple .meta { font-size: .875em; margin-bottom: 1.718em; } .top-frame .feed-item.simple .feed-item__heading { font-size: 1.531em; } .top-frame .feed-item.simple h6 { font-size: 1.125em; } .top-frame .meta.mb-3 .ml-1, .top-frame .published span.date .ml-1 { margin-right: .5rem; } .top-frame .meta.mb-3 .ml-2, .top-frame .published span.date .ml-2 { margin-left: .5rem !important; } .top-frame .generic__asset .yja-card__heading { font-size: 1.531em; line-height: 1.2; } .top-frame nav.a11y-navigation { font-size: 1.275em; } .top-frame .hed-section { font-size: 1.75em; line-height: 1.1; } .top-frame .valto-portlet .valto-entries h3.feed-item__heading { font-size: 1.125em; } .top-frame .valto-portlet .valto-entries .publisher-meta { font-size: .9em; color: #4e4e4e; } .top-frame .portlet-navigation .list-menu { font-size: 1.037rem; } .top-frame .portlet-navigation .list-menu a { color: #002b6e; } .top-frame #column-3 h3 { font-size: 1.125em; } .top-frame h2.yja-accordion-toggle { font-size: 1.125em; font-weight: 300; padding: 10px; } .top-frame .portlet-blogs .widget-mode-detail .widget-mode-detail-text p, .top-frame .portlet-blogs .widget-mode-detail .widget-mode-detail-text li { font-size: 1.037rem; } .top-frame[lang=sv-SE] nav.a11y-navigation { font-size: 1.25em; } body.homepage .page-wrapper .portlet-column > .portlet-login { position: relative; z-index: 10; } body.homepage .page-wrapper .portlet-column-content > div:nth-last-child(2) { padding-bottom: 100px !important; } .top-frame body.homepage #content { background-image: url('/documents/113169639/113240027/taustakuvio-etusivu.svg/3ff1c142-b049-a2b4-6ecf-e71abb073da3?t=1647265979495'); background-size: auto 580px; background-repeat: no-repeat; background-position: top center; } .top-frame body.homepage #content .portlet-nested-portlets.column-cols--two .portlet-column-first { background-image: url("/documents/113169639/113240027/tk-graphic-documents-01.svg/ab59fe4c-30f3-8798-80d9-c7879792b870?t=1647607192256"); background-size: auto 100%; background-repeat: no-repeat; background-position: top right; } .top-frame body.homepage #content .column-blue--400 { background: #e5f5fc; } .top-frame body.homepage #content .column-blue--300 { padding-bottom: 5rem; position: relative; } .top-frame body.homepage #content .column-blue--300:before { content: ""; position: absolute; width: 100%; height: 100%; background: #93d3ee; z-index: -1; } .top-frame body .mm-page:before { content: ""; position: absolute; width: 100%; height: 70px; bottom: 0; background: #b2e5f6; z-index: 1; } .top-frame body .mm-page:after { content: ""; position: absolute; width: 100%; background-image: url("/documents/113169639/113240027/tk-footer-top.svg/bf37cc81-0769-bbba-8b14-044bc28934b9?t=1647941607641"); background-size: auto 300px; background-repeat: no-repeat; background-position: bottom left; height: 300px; bottom: 0; z-index: 2; } .top-frame body .mm-page .defer-image { height: -webkit-fill-available !important; width: -webkit-fill-available; } .top-frame body #footer { position: relative; } .top-frame body #footer:before { content: ""; background: url("/documents/113169639/113240027/tk-footer-bottom.svg/9a5a66e5-a19f-e39a-78da-ff23352b98c6?t=1647941607798"); background-size: contain; background-repeat: no-repeat; background-position: top left; position: absolute; top: -1px; left: 0; width: 100%; height: 100%; z-index: 1; } .top-frame body:not(.homepage) #content { background-image: url("/documents/113169639/113240027/taustakuvio-sisasivu.svg/cac53e7c-277d-2bdd-fca0-0bc52a9f8f51?t=1647265978838"); background-size: auto 550px; background-repeat: no-repeat; background-position: top center; padding-bottom: 100px; } .top-frame body:not(.homepage) #column-7 { margin-left: 10px; } body.homepage #content { padding: 0; } body.homepage #main-content { max-width: 100%; } body.homepage #main-content .yja-panel { max-width: 57.5rem; width: 100%; margin-left: auto; margin-right: auto; } body.homepage #main-content #column-1 > .portlet-column-content > .portlet-asset-publisher .portlet, body.homepage #main-content .wrapper--content .portlet { max-width: 75rem; width: 100%; margin-left: auto; margin-right: auto; } body.homepage #main-content .portlet-nested-portlets.column-blue.column-cols--two { position: relative; } body.homepage #main-content .portlet-nested-portlets.column-blue .columns-2 { position: relative; z-index: 2; } body.homepage #main-content picture img.lazyloaded { width: inherit; } .top-frame body:not(.homepage) .page-wrapper { z-index: 10; } .top-frame body.homepage .column-blue.column-blue--300.wrapper--content > section.portlet { z-index: 4; } .top-frame .column-cols--two .columns-2 .portlet-column-first { background: #009ddd; flex: 0 0 50%; max-width: 50%; } .top-frame .column-cols--two .columns-2 .portlet-column-last { background: #e5f5fc; flex: 0 0 50%; max-width: 50%; padding-left: 2.5rem; padding-right: 1.25rem; } .top-frame #content { margin-bottom: 0; } .top-frame ul[class] { margin-left: 0; } .top-frame span.hidden { display: none; } .top-frame a { overflow-wrap: break-word; } .top-frame body:not(.homepage) #main-content { position: relative; top: 250px; margin-bottom: 250px; } .top-frame body:not(.homepage) img.pull-left.og-image { width: 100%; max-width: 336px !important; } .top-frame body:not(.homepage) .yja-panel.image--left .yja_img__wrapper { position: absolute; top: -230px; } .top-frame body:not(.homepage) .column-left h2 { padding: .75em 0 .75em 0; } .top-frame #banner .header-top-bar { background: #e5f5fc; } .top-frame #banner .header-top-bar .header-top-bar-links-lang ul li { color: #002b6e; } .top-frame #banner .header-top-bar .header-top-bar-links-lang ul li a { color: currentColor; } .top-frame #banner a.logo { text-transform: uppercase; font-weight: 700; } .top-frame #banner input[type="search"] { background: #e5f5fc; border-color: #002b6e; } .top-frame #banner .search-form_submit { border-color: #002b6e; } .top-frame #banner .header-advanced-search-link { display: none; } .top-frame #banner nav ul.site-theme__navigation li a { padding: .93333em 1em calc(.625rem / 2) 1em; } .top-frame #banner nav ul.site-theme__navigation li a:hover, .top-frame #banner nav ul.site-theme__navigation li a:focus { background: #009ddd; color: white; } .top-frame #banner nav ul.site-theme__navigation li a:hover:after, .top-frame #banner nav ul.site-theme__navigation li a:focus:after { border-color: #80ceee; } .top-frame #banner nav ul.site-theme__navigation li a:after { content: ""; display: block; border-bottom: .625rem solid transparent; margin-top: .625rem; margin-left: -1rem; margin-right: -1rem; } .top-frame #banner nav ul.site-theme__navigation li:hover, .top-frame #banner nav ul.site-theme__navigation li:focus { background: #009ddd; } .top-frame #banner nav ul.site-theme__navigation li:hover a, .top-frame #banner nav ul.site-theme__navigation li:focus a { color: white; } .top-frame #banner nav ul.site-theme__navigation li:hover a:after, .top-frame #banner nav ul.site-theme__navigation li:focus a:after { border-color: #80ceee; } .top-frame #banner nav ul.site-theme__navigation li.selected { background: rgba(0,170,226,0.12); } .top-frame #banner nav ul.site-theme__navigation li.selected a { color: #002b6e; } .top-frame #banner nav ul.site-theme__navigation li.selected a:hover, .top-frame #banner nav ul.site-theme__navigation li.selected a:focus { color: white; } .top-frame #banner nav ul.site-theme__navigation li.selected a:after { border-color: #80ceee; } .top-frame #banner .mobile-menu-actions { top: 4.125rem; } .top-frame #banner .mobile-menu-actions a, .top-frame #banner .mobile-menu-actions button { color: #009ddd; font-size: 1.25rem; } .top-frame #banner .mobile-menu-actions a span:not([role]), .top-frame #banner .mobile-menu-actions button span:not([role]) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .top-frame .portlet-navigation .list-menu > ul { font-size: 1em; } .top-frame .portlet-navigation .list-menu > ul > li { border-bottom: 0; } .top-frame .portlet-navigation .list-menu > ul > li > a { padding-left: 0; padding-right: 0; } .top-frame .breadcrumb { margin-left: 0; } .top-frame .breadcrumb > li, .top-frame .breadcrumb > li.active, .top-frame .breadcrumb > li > a { color: #002b6e; } .top-frame #footer { display: grid; } .top-frame #footer .yja-site-template-settings-footer-portlet { position: relative; z-index: 1; overflow: hidden; } .footer-main-content .footer__content .col-md-4 { margin-bottom: 1.25rem; } .footer-main-content .footer__header { margin-bottom: 1.875rem; } .footer-main-content .footer__header > svg { width: 100%; height: 3.375rem; } .footer-main-content .footer__header > .footer__logo-text { display: none; } .yja-panel { margin-bottom: 2.50rem; } .yja-panel .yja-panel__header .yja-panel__heading { color: #009ddd; text-transform: uppercase; font-family: myriad-pro,sans-serif; } .yja-panel .yja-panel__image { margin-bottom: 1.25rem; } .yja-panel .yja-panel__content { display: grid; } .yja-panel .yja-panel__text p { font-size: 1.5rem; line-height: 1.2; color: #002b6e; } .yja-panel .yja-panel__buttons a { display: block; white-space: break-spaces; font-size: 1.5rem; line-height: 1.2; border: 1px solid #002b6e; color: #002b6e; padding: 0.33333em 1em; } .yja-panel .yja-panel__buttons a:after { content: ">"; margin-left: 1ch; } .yja-panel .yja-panel__buttons a:hover, .yja-panel .yja-panel__buttons a:focus { background: #009ddd; color: white; } .yja-panel.image--left .yja_img__wrapper { display: grid; grid-template-columns: 1fr 2fr 1fr; } .yja-panel.image--left .yja-panel__image { margin-left: auto; order: 2; } .yja-panel.image--left .yja-panel__content { order: 1; } .top-frame .yja-linklift .yja-linklift__container { list-style-type: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 1.25rem; row-gap: 1.25rem; } .top-frame .yja-linklift li { display: block; padding: 0 .625rem; } .top-frame .yja-linklift li > figure { display: block; width: 100%; margin-bottom: 1.25rem; } .top-frame .yja-linklift li > .yja-linklift__content { display: block; } .top-frame .yja-linklift li.linkify:hover .link--main { text-decoration: underline; } .top-frame .journal-display-page figure.image-caption { float: left; margin-right: 1.25rem; } .generic__list ul { list-style-type: none; padding: 0; margin: 0; display: grid; } .generic__list ul > li.generic__asset figure { margin-bottom: 1.25rem; } .top-frame #main-content div[role="main"] .portlet-body a, .top-frame #main-content .col-md-9 .portlet-body a { text-decoration: underline; } .top-frame #main-content div[role="main"] .portlet-body a:hover, .top-frame #main-content .col-md-9 .portlet-body a:hover, .top-frame #main-content div[role="main"] .portlet-body a:focus, .top-frame #main-content .col-md-9 .portlet-body a:focus { text-decoration: none; } .top-frame .subscribe-action { position: relative; display: none; } .top-frame .subscribe-action .btn { color: white; margin-left: auto; } .top-frame .portlet-title-text { white-space: normal; padding: .75em 0 .75em 0; } .top-frame ul.lfr-pagination-buttons.pager { padding: 20px; } .top-frame .juicer-feed .j-paginate { background-color: #009ddd; color: #fff; border: none; border-radius: 0; } .top-frame .juicer-feed .j-paginate:hover { background: #002b6e; } .top-frame .btn.btn-primary.btn-small.external-link { margin-bottom: 10px; padding: 0.667em 0.667em; } .top-frame .portlet-blogs .blog__image--cover img { margin: 1em 0 1em 0; } .top-frame .portlet-blogs .meta { margin-bottom: 1em; } .top-frame .yja-accordion-toggle .yja-accordion-toggle--button { color: #fff; background-color: transparent; border: none; } .top-frame .yja-panel__buttons { display: flex; align-items: center; } .top-frame .published.row-fluid { line-height: 2em; } .top-frame span.ministries.date { width: 100%; float: left; } .top-frame span.ministries.date .yja-category-group .contributor { margin-right: 5px; } .top-frame span.ministries.date .yja-category-group .contributor:after { content: ", "; } .top-frame .ministries span:last-child::after { content: "" !important; } .top-frame figcaption { margin-bottom: .625em; } .top-frame .portlet__title--centered .meta { display: none; } .top-frame .portlet__style--valto .feed-item .feed-item__heading, .top-frame .valto-entries .feed-item .feed-item__heading, .top-frame .document-list .feed-item .feed-item__heading { color: #001c41; font-size: 1.167rem; margin: 0 0 .625rem 0; } .top-frame .portlet__style--valto .feed-item .meta, .top-frame .valto-entries .feed-item .meta, .top-frame .document-list .feed-item .meta { font-size: .817rem; color: #4e4e4e; } .top-frame .valto-portlet .valto-entries a { color: #001c41; } .top-frame .valto-portlet .valto-entries a:hover, .top-frame .valto-portlet .valto-entries a:focus { color: #002b6e; text-decoration: underline; } .portlet-boundary_fi_yja_sms_login_portlet_SmsLoginPortlet_ { min-height: 400px; max-width: 75vw; width: 100%; margin: 0 auto; background: white; padding: 1.25rem; position: relative; z-index: 10; } .top-frame .carousel-wrapper ul > li { padding-left: .563rem; } .top-frame .carousel-wrapper ul > li > a { display: block; padding-right: .563rem; border-right: 1px solid #ddd; } .top-frame .carousel-wrapper ul > li > a .description { color: #001c41; max-width: 100%; font-size: 1.037rem; } .top-frame .carousel-wrapper ul > li h3 { border-right: 0; padding-right: 0; margin: 0 0 .625rem 0; width: 100%; } .top-frame .carousel-wrapper ul > li h3 > img { margin-bottom: 0.63rem !important; } .top-frame .carousel-wrapper ul > li:last-child > a { border-right: 0; } .document-list .attachment:after { display: inline-block; margin-left: .625rem; content: '(' attr(data-extension) ', ' attr(data-size) ')'; } .top-frame .carousel li:not(.selected) > button { cursor: pointer; } .top-frame.safari body .mm-page .defer-image { height: auto !important; } .top-frame.safari .footer__header { display: block; width: 100%; margin-left: -80px; } .top-frame #main-content .portlet-body .journal-content-article p a { text-decoration: underline; } .top-frame .site .btn.btn-primary, .top-frame .site .btn.search-form_submit { background-color: #0072b3; color: #fff; } @media (max-width: 1499.99px) { .top-frame body .mm-page:after { left: -40px; } .top-frame body #footer:before { left: -60px; } } @media (max-width: 1479.99px) { .top-frame body .mm-page:after { display: none; } .top-frame body #footer:before { display: none; } } @media (max-width: 1270px) { body.homepage #main-content #column-1 > .portlet-column-content > .portlet-asset-publisher .portlet, body.homepage #main-content .wrapper--content .portlet { padding-left: 1.25rem; padding-right: 1.25rem; } } @media (min-width: 1271px) { body.homepage #main-content .portlet-content-wrapped .portlet-column-last > div { max-width: 555px; } } @media (min-width: 768px) { body.homepage #main-content picture img.lazyloaded { width: 100%; } .top-frame .row { justify-content: space-between; } .top-frame .row .col { padding-left: 0px; } .top-frame .row .col-md-4 { max-width: 28.89%; } .top-frame #footer { height: 17.625rem; } .yja-panel .yja-panel__content { margin-left: calc(5rem / 1.5); grid-template-columns: 50% 50%; column-gap: 1.25rem; } .generic__list ul { grid-template-columns: repeat(3, 1fr); column-gap: calc(2 * 1.25rem); } .generic__list.news-columns--two ul { grid-template-columns: repeat(2, 1fr); column-gap: calc(2 * 1.25rem); } .top-frame .top-locale-actions.locale-actions { margin-right: 90px; } } @media (max-width: 650px) { body.homepage #main-content figure.yja-panel__image { display: none; } .yja-panel .yja-panel__header .yja-panel__heading { font-size: 6.5vw; } } @media (max-width: 768px) { .top-frame .column-cols--two .columns-2 .portlet-column-first { display: none; } .top-frame .column-cols--two .columns-2 .portlet-column-last { flex: 0 0 100%; max-width: 100%; } .top-frame #banner .header-top-right-cell { margin-top: $gutter-md; } } @media (min-width: 768.1px) { .top-frame .column-cols--two .columns-2 .portlet-column-last { margin-left: auto; } .top-frame .column-cols--two .columns-2 .portlet-column-last { margin-left: auto; } .top-frame body:not(.homepage) div[role="main"] { padding-left: 40px; } .top-frame body:not(.homepage) #column-3 { } .top-frame body:not(.homepage) #column-3 .column-border-right { border-right: 1px solid #002b6e; margin-right: 10px; } .top-frame body:not(.homepage) #column-3 .column-border-right .portlet-content.portlet-content-editable { padding-right: 20px; } .top-frame body:not(.homepage) #column-3 .column-border-bottom { border-bottom: 1px solid #002b6e; } .top-frame body:not(.homepage) #column-4 { margin-left: 0px; } .top-frame body:not(.homepage) #column-9 { border-right: 1px solid #002b6e; padding-right: 30px; } .footer-main-content .footer__content .row .col-md-8 .row { flex: 0 0 50%; justify-content: start; } .footer-main-content .footer__content .row .col-md-8 .row .col-md-4 { min-width: 210px; } .yja-panel .yja-panel__header .yja-panel__heading { width: 700px; } } @media (max-width: 420px) { .top-frame body:not(.homepage) #main-content { top: 80px; margin-bottom: 80px; } .yja-panel .yja-panel__text p { font-size: 6vw; } .yja-panel .yja-panel__buttons a { font-size: 6vw; } .yja-panel.image--left .yja_img__wrapper { display: none; } } @media (min-width: 1024.1px) { .footer-main-content .footer__content { max-width: 75%; } } @media (max-width: 768px) and (min-width: 500px) { .footer-main-content .footer__content > .row > { } .footer-main-content .footer__content > .row > .col-md-4, .footer-main-content .footer__content > .row > .col-md-8 { flex: 0 0 50%; } .footer-main-content .footer__content .row .col-md-8 { } .footer-main-content .footer__content .row .col-md-8 .col-md-4 { flex: 0 0 100%; } } @media (max-width: 500px) { .footer-main-content .footer__header .footer__logo-text { display: block; } .footer-main-content .footer__header svg { display: none; } } @media (min-width: 1024px) { .yja-panel .yja-panel__header { margin-top: 4.375rem; margin-left: 5rem; max-width: 25rem; } .generic__list ul { column-gap: calc(4 * 1.25rem); } } @media (max-width: 767.99px) { .yja-panel .yja-panel__content { margin-left: $gutter-md; grid-template-columns: 100%; column-gap: 0; row-gap: 1.25rem; } } @media (max-width: 1024px) { .yja-panel.image--default { margin-top: 50px; } } @media (max-width: 970px) { .yja-panel.image--left .yja_img__wrapper { grid-template-columns: 20% 60% 20%; } } @media (max-width: 643px) { .yja-panel.image--left .yja_img__wrapper { grid-template-columns: 1fr 8fr 1fr !important; } } @media (max-width: 900px) { .top-frame .yja-linklift .yja-linklift__container { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .top-frame .yja-linklift .yja-linklift__container { grid-template-columns: 1fr; } .portlet-boundary_fi_yja_sms_login_portlet_SmsLoginPortlet_ { min-height: auto; max-width: 100%; } } @media (max-width: 767.999px) { .generic__list ul { grid-template-columns: 1fr; row-gap: $gutter-md; } .generic__list ul li.generic__asset.news--item { margin-bottom: 20px; } } @media (min-width: 1280px) { .top-frame.safari .footer__header { margin-left: -80px; } } @media (max-width: 1279.999px) { .top-frame.safari .footer__header { margin-left: -17px; } } @media (max-width: 1023.999px) { .top-frame.safari .footer__header { margin-left: -10px; } } @media (max-width: 768.999px) { .top-frame.safari .footer__header { margin-left: -00px; } .top-frame.safari .footer__header svg { margin-left: 0; } }