.top-frame body { font-size: 100%; color: #000; font-family: 'Roboto',Arial,Helvetica,sans-serif; line-height: 1.4; } .top-frame a { color: #1f807f; } .top-frame a:hover, .top-frame a:focus { color: #436679; } .top-frame h1, .top-frame h2, .top-frame h3, .top-frame h4, .top-frame h5, .top-frame h6, .top-frame .heading1, .top-frame .heading2, .top-frame .heading3, .top-frame .heading4, .top-frame .heading5, .top-frame .heading6 { color: #000; font-weight: bold; font-style: normal; font-family: 'Roboto',Arial,Helvetica,sans-serif; display: block; margin: 10px 0; } .top-frame h1 a, .top-frame h2 a, .top-frame h3 a, .top-frame h4 a, .top-frame h5 a, .top-frame h6 a, .top-frame .heading1 a, .top-frame .heading2 a, .top-frame .heading3 a, .top-frame .heading4 a, .top-frame .heading5 a, .top-frame .heading6 a { color: inherit; } .top-frame input.search-query { border-radius: 0.25rem; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; } .top-frame .btn { border-radius: 0.25rem; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; } .top-frame .btn.btn-default { border: solid 1px #666; background: #577a8d; color: #fff; } .top-frame .btn.btn-default:hover { background: #4e6e7f; } .top-frame .btn.btn-primary, .top-frame .btn.search-form_submit { background-color: #577a8d; color: white; } .top-frame .btn.btn-primary:hover, .top-frame .btn.search-form_submit:hover { background-color: #4e6e7f; } .top-frame .btn.search-form_submit { border-color: #577a8d; } .top-frame .yja-category-group, .top-frame .yja-tag-group { display: inline; } .top-frame .label, .top-frame .yja-tag { text-transform: uppercase; -webkit-border-radius: 0.25rem; -moz-border-radius: 0.25rem; -ms-border-radius: 0.25rem; -o-border-radius: 0.25rem; border-radius: 0.25rem; } .top-frame .badge:not(.error-notice), .top-frame .label, .top-frame .yja-tag { border: 1px solid #000; } .top-frame .portlet-navigation .nav-menu ul a { color: #000; } .top-frame .portlet-navigation .nav-menu ul ul a { color: #000; } .top-frame .portlet-navigation .nav-menu > ul > li { color: #000; } .top-frame .events .event-highlight { font-size: 1.1em; border-top: solid 1px #577a8d; } .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 #577a8d; } .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: #1f807f; display: block; position: relative; } .top-frame .events.event-search-portlet .event-list-wrapper > .span12 > .span3 { background: #577a8d; } .top-frame .events.event-search-portlet .event-list-wrapper { border-color: #577a8d; } .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: #577a8d; 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 #577a8d; border-right: 1px solid #577a8d; border-left: 1px solid #577a8d; 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: #1f807f; } .top-frame #scrollToTop { color: #fff; background: #577a8d; } .top-frame #scrollToTop:hover { background: #4e6e7f; } .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: #577a8d; color: white !important; } .top-frame #banner .language-version-selection-portlet .lang-nav ul { background: #577a8d; } .top-frame .media-item .small figure { float: left; margin-right: 1em; } .top-frame .media-item .dark-link { color: #000; } .top-frame .media-item .dark-link:hover { text-decoration: none; } .top-frame .media-item h2 { margin-bottom: 0; } .top-frame .media-item h2 a { color: #000; } .top-frame .media-item .meta { margin-bottom: em(5px); color: #000; font-size: .9em; } .top-frame .feed-item.simple .meta { color: #000; font-size: .9em; } .top-frame .feed-item.simple h6 a { color: #000; } .top-frame ul.position-nav li.selected { background: #577a8d; } .top-frame ul.position-nav li.selected:hover { background-color: #577a8d; } .top-frame .carousel .description { font-family: 'Roboto',Arial,Helvetica,sans-serif; font-weight: normal; } .panel.border-top-emphasis { border-top: solid 4px #577a8d; } .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: #577a8d; 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: #4e6e7f; } .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: #e1e9ec; color: #000; } .top-frame #footer a { color: #000; } .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: #efefef; } .top-frame .homepage .layout-wrapper-wide *, .top-frame .homepage .layout-wrapper-wide .carousel-wrapper ul li h3 a .description { color: #fff; } .top-frame #main-content, .top-frame #footer .container-fluid, .top-frame #banner .main-nav, .top-frame .layout-wrapper, .top-frame .layout-wrapper-wide-container { max-width: 100%; } .mobile-menu-actions { right: 0; } .mobile-menu-actions a.menu-icon { background: #fff; color: #000; } .mobile-menu-actions a { color: #1f807f; } .mobile-menu-actions a.menu-icon { font-family: 'Roboto',Arial,Helvetica,sans-serif; } .mobile-menu-actions a:active, .mobile-menu-actions a:focus, .mobile-menu-actions a:hover { color: #436679; } .mm-menu { border-color: #577a8d; } .mm-menu a { color: white; } .mm-menu a:hover, .mm-menu a:focus { color: white; } @font-face { font-family: 'Roboto'; src: url("/o/common-ui-resources/fonts/roboto/Bold/Roboto-Bold.woff2?v=2.137?t=1662633808") format("woff2"),url("/o/common-ui-resources/fonts/roboto/Bold/Roboto-Bold.woff?v=2.137?t=1662633808") format("woff"); font-weight: 600; font-style: normal; } @font-face { font-family: 'Roboto'; src: url("/o/common-ui-resources/fonts/roboto/Medium/Roboto-Medium.woff2?v=2.137?t=1662633808") format("woff2"),url("/o/common-ui-resources/fonts/roboto/Medium/Roboto-Medium.woff?v=2.137?t=1662633808") format("woff"); font-weight: 500; font-style: normal; } @font-face { font-family: 'Roboto'; src: url("/o/common-ui-resources/fonts/roboto/Regular/Roboto-Regular.woff2?v=2.137?t=1662633808") format("woff2"),url("/o/common-ui-resources/fonts/roboto/Regular/Roboto-Regular.woff?v=2.137?t=1662633808") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Roboto'; src: url("/o/common-ui-resources/fonts/roboto/Light/Roboto-Light.woff2?v=2.137?t=1662633808") format("woff2"),url("/o/common-ui-resources/fonts/roboto/Light/Roboto-Light.woff?v=2.137?t=1662633808") format("woff"); font-weight: 300; font-style: normal; } @font-face { font-display: swap; font-family: 'Noto Sans'; font-style: normal; font-weight: 300; src: url('/documents/235872516/248782754/noto-sans-v42-latin_latin-ext-300.woff2/ede0a676-2837-bb24-904e-b1d519c0b9a1?t=1761636365370') format('woff2'); } @font-face { font-display: swap; font-family: 'Noto Sans'; font-style: normal; font-weight: 400; src: url('/documents/235872516/248782754/noto-sans-v42-latin_latin-ext-regular.woff2/4cd8b336-3438-7d5d-36ff-b59dbd58564a?t=1761636366560') format('woff2'); } @font-face { font-display: swap; font-family: 'Noto Sans'; font-style: italic; font-weight: 400; src: url('/documents/235872516/248782754/noto-sans-v42-latin_latin-ext-italic.woff2/1e789335-2cb1-2ac9-c844-f68a2d72de46?t=1761636366281') format('woff2'); } @font-face { font-display: swap; font-family: 'Noto Sans'; font-style: normal; font-weight: 500; src: url('/documents/235872516/248782754/noto-sans-v42-latin_latin-ext-500.woff2/91a6a665-1d35-d9ef-c317-5d39006a4b5f?t=1761636365690') format('woff2'); } @font-face { font-display: swap; font-family: 'Noto Sans'; font-style: normal; font-weight: 600; src: url('/documents/235872516/248782754/noto-sans-v42-latin_latin-ext-600.woff2/4f0c4e6f-f25a-1982-83f2-1ad6412e852a?t=1761636365978') format('woff2'); } html[lang="sms-FI"] body, html[lang="sms-FI"] h1, html[lang="sms-FI"] h2, html[lang="sms-FI"] h3, html[lang="sms-FI"] h4, html[lang="sms-FI"] h5, html[lang="sms-FI"] p, html[lang="sms-FI"] ul, html[lang="sms-FI"] ol { font-family: 'Noto Sans','Roboto',Arial,Helvetica,sans-serif; } html.top-frame { font-size: 1.125rem; } .top-frame body { line-height: 1.444; } .top-frame h1, .top-frame .h1 { font-size: 1.778rem; } .top-frame h2, .top-frame .h2 { font-size: 1.444rem; } .top-frame h3, .top-frame .h3 { font-size: 1.111rem; } .top-frame h4, .top-frame .h4 { font-size: 1rem; } .top-frame h1, .top-frame h2, .top-frame h3, .top-frame h4 { font-weight: 500; margin-bottom: 1.5rem; } .top-frame .h1, .top-frame .h2, .top-frame .h3, .top-frame .h4 { font-weight: 500; margin: 10px 0; } .top-frame .portlet-title-text { font-size: 1.444rem; white-space: normal; margin-bottom: 0.778rem; } .top-frame .lead { font-size: 26px; font-weight: 300; line-height: 1.25; margin-bottom: 36px; } .top-frame input { border-color: #577a8d; } .linkify:has(h2>a), .linkify:has(h3>a) { cursor: pointer; } .linkify:has(h2>a) h2 a, .linkify:has(h3>a) h2 a, .linkify:has(h2>a) h3 a, .linkify:has(h3>a) h3 a { text-decoration: none; } .linkify:hover h2 a, .linkify:focus-within h2 a, .linkify:hover h3 a, .linkify:focus-within h3 a { text-decoration: underline; color: #436679; } p, ul, ol { margin-bottom: 1.5rem; } p:has(+ul), p:has(+ol) { margin-bottom: .55rem; } .journal-content-article p:has(img) { margin-bottom: 1.5rem; } .journal-content-article a { text-decoration: underline; } .top-frame a:not([href]):not([tabindex]):hover, .top-frame a:not([href]):not([tabindex]):focus { color: inherit; cursor: auto; } a.btn { text-decoration: none; } .portlet-title-h1 .portlet-title-text { font-size: 1.778rem; } hr { border-color: rgba(92,127,146,0.5); margin-top: 1.25rem; margin-bottom: 1.75rem; } .oikeusasiamies-theme-green hr { border-color: #5bbbb7; } .top-frame #main-content:not(.layout-wide) { padding: 1em 0rem 10px; } #content:has(>.landingpage-layout-container), .landingpage-layout-container { padding: 0 !important; margin: 0 !important; } .top-frame #content { padding: 0; } #main-content.listing-layout { padding: 1em 0rem 10px; } #content:has(.listing-layout) { padding-left: 1rem; padding-right: 1rem; } #content > .portlet-layout.position-relative { margin-left: -1rem; margin-right: -1rem; } .layout-wrapper-wide-container { padding-left: 1rem !important; padding-right: 1rem !important; } .layout-wrapper-wide-container .header-row { padding: 0 !important; } div:has(>.footer-main-content) { padding-left: 1rem !important; padding-right: 1rem !important; } div:has(>.footer-main-content) .footer-main-content { padding-left: 0rem !important; padding-right: 0rem !important; } .layout-wrapper-wide-container .header-row, .main-nav > .a11y-nav, #footer .footer-main-content, #content > .listing-layout, #fragment-content, .search-layout, .columns-max { max-width: 1240px !important; margin: 0 auto !important; } .top-frame #main-content.search-layout { padding-left: 1rem; padding-right: 1rem; } .landingpage-layout-container .oikeusasiamies-arrow-container, .landingpage-layout-container .oikeusasiamies-arrows-container, .landingpage-layout-container .portlet-content-container, .landingpage-layout-container .portlet-title { width: 100%; max-width: 1240px; margin-left: auto; margin-right: auto; } section.portlet .portlet-content-editable { border: 0; } .landingpage-layout-container .oikeusasiamies-arrow-container { padding-left: 0.556rem; } .landingpage-layout-container .oikeusasiamies-arrows-container { padding-left: 0; } .oikeusasiamies-theme-green .oikeusasiamies-arrow-container .arrow-container-icon svg path { fill: #5bbbb7; } .oikeusasiamies-arrow-container .arrow-container-icon svg { margin-top: 3px; } .oikeusasiamies-arrow-container h2 { font-size: 1.444rem; line-height: 1.3; } .oikeusasiamies-arrow-container .arrow-container-content .btn { margin-right: 1rem; margin-bottom: 1rem; } .portlet:has(.portlet-title) .arrows-container h3, .portlet:has(.portlet-title) .arrows-container h4 { font-size: 1.444rem; line-height: 1.3; } .landingpage-layout-container .breadcrumb { padding-top: 0 !important; padding-bottom: 0 !important; } .landingpage-layout-container .portlet-column > .portlet-column-content > div:has(.journal-content-article) { padding: 3rem 1rem; } .landingpage-layout-container .portlet-column > .portlet-column-content > div:has(.yja-alert) { padding: 0; } .landingpage-layout-container .oikeusasiamies-wide-img, .landingpage-layout-container .portlet-boundary:has(.oikeusasiamies-hero), .landingpage-layout-container .portlet-asset-publisher:has(.yja-alert) { padding: 0 !important; } .landingpage-layout .portlet-asset-publisher { padding-top: 3.333rem !important; padding-bottom: 3.333rem; padding-left: 1rem; padding-right: 1rem; } .landingpage-layout .portlet-asset-publisher .feed-list { margin-bottom: .5rem; } .portlet-nested-portlets .portlet-column > .portlet-column-content > div { padding: 0 !important; } .portlet-nested-portlets .portlet-asset-publisher:has(+.portlet-journal-content) + .portlet-journal-content:has(.btn) { margin-top: 1.6667rem; } .portlet-nested-portlets + .portlet-nested-portlets { padding-top: 0 !important; } .portlet-nested-portlets .portlet-layout > .portlet-column:not(:last-of-type) { margin-bottom: 2rem; } .portlet-journal-content .portlet-header .portlet-title { text-align: center; max-width: 100%; text-align: center; margin-top: 0; font-size: 1.778rem; margin-bottom: 2.611rem; } .oikeusasiamies-arrows-container .journal-content-article { border: thin solid rgba(92,127,146,0.5); } .oikeusasiamies-arrows-container .oikeusasiamies-arrow-container { padding: 0 !important; } .oikeusasiamies-arrows-container.theme-red .journal-content-article { border: 0; } .landingpage-layout-container .oikeusasiamies-arrow-container.theme-red { padding-left: 0; } .landingpage-layout-container .portlet-content-container:has(picture>img) { max-width: unset; } .top-frame .journal-display-page { padding-top: 32px; } .top-frame .journal-display-page .breadcrumb-horizontal { padding-top: 0px; } .oikeusasiamies-grid:not(.oikeusasiamies-grid-no-padding) > section > .portlet-content { padding: 1rem; } #heading .header-top-bar { display: none; } #heading .header-row .header-top-left-cell .logo { max-width: 396px; } #heading .header-row .header-top-left-cell .logo img { height: 5rem; max-width: 100%; } .yja-mobile-navigation .nav-item__container { border-bottom: 1px solid rgba(92,127,146,0.5); } #yjaDropdownToggleLanguage { font-size: 0.889rem; } .mobile-menu-actions { top: 0rem; margin: 3px 0 0 0; } .mobile-menu-actions .mmenu-toggler { font-size: 1rem !important; height: 64px; width: 5rem; color: #577a8d; display: flex; flex-direction: column; justify-content: space-between; margin-top: 6px; row-gap: 4px; } .mobile-menu-actions .mmenu-toggler span { font-size: 0.889rem; margin-top: auto !important; } .mobile-menu-actions .mmenu-toggler:hover, .mobile-menu-actions .mmenu-toggler:focus { color: #577a8d; } .top-frame #banner nav ul { display: flex; flex-wrap: wrap; } .main-nav { max-width: none !important; background-color: #577a8d; } .main-nav > .a11y-nav .a11y-nav__item:hover, .main-nav > .a11y-nav .a11y-nav__item:focus-within, .main-nav > .a11y-nav .a11y-nav__item:has(>button[aria-expanded="true"]) { background-color: #436679; } .main-nav > .a11y-nav .a11y-nav__item:hover button .icon::before, .main-nav > .a11y-nav .a11y-nav__item:focus-within button .icon::before, .main-nav > .a11y-nav .a11y-nav__item:has(>button[aria-expanded="true"]) button .icon::before { background-color: #2f5265 !important; } .main-nav > .a11y-nav .a11y-nav__item:hover > a, .main-nav > .a11y-nav .a11y-nav__item:focus-within > a, .main-nav > .a11y-nav .a11y-nav__item:has(>button[aria-expanded="true"]) > a { background-color: transparent !important; } .main-nav > .a11y-nav .a11y-nav__item > a { padding-left: 1.444rem; } .main-nav > .a11y-nav .a11y-nav__item a { color: #fff !important; } .main-nav > .a11y-nav .a11y-nav__item.selected { background-color: #436679 !important; } .main-nav > .a11y-nav .a11y-nav__item.selected button .icon::before { background-color: #2f5265 !important; } .main-nav > .a11y-nav .a11y-nav__item.has-children > a { padding-right: 0.444rem !important; } .main-nav > .a11y-nav .a11y-nav__item.has-children button[aria-expanded="true"] .icon::before { transform: rotate(180deg); } .main-nav > .a11y-nav .a11y-nav__item.has-children button .icon::before { content: "\f078" !important; color: #fff; display: flex; justify-content: center; align-items: center; width: 1.333rem; height: 1.333rem; border-radius: 50%; background-color: #45687b; font-size: 0.667rem; } .main-nav > .a11y-nav .a11y-nav__item .a11y-nav__sub .a11y-navgroup { background-color: #577a8d; } .main-nav > .a11y-nav .a11y-nav__item .a11y-nav__sub .a11y-navgroup .a11y-nav__item a { width: 100%; } .oikeusasiamies-theme-green .search-form .btn.search-form_submit { background-color: #5bbbb7 !important; color: black !important; } #content .btn.btn-default { border: none; font-weight: 500; } .oikeusasiamies-theme-green #content .btn.btn-default { background: #5bbbb7; color: #000; } .oikeusasiamies-theme-green #content .btn.btn-default:hover, .oikeusasiamies-theme-green #content .btn.btn-default:focus { background: #76d6d2; } #content .btn.btn-default:focus-visible { outline: 2px solid black; outline-offset: 2px; box-shadow: 0 0 0 2px #fff; } #content .btn.btn-default.btn-small { font-size: 1em; } #content .journal-content-article p .btn.btn-primary { background: #5bbbb7; color: #000; padding: .66667em 1em; font-size: 1em; font-weight: 500; } #content .journal-content-article p .btn.btn-primary:hover, #content .journal-content-article p .btn.btn-primary:focus { background: #76d6d2; } .oikeusasiamies-theme-green #content .arrows-container .btn.btn-default { background: #577a8d; color: #fff; } .oikeusasiamies-theme-green #content .arrows-container .btn.btn-default:hover, .oikeusasiamies-theme-green #content .arrows-container .btn.btn-default:focus { background: #4e6e7f; } .se .footer-main-content:before, .sms .footer-main-content:before, .smn .footer-main-content:before { display: none; } .footer-main-content:before { display: block; content: ""; mask: url("/documents/235872516/239168967/EOA-tunnus-blue2-fi.svg") no-repeat left; -webkit-mask: url("/documents/235872516/239168967/EOA-tunnus-blue2-fi.svg") no-repeat left; mask-size: contain !important; -webkit-mask-size: contain !important; background-repeat: no-repeat; background-size: contain; height: 4rem; width: 100%; max-width: 16.667rem; margin-bottom: 0.778rem; background-color: #231f20; } .sv .footer-main-content:before { mask: url("/documents/235872516/239168967/EOA-tunnus-blue-sv.svg") no-repeat left; -webkit-mask: url("/documents/235872516/239168967/EOA-tunnus-blue-sv.svg") no-repeat left; } .en .footer-main-content:before { mask: url("/documents/235872516/239168967/EOA-tunnus-blue-en.svg") no-repeat left; -webkit-mask: url("/documents/235872516/239168967/EOA-tunnus-blue-en.svg") no-repeat left; } .footer-main-content > .row > div ul { margin-left: 0; } .footer-main-content > .row > div ul li { list-style: none; line-height: 2rem; } .footer-main-content > .row > div ul li:before { content: url("/documents/235872516/237848684/chevron_right_24dp.svg"); margin-top: 0.4rem; display: inline-block; vertical-align: middle; margin-right: 0.5rem; } .top-frame .breadcrumb li:before { padding: 0 25px; color: rgba(92,127,146,0.5); } .top-frame .breadcrumb { padding-top: 18px; padding-bottom: 28px; row-gap: .5rem; } .breadcrumb-horizontal { margin-left: 0 !important; margin-bottom: 0 !important; } .breadcrumb-horizontal li + li { display: flex; } .breadcrumb-horizontal li.active, .breadcrumb-horizontal li a { color: #000; } .breadcrumb-horizontal .first a { font-size: 0 !important; background-color: #1f807f; } .breadcrumb-horizontal .first a:hover, .breadcrumb-horizontal .first a:focus { background-color: #436679; } .breadcrumb-horizontal .first a:before { display: block; content: ""; mask: url("/documents/235872516/237848684/home_24dp.svg") no-repeat center; -webkit-mask: url("/documents/235872516/237848684/home_24dp.svg") no-repeat center; mask-size: contain !important; -webkit-mask-size: contain !important; background-repeat: no-repeat; background-size: contain; height: 100%; width: 1.4rem; margin-top: -0.1rem; background-color: #000; } .top-frame .portlet-navigation .list-menu > ul > li { border-bottom: 1px solid rgba(92,127,146,0.5); } #fragment-content .list-menu .layouts.level-1 > li { display: list-item; } .decisionSearchFilterForm { display: grid; column-gap: 2rem; margin-bottom: 1rem; } .decisionSearchFilterForm .decision-search-flex-content-fullwidth { grid-column-start: 1; grid-column-end: -1; } .decisionSearchFilterForm input, .decisionSearchFilterForm select { border: 1px solid rgba(92,127,146,0.5) !important; background-color: #fff !important; } .decisionSearchFilterForm .decisionSearchSubmit { margin-top: 1rem; } .decision-search-results .decision-search-results-total-count { display: none; } .decision-search-results #results { font-size: 1.444rem; } .decision-search-results .decision-search-results-list { list-style: none; margin-left: 0; margin-top: 1.5rem; } .decision-search-results .decision-search-results-list li { padding-bottom: calc(30px - 1rem); border-bottom: thin solid rgba(92,127,146,0.5); } .decision-search-results .decision-search-results-list li a { color: #000; font-weight: 500; } .decision-search-results .decision-search-results-list li a:hover, .decision-search-results .decision-search-results-list li a:focus-visible { color: #436679; } .decision-search-results .decision-search-results-list li .meta { display: flex; align-items: center; font-size: 0.8rem; margin-top: 0.5rem; } .decision-search-results .decision-search-results-list li .meta .label { display: none; } .decision-search-results .decision-search-results-list li .meta .dnumber { margin-left: auto; } .meta-information { margin-bottom: 2rem; } .meta-information .item { display: flex; flex-wrap: wrap; column-gap: 8px; padding: 6px 16px 6px 0; } .meta-information .item .key { min-width: 25%; font-weight: 500; } .oikeusasiamies-wide-img { padding: 0; } .oikeusasiamies-wide-img .journal-content-article h1 { font-weight: 300 !important; } .oikeusasiamies-wide-img .journal-content-article p { margin: 0 !important; } .oikeusasiamies-wide-img .journal-content-article img { width: 100%; height: 22rem; object-fit: cover; object-position: left; height: 21.222rem; } .oikeusasiamies-wide-img-overlay { padding-bottom: 1em !important; } .oikeusasiamies-wide-img-overlay div:has(>.journal-content-article) { margin-top: -15.5rem; } .oikeusasiamies-wide-img-overlay .journal-content-article { background-color: #e1e9ec; max-width: 800px; padding: 2rem; margin: 0 auto; border-radius: 4px; } .oikeusasiamies-wide-img-overlay .journal-content-article h1 { font-weight: 300 !important; max-width: 610px; margin: 0 auto 2.111rem; } .oikeusasiamies-wide-img-overlay .journal-content-article p { margin-bottom: 0.556rem; } .oikeusasiamies-nested-splitted .portlet-layout > .col-md-6:has(.portlet-journal-content) { display: flex; } .oikeusasiamies-nested-splitted .portlet-layout > .col-md-6:has(.portlet-journal-content) .portlet-dropzone { margin: auto 0; } .oikeusasiamies-nested-splitted { padding: 43px 1rem !important; background: linear-gradient(to right, #e1e9ec 0%, #e1e9ec 50%, #eff5f7 50%, #eff5f7 100%); } .oikeusasiamies-nested-splitted .portlet-title-text { margin-bottom: 0; } .oikeusasiamies-assetpublisher-grid .portlet-body { display: grid; } .top-frame .feed-list { margin-left: 0 !important; margin-bottom: 2rem; } .top-frame .feed-item { padding: 1.25rem 0; border-bottom: 1px solid rgba(92,127,146,0.5); } .top-frame .feed-item .diary-number { display: flex; column-gap: 10px; } .top-frame .feed-item__heading { display: block; color: #000; margin: 0 0 .556rem; font-size: 1rem !important; line-height: 1.3333; } .top-frame .feed-item__heading a { font-size: 1rem; } .top-frame .meta { font-size: .788rem !important; } .top-frame .meta .label { background: #e3e8eb; border-color: #cdd3da; } .top-frame .meta .yja-tag { border-color: #cdd3da; } .top-frame .feed-list .rss-entry a { margin: 0; } .top-frame .feed-list .rss-entry .meta { display: block; margin-top: .15rem; } .top-frame .feed-list .rss-entry { margin-bottom: 1rem; } .top-frame .subscribe-action { top: -1rem !important; } .landingpage-layout-container .portlet-nested-portlets .feed-list { display: block; } .landingpage-layout-container .feed-list { display: grid; grid-template-columns: 1fr; } .dropdown-overflow { right: 0; } .top-frame .portlet-navigation .list-menu ul li .toggleVisibility { padding: .5em .725em; top: 6px; } .top-frame .portlet-navigation .list-menu:has(.list-menu__header) { padding-bottom: 0; border-bottom: 1px solid rgba(92,127,146,0.5); } .top-frame .portlet-navigation .list-menu:has(.list-menu__header) * { font-size: 1.111rem !important; color: #000; } .top-frame .portlet-navigation .list-menu:has(.list-menu__header) .list-menu__header p { margin: 0.889rem 0 0 0; } .top-frame .portlet-navigation .list-menu:has(.list-menu__header) .list-menu__title a { padding: 20px 0; display: block; font-size: 1.333rem !important; border-bottom: 1px solid rgba(92,127,146,0.5); margin-bottom: 25px; } .top-frame .portlet-navigation .list-menu:has(.list-menu__header) a { font-weight: 400 !important; } .top-frame .portlet-navigation .list-menu:has(.list-menu__header) a.selected { font-weight: 600 !important; } .top-frame .portlet-navigation .list-menu:has(.list-menu__header) a:hover, .top-frame .portlet-navigation .list-menu:has(.list-menu__header) a:focus-visible { color: #436679; text-decoration: none; } .top-frame .portlet-navigation .list-menu:has(.list-menu__header) .selected { border: 0 !important; } .top-frame .portlet-navigation .list-menu:has(.list-menu__header) .selected > a { font-weight: 500; } .top-frame .portlet-navigation .list-menu:has(.list-menu__header) ul.layouts li { border: 0 !important; } .top-frame .portlet-navigation .list-menu:has(.list-menu__header) ul.layouts li.hasChild > a { padding-right: 2.33333em !important; } .top-frame .portlet-navigation .list-menu:has(.list-menu__header) ul.layouts a { padding: 12px 0 !important; line-height: 1.4; } .top-frame .portlet-navigation .list-menu:has(.list-menu__header) ul.layouts ul { padding-left: 22px !important; margin-top: 0; margin-bottom: 8px; } .top-frame .container-red { padding: 3rem 1rem 2rem !important; background: #f6d3cc; } .landingpage-layout > .portlet-layout.row { margin: 0 0 2rem 0; } .landingpage-layout > .portlet-layout.row:last-of-type { margin-bottom: 0; } .landingpage-layout > .portlet-layout.row:has(+.portlet-layout.row>.portlet-column>.empty) { margin-bottom: 0; } .top-frame .media-item h1:has(+.meta) { margin-bottom: .5rem; } .top-frame .media-item .icon-time { display: none; } .top-frame .media-item .meta { margin-bottom: 1.75rem; } .top-frame .media-item .meta .published { display: flex; align-items: baseline; flex-direction: row; gap: .5rem; } .top-frame .media-item .meta .ministries { display: none; } .top-frame .media-item .bottom-meta .yja-category-group { display: none; } .top-frame .media-item .meta + figure { width: unset !important; } .top-frame .media-item img.pull-left { max-width: unset !important; margin-bottom: 1rem; } .top-frame .media-item figcaption { font-size: 0.833rem; margin-bottom: 1.5rem; } .top-frame .media-item h1, .top-frame .media-item h2, .top-frame .media-item h3, .top-frame .media-item h4 { font-weight: 500; margin-bottom: 1.5rem; } .portlet-journal-content:has(.theme-red) { background-color: #f6d3cc; padding: 1.5rem 1rem !important; } .portlet-journal-content:has(.theme-red) .item { background: #fff; border-radius: 0.25rem; } .portlet-journal-content:has(.theme-red) .oikeusasiamies-arrow-container .arrow-container { background: #fff; border-radius: 0.25rem; padding: 1.667em; } .oikeusasiamies-arrows-container .oikeusasiamies-arrow-container .arrow-container { padding: 1.667em; } .oikeusasiamies-theme-green .listing-layout div[role="main"] .portlet-boundary:has(.oikeusasiamies-arrow-container) + .portlet-boundary:has(.oikeusasiamies-arrow-container) { border-top: 1px solid #5bbbb7; margin-top: 1.5rem; padding-top: 1.886rem; } .portlet-journal-content:has(.no-bg) { background: transparent; } .lfr-pagination-config { margin-bottom: 1rem; } .lfr-pagination-config .lfr-pagination-delta-selector { font-size: 80%; } .lfr-menu-list.dropdown-menu > li > a { font-size: 1rem; line-height: 1.5; } .top-frame .fessWrapper h1 { font-size: 1.778rem; margin-top: 3rem; } .top-frame .fessWrapper .btn-primary { border: 0; } .top-frame .fessWrapper .btn-primary:hover, .top-frame .fessWrapper .btn-primary:focus-visible { background-color: #577a8d; } .top-frame .fessWrapper button.searchButton.btn.btn-primary { margin: 0 !important; } .top-frame .fessWrapper #result .body cite { color: #1f807f !important; } .top-frame .fessWrapper #result .title { font-weight: 600; } .top-frame .fessWrapper #result .title a:hover, .top-frame .fessWrapper #result .title a:focus-visible { color: #436679; } .top-frame .fessWrapper .description { font-size: 0.833rem; } .top-frame .fessWrapper .pagination a { color: #436679 !important; } .top-frame .fessWrapper .pagination .active a { color: #fff; background-color: #436679; border-color: #436679; } .top-frame .fessWrapper .pagination .active a:hover, .top-frame .fessWrapper .pagination .active a:focus-visible { background-color: #577a8d; border-color: #577a8d; } .top-frame .a11y-navigation .a11y-nav__sub.dropdown-overflow { right: -2px; } .top-frame .selkokieli .a11y-navigation { display: none !important; } .top-frame .selkokieli .listing-layout > .row > div[role="main"] { max-width: 38rem; } .top-frame .selkokieli #heading .logo { display: flex; align-items: center; margin-top: .5rem; transition: opacity .1s ease-in-out; opacity: 0; } .top-frame .selkokieli #heading .logo img { height: 3.7rem !important; } .top-frame .selkokieli #heading .logo .custom-logo-text { line-height: 1.3; } .top-frame .selkokieli #heading .logo:hover .custom-logo-text, .top-frame .selkokieli #heading .logo:focus-visible .custom-logo-text { text-decoration: underline; } .top-frame .selkokieli #heading .custom-logo-text { color: #577a8d; margin-left: 1.5rem; } .top-frame .selkokieli .yja-mobile-navigation--open .list-title { z-index: 1; } .top-frame .selkokieli .yja-mobile-navigation--open .list-title:hover, .top-frame .selkokieli .yja-mobile-navigation--open .list-title:focus { color: #fff; } .top-frame .selkokieli .footer-main-content .col:nth-child(3) { display: none; } .page-wrapper a.yja-external-link:after, #footer a.yja-external-link:after { content: '\F08E'; font-family: 'fontawesome-alloy'; font-size: .875em; font-weight: 400; display: inline-block; text-decoration: none; margin: 0 0 0 4px; position: relative; top: -2px; } #footer a.yja-external-link:after { margin-left: 8px; } .related-content--manual { margin-top: 1.5rem; } .related-content--manual .title { font-size: 1.111rem; } .related-content--manual:before { content: ""; width: 108px; height: 4px; display: block; background: #b1bec7; margin-bottom: 1rem; border-radius: 2px; } .related-content--manual .links { margin-top: 2.056rem; } .related-content--manual .links ul { list-style: none; margin-left: 0; } .related-content--manual .links ul li { margin-bottom: 1rem; display: flex; flex-wrap: wrap; } .related-content--manual ul li a { text-decoration: none; display: inline-flex; gap: 1.444rem; align-items: center; color: #000; } .related-content--manual ul li a:hover, .related-content--manual ul li a:focus { text-decoration: underline; } .related-content--manual ul li a.yja-external-link:after { background-image: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.47937 16.75L0.25 15.5206L13.604 2.16666H5.5V0.416656H16.5833V11.5H14.8333V3.39603L1.47937 16.75Z" fill="black"/></svg>'); background-repeat: no-repeat; content: ""; top: 0; width: 1rem; height: 1rem; margin-left: -.5rem; } .related-content--manual ul li a:before { content: ""; width: 1.722rem; height: 1.722rem; display: block; background-size: cover; background-repeat: no-repeat; background-image: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path d="M24 31.2885L31.2885 24L24 16.7115L21.9115 18.8L25.6115 22.5H16.5V25.5H25.6115L21.9115 29.2L24 31.2885ZM24.0035 43C21.3755 43 18.9053 42.5013 16.593 41.504C14.2807 40.5067 12.2693 39.1532 10.559 37.4435C8.84867 35.7338 7.4945 33.7233 6.4965 31.412C5.49883 29.1007 5 26.6312 5 24.0035C5 21.3755 5.49867 18.9053 6.496 16.593C7.49333 14.2807 8.84683 12.2693 10.5565 10.559C12.2662 8.84867 14.2767 7.4945 16.588 6.4965C18.8993 5.49883 21.3688 5 23.9965 5C26.6245 5 29.0947 5.49867 31.407 6.496C33.7193 7.49333 35.7307 8.84683 37.441 10.5565C39.1513 12.2662 40.5055 14.2767 41.5035 16.588C42.5012 18.8993 43 21.3688 43 23.9965C43 26.6245 42.5013 29.0947 41.504 31.407C40.5067 33.7193 39.1532 35.7307 37.4435 37.441C35.7338 39.1513 33.7233 40.5055 31.412 41.5035C29.1007 42.5012 26.6312 43 24.0035 43ZM24 40C28.4667 40 32.25 38.45 35.35 35.35C38.45 32.25 40 28.4667 40 24C40 19.5333 38.45 15.75 35.35 12.65C32.25 9.55 28.4667 8 24 8C19.5333 8 15.75 9.55 12.65 12.65C9.55 15.75 8 19.5333 8 24C8 28.4667 9.55 32.25 12.65 35.35C15.75 38.45 19.5333 40 24 40Z" fill="%235C7F92"/></g></svg>'); } .portlet .asset-full-content:has(.yja-alert-normalalert) { margin-bottom: 0 !important; } .portlet-content-container:has(.yja-alert) { max-width: unset; background-color: #f4f4f4; } .yja-alert { display: flex; gap: 1rem; color: #293542; padding: 1rem; max-width: 1240px; margin: 0 auto; } .yja-alert .notice-icon { color: #436679; } .yja-alert .notice-icon svg { height: 1.5rem; width: 1.5rem; margin: 0; } .yja-alert .content-wrapper { padding-top: .15rem; font-size: .889rem; } .yja-alert .content-wrapper p { margin-bottom: 1rem; } .yja-alert .content-wrapper p:last-of-type { margin-bottom: 0; } .yja-alert .btn-close-alert { padding: 0; min-width: 36px; margin-left: auto; font-size: 1.25rem; color: #4d6578; margin-top: -3px; } .signed-in.controls-visible .single-button--negative-margin .portlet-content { margin-top: 0 !important; } .signed-in.controls-hidden .single-button--negative-margin .portlet-content, .signed-out .single-button--negative-margin .portlet-content { margin-top: -4.333em !important; } .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto { min-height: 0; } .controls-visible.signed-in .col, .controls-visible.signed-in .col-1, .controls-visible.signed-in .col-2, .controls-visible.signed-in .col-3, .controls-visible.signed-in .col-4, .controls-visible.signed-in .col-5, .controls-visible.signed-in .col-6, .controls-visible.signed-in .col-7, .controls-visible.signed-in .col-8, .controls-visible.signed-in .col-9, .controls-visible.signed-in .col-10, .controls-visible.signed-in .col-11, .controls-visible.signed-in .col-12, .controls-visible.signed-in .col-auto, .controls-visible.signed-in .col-xs, .controls-visible.signed-in .col-xs-1, .controls-visible.signed-in .col-xs-2, .controls-visible.signed-in .col-xs-3, .controls-visible.signed-in .col-xs-4, .controls-visible.signed-in .col-xs-5, .controls-visible.signed-in .col-xs-6, .controls-visible.signed-in .col-xs-7, .controls-visible.signed-in .col-xs-8, .controls-visible.signed-in .col-xs-9, .controls-visible.signed-in .col-xs-10, .controls-visible.signed-in .col-xs-11, .controls-visible.signed-in .col-xs-12, .controls-visible.signed-in .col-xs-auto, .controls-visible.signed-in .col-sm, .controls-visible.signed-in .col-sm-1, .controls-visible.signed-in .col-sm-2, .controls-visible.signed-in .col-sm-3, .controls-visible.signed-in .col-sm-4, .controls-visible.signed-in .col-sm-5, .controls-visible.signed-in .col-sm-6, .controls-visible.signed-in .col-sm-7, .controls-visible.signed-in .col-sm-8, .controls-visible.signed-in .col-sm-9, .controls-visible.signed-in .col-sm-10, .controls-visible.signed-in .col-sm-11, .controls-visible.signed-in .col-sm-12, .controls-visible.signed-in .col-sm-auto, .controls-visible.signed-in .col-md, .controls-visible.signed-in .col-md-1, .controls-visible.signed-in .col-md-2, .controls-visible.signed-in .col-md-3, .controls-visible.signed-in .col-md-4, .controls-visible.signed-in .col-md-5, .controls-visible.signed-in .col-md-6, .controls-visible.signed-in .col-md-7, .controls-visible.signed-in .col-md-8, .controls-visible.signed-in .col-md-9, .controls-visible.signed-in .col-md-10, .controls-visible.signed-in .col-md-11, .controls-visible.signed-in .col-md-12, .controls-visible.signed-in .col-md-auto, .controls-visible.signed-in .col-lg, .controls-visible.signed-in .col-lg-1, .controls-visible.signed-in .col-lg-2, .controls-visible.signed-in .col-lg-3, .controls-visible.signed-in .col-lg-4, .controls-visible.signed-in .col-lg-5, .controls-visible.signed-in .col-lg-6, .controls-visible.signed-in .col-lg-7, .controls-visible.signed-in .col-lg-8, .controls-visible.signed-in .col-lg-9, .controls-visible.signed-in .col-lg-10, .controls-visible.signed-in .col-lg-11, .controls-visible.signed-in .col-lg-12, .controls-visible.signed-in .col-lg-auto, .controls-visible.signed-in .col-xl, .controls-visible.signed-in .col-xl-1, .controls-visible.signed-in .col-xl-2, .controls-visible.signed-in .col-xl-3, .controls-visible.signed-in .col-xl-4, .controls-visible.signed-in .col-xl-5, .controls-visible.signed-in .col-xl-6, .controls-visible.signed-in .col-xl-7, .controls-visible.signed-in .col-xl-8, .controls-visible.signed-in .col-xl-9, .controls-visible.signed-in .col-xl-10, .controls-visible.signed-in .col-xl-11, .controls-visible.signed-in .col-xl-12, .controls-visible.signed-in .col-xl-auto { min-height: 1px; } .top-frame .portlet-navigation:has(.box-navigation) { display: block !important; padding: 3rem 0rem; } .portlet-navigation:has(.box-navigation) .hed-section { text-align: center; max-width: 100%; text-align: center; margin-top: 0; font-size: 1.778rem; margin-bottom: 2.611rem; } .box-navigation { max-width: 1220px; margin: auto; } .box-navigation .item { border: thin solid rgba(92,127,146,0.5); border-radius: 0.25rem; } .box-navigation .container-title { margin-top: 0.333rem; margin-bottom: 0; font-size: 1.444rem !important; line-height: 1.3; font-weight: 500 !important; } .box-navigation .arrow-container { background: #fff; border-radius: 0.25rem; padding: 1.667em; display: flex; gap: 1rem; height: 100%; } .box-navigation .arrow-container .arrow-container-icon { width: 4rem; min-width: 4rem; } .box-navigation .arrow-container .main-container { display: flex; gap: 2rem; } .box-navigation .arrows-container { display: grid; margin: 0; gap: 1rem; grid-template-columns: repeat(2, 1fr); } .col-md-9 .box-navigation .arrows-container { grid-template-columns: repeat(1, 1fr); } #languageVersionLinkForm { overflow: auto; } .yja-toolbar { display: flex; justify-content: end; gap: 1rem; } .yja-toolbar .yja-search { display: flex; align-items: center; } .yja-toolbar .yja-search .yja-search-form .input-group { border-style: solid; border-color: #577a8d; border-width: 1px; border-radius: 0.25rem; } .yja-toolbar .yja-search .yja-search-form .input-group .search-query, .yja-toolbar .yja-search .yja-search-form .input-group #yjaSearchButtonToggler { background: transparent; border: none !important; } .yja-toolbar .yja-search .yja-search-form .input-group .search-query { margin-right: 0 !important; border-right: 0 !important; } .yja-toolbar .yja-search .yja-search-form .input-group #yjaSearchButtonToggler { color: #577a8d; } .yja-toolbar .yja-toolbar-separator { width: 1px; background-color: #577a8d; } .yja-toolbar .yja-links-container { margin-top: 3px; } .yja-toolbar .yja-links-container #yjaDropdownToggleLanguage { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0.5rem; height: 3.556rem; background: transparent; border: none; } .yja-toolbar .yja-links-container #yjaDropdownToggleLanguage .languages-text { color: #577a8d; white-space: nowrap; margin-top: auto; } .yja-toolbar .yja-links-container #languagesDropdown { position: absolute; z-index: 2; background: white; box-shadow: 0 2px 15px 5px rgba(0,0,0,0.1); width: 15rem; text-align: left; color: #000; z-index: 10; } .yja-toolbar .yja-links-container #languagesDropdown .dropdown-info, .yja-toolbar .yja-links-container #languagesDropdown .yja-dropdown__list { padding: 0.625rem 1.25rem; margin: 0 !important; } .yja-toolbar .yja-links-container #languagesDropdown .dropdown-info { color: #454545; } .yja-toolbar .yja-links-container #languagesDropdown .yja-dropdown__list { display: flex; flex-direction: column; gap: 0.5rem; list-style-type: none; margin-left: 0; } .yja-toolbar .yja-links-container #languagesDropdown .yja-dropdown__list li a { color: #000; } @media (min-width: 768px) { .top-frame .lead { margin-bottom: 48px; } .listing-layout .portlet-column.col-md-3 { flex: 0 0 33%; max-width: 33%; } .listing-layout .portlet-column.col-md-3+ .col-md-9 { flex: 0 0 calc(67% - 3.35%); max-width: calc(67% - 3.35%); margin-left: 3.35%; } .top-frame .breadcrumb { padding-top: 34px; padding-bottom: 60px; } .top-frame .landingpage-layout-container .breadcrumb { padding-bottom: 34px; } .decisionSearchFilterForm { grid-template-columns: 1fr 1fr; } .signed-in .oikeusasiamies-nested-splitted .portlet-layout > .col-md-6:nth-child(even):before { top: -44px; bottom: -44px; } .oikeusasiamies-nested-splitted .portlet-layout > .col-md-6:nth-child(even):before { content: ''; background: #f0f5f7; width: 100%; position: absolute; top: -43px; bottom: -43px; left: 0; } .oikeusasiamies-nested-splitted .portlet-layout > .col-md-6:nth-child(odd) { padding-right: 23px; max-width: 40%; flex: 0 0 40%; } .oikeusasiamies-nested-splitted .portlet-layout > .col-md-6:nth-child(even) { padding-left: 45px; max-width: 60%; flex: 0 0 60%; } .oikeusasiamies-nested-splitted .portlet-layout > .col-md-6 { margin: 0; } .oikeusasiamies-assetpublisher-grid .portlet-body { grid-template-columns: repeat(1, 1fr 1fr); row-gap: 0; column-gap: 1rem; } .landingpage-layout-container .feed-list { grid-template-columns: 1fr 1fr; column-gap: 2rem; } .portlet-journal-content:has(.theme-red) { padding: 3.4rem 1rem !important; } .portlet-journal-content:has(.theme-red) .portlet-title { margin-top: -1rem; } .portlet-navigation:has(.box-navigation) .portlet-title { margin-top: -1rem; } } @media (max-width: 639px) { img[style*="float:right"], img[style*="float:left"] { float: none !important; display: block; margin-left: 0 !important; margin-bottom: 1rem; } .layout-wrapper-wide-container .header-row { padding: 13px 0 !important; } .oikeusasiamies-arrow-container .arrow-container-icon svg { margin-top: -1px; } #heading .header-row { display: flex !important; } #heading .layout-wrapper-wide-container { } #heading .layout-wrapper-wide-container .header-top-left-cell { max-width: 66px; } #heading .layout-wrapper-wide-container .header-top-left-cell .logo { overflow-x: hidden; max-width: 66px; } #heading .layout-wrapper-wide-container .header-top-left-cell .logo img { max-height: 45px; max-width: unset; } #heading .yja-toolbar { margin-right: 62px; margin-left: 8px; } #heading .header-row--mobile.yja-toolbar { justify-content: center; width: 100%; padding: 0.5rem 0 .75rem !important; } #heading .header-row--mobile.yja-toolbar .yja-search-form, #heading .header-row--mobile.yja-toolbar .yja-search { width: 100%; } .top-frame .breadcrumb { font-size: 0.889rem; padding-right: 0; } .top-frame .breadcrumb li:before { padding: 0 8px; } .portlet-journal-content:has(.theme-red) .oikeusasiamies-arrow-container .arrow-container { padding: 1.5rem 1rem; gap: .75rem; } .oikeusasiamies-arrows-container .oikeusasiamies-arrow-container .arrow-container { padding: 1rem .65rem; gap: .75rem; } .top-frame .selkokieli #heading .header-top-left-cell { max-width: unset; } .top-frame .selkokieli #heading .logo { overflow-x: unset; } .top-frame .selkokieli #heading .logo { max-width: unset !important; } .top-frame .selkokieli #heading .logo img { max-width: 100% !important; } .top-frame .selkokieli #heading .logo .custom-logo-text { font-size: 0.722rem; margin-left: 10px; } } @media (min-width: 640px) { img[style*="float:right"], img[style*="float:left"] { max-width: 50% !important; } .landingpage-layout-container .oikeusasiamies-arrow-container { padding-left: 1.667rem; } .decisionSearchFilterForm .decision-search-flex-content-fullwidth:has(input[id="dateStart"]) { grid-template-columns: 1fr 1fr; display: grid; column-gap: 2rem; } } @media (max-width: 460px) { .oikeusasiamies-arrow-container .arrow-container-icon { display: none; } } @media (max-width: 767px) { .portlet-journal-content .portlet-header .portlet-title { margin-top: 1rem; } #heading .has-mobile-menu-actions { max-width: 100%; } #heading .has-mobile-menu-actions .header-top-right-cell .yja-toolbar { margin-right: 0 !important; gap: .75rem; } #heading .has-mobile-menu-actions .header-top-right-cell .yja-search-form { margin-right: .5rem; } .yja-toolbar .mobile-menu-actions { position: relative; } .yja-toolbar .mobile-menu-actions button { margin-top: 0; overflow: unset; width: 3rem; height: 3.556rem; padding-left: 0; padding-right: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0.5rem; background: transparent; border: none; } .yja-toolbar .mobile-menu-actions button .icon-reorder { margin-top: 0 !important; } .oikeusasiamies-nested-splitted { padding: 0 !important; } .top-frame .portlet-nested-portlets .subscribe-action { right: 1rem; } .top-frame .selkokieli #heading .header-row:first-child { padding: 13px 0 !important; } .top-frame .selkokieli #heading .logo img { height: 3.222rem !important; } .top-frame .selkokieli #heading .logo .custom-logo-text { margin-left: 1.0rem; } } @media (min-width: 640px) and (max-width: 767px) { #heading { display: flex; flex-direction: column; justify-content: space-between; margin-top: 5px !important; } #heading .layout-wrapper-wide-container { margin-left: 0; } #heading .layout-wrapper-wide-container .header-row { display: flex; column-gap: 1rem; } #heading .layout-wrapper-wide-container .header-top-left-cell { max-width: 250px; } #heading .layout-wrapper-wide-container .header-top-left-cell .logo { max-width: unset; } .top-frame .selkokieli #heading .logo .custom-logo-text { font-size: 0.889rem; } } @media (min-width: 920px) { .footer-main-content > .row > div:first-child { max-width: calc(31.62393% - 3.5641%); } } @media (max-width: 767.98px) { .footer-main-content > .row > div { flex-basis: 100%; } .oikeusasiamies-nested-splitted { background: #eff5f7; } .oikeusasiamies-nested-splitted > .portlet > .portlet-content { padding: 0 !important; } .oikeusasiamies-nested-splitted .portlet-column-first, .oikeusasiamies-nested-splitted .portlet-column-last { } .oikeusasiamies-nested-splitted .portlet-column-first .portlet > .portlet-content, .oikeusasiamies-nested-splitted .portlet-column-last .portlet > .portlet-content { padding: 1rem; padding: 2rem 1rem; } .box-navigation .arrow-container .main-container { flex-direction: column; gap: 1rem; } .box-navigation .arrows-container { grid-template-columns: repeat(1, 1fr); } } @media (max-width: 680px) { .oikeusasiamies-wide-img .journal-content-article img { height: 15.556rem; } } @media (max-width: 679px) { .oikeusasiamies-wide-img-overlay { padding: 0 !important; } .oikeusasiamies-wide-img-overlay div:has(>.journal-content-article) { padding: 0 !important; margin: 0 !important; } } @media (max-width: 991px) { .lfr-pagination-config { float: none; } } @media (min-width: 992px) { .lfr-pagination-config + .search-results { display: inline-flex; align-items: center; min-height: 51px; } } @media (max-width: 480px) { .box-navigation .container-title { font-size: 1.333rem !important; } .box-navigation .arrow-container { padding: 0.889rem 0.667rem 1.222rem; gap: 0.667rem; } .box-navigation .arrow-container .arrow-container-icon { width: 2rem; min-width: 2rem; } .box-navigation .arrow-container .arrow-container-icon svg { width: 34px; height: 34px; margin-top: 0.333rem; } } @media (max-width: 479px) { .yja-toolbar .yja-links-container #languagesDropdown { margin-left: -8.45rem; } } @media (min-width: 480px) and (max-width: 1399.98px) { .yja-toolbar .yja-links-container #languagesDropdown { margin-left: -12rem; } }