.top-frame body { font-size: 1.063rem; color: #333; font-family: Helvetica,Arial,sans-serif; line-height: 1.65; } .top-frame a { color: #004077; } .top-frame a:hover, .top-frame a:focus { color: #00172b; } .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: #004077; 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: #004077; color: #fff; } .top-frame .btn.btn-default:hover { background: #a7358b; } .top-frame .btn.btn-primary, .top-frame .btn.search-form_submit { background-color: #004077; color: white; } .top-frame .btn.btn-primary:hover, .top-frame .btn.search-form_submit:hover { background-color: #00396b; } .top-frame .btn.search-form_submit { border-color: #004077; } .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 #333; } .top-frame .portlet-navigation .nav-menu ul a { color: #333; } .top-frame .portlet-navigation .nav-menu ul ul a { color: #383838; } .top-frame .portlet-navigation .nav-menu > ul > li { color: #383838; } .top-frame .events .event-highlight { font-size: 1.1em; border-top: solid 1px #004077; } .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 #004077; } .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: #004077; display: block; position: relative; } .top-frame .events.event-search-portlet .event-list-wrapper > .span12 > .span3 { background: #004077; } .top-frame .events.event-search-portlet .event-list-wrapper { border-color: #004077; } .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: #004077; 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 #004077; border-right: 1px solid #004077; border-left: 1px solid #004077; 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: #004077; } .top-frame #scrollToTop { color: #fff; background: #004077; } .top-frame #scrollToTop:hover { background: #00396b; } .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: #004077; color: white !important; } .top-frame #banner .language-version-selection-portlet .lang-nav ul { background: #004077; } .top-frame .media-item .small figure { float: left; margin-right: 1em; } .top-frame .media-item .dark-link { color: #333; } .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: #004077; } .top-frame .media-item .meta { margin-bottom: em(5px); color: #3d3d3d; font-size: .9em; } .top-frame .feed-item.simple .meta { color: #3d3d3d; font-size: .9em; } .top-frame .feed-item.simple h6 a { color: #333; } .top-frame ul.position-nav li.selected { background: #004077; } .top-frame ul.position-nav li.selected:hover { background-color: #004077; } .top-frame .carousel .description { font-family: Helvetica,Arial,sans-serif; font-weight: normal; } .panel.border-top-emphasis { border-top: solid 4px #004077; } .top-frame #banner { background-repeat: repeat; background-size: initial; background-position: center top; background-color: transparent; background-image: url('data:image/svg+xml,data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg"/%3E'); color: #fff; } .top-frame #banner a { color: #fff; } .top-frame #heading { height: auto; padding: 0; } .top-frame #heading .yja-site-template-settings-header-portlet { height: 100%; } .top-frame #heading .yja-site-template-settings-header-portlet .portlet-borderless-container, .top-frame #heading .yja-site-template-settings-header-portlet .portlet-body, .top-frame #heading .yja-site-template-settings-header-portlet .header-row { height: 100%; } .top-frame #heading .yja-site-template-settings-header-portlet .header-top-left-cell, .top-frame #heading .yja-site-template-settings-header-portlet .header-top-right-cell { align-self: 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: #004077; 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: #00396b; } .top-frame #banner nav a { color: #454545; } .top-frame #banner nav.fixed { background: transparent; } .top-frame #footer { background-image: url('data:image/svg+xml,data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg"/%3E'); background-repeat: repeat; background-size: initial; background-position: center top; background-color: #004077; color: #fff; } .top-frame #footer a { color: #fff; } .top-frame #footer .footer-bottom-bar { background-color: #545454; } .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: #004077; } .top-frame .homepage .layout-wrapper-wide *, .top-frame .homepage .layout-wrapper-wide .carousel-wrapper ul li h3 a .description { color: #454545; } .top-frame #main-content, .top-frame #footer .container-fluid, .top-frame #banner .main-nav, .top-frame .layout-wrapper, .top-frame .layout-wrapper-wide-container { max-width: 1140px; } .mobile-menu-actions { right: 0; } .mobile-menu-actions a.menu-icon { background: #fff; color: #333; } .mobile-menu-actions a { color: #004077; } .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: #00172b; } .mm-menu { border-color: #004077; } .mm-menu a { color: white; } .mm-menu a:hover, .mm-menu a:focus { color: white; } .top-frame body { font-family: "Lato",sans-serif; } .top-frame a:focus:not(.yui3-calendarnav-nextmonth):not(.yui3-calendarnav-prevmonth), .top-frame button:focus { border: 0; outline: 2px dotted currentColor; } .top-frame h1, .top-frame .h1, .top-frame h2, .top-frame .h2, .top-frame h3, .top-frame .h3, .top-frame h4, .top-frame .h4, .top-frame h5, .top-frame .h5, .top-frame h6, .top-frame .h6 { font-family: "Lato",sans-serif; font-weight: 700; font-style: normal; line-height: 1.3; color: #004077; overflow-wrap: break-word; hyphens: auto; } .top-frame h3, .top-frame .h3, .top-frame h4, .top-frame .h4, .top-frame h5, .top-frame .h5, .top-frame h6, .top-frame .h6 { margin: 1.2em 0 .5em 0; } .top-frame h1, .top-frame .h1 { margin: 0 0 .7em 0; font-size: 2.313rem; font-weight: 400; } .top-frame h2, .top-frame .h2 { font-size: 2.063rem; margin: 1em 0 .5em 0; } .top-frame h3, .top-frame .h3 { font-size: 1.688rem; } .top-frame h4, .top-frame .h4 { font-size: 1.313rem; } .top-frame h5, .top-frame .h5 { font-size: 1.188rem; } .top-frame h6, .top-frame .h6 { font-size: .625rem; } .top-frame .btn.btn-primary { border: 1px solid #a7358b; color: #a7358b; transition: all,.15s; background: transparent; text-transform: uppercase; padding: 2 1.875rem; font-weight: 700; font-size: 1.063rem; } .top-frame .btn.btn-primary:hover, .top-frame .btn.btn-primary:focus { background: #a7358b; color: white; text-decoration: none; } .top-frame .ingress { font-size: 1.125rem; font-weight: 700; line-height: 1.75; } .top-frame a.link__color--pink { color: #a7358b; } .top-frame .journal-content-article a { color: #a7358b; } .top-frame a.attachment { background-repeat: no-repeat; } .top-frame a.attachment span.attachment { display: inline-block; width: 1.25rem; height: 1.25rem; vertical-align: sub; color: #004077; background-repeat: no-repeat; } .top-frame a.attachment span.attachment.file { background-image: url("/documents/236553176/241729371/file.gif/c1c1d38c-f629-de37-6a96-33b3c69fde9e?t=1749631461494"); } .top-frame a.attachment span.attachment.pdf { background-image: url("/documents/236553176/241729371/pdf.gif/146b20d0-7f3d-f7f2-3211-16a4d43a0790?t=1749631461245"); } .top-frame a.attachment span.attachment.txt { background-image: url("/documents/236553176/241729371/txt.gif/83922704-f618-3a5b-278b-6d7efd270c51?t=1749631460984"); } .top-frame a.attachment span.attachment.jpg { background-image: url("/documents/236553176/241729371/jpg.gif/e4a560fb-345b-8015-d388-3930161566b1?t=1749631460740"); } .top-frame a.attachment span.attachment.gif { background-image: url("/documents/236553176/241729371/gif.gif/8633e2aa-bbed-7236-401b-4b732a2a487f?t=1749631460487"); } .top-frame a.attachment span.attachment.zip { background-image: url("/documents/236553176/241729371/zip.gif/2fa40a87-5bb6-848e-5146-efc438d7929b?t=1749631460229"); } .top-frame a.attachment span.attachment.word { background-image: url("/documents/236553176/241729371/word.gif/4e7eea3a-9a61-d1a1-b6e0-0a849805cfbc?t=1749631459963"); } .top-frame a.attachment span.attachment.powerpoint { background-image: url("/documents/236553176/241729371/powerpoint.gif/0b4ddf25-60c1-dd53-b40e-c76e27667120?t=1749631459691"); } .top-frame a.attachment span.attachment.excel { background-image: url("/documents/236553176/241729371/excel.gif/7a823ce3-7f31-4c6a-5828-6039c7512d00?t=1749631459416"); } .top-frame a.attachment span.attachment.rtl { background-image: url("/documents/236553176/241729371/rtf.gif/9e06c574-5449-feee-8bde-49b533b36fc6?t=1749631459099"); } .top-frame #content li, .top-frame #content a, .top-frame #content p, .top-frame #content blockquote, .top-frame #content th, .top-frame #content td, .top-frame #content button, .top-frame #content label, .top-frame #content fieldset { overflow-wrap: break-word; hyphens: auto; } .top-frame #content li.lfr-nav-item, .top-frame #content a.lfr-nav-item { hyphens: none; } .top-frame #content .hed-section.portlet-title-text { white-space: normal; } .top-frame picture > img[height], .top-frame .content-image[height] { margin-bottom: .625rem; } .top-frame #main-content .journal-content-article picture > img[height] { max-width: calc(100% - 1.25rem); margin: 0.75rem; height: auto; } .top-frame .content_image > .content_image_caption, .top-frame figure > figcaption { display: block !important; max-width: 100%; padding-left: .625rem; padding-right: .625rem; margin-bottom: 1rem; color: #737373; font-style: italic; text-align: center; clear: both; font-size: 1rem; } .top-frame #content, .top-frame #main-content { padding: 0; margin-bottom: 0; } .top-frame #main-content:not(.frontpage):not(.landingpage-layout-container) { padding-bottom: 2.5rem; } .top-frame body:not(.controls-visible) .frontpage > .layout-wrapper > .portlet-layout:has(#column-11>.empty):has(#column-12>.empty) { display: none; } .top-frame .frontpage.layout-wide > .layout-wrapper:first-of-type { max-width: 100%; } .top-frame .frontpage.layout-wide > .layout-wrapper:first-of-type > .portlet-layout:has(.portlet-asset-publisher) { background-color: #f6f5f3; } .top-frame .frontpage.layout-wide > .layout-wrapper:first-of-type > .portlet-layout:has(.portlet-asset-publisher) .portlet-column { max-width: 1140px; margin: 0 auto; } .top-frame .frontpage.layout-wide > .layout-wrapper:first-of-type .portlet:has(.cards) .portlet-header { padding-left: .938rem; } .top-frame .frontpage.layout-wide > .layout-wrapper:first-of-type .portlet:has(.cards) .portlet-header .hed-section { border-left: 3px solid #f7a660; padding-left: .938rem; font-weight: 400; } .top-frame .frontpage.layout-wide .layout-wrapper:last-of-type { display: none; } .top-frame #main-content.landingpage-layout-container { max-width: 100%; } .top-frame #main-content.landingpage-layout-container > .portlet-layout.row:first-of-type { background-color: #f6f5f3; } .top-frame #main-content.landingpage-layout-container > .portlet-layout.row:first-of-type:has(+.landingpage-layout) p:last-of-type { margin-bottom: 1.875rem; } .top-frame #main-content.landingpage-layout-container .portlet-breadcrumb { background-color: #f6f5f3; } .top-frame #main-content.landingpage-layout-container > .landingpage-layout { margin-top: 3.125rem; } .top-frame #main-content.landingpage-layout-container > .landingpage-layout > .portlet-layout.row:last-of-type { background-color: #f6f5f3; } .top-frame #main-content.landingpage-layout-container > .landingpage-layout > .portlet-layout.row:last-of-type:has(.lists) { padding-top: 3.125rem; padding-bottom: 3.125rem; } .top-frame #main-content.landingpage-layout-container > .landingpage-layout:has(.cards:not(.cards--random)) { position: relative; margin-top: 0; } .top-frame #main-content.landingpage-layout-container > .landingpage-layout:has(.cards:not(.cards--random)):before { content: ""; position: absolute; top: 0; height: 2.5rem; width: 100%; background-color: #f6f5f3; } .top-frame #main-content.landingpage-layout-container .portlet:not(:has(.hero)) { max-width: 1140px; margin: 0 auto; } .top-frame #main-content.columns-2 { padding-bottom: 1.875rem; } .top-frame #main-content.search-layout { max-width: 100%; } .top-frame #main-content.search-layout .portlet:not(:has(.hero)) { max-width: 1140px; margin: 0 auto; } .top-frame #main-content.search-layout .portlet:not(:has(.hero)) .portlet-content-container { padding-left: 1.25rem; padding-right: 1.25rem; } .top-frame #main-content.search-layout .portlet-breadcrumb { margin-bottom: 2.5rem; background-color: #f6f5f3; } .top-frame #main-content.search-layout .portlet-breadcrumb .portlet .portlet-content-container { padding-left: 0; padding-right: 0; } .top-frame #main-content.search-layout .portlet-breadcrumb nav { margin-left: 1.25rem; margin-right: 1.25rem; } .top-frame .asset-display-page { padding-bottom: 1.875rem; } .top-frame body.signed-in:not(.controls-visible) section.portlet .portlet-content-editable { border: 0; } #content .element__style--card { position: relative; box-shadow: 0 20px 50px 0 rgba(0,0,0,0.05); background: white; border-top: 3px solid #f7a660; border-radius: .188rem; padding: 1.875rem; } #content .element__style--card .element__heading { font-size: 1.688rem; line-height: 1.3; margin: 0 0 .75rem 0; } #content .element__style--card .element__heading > a { color: #004077; } #content .element__style--card .element__heading > a:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #content .element__style--card .card__icon { display: flex; width: 2.313rem; height: 2.313rem; background-color: #f7a660; justify-content: center; align-items: center; } #content .element__style--card .card__icon.card__icon--circle { border-radius: 50%; } #content .element__style--card .card__icon > svg { width: 1.75rem; height: 1.75rem; color: white; margin-top: 0; margin-left: .188rem; } .top-frame #banner { position: relative; border-bottom: 5px solid #5bc5f2; padding-bottom: .563rem; } .top-frame #banner:before, .top-frame #banner:after { content: ""; position: absolute; left: 0; width: 100%; height: 5px; } .top-frame #banner:before { bottom: 0; background: #004077; } .top-frame #banner::after { bottom: 5px; background: #f7a660; } .top-frame #banner .portlet-content-editable { border: 0; } .top-frame #banner .header-top-bar { background: #004077; } .top-frame #banner .header-top-bar .layout-wrapper-wide-container { display: flex; align-items: center; min-height: 45px; padding-left: 1.25rem; padding-right: 1.25rem; } .top-frame #banner .header-top-bar .header-top-bar-links-lang { display: flex; flex: 0 0 auto; margin-right: auto; } .top-frame #banner .header-top-bar .header-top-bar-links-lang ul#languageSelectionMenu { display: flex; gap: 1rem; padding: 0; } .top-frame #banner .header-top-bar .header-top-bar-links-lang ul#languageSelectionMenu > li { border: 0; padding-right: 0; margin-right: 0; } .top-frame #banner .header-top-bar .header-top-bar-links-lang ul#languageSelectionMenu > li > a { display: block; color: white; font-size: 1.063rem; transition: opacity .25s; line-height: 1.4; } .top-frame #banner .header-top-bar .header-top-bar-links-lang ul#languageSelectionMenu > li > a:hover, .top-frame #banner .header-top-bar .header-top-bar-links-lang ul#languageSelectionMenu > li > a:focus { opacity: .8; text-decoration: none; } .top-frame #banner .header-top-bar .header-top-bar-links-lang ul#languageSelectionMenu.fi > li.fi > a, .top-frame #banner .header-top-bar .header-top-bar-links-lang ul#languageSelectionMenu.sv > li.sv > a, .top-frame #banner .header-top-bar .header-top-bar-links-lang ul#languageSelectionMenu.en > li.en > a { border-bottom: 2px solid #f7a660; } .top-frame #banner .header-top-bar .header-top-bar-links-right { position: unset; display: flex; flex: 0 0 auto; margin-left: auto; } .top-frame #banner .header-top-bar .header-top-bar-links-right .header-links__list { list-style-type: none; margin-left: 0; margin-bottom: 0; display: flex; gap: 1.563rem; align-items: center; } .top-frame #banner .header-top-bar .header-top-bar-links-right .header-links__list > .header-links__item > a { align-items: center; display: flex; gap: 0.325rem; font-size: 1.063rem; color: white; transition: opacity .25s; line-height: 1.4; } .top-frame #banner .header-top-bar .header-top-bar-links-right .header-links__list > .header-links__item > a#forMedia > svg { width: .9em; height: .9em; } .top-frame #banner .header-top-bar .header-top-bar-links-right .header-links__list > .header-links__item > a:hover { opacity: .8; text-decoration: none; } .top-frame #banner .header-top-bar .header-top-bar-links-right .header-links__list > .header-links__item .link-icon--before .lexicon-icon { color: #f7a660; } .top-frame #banner .header-top-bar .header-top-bar-links-right .header-links__list > .header-links__item .yja-nav-toggler { align-items: center; display: flex; gap: 0.325rem; background: transparent; border: 0; padding: 0; margin: 0; color: white; } .top-frame #banner .layout-wrapper-wide-container .header-row { padding-left: .625rem; padding-right: .625rem; margin-top: 2.375rem; margin-bottom: 1.5rem; } .top-frame #banner nav.main-nav ul.site-theme__navigation { display: flex; align-items: center; } .top-frame #banner nav.main-nav ul.site-theme__navigation > li { border-right: 1px solid #f7a660; } .top-frame #banner nav.main-nav ul.site-theme__navigation > li:last-child { border-right: 0; } .top-frame #banner nav.main-nav ul.site-theme__navigation > li a { padding: 0; color: #004077; } .top-frame #banner nav.main-nav ul.site-theme__navigation > li a:hover { text-decoration: underline; color: #00172b; } .top-frame #banner nav.main-nav ul.site-theme__navigation > li.selected { background: transparent; } .top-frame #banner nav.main-nav ul.site-theme__navigation > li.selected > a { text-decoration: underline; text-decoration-color: #a7358b; transition: all,.3s; } .top-frame #banner nav.main-nav ul.site-theme__navigation > li.selected > a:hover { background: transparent; } .top-frame #banner .mobile-menu-actions { display: none !important; } .top-frame .portlet-navigation:has(.link-list--box) .portlet-title { text-align: center; font-weight: 400; } .top-frame #content nav.list-menu { margin-top: 1.875rem; } .top-frame #content nav.list-menu .list-menu__header { background-color: #004077; } .top-frame #content nav.list-menu .list-menu__header > p { padding: .938rem; margin: 0; } .top-frame #content nav.list-menu .list-menu__header > p > a { display: inline-block; font-size: 1.063rem; color: white; } .top-frame #content nav.list-menu li.lfr-nav-item, .top-frame #content nav.list-menu li.lfr-nav-item.hasChild { position: relative; background: #f6f5f3; border-bottom: 2px solid white; } .top-frame #content nav.list-menu li.lfr-nav-item:last-child, .top-frame #content nav.list-menu li.lfr-nav-item.hasChild:last-child { border-bottom: 0; } .top-frame #content nav.list-menu li.lfr-nav-item > a.lfr-nav-item, .top-frame #content nav.list-menu li.lfr-nav-item.hasChild > a.lfr-nav-item { background: transparent; font-size: 1.063rem; border-left: 3px solid #f6f5f3; padding: .3125rem .625rem !important; line-height: 1.65; color: #004077; margin-right: 1.563rem; } .top-frame #content nav.list-menu li.lfr-nav-item > button, .top-frame #content nav.list-menu li.lfr-nav-item.hasChild > button { color: #004077; } .top-frame #content nav.list-menu li.lfr-nav-item ul, .top-frame #content nav.list-menu li.lfr-nav-item.hasChild ul { border-top: 2px solid white; margin: 0 !important; padding: 0 !important; } .top-frame #content nav.list-menu li.lfr-nav-item ul > li.lfr-nav-item, .top-frame #content nav.list-menu li.lfr-nav-item.hasChild ul > li.lfr-nav-item, .top-frame #content nav.list-menu li.lfr-nav-item ul > li.lfr-nav-item.hasChild, .top-frame #content nav.list-menu li.lfr-nav-item.hasChild ul > li.lfr-nav-item.hasChild { background-color: #ebe9e4; margin-bottom: 1px; } .top-frame #content nav.list-menu li.lfr-nav-item ul > li.lfr-nav-item > a, .top-frame #content nav.list-menu li.lfr-nav-item.hasChild ul > li.lfr-nav-item > a, .top-frame #content nav.list-menu li.lfr-nav-item ul > li.lfr-nav-item.hasChild > a, .top-frame #content nav.list-menu li.lfr-nav-item.hasChild ul > li.lfr-nav-item.hasChild > a { padding: .3125rem .625rem !important; border-left: 3px solid #ebe9e4; } .top-frame #content nav.list-menu li.lfr-nav-item ul.level-2 > li > a, .top-frame #content nav.list-menu li.lfr-nav-item.hasChild ul.level-2 > li > a { font-size: .875rem; } .top-frame #content nav.list-menu li.lfr-nav-item ul.level-3 > li > a, .top-frame #content nav.list-menu li.lfr-nav-item.hasChild ul.level-3 > li > a, .top-frame #content nav.list-menu li.lfr-nav-item ul.level-4 > li > a, .top-frame #content nav.list-menu li.lfr-nav-item.hasChild ul.level-4 > li > a, .top-frame #content nav.list-menu li.lfr-nav-item ul.level-5 > li > a, .top-frame #content nav.list-menu li.lfr-nav-item.hasChild ul.level-5 > li > a { font-size: .75rem; } .top-frame #content nav.list-menu li.lfr-nav-item.selected > a.lfr-nav-item[aria-current="page"], .top-frame #content nav.list-menu li.lfr-nav-item.hasChild.selected > a.lfr-nav-item[aria-current="page"] { border-left-color: #a7358b; } .top-frame .landingpage-layout-container .portlet-nested-portlets:has(.list-menu) .col-md-4.portlet-column nav.list-menu { margin-top: -4.25rem; padding-left: .938rem; padding-right: .938rem; } .top-frame .landingpage-layout-container .portlet-nested-portlets:has(.list-menu) .col-md-4.portlet-column nav.list-menu p { margin-bottom: 0 !important; } .top-frame .landingpage-layout-container .portlet-nested-portlets:has(.list-menu) .col-md-4.portlet-column nav.list-menu ul li.lfr-nav-item.hasChild, .top-frame .landingpage-layout-container .portlet-nested-portlets:has(.list-menu) .col-md-4.portlet-column nav.list-menu ul li.lfr-nav-item { background: white; border-bottom-color: #f6f5f3; } .top-frame .landingpage-layout-container .portlet-nested-portlets:has(.list-menu) .col-md-4.portlet-column nav.list-menu ul li.lfr-nav-item.hasChild > a, .top-frame .landingpage-layout-container .portlet-nested-portlets:has(.list-menu) .col-md-4.portlet-column nav.list-menu ul li.lfr-nav-item > a { border-left-color: #f6f5f3; } .top-frame .link-list--box > ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; list-style-type: none; margin: 0; padding: 0; } .top-frame .link-list--box > ul > li { position: relative; box-shadow: 0 20px 50px 0 rgba(0,0,0,0.05); border: 0; display: flex; background-color: #fff; border-radius: .25rem; padding: 1.875rem; align-items: center; } .top-frame .link-list--box > ul > li.active { background-color: #f6f5f3; border-left: 3px solid #a7358b; } .top-frame .link-list--box > ul > li > a { font-size: 1.313rem; line-height: 1.3; font-weight: 700; } .top-frame .link-list--box > ul > li > svg { margin-left: auto; color: #f7a660; } .yja-mobile-navigation ul.mm-listview li { overflow-wrap: break-word; } .top-frame #footer { position: relative; border-top: 5px solid #f7a660; } .top-frame #footer:before { content: ""; position: absolute; left: 0; width: 100%; height: 5px; top: 0; background-color: #004077; } .top-frame #footer:after { content: ""; position: absolute; left: 0; top: 5px; width: 100%; height: 5px; background: #5bc5f2; } .top-frame #footer ul.footer-icons { display: flex; gap: 1.25rem; list-style-type: none; margin: 0; padding: 1.25rem; } .top-frame #footer h2 { font-size: 1.25rem; color: white; margin-top: 0; padding-top: 0; } .top-frame #footer img { max-width: 100%; } .top-frame #footer .footer-main-content > .row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; } .top-frame #footer .footer-main-content > .row > .col-md-3 { flex: 0 0 100%; max-width: 100%; width: auto; } .top-frame #footer .footer-main-content > .row > .col-md-3 ul { list-style-type: none; margin-left: 0; } .top-frame .journal-content-article .hero { margin-top: -1px; background-color: #f6f5f3; } .top-frame .journal-content-article .hero > .hero__container { min-height: 8rem; background-repeat: no-repeat; background-size: cover; background-position: right center; display: flex; } .top-frame .journal-content-article .hero .hero__lift, .top-frame .journal-content-article .hero .hero__container--image { max-width: 1140px; margin: 0 auto; } .top-frame .journal-content-article .hero .hero__lift { display: flex; width: 100%; } .top-frame .journal-content-article .hero .hero__lift:not(:has(.hero__link)) { align-items: flex-end; } .top-frame .journal-content-article .hero .hero__container--image { margin-top: -2.5rem; } .top-frame .journal-content-article .hero .hero__link { font-size: 1.688rem; margin-left: auto; font-weight: 400; } .top-frame .journal-content-article .hero .hero__link a { color: #004077; } .top-frame .cards { list-style-type: none; display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.875rem; margin-left: 0; } .top-frame .cards .card { border: none; margin: 0; background: transparent; } .top-frame .cards .card .card__title { margin-top: 0; margin-bottom: .313rem; font-size: 1.688rem; } .top-frame .cards .card .card__title > .card__link { color: #004077; } .top-frame .cards .card .card__title > .card__link:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .top-frame .cards .card .card__image { max-height: 300px; overflow: hidden; } .top-frame .cards .card .card__image img { width: 100%; aspect-ratio: 1.80; } .top-frame .cards .card .card__content { position: relative; background: #fff; border-top: 3px solid #f7a660; padding: 1.875rem; margin: -2.5rem .938rem 0 .938rem; box-shadow: 0 20px 50px 0 rgba(0,0,0,0.05); } .top-frame .cards .card .card__content .card__icon { display: flex; width: 2.313rem; height: 2.313rem; background-color: #f7a660; justify-content: center; align-items: center; } .top-frame .cards .card .card__content .card__icon.card__icon--circle { border-radius: 50%; } .top-frame .cards .card .card__content .card__icon > svg { width: 1.75rem; height: 1.75rem; color: white; margin-top: 0; margin-left: .188rem; } .top-frame .frontpage .layout-wrapper-wide:has(.cards) { background-image: url("/documents/236553176/236579581/lion-bg-large%402x.png/a40b99fd-17da-7be2-cba2-882b18615255?t=1749552792349"); background-size: 450px; background-position: right bottom; background-repeat: no-repeat; margin-bottom: 0; } .top-frame .frontpage .layout-wrapper-wide:has(.cards) .portlet-header { padding-left: .938rem; } .top-frame .frontpage .layout-wrapper-wide:has(.cards) .portlet-header .hed-section { color: white; border-left: 3px solid white; padding-left: .938rem; font-weight: 400; } .top-frame .frontpage .layout-wrapper-wide:has(.cards) .cards > .card .card__content { margin-top: 0; border-top-color: #5bc5f2; height: 100%; } .top-frame .frontpage .layout-wrapper-wide:has(.cards) .cards > .card .card__content > .card__icon { background-color: #004077; color: white; } .top-frame .frontpage .layout-wrapper-wide:has(.cards) .cards > .card .card__content > .card__icon svg > g > path { fill: white; } .top-frame .additional-links { border-top: 1px solid #004077; border-bottom: 1px solid #004077; } .top-frame .additional-links h2 { font-size: 1.313rem; } .top-frame .additional-links .additional-links__items { list-style-type: none; margin-left: 0; } .top-frame .additional-links .additional-links__items > li > a { display: flex; color: #a7358b; align-items: center; gap: .625rem; text-decoration: underline; } .top-frame .additional-links .additional-links__items > li > a:hover, .top-frame .additional-links .additional-links__items > li > a:focus { text-decoration: none; } .top-frame .additional-links .additional-links__items > li > a > span.attachment { display: none !important; } .top-frame .additional-links .additional-links__items > li > a > .additional-links__icon { display: flex; width: 17px; height: 17px; background-color: #a7358b; border-radius: 50%; justify-content: center; align-items: center; } .top-frame .additional-links .additional-links__items > li > a > .additional-links__icon > svg { margin: auto; fill: white; height: .75rem; } .top-frame .journal-content-article .yja-accordion > .yja-accordion-wrapper { border-radius: .313rem; border: 1px solid #004077; padding: .313rem; margin-bottom: .625rem; box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .top-frame .journal-content-article .yja-accordion > .yja-accordion-wrapper .yja-accordion-toggle { border: 0 !important; background: transparent !important; padding: 0 !important; margin: 0 !important; display: flex; } .top-frame .journal-content-article .yja-accordion > .yja-accordion-wrapper .yja-accordion-toggle button { text-align: left; font-size: 1.063rem !important; font-weight: 700; color: #004077 !important; order: 2; padding: 0 !important; background: transparent; border: 0; } .top-frame .journal-content-article .yja-accordion > .yja-accordion-wrapper .yja-accordion-toggle i { border-radius: .313rem; display: flex; color: white !important; background: #004077; order: 1; width: 2.5rem; height: 2.5rem; justify-content: center; align-items: center; cursor: pointer; font-size: 1.688rem; } .top-frame .journal-content-article .yja-accordion > .yja-accordion-wrapper .yja-accordion-toggle i:before { height: 2.5rem; width: 2.5rem; display: flex; align-items: center; justify-content: center; } .top-frame .journal-content-article .yja-accordion > .yja-accordion-wrapper .yja-accordion-toggle i.icon-chevron-down:before { content: "\f067"; } .top-frame .journal-content-article .yja-accordion > .yja-accordion-wrapper .yja-accordion-toggle i.icon-chevron-right:before { content: "\f068"; } .top-frame .journal-content-article .yja-accordion > .yja-accordion-wrapper > .yja-accordion-content { border: 0 !important; } .top-frame .journal-content-article .yja-accordion > .yja-accordion-wrapper > .yja-accordion-content h1, .top-frame .journal-content-article .yja-accordion > .yja-accordion-wrapper > .yja-accordion-content h2, .top-frame .journal-content-article .yja-accordion > .yja-accordion-wrapper > .yja-accordion-content h3, .top-frame .journal-content-article .yja-accordion > .yja-accordion-wrapper > .yja-accordion-content h4, .top-frame .journal-content-article .yja-accordion > .yja-accordion-wrapper > .yja-accordion-content h5, .top-frame .journal-content-article .yja-accordion > .yja-accordion-wrapper > .yja-accordion-content h6 { font-family: "Lato",sans-serif; font-weight: 700; font-style: normal; line-height: 1.3; color: #004077; } .top-frame .journal-content-article .toc ul { list-style-type: none; margin-left: 0; } .top-frame .journal-content-article .toc ul > li > a { display: inline-block; border-bottom: 1px solid rgba(167,53,139,0.5); padding: .313rem 0; color: #a7358b; text-decoration: underline; } .top-frame .journal-content-article .toc ul > li > a:hover { text-decoration: none; } .top-frame #main-content.columns-2 .col-md-4.portlet-column-last .journal-content-article { background-color: #f6f5f3; font-size: .875rem; padding: .938rem; } .top-frame #main-content.columns-2 .col-md-4.portlet-column-last .journal-content-article h1, .top-frame #main-content.columns-2 .col-md-4.portlet-column-last .journal-content-article h2, .top-frame #main-content.columns-2 .col-md-4.portlet-column-last .journal-content-article h3 { color: #000; } .top-frame #main-content.columns-2 .col-md-4.portlet-column-last .journal-content-article h2 { font-size: 1.313rem; } .top-frame #main-content.columns-2 .col-md-4.portlet-column-last .journal-content-article h3 { font-size: 1.188rem; } .top-frame .journal-display-page .newsingress.newsitemingress { display: none; } .top-frame .journal-display-page .journal-content-article nav.top-locale-actions { display: flex; justify-content: flex-end; } .top-frame .journal-display-page .journal-content-article nav.top-locale-actions a:first-child { padding-right: .4rem; } .top-frame .journal-display-page .journal-content-article .media-item .meta .published { flex-direction: inital; justify-content: flex-start; flex-flow: wrap; margin-bottom: 1.25rem; } .top-frame .journal-display-page .journal-content-article .media-item .meta .published .ministries { margin-bottom: .75rem; } .top-frame .journal-display-page .journal-content-article .media-item .meta .published .contributor:after { content: ', '; } .top-frame .journal-display-page .journal-content-article .media-item .meta .published .d-inline-block { margin-right: 1.25rem; } .top-frame .journal-display-page .journal-content-article figure.image-caption { float: left; margin-right: 1.25rem; } .top-frame #notice-ribbon { display: block; width: 100%; text-align: center; background-color: #a7358b; color: white; padding: .75rem 1.25rem; } .top-frame #notice-ribbon p, .top-frame #notice-ribbon h1, .top-frame #notice-ribbon h2, .top-frame #notice-ribbon h3, .top-frame #notice-ribbon h4, .top-frame #notice-ribbon h5 { margin-bottom: 0; } .top-frame #notice-ribbon p { font-size: 1.25rem; } .top-frame #notice-ribbon a { text-decoration: underline; } .top-frame #content .portlet-asset-publisher:has(.lists) .portlet-title, .top-frame #content .columns-2 .portlet-asset-publisher .portlet-title { text-align: center; font-size: 2.063rem; font-weight: 400; margin-top: 0; margin-bottom: 1rem; } .top-frame #content .lists ul { list-style-type: none; margin-left: 0; } .top-frame #content .lists.lists--headline ul.list li.list__item { display: flex; gap: 1.875rem; align-items: center; } .top-frame #content .lists.lists--headline ul.list li.list__item .item__date { color: #004077; width: 4.375rem; overflow-wrap: normal; } .top-frame #content .lists.lists--headline ul.list li.list__item .item__content { padding-left: 1.875rem; border-left: 1px solid #004077; } .top-frame #content .lists.lists--headline ul.list li.list__item .item__content .list__heading { font-size: 1.313rem; margin: 0; } .top-frame #content .lists.lists--headline ul.list li.list__item .item__content .list__heading > a { color: #a7358b; } .top-frame #content .lists.lists--headline ul.list li.list__item .item__content .item__meta .label { background: #a7358b; color: white; font-size: .875rem; border: 0; } .top-frame #content .lists.list--cards ul > li { position: relative; margin-bottom: 0.94rem; } .top-frame #content .lists.list--cards ul > li .meta { margin-bottom: .313rem; } .top-frame #content .lists.list--cards ul > li .card__title { font-size: 1.688rem; margin: 0 0 .313rem 0; } .top-frame #content .lists.list--cards ul > li .card__title .card__link:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .top-frame #content .lists.list--cards ul > li .card__icon { display: flex; margin-top: .625rem; width: 2.313rem; height: 2.313rem; background-color: #f7a660; justify-content: center; align-items: center; } .top-frame #content .lists.list--cards ul > li .card__icon.card__icon--circle { border-radius: 50%; } .top-frame #content .lists.list--cards ul > li .card__icon > svg { width: 1.75rem; height: 1.75rem; color: white; margin-top: 0; margin-left: .188rem; } .top-frame #content .lists.lists--columns { margin-top: 1.885rem; } .top-frame #content .lists.lists--columns .list__item { position: relative; padding-top: 1.875rem; padding-bottom: 1.875rem; margin-bottom: 1.25rem; } .top-frame #content .lists.lists--columns .list__image { top: 0; position: relative; background-size: cover; background-position: center center; width: 100%; height: 150px; } .top-frame #content .lists.lists--columns .item__meta { display: flex; gap: 1.25rem; } .top-frame #content .lists.lists--columns .item__meta .item__meta--columnist { font-style: italic; } .top-frame #content .lists.lists--columns .list__body { flex: 0 0 100; max-width: 100%; } .top-frame #content .lists.lists--columns .list__body .list__heading { font-size: 1.688rem; line-height: 1.3; } .top-frame #content .lists.lists--columns .list__body .list__heading > a { color: #004077; } .top-frame #content .lists.lists--columns .list__body .list__heading > a:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .top-frame #content .lists.lists--box li { margin-bottom: 1.25rem; } .top-frame #content .yja-blog-asset-listing { list-style-type: none; margin: 0; padding: 0; } .top-frame #content .yja-blog-asset-listing > li { position: relative; } .top-frame #content .yja-blog-asset-listing > li a, .top-frame #content .yja-blog-asset-listing > li a > .h4 { color: #a7358b; } .top-frame #content .yja-blog-asset-listing > li a.yja-blog-asset-link, .top-frame #content .yja-blog-asset-listing > li a > .h4.yja-blog-asset-link { display: block; } .top-frame #content .yja-blog-asset-listing > li a.yja-blog-asset-link:before, .top-frame #content .yja-blog-asset-listing > li a > .h4.yja-blog-asset-link:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .top-frame #content .yja-blog-asset-listing > li .title { font-size: 1.688rem; line-height: 1.3; margin-top: 0; } .top-frame #content .yja-blog-asset-listing > li .metadata { color: #555454; } .top-frame .fessWrapper { padding-left: 1.25rem !important; padding-right: 1.25rem !important; } .top-frame .fessWrapper h1 { display: none; } .top-frame .breadcrumb { margin-left: 0; padding-top: .938rem; } .top-frame .breadcrumb > li { font-size: .875rem; text-transform: uppercase; font-weight: 700; } .top-frame .breadcrumb > li > a { font-size: .875rem; color: #a7358b; } .top-frame .breadcrumb li[aria-current="page"] { color: #333; } .top-frame .headline-text-center .portlet-header { text-align: center; } .top-frame .headline-text-center .portlet-header .portlet-title { font-weight: 400 !important; } .top-frame .web-content-listing-portlet .col { display: block; position: relative; flex: 0 0 100%; } .top-frame .web-content-listing-portlet h1.hed-section { font-size: 2.313rem; margin-bottom: 1.625rem; } .top-frame .web-content-listing-portlet .lfr-nav { margin-left: 0; margin-bottom: 1.875rem; gap: .625rem; } .top-frame .web-content-listing-portlet .lfr-nav li.nav-item .nav-link { border: 1px solid #a7358b; color: #a7358b; transition: all,.15s; background: transparent; text-transform: uppercase; padding: 2 1.875rem; font-weight: 700; font-size: 1.063rem; } .top-frame .web-content-listing-portlet .lfr-nav li.nav-item .nav-link:hover, .top-frame .web-content-listing-portlet .lfr-nav li.nav-item .nav-link:focus { background: #a7358b; color: white; text-decoration: none; } .top-frame .web-content-listing-portlet .lfr-nav li.nav-item.active .nav-link { background: #a7358b; color: white; text-decoration: none; } .top-frame .web-content-listing-portlet .page-item .page-link { border-color: #a7358b; } .top-frame .web-content-listing-portlet .page-item.active .page-link { background-color: #a7358b; } .top-frame .valto-portlet { margin-bottom: 3.125rem; } .top-frame .valto-portlet hr { display: none; } .top-frame .valto-portlet form { margin-bottom: 1.875rem; margin-left: 1.25rem; margin-right: 1.25rem; } .top-frame .valto-portlet .valto-pagination select { margin-left: 1.25rem; box-shadow: none; background: white; border: 0; padding: .375rem .75rem; outline-offset: 2px; } .top-frame .valto-portlet .valto-pagination select:not(:focus) { outline: 1px solid #a7358b; outline-offset: 2px; } .top-frame .valto-portlet .valto-pagination select:focus { outline: 2px dotted currentColor; } .top-frame .link-list--cards { display: grid; grid-template-columns: repeat(3, calc((100% - (2 * 1.875rem)) / 3)); gap: 1.875rem; list-style-type: none; margin-left: 0; } .top-frame .link-list--cards > .link-card { position: relative; box-shadow: 0 20px 50px 0 rgba(0,0,0,0.05); background: white; border-top: 3px solid #f7a660; border-radius: .188rem; padding: 1.875rem; } .top-frame .link-list--cards > .link-card > .link-card__header { display: flex; gap: .625rem; border-bottom: 2px solid #f0f0f0; padding-bottom: 0.94rem; margin-bottom: .313rem; } .top-frame .link-list--cards > .link-card > .link-card__header > figure { max-width: 90px; } .top-frame .link-list--cards > .link-card > .link-card__header > figure > img { width: 100%; } .top-frame .link-list--cards > .link-card > .link-card__header > .link-card__meta { display: flex; flex-flow: column; } .top-frame .link-list--cards > .link-card > .link-card__header > .link-card__meta > .meta--type { font-size: .875rem; text-transform: uppercase; font-weight: 700; } .top-frame .link-list--cards > .link-card .link-card__body .link-card__lead { font-size: .938rem; } .top-frame .link-list--cards > .link-card .link-card__link--external { color: #a7358b; } .top-frame .datepicker-popover { z-index: 12 !important; } .top-frame .kohde-search-portlet .js-cardlisting-list .card { padding: .75rem; border-top-color: #f7a660; border-radius: 2px; box-shadow: 0 20px 50px 0 rgba(0,0,0,0.05); } .top-frame #start-date-picker, .top-frame #end-date-picker { box-sizing: border-box !important; } .top-frame .kohde-portlet .project__search__container { margin: 0; } .top-frame .feed-list--rss { margin: 2.5rem 0; } .top-frame .feed-list--rss > li.rss-entry { display: grid; grid-template-columns: 6rem 1fr; gap: 0.75rem; align-items: flex-start; padding-bottom: .75rem; margin-bottom: .75rem; } .top-frame .feed-list--rss > li.rss-entry:last-child { border-bottom: 0; } .top-frame .feed-list--rss > li.rss-entry > .publish-date { margin-top: 2px; } .top-frame .feed-list--rss > li.rss-entry > div > a { color: #a7358b; } .top-frame .feed-list--rss > li.rss-entry > div > .meta { display: block; } .top-frame #fragment-content .journal-display-page { margin-top: .938rem; } @media (max-width: 1180px) { .top-frame .frontpage.layout-wide > .layout-wrapper:first-of-type > .portlet-layout { padding-left: 1.25rem; padding-right: 1.25rem; } } @media (max-width: 1200px) { .top-frame #main-content.landingpage-layout-container > .portlet-layout.row:first-of-type { padding-left: 1.25rem; padding-right: 1.25rem; } .top-frame #main-content.landingpage-layout-container > .landingpage-layout { padding-left: 1.25rem; padding-right: 1.25rem; } .top-frame #main-content.landingpage-layout-container > .landingpage-layout > .portlet-layout.row:last-of-type { margin-left: -1.25rem; margin-right: -1.25rem; padding-left: 1.25rem; padding-right: 1.25rem; } .top-frame #main-content.search-layout > .portlet-layout.row:first-of-type .hero__container { padding-left: 1.25rem; padding-right: 1.25rem; margin-left: 0; margin-right: 0; } .top-frame .journal-content-article .hero > .hero__container { margin-left: -1.25rem; margin-right: -1.25rem; padding-left: 1.25rem; padding-right: 1.25rem; } } @media (min-width: 1200.0001px) { .top-frame #main-content.landingpage-layout-container > .portlet-layout.row:first-of-type .journal-content-article:not(:has(.hero)) { margin-left: 1.25rem; margin-right: 1.25rem; } .top-frame #main-content.landingpage-layout-container .portlet-breadcrumb nav { margin-left: 1.25rem; margin-right: 1.25rem; } } @media (max-width: 768px) { .top-frame #main-content.columns-2 { padding-left: 1.25rem; padding-right: 1.25rem; } .top-frame .asset-display-page { padding-left: 1.25rem; padding-right: 1.25rem; } .top-frame #banner .layout-wrapper-wide-container .header-row .header-top-left-cell { display: flex; justify-content: center; } .top-frame #banner .layout-wrapper-wide-container .header-row .logo { padding: 0; margin: 1.25rem 0; } .top-frame .link-list--box > ul { grid-template-columns: repeat(2, 1fr); } .top-frame .cards { grid-template-columns: 1fr; } } @media (min-width: 768px) { .top-frame #main-content.columns-2 > .portlet-layout .col-md-8, .top-frame #main-content.columns-2 > .portlet-layout .col-md-4 { padding-right: .938rem; padding-left: .938rem; } .top-frame #main-content.columns-2 > .portlet-layout .col-md-8 { flex: 0 0 65%; max-width: 65%; } .top-frame #main-content.columns-2 > .portlet-layout .col-md-4 { flex: 0 0 35%; max-width: 35%; margin-left: 0; } .top-frame .asset-display-page .col-md-8, .top-frame .asset-display-page .col-md-4 { padding-right: .938rem; padding-left: .938rem; } .top-frame .asset-display-page .col-md-8 { flex: 0 0 65%; max-width: 65%; } .top-frame .asset-display-page .col-md-4 { flex: 0 0 35%; max-width: 35%; margin-left: 0; } .top-frame .kohde-search-portlet .js-cardlisting-list { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; } } @media (min-width: 1025px) { .top-frame #main-content.columns-2 > .portlet-layout .col-md-8 { flex: 0 0 75%; max-width: 75%; } .top-frame #main-content.columns-2 > .portlet-layout .col-md-4 { flex: 0 0 25%; max-width: 25%; margin-left: 0; } .top-frame .asset-display-page .col-md-8 { flex: 0 0 75%; max-width: 75%; } .top-frame .asset-display-page .col-md-4 { flex: 0 0 25%; max-width: 25%; margin-left: 0; } } @media (max-width: 979px) { .top-frame #content { padding: 0em; } .top-frame #banner .layout-wrapper-wide-container .header-row { padding-top: 0; padding-bottom: 0; margin: 0; } } @media (max-width: 650px) { .top-frame #banner .header-top-bar .header-top-bar-links-right .header-links__list { gap: .625rem; } } @media (max-width: 950px) { .top-frame #banner nav.main-nav ul.site-theme__navigation { justify-content: center; } } @media (max-width: 767px) { .top-frame .portlet-navigation:has(.link-list--box) { display: block; } } @media (min-width: 992px) { .top-frame .landingpage-layout-container .portlet-nested-portlets:has(.list-menu) .col-md-8.portlet-column { flex: 0 0 calc(75% - 2.5641%); max-width: calc(75% - 2.5641%); } .top-frame .landingpage-layout-container .portlet-nested-portlets:has(.list-menu) .col-md-4.portlet-column { flex: 0 0 25%; max-width: 25%; } .top-frame #content .lists.lists--columns .list__item .list__image { left: 0; right: auto; } .top-frame #content .lists.lists--columns .list__item .list__body { justify-self: flex-end; } .top-frame #content .lists.lists--columns .list__item:nth-child(even) .list__image { left: auto; right: 0; } .top-frame #content .lists.lists--columns .list__item:nth-child(even) .list__body { justify-self: flex-start; } .top-frame #content .lists.lists--columns .list__image { position: absolute; height: 100%; width: 400px; } .top-frame #content .lists.lists--columns .list__body { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } } @media (max-width: 500px) { .top-frame .link-list--box > ul { grid-template-columns: 1fr; } } @media (max-width: 600px) { .top-frame #footer ul.footer-icons { justify-content: center; } .top-frame #footer .footer-main-content > .row { grid-template-columns: 1fr; } .top-frame #footer .footer-main-content > .row > .col-md-3 { display: flex; justify-content: center; text-align: center; } } @media (min-width: 600.0001px) and (max-width: 1024px) { .top-frame #footer .footer-main-content > .row { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1200.001px) { .top-frame .journal-content-article .hero .hero__lift { padding-left: 1.25rem; padding-right: 1.25rem; } } @media (max-width: 570px) { .top-frame .journal-content-article .hero:has(.title-two-lines) { } .top-frame .journal-content-article .hero:has(.title-two-lines) .hero__container--image { margin-top: -.75rem; } } @media (max-width: 980px) { .top-frame .link-list--cards { grid-template-columns: repeat(3, calc((100% - 1.875rem) / 2)); } } @media (max-width: 550px) { .top-frame .link-list--cards { grid-template-columns: 1fr; } }