.top-frame body { font-size: 100%; color: #000; font-family: Helvetica,Arial,sans-serif; line-height: 1.4; } .top-frame a { color: #003479; } .top-frame a:hover, .top-frame a:focus { color: #003479; } .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: #003479; font-weight: bold; font-style: normal; font-family: Helvetica,Arial,sans-serif; display: block; margin: 10px 0; } .top-frame h1 a, .top-frame h2 a, .top-frame h3 a, .top-frame h4 a, .top-frame h5 a, .top-frame h6 a, .top-frame .heading1 a, .top-frame .heading2 a, .top-frame .heading3 a, .top-frame .heading4 a, .top-frame .heading5 a, .top-frame .heading6 a { color: inherit; } .top-frame input.search-query { border-radius: 0.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 #003479; background: #003479; color: #fff; } .top-frame .btn.btn-default:hover { background: #69d8d7; } .top-frame .btn.btn-primary, .top-frame .btn.search-form_submit { background-color: #003479; color: white; } .top-frame .btn.btn-primary:hover, .top-frame .btn.search-form_submit:hover { background-color: #002f6d; } .top-frame .btn.search-form_submit { border-color: #003479; } .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 #003479; } .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 #003479; } .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: #003479; display: block; position: relative; } .top-frame .events.event-search-portlet .event-list-wrapper > .span12 > .span3 { background: #003479; } .top-frame .events.event-search-portlet .event-list-wrapper { border-color: #003479; } .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: #003479; 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 #003479; border-right: 1px solid #003479; border-left: 1px solid #003479; 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: #003479; } .top-frame #scrollToTop { color: #fff; background: #003479; } .top-frame #scrollToTop:hover { background: #002f6d; } .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: #003479; color: white !important; } .top-frame #banner .language-version-selection-portlet .lang-nav ul { background: #003479; } .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: #003479; } .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: #003479; } .top-frame ul.position-nav li.selected:hover { background-color: #003479; } .top-frame .carousel .description { font-family: Helvetica,Arial,sans-serif; font-weight: normal; } .panel.border-top-emphasis { border-top: solid 4px #003479; } .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: #fff; } .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: #003479; 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: #002f6d; } .top-frame #banner nav a { color: #fff; } .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: #003479; color: #fff; } .top-frame #footer a { color: #fff; } .top-frame #footer .footer-bottom-bar { background-color: #003479; } .top-frame body { background-color: #003479; 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: #003479; } .top-frame .homepage .layout-wrapper-wide *, .top-frame .homepage .layout-wrapper-wide .carousel-wrapper ul li h3 a .description { color: #003479; } .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: #003479; } .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: #003479; } .mm-menu { border-color: #003479; } .mm-menu a { color: white; } .mm-menu a:hover, .mm-menu a:focus { color: white; } @font-face { font-family: "Overpass"; src: url("/documents/16079645/16637274/overpass-regular.woff2/335e9dfb-b7da-2f77-dfab-812c39beeb69?t=1649751553392") format("woff2"),url("/documents/16079645/16637274/overpass-regular.woff/be7fc296-aacc-5633-7059-1acfba08f414?t=1649751553392") format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Overpass"; src: url("/documents/16079645/16637274/overpass-bold.woff2/dabf5a6f-ea7a-a417-d315-6d4d0e3288f2?t=1649751553392") format("woff2"),url("/documents/16079645/16637274/overpass-bold.woff/11d390f1-6f2e-3287-bedf-aef5b8bd8992?t=1649751553392") format("woff"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Overpass"; src: url("/documents/16079645/16637274/overpass-italic.woff2/ccd84340-6cbe-f087-aace-0c786766943a?t=1649751553392") format("woff2"),url("/documents/16079645/16637274/overpass-italic.woff/f72771c9-bedc-5f87-e7d2-accfd0ec5876?t=1649751553392") format("woff"); font-weight: 400; font-style: italic; font-display: swap; } .site-theme.top-frame { background-color: #003479; } .site-theme.top-frame .some__share--default > img { max-width: 100%; } .site-theme.top-frame body { font-family: 'Overpass',Arial,Helvetica,sans-serif; font-size: 1.1875rem; } .site-theme.top-frame body a:focus { outline: 1px dotted #003479; outline: 5px auto -webkit-focus-ring-color; text-decoration: underline !important; } .site-theme.top-frame body #content .portlet-column .portlet-content h1.hed-section.portlet-title { font-size: 2.375rem; font-family: 'Overpass',Arial,Helvetica,sans-serif; } .site-theme.top-frame body #content .portlet-column .portlet-content h2.hed-section.portlet-title { font-size: 1.5rem; font-family: 'Overpass',Arial,Helvetica,sans-serif; color: #000; } .site-theme.top-frame body #content .portlet-column .portlet-content h3.hed-section.portlet-title { font-size: 1.375rem; font-family: 'Overpass',Arial,Helvetica,sans-serif; color: #000; } .site-theme.top-frame #hrefFm { margin: 0; } .site-theme.top-frame #overlay { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: #003479; opacity: 15%; z-index: 4; cursor: pointer; } .lfr-add-panel .add-content-menu h1 { position: inherit !important; margin-top: 0 !important; display: inline-block !important; } .modal-content .modal-header h3 { position: inherit; margin-top: 0; display: inline-block; } .modal-content .modal-header h3:before { content: ""; display: none; } .signed-out .portlet-borderless-bar { display: none; } .site-theme.top-frame .article-form-edit a.btn { display: inline-block; padding: 4px 12px; margin-bottom: 0; font-size: 15px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333; background-color: #eaeaea; border: 1px solid #cfcfcf; text-transform: none; } .site-theme.top-frame .portlet-borderless-bar { font-family: Arial,Helvetica,sans-serif; } .site-theme.top-frame .portlet-asset-publisher .asset-full-content .lfr-meta-actions.asset-actions { float: none; } .site-theme.top-frame .portlet-dockbar { z-index: 10; } .site-theme.top-frame #menu .mm-panels .mm-panel, .site-theme.top-frame .mm-navbar { background-color: #595959 !important; } .site-theme.top-frame .mm-listview a.mm-btn:after, .site-theme.top-frame .mm-listview a.mm-btn:before, .site-theme.top-frame a.mm-btn_next:after, .site-theme.top-frame a.mm-btn_prev:before { border-color: #fff !important; } .site-theme.top-frame #content .portlet-boundary.hidden-body .portlet-content { min-height: auto; } .site-theme.top-frame #content .portlet-boundary.hidden-body .portlet-content .portlet-body { margin: 0 !important; } .site-theme.top-frame #content .portlet-boundary.hidden-body .portlet-content .portlet-body > * { display: none; } .site-theme.top-frame #content .portlet-boundary.hidden-body .portlet-content .portlet-body > .subscribe-action:first-child { display: block !important; } .site-theme.top-frame #content #main-content.column-1 #portlet_status { background-color: #fff; padding: 1rem 1.5rem; } .site-theme.top-frame #content #main-content.column-1 #portlet_status h3 { font-family: 'Overpass',Arial,Helvetica,sans-serif; font-weight: 400; } .site-theme.top-frame #content #main-content.column-1 #portlet_status small.muted { color: #3f4752; } .site-theme.top-frame .defer-image.is-loading:after { display: none; } .site-theme.top-frame #banner { position: relative; margin: 0 auto; padding: 2rem 0 1.5rem; width: 100%; max-width: 1440px; height: 6.75rem; } .site-theme.top-frame #banner a:focus { outline: 1px dotted #fff; } .site-theme.top-frame #banner #heading { width: 1440px; max-width: 100%; margin: 0 auto; padding: .75rem 0 0; } .site-theme.top-frame #banner #heading .yja-site-template-settings-header-portlet { max-height: 2.25rem; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar { margin-bottom: 0; background: #003479; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar.hasLangDrowpdown .layout-wrapper-wide-container { max-width: 1440px; padding: 0; text-align: right; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar.hasLangDrowpdown .layout-wrapper-wide-container .header-top-bar-links-lang ul.lang-nav { position: relative; z-index: 4; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar.hasLangDrowpdown .layout-wrapper-wide-container .header-top-bar-links-lang ul.lang-nav a:focus { outline: 1px dotted #3f4752; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar.hasLangDrowpdown .layout-wrapper-wide-container .header-top-bar-links-lang ul.lang-nav li.lang-text a { padding: .375rem .75rem; padding-top: 4px; padding-bottom: 8px; background-color: #fff; color: #003479 !important; border-radius: .25rem; font-weight: 600; line-height: 20px; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar.hasLangDrowpdown .layout-wrapper-wide-container .header-top-bar-links-lang ul.lang-nav li.lang-text a:after { content: "\f078"; font-size: .75rem; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar.hasLangDrowpdown .layout-wrapper-wide-container .header-top-bar-links-lang ul.lang-nav li.lang-text > ul { padding: .125rem 0; background-color: #fff; box-shadow: 0 .25rem .5rem rgba(128,128,128,0.375); } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar.hasLangDrowpdown .layout-wrapper-wide-container .header-top-bar-links-lang ul.lang-nav li.lang-text > ul li { padding: 0; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar.hasLangDrowpdown .layout-wrapper-wide-container .header-top-bar-links-lang ul.lang-nav li.lang-text > ul li a { background-color: transparent; border-radius: 0; font-weight: 400; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar.hasLangDrowpdown .layout-wrapper-wide-container .header-top-bar-links-lang ul.lang-nav li.lang-text > ul li a:after { content: none; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar.hasLangDrowpdown .layout-wrapper-wide-container .header-top-bar-links-lang ul.lang-nav li.lang-text > ul li a a:focus { outline: 1px dotted #003479; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar.hasLangDrowpdown .layout-wrapper-wide-container .header-top-bar-links-right div { display: none; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar.hasLangDrowpdown .layout-wrapper-wide-container button#search-toggler { position: relative; width: 3rem; height: 2rem; margin-left: 1rem; font-size: 1.5rem; background-color: transparent; border-style: none; border-width: 0; border-color: transparent; color: #fff; z-index: 5; overflow: visible; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar.hasLangDrowpdown .layout-wrapper-wide-container button#search-toggler:before { position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; line-height: 1.2; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar.hasLangDrowpdown .layout-wrapper-wide-container button#search-toggler:focus { outline: 1px dotted #fff; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar.hasLangDrowpdown .layout-wrapper-wide-container button#search-toggler span { display: inline-block; text-indent: -9999rem; overflow: hidden; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar.hasLangDrowpdown .layout-wrapper-wide-container button#search-toggler .tooltip { font-family: 'Overpass',Arial,Helvetica,sans-serif; font-size: 1.125rem; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row { background-color: transparent; display: block; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div[class*="span"] { display: block; background-color: transparent; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-7 { display: none; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-7 a.logo { position: relative; padding: 0; overflow: hidden; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-7 a.logo img { max-height: 3.125rem; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-7 #service-mobile-search, .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-7 #service-mobile-search > span { display: none; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.search-visible-container { display: flex; flex-grow: 1; margin-left: -10vw; margin-right: -10vw; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.search-visible { display: flex; flex-direction: row; justify-content: center; height: auto; opacity: 1; z-index: 5; background-color: #003479; margin-top: 1.4rem; padding: 0rem 10rem; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.search-visible .search-form { display: flex; width: 100%; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.search-visible .btn.search-form_submit { color: #003479; background-color: #69d8d7; margin-left: 2rem; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.search-visible .header-top-right-area { flex-direction: row; justify-content: space-evenly; align-items: stretch; width: 100%; margin-bottom: 2.66667em; margin-top: 2.66667em; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.search-visible .header-top-right-area a { display: none; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.search-visible .header-top-right-area input[type="search"] { max-width: unset; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.search-visible .close-search { width: 10rem; margin-right: 2rem; margin-left: 2rem; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.search-visible .input-group { flex-direction: row; justify-content: space-evenly; align-items: stretch; width: 100%; margin: 0 2rem; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 { position: absolute; display: none; top: 2.5rem; right: 0; width: 20rem; flex: 0 0 20rem; max-width: 20rem; height: 0px; z-index: 4; opacity: 0; transition: 0.1s linear opacity; border-radius: .25rem; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5.search-visible { display: block; height: auto; opacity: 1; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 .header-top-right-area { margin: 0; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 form.search-form { position: relative; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 form input.search-query { margin: 0; padding: .6125rem 2.5rem .6125rem 1.25rem; background-color: #fff; color: #000; border-color: #ddd; border-radius: 1.5rem; font-family: 'Overpass',Arial,Helvetica,sans-serif; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 form .btn { position: absolute; top: 0; right: .5rem; width: 2.5rem; height: 2.5rem; padding: 0; border: none; color: #003479; background-color: transparent; border-radius: 1rem; box-shadow: none; overflow: hidden; text-indent: 3rem; z-index: 2; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 form:after { content: '\f002'; position: absolute; display: block; top: .125rem; right: .5rem; width: 2.5rem; height: 2.5rem; padding: .375rem; color: #003479; text-align: center; text-transform: none; font-size: 1.5rem; font-family: 'fontawesome-alloy'; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 a.header-advanced-search-link { display: none !important; margin-right: 7.5rem; } .site-theme.top-frame #banner #heading > h1 { position: absolute; top: 2rem; left: 0; margin: 0; height: 3.125rem; width: 22.25rem; z-index: 3; } .site-theme.top-frame #banner #heading > h1 a { display: block; width: 100%; height: 100%; padding: 0; } .site-theme.top-frame #banner #heading > h1 a:focus { outline: 1px dotted #fff; outline-offset: -1px; } .site-theme.top-frame #banner #heading > h1 a > img { max-width: 100%; } #content #navigation__substitute { display: none !important; } .site-theme.top-frame #banner > nav { position: absolute; width: 100%; max-width: calc(1440px - 8.5rem); top: 0; left: 0; z-index: 2; } .site-theme.top-frame #banner > nav.main-nav { margin: 2rem auto 0; } .site-theme.top-frame #banner > nav ul { position: relative; margin: 0; padding: 0; display: flex; flex-flow: row nowrap; justify-content: flex-end; align-content: stretch; z-index: 2; } .site-theme.top-frame #banner > nav ul > li { flex: 0 1 auto; display: flex; flex-flow: row nowrap; padding: 0; font-size: 1.125rem; } .site-theme.top-frame #banner > nav ul > li#layout_000 { position: absolute; top: 0; left: 0; height: 3.125rem; width: 22.25rem; overflow: hidden; text-indent: -9999rem; background-size: 22.25rem 3.125rem; background-repeat: no-repeat; } .site-theme.top-frame #banner > nav ul > li#layout_000 a { width: 100%; } .site-theme.top-frame #banner > nav ul > li#layout_000 a:focus { outline: 1px dotted #fff; outline-offset: -1px; } .site-theme.top-frame #banner > nav ul > li a { display: inline-block; padding: 1rem; font-weight: 400; line-height: 1.17647; text-align: center; white-space: nowrap; z-index: 1; } .site-theme.top-frame #banner > nav ul > li a.hasChildren { padding-right: 0; } .site-theme.top-frame #banner > nav ul > li a span { display: inline-block; padding: .5rem 0; padding-top: 5px; padding-bottom: 11px; text-decoration: none; line-height: 1.11115; } .site-theme.top-frame #banner > nav ul > li a:hover span { text-decoration: underline; } .site-theme.top-frame #banner > nav ul > li .toggleVisibility { position: relative; display: inline-block; width: 2rem; height: 100%; margin: 0 0 0 .25rem; padding: 0 1rem 0 .25rem; text-align: center; border: none; color: #fff; background-color: transparent; z-index: 2; } .site-theme.top-frame #banner > nav ul > li .toggleVisibility:before { display: block; top: 50%; margin-top: .25rem; font-size: .75rem; } .site-theme.top-frame #banner > nav ul > li .toggleVisibility:focus { outline: 1px dotted #fff; } .site-theme.top-frame #banner > nav ul > li.selected a span { color: #003479; background-color: #69d8d7; padding: 0.38rem 1rem; border-radius: 0.25rem; } .site-theme.top-frame #banner > nav ul > li.selected a:hover { background-color: transparent; } .site-theme.top-frame #banner > nav ul > li.selected ul li a span { color: #000; border-bottom: none; } .site-theme.top-frame #banner > nav ul > li.selected ul li.selected { background-color: #fff; } .site-theme.top-frame #banner > nav ul > li.selected ul li.selected > a span { color: #000; font-weight: 700; } .site-theme.top-frame #banner > nav ul > li.selected ul li.selected ul li.selected { background-color: transparent; } .site-theme.top-frame #banner > nav ul > li:last-child { border-right: none; } .site-theme.top-frame #banner > nav ul > li ul { display: none; position: absolute; top: 3.125rem; right: 0; margin: 0; width: 17.75rem; background-color: #fff; border-width: 0 1px 0 0; border-style: solid; border-color: #003479; z-index: 3; transition: right 150ms linear,opacity 150ms linear; box-shadow: 0 .25rem .5rem -.1875rem rgba(128,128,128,0.375); } .site-theme.top-frame #banner > nav ul > li ul li { position: static; display: flex; flex-flow: row nowrap; padding: 0; white-space: nowrap; } .site-theme.top-frame #banner > nav ul > li ul li:first-child { position: relative; } .site-theme.top-frame #banner > nav ul > li ul li a { display: block; width: 100%; padding: .625rem 1rem !important; text-align: left; font-size: 1rem; font-weight: 400; color: #000; white-space: normal; } .site-theme.top-frame #banner > nav ul > li ul li a.hasChildren { width: calc(100% - 1.75rem); padding-right: .5rem !important; } .site-theme.top-frame #banner > nav ul > li ul li a span { padding: 0; } .site-theme.top-frame #banner > nav ul > li ul li a:focus { outline: 1px dotted #003479; } .site-theme.top-frame #banner > nav ul > li ul li .toggleVisibility { width: 1.75rem; height: auto; margin: 0; padding: .625rem 0; } .site-theme.top-frame #banner > nav ul > li ul li .toggleVisibility:before { color: #003479; } .site-theme.top-frame #banner > nav ul > li ul li .toggleVisibility:focus { outline: 1px dotted #003479; } .site-theme.top-frame #banner > nav ul > li ul li ul { display: none; top: 0; right: -17.8125rem; width: 0; height: auto; background-color: #f6f6f7; border-width: 0; transition: opacity 150ms linear; } .site-theme.top-frame #banner > nav ul > li ul li.open { background-color: #f6f6f7; } .site-theme.top-frame #banner > nav ul > li ul.open { right: 17.8125rem; transition: right 150ms linear; } .site-theme.top-frame #banner > nav ul > li ul.open li.open ul { display: block; width: 17.75rem; transition: opacity 150ms linear; } .site-theme.top-frame #banner > nav.fixed { height: auto; margin: 0; padding: 1.5rem 0; background-color: #003479; } .site-theme.top-frame #banner > nav.fixed ul { width: 100%; max-width: 1440px; } .site-theme.top-frame #banner > nav.fixed ul li ul { top: 3rem; } .site-theme.top-frame #banner > nav.fixed ul li ul li ul { top: 0; } .site-theme.top-frame #footer:before { content: ' '; position: absolute; display: block; top: -0.75rem; right: 0; height: .75rem; width: 25%; background-color: #ffc658; } .site-theme.top-frame .henkilot #footer:before { background-color: #e30450; } .site-theme.top-frame .organisaatiot #footer:before { background-color: #007770; } .site-theme.top-frame #footer { position: relative; border-top: .75rem solid #69d8d7; } .site-theme.top-frame #footer a:focus { outline: 1px dotted #fff; } .site-theme.top-frame #footer .container { position: relative; max-width: 1440px; margin: 0 auto; } .site-theme.top-frame #footer .footer-main-content { padding: 2rem 0 2rem; } .site-theme.top-frame #footer .footer-main-content .row { padding: 0; } .site-theme.top-frame #footer .footer-main-content .row .col { display: flex; flex-flow: column nowrap; justify-content: center; height: 6.25rem; font-size: 1rem; } .site-theme.top-frame #footer .footer-main-content .row .col img { max-height: 6.25rem; } .site-theme.top-frame #footer .footer-main-content .row .col a { display: inline-block; margin-left: 1.5rem; font-weight: 700; } .site-theme.top-frame #footer .footer-main-content .row .col a:first-child { margin-left: 0; } .site-theme.top-frame #footer .footer-main-content .row .col p { margin: 0 0 1rem; } .site-theme.top-frame #footer .footer-main-content .row .col p:last-child { margin: 0; } .site-theme.top-frame #footer .footer-main-content .row .col ul { list-style-type: none; display: flex; justify-content: center; margin: 0; } .site-theme.top-frame #footer .footer-main-content .row .col ul li { flex: 0 1 auto; display: block; padding: .75rem 0; } .site-theme.top-frame #footer .footer-main-content .row .col ul li a { padding: 0 .75rem; } .site-theme.top-frame #footer .footer-main-content .row .col:last-child { text-align: right; } .site-theme.top-frame #footer .footer-main-content .row .col:last-child a { margin-left: 1.75rem; font-weight: 400; } .site-theme.top-frame #footer .footer-main-content .row .col:last-child a:first-child { margin-left: 0; } .site-theme.top-frame #footer .footer-main-content .row a.aui-icon { color: #69d8d7; } .site-theme.top-frame #footer .footer-main-content .row a.aui-icon:before { font-size: 1.875rem; vertical-align: middle; } .site-theme.top-frame #footer .footer-bottom-bar { padding: 0 0 1.5rem; } .site-theme.top-frame #footer .footer-bottom-bar .container { padding: 0; } .site-theme.top-frame #footer .footer-bottom-bar .container .d-block { padding-top: 1.5rem; border-top: 1px solid rgba(255,255,255,0.15); font-size: .9375rem; } .site-theme.top-frame #footer .footer-bottom-bar .container .d-block p { margin: 0; color: #eee; } .site-theme.top-frame #footer .footer-bottom-bar .container .d-block p a { display: inline-block; margin-left: 1.5rem; color: #fff; text-decoration: underline; } .site-theme.top-frame #content .portlet-breadcrumb { margin: 0 0 2rem; } .site-theme.top-frame #content .portlet-breadcrumb .portlet-body ul.breadcrumb { margin: .25rem 0; padding: 0; line-height: 1.25; list-style-type: none !important; } .site-theme.top-frame #content .portlet-breadcrumb .portlet-body ul.breadcrumb a { color: #3f4752; text-decoration: none; } .site-theme.top-frame #content .portlet-breadcrumb .portlet-body ul.breadcrumb a:hover, .site-theme.top-frame #content .portlet-breadcrumb .portlet-body ul.breadcrumb a:focus, .site-theme.top-frame #content .portlet-breadcrumb .portlet-body ul.breadcrumb a:active { text-decoration: underline; } .site-theme.top-frame #content .portlet-breadcrumb .portlet-body ul.breadcrumb li { font-size: 1.125rem !important; } .site-theme.top-frame #content .portlet-breadcrumb .portlet-body ul.breadcrumb li.active { color: #3f4752; } .site-theme.top-frame #content .portlet-breadcrumb .portlet-body ul.breadcrumb li.active.last a { color: #3f4752; } .site-theme.top-frame #content .portlet-breadcrumb .portlet-body ul.breadcrumb li.first, .site-theme.top-frame #content .portlet-breadcrumb .portlet-body ul.breadcrumb li:first-of-type, .site-theme.top-frame #content .portlet-breadcrumb .portlet-body ul.breadcrumb li:first-of-type + li:before { display: none; } .site-theme.top-frame #content .portlet-breadcrumb .portlet-body ul.breadcrumb li .divider { position: relative; display: inline-block; color: #fff; } .site-theme.top-frame #content .portlet-breadcrumb .portlet-body ul.breadcrumb li .divider:after { content: '\f054'; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: .375rem 0 0 .5rem; font-size: .75rem; font-family: 'fontawesome-alloy'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none !important; line-height: 1; color: #3f4752; background-color: #fff; } .site-theme.top-frame #content .portlet-breadcrumb .portlet-body ul.breadcrumb li:last-child .divider { display: none; } #cookie-notice { display: none; position: fixed; bottom: .5rem; left: 1.5rem; width: calc(100% - 3rem); background: #003479; color: #fff; z-index: 10; border-style: solid; border-width: .0675rem 0 .1875rem; border-color: rgba(255,255,255,0.25) transparent rgba(0,0,0,0.5); box-shadow: 0 .375rem .375rem rgba(0,0,0,0.125); border-radius: .5rem; } #cookie-notice.onDisplay { display: table; } #cookie-notice > span { display: table-row; } #cookie-notice > span p { display: table-cell; margin: 0 auto; padding: 1rem 1.5rem; } #cookie-notice > span p.disclaimer-icon { padding: 1rem; vertical-align: middle; line-height: 1; font-size: 2rem; } #cookie-notice > span p a { text-decoration: underline; } #cookie-notice > span p a.btn-primary { background-color: #69d8d7; margin-left: 1rem; color: #000; font-weight: 600; border-width: .0675rem 0; border-color: #7dd transparent #4bb; border-style: solid; box-shadow: 0 .125rem .25rem rgba(0,0,0,0.5); } .site-theme.top-frame #content { margin-bottom: 0; padding-top: 0; } .site-theme.top-frame #content > div .portlet-layout.row { width: 100%; max-width: 1440px; margin: 0 auto; } .site-theme.top-frame #content .subscribe-action { top: 1.5rem; right: 2rem; font-size: 1.25rem; } .site-theme.top-frame #content .subscribe-action > span { margin-left: .25rem; } .site-theme.top-frame #content .subscribe-action > span a { text-decoration: none; color: #000; } .site-theme.top-frame #content .subscribe-action > span a img { display: none; } .site-theme.top-frame #content .subscribe-action > span a .taglib-text { position: relative; padding-left: 1.3125rem; font-size: 1rem; font-weight: 700; } .site-theme.top-frame #content .subscribe-action > span a .taglib-text:before { position: absolute; display: block; top: -0.1875rem; left: 0; content: '\f09e'; font-size: 1.125rem; color: #000; font-family: 'fontawesome-alloy'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } .site-theme.top-frame #content .subscribe-action > span.taglib-rss a .taglib-text:before { left: .1875rem; content: '\f09e'; } .site-theme.top-frame #content .subscribe-action > span:first-child { margin-left: 0; } .site-theme.top-frame #content > #main-content.frontpage { position: relative; padding: 0 0 4rem; background-color: #f6f6f7; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 104'%3E%3Cpath fill='%23FFF' fill-rule='nonzero' d='M28 83l11 9v12h-2V93l-9-7.4L14 97v7h-2v-8l16-13zM3 31l11 9v27l-9 7H0v-2h4l8-6V41l-9-7.4-3 2.5v-2.7L3 31zm47 2.4v2.7L39 45v27h11v2H37V44l13-10.6zM14 0v20h15l8-6V0h2v15l-9 7H12V0h2z'/%3E%3C/svg%3E"); background-size: 50px 104px; background-position: center top; } .site-theme.top-frame #content > #main-content.frontpage #population-display-substitute { position: absolute; right: 0; color: #003479; background-color: transparent; width: 20rem; z-index: 3; text-align: center; font-size: 1.125rem; } .site-theme.top-frame #content > #main-content.frontpage #population-display-substitute .content { float: right; padding: 0.5rem 1rem 0.5rem 1rem; background-color: #f6f6f7; margin-right: 3rem; } .site-theme.top-frame #content > #main-content.frontpage #column-11 .journal-content-article p { font-size: 1.5rem; } .site-theme.top-frame #content > #main-content.frontpage #column-11 .journal-content-article p > a:after { content: '\f054'; display: inline-block; margin-left: .5rem; font-size: 1.125rem; font-family: 'fontawesome-alloy'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none !important; line-height: 1; } .site-theme.top-frame #content > .listing-layout, .site-theme.top-frame #content .journal-display-page { position: relative; padding: 3rem 0 4rem; background-color: #fff; } .site-theme.top-frame #content > .listing-layout #column-9.col-md-3, .site-theme.top-frame #content .journal-display-page #column-9.col-md-3 { width: 23.07692%; flex: 0 0 23.07692%; max-width: 23.07692%; } .site-theme.top-frame #content > .listing-layout .col-md-9[role="main"], .site-theme.top-frame #content .journal-display-page .col-md-9[role="main"] { width: 72.9%; flex: 0 0 72.9%; max-width: 72.9%; margin: 0 0 0 4%; } .site-theme.top-frame #content .journal-display-page > .row { width: 100%; max-width: 1440px; margin: 0 auto; } .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row { margin: 2.25rem auto; } .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(2), .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(3) { max-width: 100%; margin: 0 auto; background-color: #fff; } .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(3) { display: flex; justify-content: center; align-items: stretch; } .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(3) > div[class*="col-md-"] { width: 100%; flex: 0 0 100%; max-width: calc((1440px - (1440px / 2)) - 3rem); margin: 0; padding: 3.5rem 0; } .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(3) > div[class*="col-md-"]:last-child { margin-left: 3rem; } .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(3) > div[class*="col-md-"]:last-child .portlet-column, .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(3) > div[class*="col-md-"]:last-child .portlet-column-content, .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(3) > div[class*="col-md-"]:last-child .portlet-borderless, .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(3) > div[class*="col-md-"]:last-child .portlet-borderless-container, .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(3) > div[class*="col-md-"]:last-child .portlet-body, .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(3) > div[class*="col-md-"]:last-child .journal-content-article, .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(3) > div[class*="col-md-"]:last-child .journal-content-article > .section__info { height: 100%; } .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(5) > .col-12 .portlet-body .asset__listing { height: 35rem; max-height: 35rem; min-height: 35rem; overflow: auto; } .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(5) > .col-md-8 { width: 31.62393%; flex: 0 0 31.62393%; max-width: 31.62393%; } .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(5) > .col-md-8 #column-2 > div > div .portlet-body .asset__listing { margin-bottom: 2.25rem; } .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(5) > .col-md-8 #column-2 > div > div:last-child .portlet-body .asset__listing { margin-bottom: 0; } .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(5) > #column-5.col-md-4 { width: 65.81197%; flex: 0 0 65.81197%; max-width: 65.81197%; margin-left: 2.5641%; } .site-theme.top-frame #content #main-content.frontpage #column-6 .portlet-body .asset__listing { margin-bottom: 2.25rem; } .site-theme.top-frame #main-content .portlet-body .well { padding: 0.8125rem 1rem .8125rem 1.65rem; border: 1px solid #eee; background-color: #f6f6f7; margin-bottom: 48px; font-size: 1rem; } .site-theme.top-frame #main-content .portlet-body .well a { padding-left: 1.5rem; position: relative; display: block; text-decoration: none; } .site-theme.top-frame #main-content .portlet-body .well a:hover, .site-theme.top-frame #main-content .portlet-body .well a:focus, .site-theme.top-frame #main-content .portlet-body .well a:active { text-decoration: underline; } .site-theme.top-frame #main-content .portlet-body .well a:before { content: "\f053"; position: absolute; display: block; top: 0.275rem; left: 0rem; font-size: .875rem; font-family: "fontawesome-alloy"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } .site-theme.top-frame #main-content .portlet-body a { text-decoration: underline; } .site-theme.top-frame #main-content .portlet-body a.btn.btn-primary { padding: 0.675rem 1rem; font-size: 1.1875rem; line-height: 1.5; text-decoration: none; } .site-theme.top-frame #main-content .portlet-body a.btn.btn-primary:hover, .site-theme.top-frame #main-content .portlet-body a.btn.btn-primary:focus, .site-theme.top-frame #main-content .portlet-body a.btn.btn-primary:active { text-decoration: underline; } .site-theme.top-frame #main-content .portlet-body a.btn.btn-primary:after { content: '\f105'; display: inline-block; margin-left: .875rem; font-family: 'fontawesome-alloy'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none !important; line-height: 1; color: #69d8d7; } .site-theme.top-frame #main-content .portlet-body a.external-link:after, .site-theme.top-frame #main-content .portlet-body a.btn.btn-primary.external-link:after { content: "\f08e"; position: relative; display: inline-block; top: -5px; margin: 0 0 0 3px; font-size: 0.875rem; font-family: "fontawesome-alloy"; } .site-theme.top-frame #main-content .portlet-body h1, .site-theme.top-frame #main-content .portlet-body h2 { font-weight: 400; font-family: 'Overpass',Arial,Helvetica,sans-serif; } .site-theme.top-frame #main-content .portlet-body h1 { font-size: 2.375rem; font-weight: 700; color: #003479; line-height: 1.25; } .site-theme.top-frame #main-content .portlet-body h2 { font-size: 2.0rem; font-weight: 700; color: #000; line-height: 1.25; margin-top: 16px; } .site-theme.top-frame #main-content .portlet-body h3 { font-size: 1.5rem; line-height: 1.25; } .site-theme.top-frame #main-content .portlet-body h3, .site-theme.top-frame #main-content .portlet-body h4, .site-theme.top-frame #main-content .portlet-body h5, .site-theme.top-frame #main-content .portlet-body h6 { color: #000; font-family: 'Overpass',Arial,Helvetica,sans-serif; } .site-theme.top-frame #main-content .portlet-body h4 { font-size: 1.25rem; } .site-theme.top-frame #main-content .portlet-body h5 { font-size: 1.1875rem; } .site-theme.top-frame #main-content .portlet-body h6 { font-size: 1.125rem; } .site-theme.top-frame #main-content .portlet-body p { font-size: 1.1875rem; line-height: 1.5; } .site-theme.top-frame #main-content .portlet-body p:first-child { margin-top: 0 !important; } .site-theme.top-frame #main-content .portlet-body strong { font-weight: 900; } .site-theme.top-frame #main-content .portlet-body ul { list-style-type: disc; } .site-theme.top-frame #main-content .portlet-body ul, .site-theme.top-frame #main-content .portlet-body ol { font-size: 1.1875rem; line-height: 1.5; margin: 0 0 10px 25px; } .site-theme.top-frame #main-content .portlet-body ul ul, .site-theme.top-frame #main-content .portlet-body ol ol { margin-top: 0; margin-bottom: 0; margin-left: 1.125rem; } .site-theme.top-frame #main-content .portlet-body ul li, .site-theme.top-frame #main-content .portlet-body ol li { font-size: 1.1875rem; line-height: 1.5; } .site-theme.top-frame #main-content .portlet-body table tr { background-color: #f6f6f7; } .site-theme.top-frame #main-content .portlet-body table tr th, .site-theme.top-frame #main-content .portlet-body table tr td { font-size: 1.1875rem; line-height: 1.5; } .site-theme.top-frame #main-content .portlet-body table tr:nth-child(2n) { background-color: #fff; } .site-theme.top-frame #main-content .portlet-body .table-responsive { overflow-x: auto; } .site-theme.top-frame #main-content .portlet-body blockquote { position: relative; font-size: 1.1875rem; line-height: 1.5; } .site-theme.top-frame #main-content .portlet-body blockquote i, .site-theme.top-frame #main-content .portlet-body blockquote em { font-style: italic; } .site-theme.top-frame #main-content .portlet-body p.lead, .site-theme.top-frame #main-content .portlet-body p.ingress { font-weight: 400; font-size: 1.1875rem; line-height: 1.5; } .site-theme.top-frame #main-content .portlet-body .yja_factbox__aside { float: none; display: block; margin: 1.5rem 0; padding: 1.675rem 1.5rem; border-style: solid; border-width: 1px 1px 1px 3px; border-color: #ddd; } .site-theme.top-frame #main-content .portlet-body .yja_factbox__aside *:first-child { margin-top: 0; } .site-theme.top-frame #main-content .portlet-body .yja_factbox__aside *:last-child { margin-bottom: 0; } .site-theme.top-frame #main-content .portlet-body .yjaInfoBox { position: relative; margin: 1.5rem 0; padding: 1.625rem 1.5rem; background-color: #f6f6f7; border-style: solid; border-width: 0 0 0 .25rem; border-color: #ffc658; } .site-theme.top-frame #main-content .portlet-body .yjaInfoBox *:first-child { margin-top: 0; } .site-theme.top-frame #main-content .portlet-body .yjaInfoBox *:last-child { margin-bottom: 0; } .site-theme.top-frame #main-content .portlet-body .yjaInfoBox.attention { padding: 1.375rem 1.5rem 1.375rem 3.25rem; } .site-theme.top-frame #main-content .portlet-body .yjaInfoBox.attention:before { content: "\f071"; position: absolute; display: block; top: 1.375rem; left: 1rem; font-size: 1.375rem; color: #ffc658; font-family: "fontawesome-alloy"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } .site-theme.top-frame #main-content .portlet-body .yjaInfoBox.relatedContent a { text-decoration: none; } .site-theme.top-frame #main-content .portlet-body .yjaInfoBox.relatedContent a:hover, .site-theme.top-frame #main-content .portlet-body .yjaInfoBox.relatedContent a:focus, .site-theme.top-frame #main-content .portlet-body .yjaInfoBox.relatedContent a:active { text-decoration: underline; } .site-theme.top-frame #main-content .portlet-body .yjaInfoBox.relatedContent ul, .site-theme.top-frame #main-content .portlet-body .yjaInfoBox.relatedContent ol { margin-left: 1.25rem; } .site-theme.top-frame #main-content .portlet-body .yjaInfoBox.relatedContent ul li, .site-theme.top-frame #main-content .portlet-body .yjaInfoBox.relatedContent ol li { line-height: 1.625; } .site-theme.top-frame #main-content .portlet-body span[itemprop="articleBody"] { margin: 0; } .site-theme.top-frame #main-content .portlet-body .meta .ministries.date .contributor { display: none; } .site-theme.top-frame #main-content .portlet-body .meta .ministries.label-published { display: none; } .site-theme.top-frame #main-content .portlet-body .meta .label, .site-theme.top-frame #main-content .portlet-body .meta .yja-tag { margin: .375rem .5rem .375rem 0; padding: .375rem 1rem; } .site-theme.top-frame #main-content .portlet-body .meta .label:last-child, .site-theme.top-frame #main-content .portlet-body .meta .yja-tag:last-child { margin-right: 0; } .site-theme.top-frame #main-content .portlet-body .meta.bottom-meta { margin: 1.5rem 0; } .site-theme.top-frame #main-content .portlet-body .meta.bottom-meta > .yja-tag-group, .site-theme.top-frame #main-content .portlet-body .meta.bottom-meta > .yja-category-group { display: none; } .site-theme.top-frame .henkilot #main-content .yjaInfoBox { border-left-color: #e30450; } .site-theme.top-frame .henkilot #main-content .yjaInfoBox.attention:before { color: #e30450; } .site-theme.top-frame .organisaatiot #main-content .yjaInfoBox { border-left-color: #007770; } .site-theme.top-frame .organisaatiot #main-content .yjaInfoBox.attention:before { color: #007770; } .site-theme.top-frame #content .portlet-navigation > span:empty { display: none; } .site-theme.top-frame #content .portlet-navigation .ikonilinkki-list > ul:before { top: -2px !important; } .site-theme.top-frame #content .portlet-navigation .list-menu { font-size: 1rem; margin-top: -0.1rem; } .site-theme.top-frame #content .portlet-navigation .list-menu h2 { margin: 0 0 1rem; font-family: 'Overpass',Arial,Helvetica,sans-serif; font-size: 1.625rem; font-weight: 700; color: #003479; } .site-theme.top-frame #content .portlet-navigation .list-menu > ul { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; } .site-theme.top-frame #content .portlet-navigation .list-menu > ul > li { border-style: unset !important; border-top: none !important; border-left: none !important; } .site-theme.top-frame #content .portlet-navigation .list-menu > ul:before { content: ' '; position: absolute; display: block; top: 0; left: 0; width: .5rem; height: 99.7%; background-color: #003479; } .site-theme.top-frame #content .portlet-navigation .list-menu > ul > li.selected { color: #003479 !important; font-weight: 900; border-left: 0.45rem solid #003479 !important; background-color: #f6f6f7; } .site-theme.top-frame #content .portlet-navigation .list-menu > ul > li.selected > a { padding: .625rem 1.625rem .625rem 0.5rem !important; color: #003479 !important; font-weight: 900; } .site-theme.top-frame #content .portlet-navigation .list-menu > ul > li.selected > ul > li.selected > a { color: #003479 !important; font-weight: 900; } .site-theme.top-frame #content .portlet-navigation .list-menu > ul > li.selected > ul > li.selected > ul > li.selected > a { color: #003479 !important; font-weight: 900; } .site-theme.top-frame #content .portlet-navigation .portlet-body ul { list-style-type: none; padding: 0; margin: 0; } .site-theme.top-frame #content .portlet-navigation .portlet-body ul li { border-style: solid; border-width: 1px 1px 0; border-color: #ddd; } .site-theme.top-frame #content .portlet-navigation .portlet-body ul li:last-child { border-width: 1px; } .site-theme.top-frame #content .portlet-navigation .portlet-body ul li a { padding: .625rem 1.625rem .625rem 1rem; font-size: 1rem; font-weight: 400; color: #003479; line-height: 1.5; text-decoration: none; word-break: break-word; } .site-theme.top-frame #content .portlet-navigation .portlet-body ul li a:hover, .site-theme.top-frame #content .portlet-navigation .portlet-body ul li a:focus, .site-theme.top-frame #content .portlet-navigation .portlet-body ul li a:active { text-decoration: underline; } .site-theme.top-frame #content .portlet-navigation .portlet-body ul li.open.selected > a, .site-theme.top-frame #content .portlet-navigation .portlet-body ul li.selected > a { font-weight: 700; color: #000; } .site-theme.top-frame #content .portlet-navigation .portlet-body ul li.hasChild ul { display: block; border-top: 1px solid #ddd; margin: 0; padding: .25rem 0 .25rem 1rem; background-color: #f6f6f7; } .site-theme.top-frame #content .portlet-navigation .portlet-body ul li.hasChild ul li { border-width: 0; } .site-theme.top-frame #content .portlet-navigation .portlet-body ul li.hasChild ul li.hasChild ul { padding: 0 0 0 .75rem; border-top: none; } .site-theme.top-frame #content .portlet-navigation .portlet-body ul li.hasChild ul a { padding: .625rem 1.625rem .625rem .5rem; } .site-theme.top-frame #content .portlet-navigation .portlet-body ul li .toggleVisibility { top: 4px; right: 0; width: 1.625rem; padding: 0 .5rem; font-size: .625rem; line-height: 3.33333; background-color: transparent; } .site-theme.top-frame #content .portlet-navigation .portlet-body ul li .toggleVisibility:focus { outline: 1px dotted #003479; } .site-theme.top-frame .collapsible .tabPanel { width: 100%; overflow: hidden; margin-top: .75rem; hyphens: auto; } .site-theme.top-frame .collapsible .tabPanel:first-child { margin-top: 0; } .site-theme.top-frame .collapsible .tabPanel:last-child { margin-bottom: .75rem; } .site-theme.top-frame .collapsible .tabPanel .accordionHeading { position: relative; margin: 0; background-color: #fff; } .site-theme.top-frame .collapsible .tabPanel .accordionHeading .collbutton { font-family: 'Overpass',Arial,Helvetica,sans-serif; padding: .625rem 2.25rem .625rem 1rem; width: 100%; text-align: left; background-color: #fff; border-style: solid; border-width: 1px; border-color: #ddd; border-radius: .25rem; } .site-theme.top-frame .collapsible .tabPanel .accordionHeading .collbutton .heading { color: #003479; font-size: 1.125rem; line-height: 1.5; font-weight: 700; } .site-theme.top-frame .collapsible .tabPanel .accordionHeading .collbutton .state { position: absolute; display: block; right: .75rem; top: .625rem; width: .75rem; height: 1.75rem; padding: .25rem 0; background-color: #fff; } .site-theme.top-frame .collapsible .tabPanel .accordionHeading .collbutton .state span { color: #003479; font-weight: 400; } .site-theme.top-frame .collapsible .tabPanel .accordionHeading .collbutton .state span i { font-size: .625rem; } .site-theme.top-frame .collapsible .tabPanel .accordionHeading .collbutton:focus, .site-theme.top-frame .collapsible .tabPanel .accordionHeading .collbutton:active { text-decoration: underline; outline: 1px dotted #3f4752; outline-offset: -3px; } .site-theme.top-frame .collapsible .tabPanel .accordionHeading .collbutton[aria-expanded="true"] { border-width: 1px 1px 0; border-radius: .25rem .25rem 0 0; } .site-theme.top-frame .collapsible .tabPanel .accordionHeading .collbutton[aria-expanded="true"] .heading { color: #000; } .site-theme.top-frame .collapsible .tabPanel .accordionHeading .collbutton[aria-expanded="true"] .state__open { color: #000; } .site-theme.top-frame .collapsible .tabPanel .accordionHeading .collbutton[aria-expanded="true"] .state__open, .site-theme.top-frame .collapsible .tabPanel .accordionHeading .collbutton[aria-expanded="false"] .state__close { display: block; } .site-theme.top-frame .collapsible .tabPanel .accordionHeading .collbutton[aria-expanded="false"] .state__open, .site-theme.top-frame .collapsible .tabPanel .accordionHeading .collbutton[aria-expanded="true"] .state__close { display: none; } .site-theme.top-frame .collapsible .tabPanel__content[aria-hidden="true"] { display: none; } .site-theme.top-frame .collapsible .tabPanel__content { border-width: 0 1px 1px 1px; border-style: solid; border-color: #ddd; padding: 1px 1rem 0; border-radius: 0 0 .25rem .25rem; } .site-theme.top-frame #main-content .ikonilinkki-border { border-bottom: 1px solid #ddd !important; } .site-theme.top-frame #main-content .ikonilinkki { gap: 1rem; margin: 0; list-style-type: none; padding: 0; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: none; border-left: none; display: block; background: #f6f6f7; border-radius: 0 0.125rem 0.125rem 0; } .site-theme.top-frame #main-content .ikonilinkki a { display: flex; gap: 1rem; align-items: center; height: 100%; padding: 1rem; text-decoration: none; border-left: .5rem solid #003479; } .site-theme.top-frame #main-content .ikonilinkki a img { width: 3.75rem; } .site-theme.top-frame #main-content .ikonilinkki a span { display: block; font-weight: 700; word-break: break-word; hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; } .site-theme.top-frame #main-content .ikonilinkki a:hover, .site-theme.top-frame #main-content .ikonilinkki a:focus, .site-theme.top-frame #main-content .ikonilinkki a:active { text-decoration: underline; background-color: #eee; } .site-theme.top-frame #content .links__list { margin: 1.5rem 0; } .site-theme.top-frame #content .links__list ul.links__list--contentPage { margin: 0; padding: 0; list-style-type: none; background-color: #f9f9f9; box-shadow: 0 0 .25rem .375rem #f9f9f9; border-radius: 0.25rem; } .site-theme.top-frame #content .links__list ul.links__list--contentPage li { margin: 0 0 .75rem; padding: 0; } .site-theme.top-frame #content .links__list ul.links__list--contentPage li a { position: relative; display: block; padding: .9375rem 2.25rem .8125rem 1.625rem; border: 1px solid #eee; font-weight: 700; background-color: #fff; text-decoration: none; box-shadow: 0 .5rem .25rem -0.25rem #e8e8e8; } .site-theme.top-frame #content .links__list ul.links__list--contentPage li a:hover, .site-theme.top-frame #content .links__list ul.links__list--contentPage li a:focus, .site-theme.top-frame #content .links__list ul.links__list--contentPage li a:active { text-decoration: underline; } .site-theme.top-frame #content .links__list ul.links__list--contentPage li a:before { content: ' '; position: absolute; display: block; top: 0; left: 0; width: .25rem; height: 100%; background-color: #ffc658; } .site-theme.top-frame #content .links__list ul.links__list--contentPage li a:after { content: "\f054"; position: absolute; display: block; top: 1.375rem; right: 1.5rem; font-size: .875rem; font-family: "fontawesome-alloy"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } .site-theme.top-frame #content .links__list ul.links__list--contentPage li a.external-link:after { content: "\f08e"; } .site-theme.top-frame #main-content.frontpage .links__list { margin: 0; } .site-theme.top-frame #main-content.frontpage .links__list ul.links__list--frontPageIcons { display: grid; gap: 1rem; margin: 0; list-style-type: none; } .site-theme.top-frame #main-content .links__list { margin: 0; } .site-theme.top-frame #main-content .links__list ul.links__list--frontPageIcons { display: grid; gap: 1rem; margin: 0; list-style-type: none; padding: 0; grid-template-columns: repeat(2, 1fr); } .site-theme.top-frame #main-content .links__list ul.links__list--frontPageIcons li { display: block; background: #f6f6f7; border-radius: 0 0.125rem 0.125rem 0; } .site-theme.top-frame #main-content .links__list ul.links__list--frontPageIcons li a { display: flex; gap: 1rem; align-items: center; height: 100%; padding: 1rem; text-decoration: none; border-left: .4375rem solid #69d8d7; } .site-theme.top-frame #main-content .links__list ul.links__list--frontPageIcons li a img { width: 3.75rem; } .site-theme.top-frame #main-content .links__list ul.links__list--frontPageIcons li a span { display: block; font-weight: 700; word-break: break-word; hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; } .site-theme.top-frame #main-content .links__list ul.links__list--frontPageIcons li a:hover, .site-theme.top-frame #main-content .links__list ul.links__list--frontPageIcons li a:focus, .site-theme.top-frame #main-content .links__list ul.links__list--frontPageIcons li a:active { text-decoration: underline; background-color: rgba(105,216,215,0.1); } .site-theme.top-frame .henkilot #content .links__list ul.links__list--contentPage li a:before { background-color: #003479; } .site-theme.top-frame .organisaatiot #content .links__list ul.links__list--contentPage li a:before { background-color: #007770; } .site-theme.top-frame .organisaatiot #content .links__list ul.links__list--frontPageIcons li a { border-left-color: #007770; } .site-theme.top-frame #main-content.frontpage .links__list--frontPageLifts { margin: 0; padding: 2rem 1.5rem; background: #e0f8f7; color: #003479; display: flex; flex-direction: column; align-items: center; } .site-theme.top-frame #main-content.frontpage .links__list--frontPageLifts h1 { color: #003479; margin-bottom: 0.5rem !important; } .site-theme.top-frame #main-content.frontpage .links__list--frontPageLifts p { margin-bottom: 0 !important; } .site-theme.top-frame #main-content.frontpage .links__list--frontPageLifts h2 { margin: 0 0 1.5rem; } .site-theme.top-frame #main-content.frontpage .links__list--frontPageLifts ul { display: flex; flex-flow: row wrap; justify-content: center; margin: 1.5rem 0 0; padding: 0; } .site-theme.top-frame #main-content.frontpage .links__list--frontPageLifts ul li { display: block; margin: 0 0 1.5rem 1.5rem; background-color: #f6f6f7; border-radius: 0.125rem; } .site-theme.top-frame #main-content.frontpage .links__list--frontPageLifts ul li a { display: flex; justify-content: center; height: 100%; padding: 1.25rem; text-align: center; text-decoration: none; color: white; background-color: #003479; padding: 0.675rem 1rem; border-radius: 0.25rem; } .site-theme.top-frame #main-content.frontpage .links__list--frontPageLifts ul li a:hover, .site-theme.top-frame #main-content.frontpage .links__list--frontPageLifts ul li a:focus, .site-theme.top-frame #main-content.frontpage .links__list--frontPageLifts ul li a:active { text-decoration: underline; } .site-theme.top-frame #main-content.frontpage .links__list--frontPageLifts ul li:nth-child(3n+1) { margin-left: 0; } .site-theme.top-frame .henkilot #main-content.frontpage .links__list--frontPageLifts { border-left-color: #e30450; } .site-theme.top-frame .organisaatiot #main-content.frontpage .links__list--frontPageLifts { border-left-color: #007770; } .site-theme.top-frame #content .links__list--highlighted { list-style-type: none !important; display: flex; flex-direction: column; gap: 1rem; margin: 1rem 0 !important; } .site-theme.top-frame #content .links__list--highlighted > li { background-color: #f6f6f7; display: flex; align-items: center; justify-content: space-between; border-radius: .25rem; } .site-theme.top-frame #content .links__list--highlighted > li a { text-decoration: none; padding: 1rem 1.875rem 1rem 1.875rem; width: 100%; z-index: 1; } .site-theme.top-frame #content .links__list--highlighted > li a .link--text { font-size: 1.375rem; font-weight: 600; font-family: 'Overpass',Arial,Helvetica,sans-serif; } .site-theme.top-frame #content .links__list--highlighted > li a p:last-of-type { margin-bottom: 0; } .site-theme.top-frame #content .links__list--highlighted > li a.p-lg { padding: 1rem 3rem 1rem 1.875rem; } .site-theme.top-frame #content .links__list--highlighted > li a:hover .link--text { text-decoration: underline; } .site-theme.top-frame #content .links__list--highlighted > li a.external-link:after { display: none; } .site-theme.top-frame #content .links__list--highlighted > li .icon { color: #003479; position: absolute; right: 0; padding-right: 1.875rem; } .site-theme.top-frame #content .links__list--highlighted > li .icon.external:after { content: "\f08e"; position: relative; display: inline-block; margin: 0 0 0 3px; font-size: 0.875rem; font-family: "fontawesome-alloy"; } .site-theme.top-frame #content .links__list--highlighted > li .icon.arrow:after { content: '\f105'; display: inline-block; margin-left: .875rem; font-family: 'fontawesome-alloy'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none !important; line-height: 1; } .site-theme.top-frame #content .links__list--highlighted > li .icon.lock:after { content: "\f023"; position: relative; display: inline-block; margin: 0 0 0 3px; font-size: 0.875rem; font-family: "fontawesome-alloy"; } .site-theme.top-frame #content .preSelectCategorySearch { padding: 1rem 0; } .site-theme.top-frame #content .preSelectCategorySearch form { position: relative; margin: 0; padding: 0; } .site-theme.top-frame #content .preSelectCategorySearch form input { margin: 0; padding: 0.75rem 1rem 0.75rem 3.25rem; background-color: #fff; border: 1px solid #ddd; border-radius: 1.75rem; font-size: 1.25rem; font-family: 'Overpass',Arial,Helvetica,sans-serif; box-shadow: none !important; line-height: inherit; width: 100%; } .site-theme.top-frame #content .preSelectCategorySearch form input:focus { border-color: #003479; } .site-theme.top-frame #content .preSelectCategorySearch form button { position: absolute; display: block; height: 2.25rem; width: 2.5rem; top: .5rem; left: .625rem; background-color: transparent; border-width: 0; } .site-theme.top-frame #content .preSelectCategorySearch form button:after { content: '\f002'; position: absolute; display: block; top: 0; left: 0; width: 2.5rem; height: 2.5rem; padding: .375rem; color: #003479; text-align: center; text-transform: none; font-size: 1.375rem; font-family: 'fontawesome-alloy'; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; } .site-theme.top-frame #content .preSelectCategorySearch .preSelectFavorites p { margin: 1.25rem 1.25rem .75rem !important; font-size: 1.25rem; color: #003479; } .site-theme.top-frame #content .preSelectCategorySearch .preSelectFavorites p strong { color: #003479; } .site-theme.top-frame #content .preSelectCategorySearch .preSelectFavorites ul { list-style-type: none; } .site-theme.top-frame #content .preSelectCategorySearch .preSelectFavorites ul li { display: inline-block; margin: 0 .5rem .5rem 0; } .site-theme.top-frame #content .preSelectCategorySearch .preSelectFavorites ul li a { display: inline-block; padding: .25rem .875rem; font-size: 1.125rem; background-color: #003479; color: #fff; text-decoration: none; border-radius: 1.125rem; white-space: nowrap; } .site-theme.top-frame #content .preSelectCategorySearch .preSelectFavorites ul li a:hover, .site-theme.top-frame #content .preSelectCategorySearch .preSelectFavorites ul li a:focus, .site-theme.top-frame #content .preSelectCategorySearch .preSelectFavorites ul li a:active { text-decoration: underline; } .site-theme.top-frame #content .preSelectCategorySearch .preSelectFavorites ul li a:first-letter { text-transform: capitalize; } .site-theme.top-frame #content .section__info { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; position: relative; margin: 0; padding: 0 2.75rem; border-style: solid; border-width: 0 0 0 .75rem; border-color: #69d8d7; text-align: center; } .site-theme.top-frame #content .section__info img { display: block; max-height: 12rem; margin: 0 auto 2.5rem; } .site-theme.top-frame #content .section__info h1 { margin: 0; font-weight: 400; } .site-theme.top-frame #content .section__info > span.section__info--title { margin: 0; font-size: 2.375rem; font-weight: 400; color: #003479; } .site-theme.top-frame #content .section__info:before { content: ' '; position: absolute; top: 0; left: -0.75rem; width: .75rem; height: 42.5%; background-color: #003479; } .site-theme.top-frame #content .section__info:after { content: ' '; position: absolute; bottom: 0; left: -0.75rem; width: .75rem; height: 5rem; background-color: #ffc658; } .site-theme.top-frame .henkilot #content .section__info:after { background-color: #e30450; } .site-theme.top-frame .organisaatiot #content .section__info:after { background-color: #007770; } .site-theme.top-frame[lang="en-US"] #content .section__info h1 { font-size: 1.625rem; } .site-theme.top-frame #content .coloured { padding: 1.5rem 2rem; background-color: #69d8d7; } .site-theme.top-frame #content .coloured * { color: #000; } .site-theme.top-frame #content .coloured *:first-child { margin-top: 0; } .site-theme.top-frame #content .coloured *:last-child { margin-bottom: 0; } .site-theme.top-frame #content .coloured p > *, .site-theme.top-frame #content .coloured h1, .site-theme.top-frame #content .coloured h2, .site-theme.top-frame #content .coloured h3, .site-theme.top-frame #content .coloured h4, .site-theme.top-frame #content .coloured h5, .site-theme.top-frame #content .coloured h6 { color: #000; } .site-theme.top-frame .henkilot #content .coloured { background-color: #b50022; } .site-theme.top-frame .henkilot #content .coloured *, .site-theme.top-frame .henkilot #content .coloured p > *, .site-theme.top-frame .henkilot #content .coloured h1, .site-theme.top-frame .henkilot #content .coloured h2, .site-theme.top-frame .henkilot #content .coloured h3, .site-theme.top-frame .henkilot #content .coloured h4, .site-theme.top-frame .henkilot #content .coloured h5, .site-theme.top-frame .henkilot #content .coloured h6 { color: #fff; } .site-theme.top-frame .organisaatiot #content .coloured { background-color: #00645e; } .site-theme.top-frame .organisaatiot #content .coloured *, .site-theme.top-frame .organisaatiot #content .coloured p > *, .site-theme.top-frame .organisaatiot #content .coloured h1, .site-theme.top-frame .organisaatiot #content .coloured h2, .site-theme.top-frame .organisaatiot #content .coloured h3, .site-theme.top-frame .organisaatiot #content .coloured h4, .site-theme.top-frame .organisaatiot #content .coloured h5, .site-theme.top-frame .organisaatiot #content .coloured h6 { color: #fff; } .site-theme.top-frame #content .web-content-listing-portlet ul.nav-pills { list-style-type: none; margin: 1.5rem 0; } .site-theme.top-frame #content .web-content-listing-portlet ul.nav-pills li.tab { margin: 0 .5rem 0 0; } .site-theme.top-frame #content .web-content-listing-portlet ul.nav-pills li.tab a { padding: .625rem 1.125rem; font-size: 1rem; color: #003479; background-color: #fff; text-decoration: none; border: 1px solid #ddd; border-radius: 1.25rem; } .site-theme.top-frame #content .web-content-listing-portlet ul.nav-pills li.tab a:focus, .site-theme.top-frame #content .web-content-listing-portlet ul.nav-pills li.tab a:active, .site-theme.top-frame #content .web-content-listing-portlet ul.nav-pills li.tab a:hover { color: #fff; background-color: #003479; text-decoration: underline; } .site-theme.top-frame #content .web-content-listing-portlet ul.nav-pills li.tab.active a { background-color: #003479; color: #fff; } .site-theme.top-frame #content .web-content-listing-portlet ul.list.list__assets { margin: 0; padding-top: 1.5rem; border-top: 1px solid #ddd; } .site-theme.top-frame #content .web-content-listing-portlet ul.list.list__assets li.list.list__item { padding: 0 0 1.5rem; margin-bottom: 1.5rem; border-bottom: 1px solid #ddd; } .site-theme.top-frame #content .web-content-listing-portlet ul.list.list__assets li.list.list__item h4, .site-theme.top-frame #content .web-content-listing-portlet ul.list.list__assets li.list.list__item .item__heading { font-size: 1.25rem !important; color: #003479; line-height: 1.25; } .site-theme.top-frame #content .web-content-listing-portlet ul.list.list__assets li.list.list__item h4 a, .site-theme.top-frame #content .web-content-listing-portlet ul.list.list__assets li.list.list__item .item__heading a { text-decoration: none; } .site-theme.top-frame #content .web-content-listing-portlet ul.list.list__assets li.list.list__item h4 a:focus, .site-theme.top-frame #content .web-content-listing-portlet ul.list.list__assets li.list.list__item .item__heading a:focus, .site-theme.top-frame #content .web-content-listing-portlet ul.list.list__assets li.list.list__item h4 a:active, .site-theme.top-frame #content .web-content-listing-portlet ul.list.list__assets li.list.list__item .item__heading a:active, .site-theme.top-frame #content .web-content-listing-portlet ul.list.list__assets li.list.list__item h4 a:hover, .site-theme.top-frame #content .web-content-listing-portlet ul.list.list__assets li.list.list__item .item__heading a:hover { text-decoration: underline; } .site-theme.top-frame #content .web-content-listing-portlet ul.list.list__assets li.list.list__item .meta { margin: .5rem 0 !important; font-size: 1.125rem; } .site-theme.top-frame #content .web-content-listing-portlet ul.list.list__assets li.list.list__item a.yja-tag { margin: 0 .5rem 0 0; padding: 0; font-size: 1rem; font-weight: 600; line-height: 1.625; border: none; text-decoration: none; color: #003479; } .site-theme.top-frame #content .web-content-listing-portlet ul.list.list__assets li.list.list__item a.yja-tag:last-child { margin-right: 0; } .site-theme.top-frame #content .web-content-listing-portlet ul.list.list__assets li.list.list__item a.yja-tag:hover { text-decoration: underline; } .site-theme.top-frame #content .web-content-listing-portlet ul.list.list__assets li.list.list__item > div:last-child { margin-top: .75rem; } .site-theme.top-frame #content .web-content-listing-portlet ul.list.list__assets li.list.list__item:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } .site-theme.top-frame #content .web-content-listing-portlet button.btn.btn-primary { padding: .625rem 1.125rem; font-size: 1rem; color: #003479; background-color: #fff; text-decoration: none; border: 1px solid #ddd; border-radius: 1.25rem; font-family: 'Overpass',Arial,Helvetica,sans-serif; } .site-theme.top-frame #content .web-content-listing-portlet button.btn.btn-primary:focus, .site-theme.top-frame #content .web-content-listing-portlet button.btn.btn-primary:active, .site-theme.top-frame #content .web-content-listing-portlet button.btn.btn-primary:hover { color: #fff; background-color: #003479; text-decoration: underline; } .site-theme.top-frame #content .yja-search-portlet .portlet-body .col-md-12 h3.result-heading.hidden { display: none; } .site-theme.top-frame #content .yja-search-portlet .portlet-body ul { list-style-type: none; margin: 0; padding: 0; } .site-theme.top-frame #content .yja-search-portlet .portlet-body ul#asset-tabs { margin: 0 0 2rem; } .site-theme.top-frame #content .yja-search-portlet .portlet-body ul.results li.result { margin-bottom: 1.5rem; padding-bottom: 1.125rem; } .site-theme.top-frame #content .yja-search-portlet .portlet-body ul.results li.result h3 { font-size: 1.25rem; line-height: 1.25; } .site-theme.top-frame #content .yja-search-portlet .portlet-body ul.results li.result h3 a { color: #003479; } .site-theme.top-frame #content .yja-search-portlet .portlet-body ul.results li.result ul.breadcrumb { padding: 0; margin: .5rem 0 !important; list-style-type: none; } .site-theme.top-frame #content .yja-search-portlet .portlet-body ul.results li.result ul.breadcrumb li { font-size: .9375rem; } .site-theme.top-frame #content .yja-search-portlet .portlet-body ul.results li.result ul.breadcrumb li a.renderLink { color: #a5acb0; } .site-theme.top-frame #content .yja-search-portlet .portlet-body ul.results li.result ul.breadcrumb li.last + span.divider { display: none; } .site-theme.top-frame #content .yja-search-portlet .portlet-body ul.results li.result .meta { font-size: .9375rem; } .site-theme.top-frame #content .yja-search-portlet .portlet-body ul.results li.result > p { margin: .75rem 0 !important; line-height: 1.44444; } .site-theme.top-frame #content .yja-search-portlet .portlet-body ul.results li.result > div:last-child { margin-bottom: 0 !important; } .site-theme.top-frame #content .yja-search-portlet .portlet-body ul.results li.result .yja-tag { margin: 0 .5rem 0 0; padding: 0; font-size: 1rem; font-weight: 600; line-height: 1.625; border: none; } .site-theme.top-frame #content .yja-search-portlet .portlet-body ul.results li.result .yja-tag-group a.yja-tag { text-decoration: none; color: #003479; } .site-theme.top-frame #content .yja-search-portlet .portlet-body ul.results li.result .yja-tag-group a.yja-tag:last-child { margin-right: 0; } .site-theme.top-frame #content .yja-search-portlet .portlet-body ul.results li.result .yja-tag-group a.yja-tag:hover { text-decoration: underline; } .site-theme.top-frame #content .ptv-view-item { border-bottom: 1px solid #ddd; } .site-theme.top-frame #content .ptv-view-item .ptv-item-data { position: relative; margin: 1.5rem 0 0; padding: 0 0 1.25rem; } .site-theme.top-frame #content .ptv-view-item .ptv-item-data:last-child { border-bottom: none; } .site-theme.top-frame #content .ptv-view-item .ptv-item-data h4 { font-size: 1.75rem; color: #003479; margin: 0 0 .75rem; } .site-theme.top-frame #content .ptv-view-item .ptv-item-data h5 { font-size: 1.25rem; color: #003479; margin: 0 0 .375rem; } .site-theme.top-frame #content .ptv-view-item .ptv-item-data > div { margin: 0 0 1rem; } .site-theme.top-frame #content .ptv-view-item .ptv-item-data > div .ptv-item-data-field-label { font-weight: 400; margin-bottom: .25rem; } .site-theme.top-frame #content .ptv-view-item .ptv-item-data > div .ptv-item-data-field-value { font-size: 1rem; } .site-theme.top-frame #content .ptv-view-item .ptv-item-data > div .ptv-item-data-field-value p:last-child { margin-bottom: 0; } .site-theme.top-frame #content .ptv-view-item .ptv-item-data > div .ptv-item-data-field-value p:empty { display: none; } .site-theme.top-frame #content .ptv-view-item .ptv-item-data div[class*="type-name"] { color: #000; } .site-theme.top-frame #content .ptv-view-item .ptv-item-data div[class*="type-name"] .ptv-item-data-field-value { font-size: 2rem; } .site-theme.top-frame #content .ptv-view-item .ptv-item-data div[class*="type-short-description"] { margin: 0 0 .375rem !important; } .site-theme.top-frame #content .ptv-view-item .ptv-item-data div[class*="type-short-description"] .ptv-item-data-field-value { font-size: 1.625rem; margin: 0 0 .375rem !important; } .site-theme.top-frame #content .ptv-view-item .ptv-item-data div[class*="type-description"] { margin-bottom: 1.5rem; } .site-theme.top-frame #content .web-form-portlet .control-group { margin: 1.25rem 0; } .site-theme.top-frame #content .web-form-portlet .control-group label { font-size: 1.125rem; margin: 0 0 .375rem; } .site-theme.top-frame #content .web-form-portlet .control-group .field, .site-theme.top-frame #content .web-form-portlet .control-group .site-theme-field-select { height: auto; margin: 0; padding: .5rem .375rem; } .site-theme.top-frame #content .web-form-portlet .control-group textarea.field { display: inline-block; width: auto; min-width: 50%; } .site-theme.top-frame #content .mail-alert-view .portlet-body .row > fieldset:first-child { display: none; } .site-theme.top-frame #content .portlet-blogs .subscribe-action { top: -1.75rem; right: 0; } .site-theme.top-frame #content .portlet-blogs .media-item .blogPostItem .col-md-5.blogPostItem__image { width: 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } .site-theme.top-frame #content .portlet-blogs .media-item .blogPostItem .col-md-5.blogPostItem__image img { max-width: 100%; border-radius: 50%; } .site-theme.top-frame #content .portlet-blogs .media-item .blogPostItem .col-md-7.blogPostItem__body { width: 85%; flex: 0 0 85%; max-width: 85%; margin-left: 2.5%; } .site-theme.top-frame #content .portlet-blogs .media-item .blogPostItem .col-md-7.blogPostItem__body h4 { margin: 0 0 .5rem; } .site-theme.top-frame #content .portlet-blogs .media-item .blogPostItem .col-md-7.blogPostItem__body h4 a { text-decoration: none; } .site-theme.top-frame #content .portlet-blogs .media-item .blogPostItem .col-md-7.blogPostItem__body h4 a:hover, .site-theme.top-frame #content .portlet-blogs .media-item .blogPostItem .col-md-7.blogPostItem__body h4 a:focus, .site-theme.top-frame #content .portlet-blogs .media-item .blogPostItem .col-md-7.blogPostItem__body h4 a:active { text-decoration: underline; } .site-theme.top-frame #content .portlet-blogs .media-item .blogPostItem .col-md-7.blogPostItem__body p > a { text-decoration: none; } .site-theme.top-frame #content .portlet-blogs .media-item .blogPostItem .col-md-7.blogPostItem__body p > a:focus { text-decoration: underline; } .site-theme.top-frame #content .portlet-blogs .news-page ul.pager { margin-left: 0; } .site-theme.top-frame #content .portlet-blogs .news-page ul.pager li a, .site-theme.top-frame #content .portlet-blogs .news-page ul.pager li span { font-size: 1rem; text-decoration: none; border-radius: 1.375rem; } .site-theme.top-frame #content .portlet-blogs .news-page ul.pager li a:focus, .site-theme.top-frame #content .portlet-blogs .news-page ul.pager li a:hover, .site-theme.top-frame #content .portlet-blogs .news-page ul.pager li a:active { text-decoration: underline; } .site-theme.top-frame #content .portlet-blogs .news-page ul.pager li a:hover { background-color: #003479; color: #fff; } .site-theme.top-frame #content .portlet-blogs .taglib-page-iterator .lfr-pagination-buttons li a { font-size: 1rem; text-decoration: none; border-radius: 1.375rem; } .site-theme.top-frame #content .portlet-blogs .taglib-page-iterator .lfr-pagination-buttons li a:focus, .site-theme.top-frame #content .portlet-blogs .taglib-page-iterator .lfr-pagination-buttons li a:hover, .site-theme.top-frame #content .portlet-blogs .taglib-page-iterator .lfr-pagination-buttons li a:active { text-decoration: underline; } .site-theme.top-frame #content .portlet-blogs .taglib-page-iterator .lfr-pagination-buttons li a:hover { background-color: #003479; color: #fff; } .site-theme.top-frame #content .portlet-blogs .taglib-page-iterator .lfr-pagination-buttons li.disabled a:hover { background-color: #fff; color: #ddd; text-decoration: none; } .top-frame .application-finder-portlet .processGuidance__viewStage > form > div:not(.radioContainer) { margin-bottom: 1rem; } .top-frame .application-finder-portlet .radioContainer { background-color: #fff; border: .5px solid #ddd; display: inline-block; margin-bottom: .5rem; padding: .625rem 1rem; white-space: nowrap; } .top-frame .application-finder-portlet .radioContainer:hover, .top-frame .application-finder-portlet .radioContainer:focus { background-color: rgba(0,52,121,0.1); } .top-frame .application-finder-portlet .radioContainer .form-check label { color: #003479; font-size: 1.125rem; margin-left: .5rem; } .top-frame .application-finder-portlet .radioContainer:not(:last-child) { margin-right: 1rem; } .top-frame .application-finder-portlet .radioContainer:has(>button) { padding-right: 3rem; } .top-frame .application-finder-portlet .nextStageBtn { display: block; padding: .675rem 1rem; font-size: 1.1875rem; line-height: 1.5; color: #fff; background-color: #003479; border: none; border-radius: 0.25rem; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; } .top-frame .application-finder-portlet .nextStageBtn:focus, .top-frame .application-finder-portlet .nextStageBtn:active, .top-frame .application-finder-portlet .nextStageBtn:hover { color: #fff; background-color: #003479; cursor: pointer; } .top-frame .application-finder-portlet .nextStageBtn:focus { box-shadow: 0 0 0 .2rem rgba(0,123,255,0.5); } .top-frame .application-finder-portlet .nextStageBtn[disabled="true"] { color: #000; background-color: #f6f6f7; } .top-frame .application-finder-portlet .links { list-style-type: none; margin: 1rem 0 2rem !important; } .top-frame .application-finder-portlet .links li { display: inline-block; margin: 0 .5rem .5rem 0; } .top-frame .application-finder-portlet .links button { background-color: #fff; color: #003479; display: inline-block; padding: .625rem 1.375rem; font-size: 1.1875rem; text-decoration: none; border: .5px solid #ddd; border-radius: 1.625rem; } .top-frame .application-finder-portlet .links button:hover, .top-frame .application-finder-portlet .links button:focus { background-color: rgba(0,52,121,0.1); } .top-frame .application-finder-portlet .links button.selected { background-color: #003479; color: #fff; border: .5px solid #003479; } .top-frame .application-finder-portlet .portlet-body { gap: 1rem; display: flex; flex-direction: column; } .site-theme.top-frame #content #main-content .buttons--area { list-style-type: none; margin: 1rem 0 48px; } .site-theme.top-frame #content #main-content .buttons--area li { display: inline-block; margin: 0 .5rem .5rem 0; } .site-theme.top-frame #content #main-content .buttons--area button { background-color: #fff; color: #003479; display: inline-block; padding: .625rem 1.375rem; font-size: 1.1875rem; text-decoration: none; border: .5px solid #ddd; border-radius: 1.625rem; } .site-theme.top-frame #content #main-content .buttons--area button:hover, .site-theme.top-frame #content #main-content .buttons--area button:focus { background-color: rgba(0,52,121,0.1); } .site-theme.top-frame #content #main-content .buttons--area button.selected { background-color: #003479; color: #fff; border: .5px solid #003479; } .site-theme.top-frame #content #main-content .button-answer--area { margin-bottom: 48px; } .site-theme.top-frame #content #main-content .button-answer--area h2 { color: #003479; } .site-theme.top-frame #content .portlet-asset-publisher + .portlet-journal-content .asset__listing--link { margin-top: -2.25rem; margin-bottom: 2.25rem; padding: .5rem 2rem 1.5rem; background-color: #fff; box-shadow: 0 .375rem .375rem rgba(128,128,128,0.375); } .site-theme.top-frame #content .portlet-asset-publisher + .portlet-journal-content .asset__listing--link a { color: #003479; text-decoration: none; font-weight: 700; } .site-theme.top-frame #content .portlet-asset-publisher + .portlet-journal-content .asset__listing--link a:focus, .site-theme.top-frame #content .portlet-asset-publisher + .portlet-journal-content .asset__listing--link a:hover, .site-theme.top-frame #content .portlet-asset-publisher + .portlet-journal-content .asset__listing--link a:active { text-decoration: underline; } .site-theme.top-frame #content .portlet-asset-publisher + .portlet-journal-content .asset__listing--link a:after { content: '\f105'; display: inline-block; margin-left: .375rem; font-family: 'fontawesome-alloy'; font-style: normal; font-weight: 700; font-variant: normal; text-transform: none; text-decoration: none !important; line-height: 1; } .site-theme.top-frame #content .portlet-asset-publisher.tiedotteet + .portlet-journal-content .asset__listing--link { background-color: #003479; } .site-theme.top-frame #content .portlet-asset-publisher.tiedotteet + .portlet-journal-content .asset__listing--link a { color: #fff; } .site-theme.top-frame #content .portlet-asset-publisher.hairiotiedotteet + .portlet-journal-content .asset__listing--link { background-color: #ffa8cc; } .site-theme.top-frame #content .portlet-asset-publisher.hairiotiedotteet + .portlet-journal-content .asset__listing--link a { color: #000; } .site-theme.top-frame #main-content.frontpage .portlet-asset-publisher { box-shadow: 0 .25rem .5rem rgba(128,128,128,0.375); } .site-theme.top-frame #main-content .portlet-asset-publisher.tiedotteet .subscribe-action .taglib-rss a { color: #fff; } .site-theme.top-frame #main-content .portlet-asset-publisher.tiedotteet .subscribe-action .taglib-rss a .taglib-text:before { color: #fff; } .site-theme.top-frame #main-content .portlet-asset-publisher.tiedotteet .subscribe-action .taglib-rss a svg { display: none; } .site-theme.top-frame #content .asset__main-lifts { background-color: #fff; border-left: .4375rem solid #69d8d7; } .site-theme.top-frame #content .asset__main-lifts .main-lift { display: flex; flex-flow: row wrap; justify-content: flex-start; } .site-theme.top-frame #content .asset__main-lifts .main-lift > a { display: flex; flex-flow: column nowrap; justify-content: center; align-items: flex-start; width: calc(50% - 1rem); margin-right: 1rem; padding: 1.5rem 2.5rem; text-decoration: none; } .site-theme.top-frame #content .asset__main-lifts .main-lift > a > * { max-width: 100%; } .site-theme.top-frame #content .asset__main-lifts .main-lift > a h2 { margin: 0 0 .875rem; color: #003479; } .site-theme.top-frame #content .asset__main-lifts .main-lift > a p { margin: 0; color: #000; line-height: 1.35; } .site-theme.top-frame #content .asset__main-lifts .main-lift > a.no-image { width: 100%; } .site-theme.top-frame #content .asset__main-lifts .main-lift > a:focus, .site-theme.top-frame #content .asset__main-lifts .main-lift > a:active { text-decoration: underline; } .site-theme.top-frame #content .asset__main-lifts .main-lift > a:hover { text-decoration: none; } .site-theme.top-frame #content .asset__main-lifts .main-lift > a:hover h2 { text-decoration: underline; } .site-theme.top-frame #content .asset__main-lifts .main-lift > div.defer-image, .site-theme.top-frame #content .asset__main-lifts .main-lift > figure.image-caption { width: calc(50% - 1rem); margin-left: 1rem; } .site-theme.top-frame #content .asset__main-lifts .main-lift > div.defer-image { display: flex; flex-flow: column nowrap; justify-content: center; } .site-theme.top-frame #content .asset__main-lifts .main-lift > div.defer-image img { display: block; max-width: 100%; margin: auto; } .site-theme.top-frame #content .asset__main-lifts .main-lift > figure.image-caption { position: relative; } .site-theme.top-frame #content .asset__main-lifts .main-lift > figure.image-caption div.defer-image { display: block; } .site-theme.top-frame #content .asset__main-lifts .main-lift > figure.image-caption figcaption { position: absolute; left: 0; bottom: 0; width: 100%; padding: .5rem .75rem; background-color: rgba(0,0,0,0.75); color: #fff; } .site-theme.top-frame #content .asset__main-lifts .main-lift > ul { list-style-type: none; width: 100%; margin: 0; padding: .375rem 2.5rem; } .site-theme.top-frame #content .asset__main-lifts .main-lift > ul li { margin: 0; padding: 0; } .site-theme.top-frame #content .asset__main-lifts .main-lift > ul li a { text-decoration: none; } .site-theme.top-frame #content .asset__main-lifts .main-lift > ul li a:focus, .site-theme.top-frame #content .asset__main-lifts .main-lift > ul li a:active, .site-theme.top-frame #content .asset__main-lifts .main-lift > ul li a:hover { text-decoration: underline; } .site-theme.top-frame #content .asset__main-lifts .main-lift > ul:last-child { padding-bottom: 1.5rem; } .site-theme.top-frame .henkilot #content .asset__main-lifts { border-left-color: #e30450; } .site-theme.top-frame .organisaatiot #content .asset__main-lifts { border-left-color: #007770; } .site-theme.top-frame #content .asset__listing { padding: 1.5rem 2rem; background-color: #fff; } .site-theme.top-frame #content .asset__listing ul { list-style-type: none; margin: 0; padding: 0; } .site-theme.top-frame #content .asset__listing ul li { position: relative; padding: 0 0 1rem; margin: 0 0 1rem; border-bottom: 1px solid #ddd; } .site-theme.top-frame #content .asset__listing ul li a { text-decoration: none; } .site-theme.top-frame #content .asset__listing ul li a:focus, .site-theme.top-frame #content .asset__listing ul li a:active, .site-theme.top-frame #content .asset__listing ul li a:hover { text-decoration: underline; } .site-theme.top-frame #content .asset__listing ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom-width: 0; } .site-theme.top-frame #content .asset__listing ul.frontpage-blogs li.has-image { padding-left: 3.5rem; min-height: 4rem; } .site-theme.top-frame #content .asset__listing ul.frontpage-blogs li.has-image img { position: absolute; top: .125rem; left: 0; width: 2.75rem; border-radius: 50%; } .site-theme.top-frame #content .tiedotteet .asset__listing { background-color: #003479; box-shadow: none; } .site-theme.top-frame #content .tiedotteet .asset__listing ul li { color: #fff; border-bottom-color: rgba(255,255,255,0.15); } .site-theme.top-frame #content .tiedotteet .asset__listing ul li a { color: #fff; } .site-theme.top-frame #content .hairiotiedotteet .asset__listing { background-color: #ffa8cc; box-shadow: none; } .site-theme.top-frame #content .hairiotiedotteet .asset__listing ul li { border-bottom-color: rgba(34,34,34,0.15); } .site-theme.top-frame #content .hairiotiedotteet .asset__listing ul li a { color: #000; } .site-theme.top-frame #content .listing-layout .asset__listing { background-color: #f6f6f7; box-shadow: none; border-left: .25rem solid #003479; } .site-theme.top-frame #content .listing-layout .asset__listing ul li { border-bottom-color: rgba(34,34,34,0.15); } .site-theme.top-frame #content #main-content.frontpage .portlet-column .portlet-asset-publisher .portlet-content .portlet-header { background-color: #fff; } .site-theme.top-frame #content #main-content.frontpage .portlet-column .portlet-asset-publisher .portlet-content h1.hed-section.portlet-title, .site-theme.top-frame #content #main-content.frontpage .portlet-column .portlet-asset-publisher .portlet-content h2.hed-section.portlet-title, .site-theme.top-frame #content #main-content.frontpage .portlet-column .portlet-asset-publisher .portlet-content h3.hed-section.portlet-title { margin: 0; padding: 1.5rem 2rem 0; } .site-theme.top-frame #content #main-content.frontpage .portlet-column .portlet-asset-publisher .portlet-content .subscribe-action a svg { display: none !important; } .site-theme.top-frame #content #main-content.frontpage .portlet-column .portlet-asset-publisher.tiedotteet .portlet-content .portlet-header { background-color: #003479; } .site-theme.top-frame #content #main-content.frontpage .portlet-column .portlet-asset-publisher.tiedotteet .portlet-content h1.hed-section.portlet-title, .site-theme.top-frame #content #main-content.frontpage .portlet-column .portlet-asset-publisher.tiedotteet .portlet-content h2.hed-section.portlet-title, .site-theme.top-frame #content #main-content.frontpage .portlet-column .portlet-asset-publisher.tiedotteet .portlet-content h3.hed-section.portlet-title { color: #fff; } .site-theme.top-frame #content #main-content.frontpage .portlet-column .portlet-asset-publisher.tiedotteet .portlet-content .subscribe-action a { color: #fff; } .site-theme.top-frame #content #main-content.frontpage .portlet-column .portlet-asset-publisher.tiedotteet .portlet-content .subscribe-action a span:before { color: #fff; } .site-theme.top-frame #content #main-content.frontpage .portlet-column .portlet-asset-publisher.hairiotiedotteet .portlet-content .portlet-header { background-color: #ffa8cc; } .site-theme.top-frame #content #main-content.frontpage .portlet-column .portlet-asset-publisher.hairiotiedotteet .portlet-content .subscribe-action a { color: #000; } .site-theme.top-frame #content #main-content.frontpage .portlet-column .portlet-asset-publisher.hairiotiedotteet .portlet-content .subscribe-action a span:before { color: #000; } .site-theme.top-frame #content #column-10 { background-color: #fff; } .site-theme.top-frame #content .portlet-asset-publisher.hairiotiedote { width: 100%; max-width: 1440px; margin: 0 auto; background-color: #ffa8cc; box-shadow: 0 .25rem .5rem rgba(128,128,128,0.375); } .site-theme.top-frame #content .portlet-asset-publisher.hairiotiedote .portlet-body { padding: .875rem 1.25rem; } .site-theme.top-frame #content .portlet-asset-publisher.hairiotiedote .portlet-body ul.title-list { margin: 0; list-style-type: none; } .site-theme.top-frame #content .portlet-asset-publisher.hairiotiedote .portlet-body ul.title-list li { margin: 0 0 .75rem; } .site-theme.top-frame #content .portlet-asset-publisher.hairiotiedote .portlet-body ul.title-list li:last-child { margin-bottom: 0; } .site-theme.top-frame #content .portlet-asset-publisher.hairiotiedote .portlet-body ul.title-list li a { text-decoration: none; color: #000; } .site-theme.top-frame #content .portlet-asset-publisher.hairiotiedote .portlet-body ul.title-list li a:focus, .site-theme.top-frame #content .portlet-asset-publisher.hairiotiedote .portlet-body ul.title-list li a:hover, .site-theme.top-frame #content .portlet-asset-publisher.hairiotiedote .portlet-body ul.title-list li a:active { text-decoration: underline; } .site-theme.top-frame #content .portlet-asset-publisher.hairiotiedote .portlet-body ul.title-list li a img { display: none; } .site-theme.top-frame #content .portlet-asset-publisher.hairiotiedote .asset-full-content { margin: 0 0 1.5rem; padding: 0 0 1.5rem; } .site-theme.top-frame #content .portlet-asset-publisher.hairiotiedote .asset-full-content h1, .site-theme.top-frame #content .portlet-asset-publisher.hairiotiedote .asset-full-content h2, .site-theme.top-frame #content .portlet-asset-publisher.hairiotiedote .asset-full-content h3, .site-theme.top-frame #content .portlet-asset-publisher.hairiotiedote .asset-full-content h4, .site-theme.top-frame #content .portlet-asset-publisher.hairiotiedote .asset-full-content h5, .site-theme.top-frame #content .portlet-asset-publisher.hairiotiedote .asset-full-content h6 { font-family: 'Overpass',Arial,Helvetica,sans-serif; color: #000; line-height: 1.25; } .site-theme.top-frame #content .portlet-asset-publisher.hairiotiedote .asset-full-content h1 { font-size: 2.375rem; font-weight: 700; } .site-theme.top-frame #content .portlet-asset-publisher.hairiotiedote .asset-full-content h2 { font-size: 1.5rem; font-weight: 700; } .site-theme.top-frame #content .portlet-asset-publisher.hairiotiedote .asset-full-content h3 { font-size: 1.375rem; } .site-theme.top-frame #content .portlet-asset-publisher.hairiotiedote .asset-full-content h4 { font-size: 1.25rem; } .site-theme.top-frame #content .portlet-asset-publisher.hairiotiedote .asset-full-content h5 { font-size: 1.1875rem; } .site-theme.top-frame #content .portlet-asset-publisher.hairiotiedote .asset-full-content h6 { font-size: 1.125rem; } .site-theme.top-frame #content .portlet-asset-publisher.hairiotiedote .asset-full-content *:first-child { margin-top: 0; } .site-theme.top-frame #content .portlet-asset-publisher.hairiotiedote .asset-full-content *:last-child { margin-bottom: 0; } .site-theme.top-frame #content .portlet-asset-publisher.hairiotiedote .asset-full-content .asset-content > br { display: none; } .site-theme.top-frame #content .portlet-asset-publisher.hairiotiedote .asset-full-content:last-child { margin-bottom: 0; padding-bottom: 0; } #main-content, #content { padding-left: 0px; padding-right: 0px; } .col-12, .col-md-8, .col-md-4 { padding: 0; } .portlet-layout .row { margin-left: 0; margin-right: 0; } label, input, button, select, textarea { font-size: 15px; line-height: 20px; } .btn { white-space: normal; } .header-row .search-form .input-group { justify-content: flex-end; } .header-row .search-form .search-query { z-index: 0; } .portlet-nested-portlets .row .col-md-4 { flex: 0 0 31.62393%; max-width: 31.62393%; } .top-frame .columns-3 .portlet-layout .portlet-column .portlet-column-content, .top-frame .columns-3 .portlet-layout .portlet-column .portlet-column-content .portlet-boundary, .top-frame .columns-3 .portlet-layout .portlet-column .portlet-column-content .portlet-boundary .portlet-borderless-container, .top-frame .columns-3 .portlet-layout .portlet-column .portlet-column-content .portlet-boundary .portlet-borderless-container .portlet-body { height: auto; } .top-frame #heading header.portlet-topper { top: -46px; z-index: 3; } .top-frame #heading header.portlet-topper a { color: #003479; } p + .dvv-pallomato { margin: 3rem 0; } .dvv-pallomato { margin: 3rem 0; } .dvv-pallomato .main-title { margin-bottom: 4rem; } .dvv-pallomato .content { margin-left: 0 !important; } .dvv-pallomato ol.content { counter-reset: section; list-style: none; padding-left: 0; } .dvv-pallomato ol.content > li.item { position: relative; vertical-align: top; margin-left: 2rem; margin-bottom: 0; padding-left: 2.4rem; padding-bottom: 2rem; border-left: 1px solid #b4d4ff; } .dvv-pallomato ol.content > li.item ol { margin-left: 0 !important; } .dvv-pallomato ol.content > li.item ul { margin-left: 35px !important; } .dvv-pallomato ol.content > li.item:last-of-type { border-left: 0; } .dvv-pallomato ol.content > li.item:after { content: none; display: table; clear: both; } .dvv-pallomato ol.content > li.item:before { counter-increment: section; content: counter(section); display: block; float: left; width: 45px; height: 45px; margin-left: -3.9rem; color: #003479; font-size: 1.5rem; line-height: 1.75; text-align: center; border: 1px solid #b4d4ff; border-radius: 50%; background: #b4d4ff; } .dvv-pallomato ol.content > li.item .title { margin-top: 0; } .dvv-pallomato ol.content > li.item .pallomato-card { border-radius: .25rem; margin-left: 2rem; padding: 1.5rem 1.5rem 0.5rem 1.5rem; -webkit-box-shadow: 0 0 6px 1px #ddd; -moz-box-shadow: 0 0 6px 1px #ddd; box-shadow: 0 0 5px 2px #ddd; } .dvv-pallomato ol.content > li.item .pallomato-card .attachments { margin-top: 2rem; margin-bottom: 2rem; display: flex; flex-direction: column; } .dvv-pallomato ol.content > li.item .pallomato-card .attachments .pallomato-liite { width: fit-content; color: #003479; padding: 1rem; border: 1px solid #003479; border-radius: 5px; margin-top: 0.5rem; margin-right: 1rem; } .dvv-pallomato ol.content > li.item .pallomato-card .attachments .pallomato-liite .external-link:after { content: "\f15b" !important; position: relative; display: inline-block; top: 0 !important; margin: 0 0 0 1rem !important; font-size: 0.875rem; font-family: 'fontawesome-alloy'; } .dvv-pallomato ol.content > li.item .pallomato-card .links .pallomato-linkki { border-radius: 0.25rem; margin-bottom: 1rem; color: #003479; background: #f6f6f7; padding: 1rem; padding-right: 3rem; display: flex; align-items: center; justify-content: space-between; text-decoration: none; } .dvv-pallomato ol.content > li.item .pallomato-card .links .pallomato-linkki a, .dvv-pallomato ol.content > li.item .pallomato-card .links .pallomato-linkki .icon { color: #003479; text-decoration: none !important; } .dvv-pallomato ol.content > li.item .pallomato-card .links .pallomato-linkki .external-link:after { display: none !important; } .dvv-pallomato ol.content > li.item .pallomato-card .links .pallomato-linkki .otsikko { font-weight: 700; text-decoration: none; } .dvv-pallomato ol.content > li.item .pallomato-card .links .pallomato-linkki .linkkiteksti { text-decoration: none; } .dvv-pallomato ol.content > li.item .pallomato-card .links .pallomato-linkki:hover, .dvv-pallomato ol.content > li.item .pallomato-card .links .pallomato-linkki:focus, .dvv-pallomato ol.content > li.item .pallomato-card .links .pallomato-linkki:active { background-color: #ececee; } .dvv-pallomato ol.content > li.item .pallomato-card .links .pallomato-linkki:hover a, .dvv-pallomato ol.content > li.item .pallomato-card .links .pallomato-linkki:focus a, .dvv-pallomato ol.content > li.item .pallomato-card .links .pallomato-linkki:active a, .dvv-pallomato ol.content > li.item .pallomato-card .links .pallomato-linkki:hover p, .dvv-pallomato ol.content > li.item .pallomato-card .links .pallomato-linkki:focus p, .dvv-pallomato ol.content > li.item .pallomato-card .links .pallomato-linkki:active p, .dvv-pallomato ol.content > li.item .pallomato-card .links .pallomato-linkki:hover h2, .dvv-pallomato ol.content > li.item .pallomato-card .links .pallomato-linkki:focus h2, .dvv-pallomato ol.content > li.item .pallomato-card .links .pallomato-linkki:active h2, .dvv-pallomato ol.content > li.item .pallomato-card .links .pallomato-linkki:hover h3, .dvv-pallomato ol.content > li.item .pallomato-card .links .pallomato-linkki:focus h3, .dvv-pallomato ol.content > li.item .pallomato-card .links .pallomato-linkki:active h3 { text-decoration: underline; } .dvv-pallomato ol.content > li.item .pallomato-card .links .icon { color: #fff; position: absolute; right: 0; padding-right: 3rem; } .dvv-pallomato ol.content > li.item .pallomato-card .links .icon.external:after { content: "\f08e"; position: relative; display: inline-block; margin: 0 0 0 3px; font-size: 0.875rem; font-family: "fontawesome-alloy"; } .dvv-pallomato ol.content > li.item .pallomato-card .links .icon.arrow:after { content: '\f105'; display: inline-block; margin-left: .875rem; font-family: 'fontawesome-alloy'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none !important; line-height: 1; } .dvv-pallomato ol.content > li.item .pallomato-card .links .icon.lock:after { content: "\f023"; position: relative; display: inline-block; margin: 0 0 0 3px; font-size: 0.875rem; font-family: "fontawesome-alloy"; } .col-md-7 .dvv-pallomato.horizontal { flex-wrap: wrap; } .col-md-7 .dvv-pallomato.horizontal .content { margin-left: 0 !important; } .quidance { background-color: #e0f8f7 !important; color: #003479 !important; } .quidance:hover, .quidance:focus, .quidance:active { background-color: #bbeced !important; } .quidance:hover a, .quidance:focus a, .quidance:active a, .quidance:hover p, .quidance:focus p, .quidance:active p, .quidance:hover h2, .quidance:focus h2, .quidance:active h2, .quidance:hover h3, .quidance:focus h3, .quidance:active h3 { text-decoration: underline !important; } .quidance a, .quidance p, .quidance h2, .quidance h3, .quidance .icon { color: #003479 !important; } .background { background-color: #003479 !important; color: #fff !important; } .background:hover, .background:focus, .background:active { background-color: #002b62 !important; } .background:hover a, .background:focus a, .background:active a, .background:hover p, .background:focus p, .background:active p, .background:hover h2, .background:focus h2, .background:active h2, .background:hover h3, .background:focus h3, .background:active h3 { text-decoration: underline !important; } .background a, .background p, .background h2, .background h3, .background .icon { color: #fff !important; } .not_link { text-decoration: none !important; } .not_link:hover, .not_link:focus, .not_link:active { text-decoration: none !important; } .not_link:hover a, .not_link:focus a, .not_link:active a, .not_link:hover p, .not_link:focus p, .not_link:active p, .not_link:hover h2, .not_link:focus h2, .not_link:active h2, .not_link:hover h3, .not_link:focus h3, .not_link:active h3 { text-decoration: none !important; } .scroll-to-top { position: fixed; right: 0; bottom: 4rem; padding: 0.85rem 0.85rem; font-size: 24px; line-height: 0; background-color: #ffa8cc; color: #003479; opacity: 0; pointer-events: none; transform: translateY(100%); transition: all .00.35s ease-in; z-index: 10; border: unset; border-radius: 0.4rem 0 0 0.4rem; } .scroll-to-top:hover { background-color: #fc92be; } .scroll-to-top.active { opacity: 1; pointer-events: auto; transform: translateY(0); transition: all .00.35s ease-out; } .scroll-to-top.scrolling { background-color: #fc92be; } @media (max-width: 979px) { .site-theme.top-frame body #content { font-size: 1.0625rem; } .site-theme.top-frame #content { padding: 0; } .site-theme .mobile-menu-actions { top: 2.75rem; margin: 0; z-index: 2; } .site-theme .mobile-menu-actions.visible-phone { display: block !important; } .site-theme .mobile-menu-actions a, .site-theme .mobile-menu-actions button { display: block; float: none; padding: .75rem 1.5rem; background-color: #003479; color: #fff; width: auto; height: auto; } .site-theme .mobile-menu-actions a i, .site-theme .mobile-menu-actions button i, .site-theme .mobile-menu-actions a span[role], .site-theme .mobile-menu-actions button span[role] { margin: 0; } .site-theme .mobile-menu-actions a i:before, .site-theme .mobile-menu-actions button i:before, .site-theme .mobile-menu-actions a span[role]:before, .site-theme .mobile-menu-actions button span[role]:before { font-size: 2.25rem; } .site-theme .mobile-menu-actions a span:not([role]), .site-theme .mobile-menu-actions button span:not([role]) { display: none; } .site-theme.top-frame .has-control-menu { } .site-theme.top-frame .has-control-menu .mm-panels { top: 50px; } #heading { } #heading .portlet-body .layout-wrapper-wide-container .row.header-row .search-visible { } #heading .portlet-body .layout-wrapper-wide-container .row.header-row .search-visible .close-search { margin-right: 0 !important; margin-left: 0 !important; } .site-theme.top-frame #banner #heading { } .site-theme.top-frame #banner #heading .portlet-body { } .site-theme.top-frame #banner #heading .portlet-body .layout-wrapper-wide-container { padding: 0; } .site-theme.top-frame #banner #heading .portlet-body .layout-wrapper-wide-container .row.header-row { } .site-theme.top-frame #banner #heading .portlet-body .layout-wrapper-wide-container .row.header-row .col-md-5 { top: 5.5rem; right: 5rem; left: 5rem; width: calc(100% - 10rem); flex: 0 0 calc(100% - 10rem); max-width: calc(100% - 10rem); margin-left: 0; } .site-theme.top-frame #banner #heading .portlet-body .layout-wrapper-wide-container .row.header-row .col-md-5 .header-top-right-area { margin-top: 0 !important; } .site-theme.top-frame #banner #heading .portlet-body .layout-wrapper-wide-container .row.header-row .col-md-5 .header-top-right-area form input.search-query { width: calc(100% - 3.75rem); } .site-theme.top-frame #banner #heading .portlet-body form .btn { display: none; } .site-theme.top-frame #banner #heading .header-row { padding: 0; } .site-theme.top-frame #banner #heading > h1 { top: 2.875rem !important; } .site-theme.top-frame #banner #heading > h1 a.logo { height: 3rem; max-width: initial; padding: .25rem 0; } .site-theme.top-frame #banner #heading > h1 a.logo img { max-height: 3.125rem; } .site-theme.top-frame #banner > nav { display: none !important; } .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(3) { } .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(3) > div[class*="col-md-"] { width: auto !important; flex: 0 0 auto !important; max-width: 100% !important; padding: 1.5rem 2.5rem !important; } .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(3) > div[class*="col-md-"]:last-child { display: none; } .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(5) { } .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(5) > .col-md-8, .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(5) > #column-5.col-md-4 { width: 100%; flex: 0 0 100%; max-width: 100%; margin: 0 auto 2.25rem auto; } .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(5) > div:last-child { margin-bottom: 0 !important; } .site-theme.top-frame #content { } .site-theme.top-frame #content > .listing-layout { } .site-theme.top-frame #content > .listing-layout .portlet-navigation { display: none; } .site-theme.top-frame #content > .listing-layout div[role="main"] { } .site-theme.top-frame #content > .listing-layout div[role="main"].col-md-9 { width: 100%; flex: 0 0 100%; max-width: 100%; margin: 0; } .site-theme.top-frame #main-content .ikonilinkki { display: none; } .site-theme.top-frame #main-content.frontpage .links__list--frontPageLifts ul li { width: calc(50% - 0.75rem); } .site-theme.top-frame #main-content.frontpage .links__list--frontPageLifts ul li:nth-child(3n+1) { margin-left: 1.5rem; } .site-theme.top-frame #main-content.frontpage .links__list--frontPageLifts ul li:nth-child(odd) { margin-left: 0; } .site-theme.top-frame #content .portlet-blogs { } .site-theme.top-frame #content .portlet-blogs .subscribe-action { top: 0; position: relative; text-align: right; margin: 0 0 1rem; } .site-theme.top-frame { } .site-theme.top-frame #content .asset__main-lifts { } .site-theme.top-frame #content .asset__main-lifts .main-lift { flex-flow: column-reverse nowrap; } .site-theme.top-frame #content .asset__main-lifts .main-lift > a { width: 100% !important; padding: 1.5rem !important; } .site-theme.top-frame #content .asset__main-lifts .main-lift > div.defer-image, .site-theme.top-frame #content .asset__main-lifts .main-lift > figure.image-caption { width: 100% !important; } .site-theme.top-frame #content .asset__main-lifts .main-lift > ul { display: none; } .site-theme.top-frame #content { } .site-theme.top-frame #content #main-content.frontpage #column-10 .portlet-asset-publisher.hairiotiedote .portlet-body p { font-size: 1.0625rem; } } @media (max-width: 1440px) { .site-theme.top-frame { } .site-theme.top-frame #content > div > .portlet-layout.row, .site-theme.top-frame #footer .container, .site-theme.top-frame .layout-wrapper, .site-theme.top-frame .layout-wrapper-wide-container { max-width: 1366px; } .site-theme.top-frame #banner { max-width: 1366px; } .site-theme.top-frame #banner nav { max-width: calc(100% - 8.5rem); } .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(3) { } .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(3) > div[class*="span"] { max-width: calc((1366px - (1366px / 2)) - 3rem); } .site-theme.top-frame #content { } .site-theme.top-frame #content .portlet-asset-publisher.hairiotiedote { max-width: 1366px; } } @media (max-width: 1366px) { .site-theme.top-frame { } .site-theme.top-frame #content > div > .portlet-layout.row, .site-theme.top-frame #footer .container, .site-theme.top-frame .layout-wrapper, .site-theme.top-frame .layout-wrapper-wide-container { max-width: 1260px; } .site-theme.top-frame #banner, .site-theme.top-frame #heading .portlet-body .layout-wrapper-wide-container, .site-theme.top-frame #footer .container { max-width: 1260px; } .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(3) { } .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(3) > div[class*="col-md-"] { max-width: calc((1280px - (1280px / 2)) - 3rem); } .site-theme.top-frame #main-content.frontpage .links__list ul.links__list--frontPageIcons { grid-template-columns: repeat(3, 1fr); } .site-theme.top-frame #content { } .site-theme.top-frame #content .portlet-asset-publisher.hairiotiedote { max-width: 1260px; } } @media (max-width: 1280px) { .site-theme.top-frame { } .site-theme.top-frame #content > div > .portlet-layout.row, .site-theme.top-frame #footer .container, .site-theme.top-frame .layout-wrapper, .site-theme.top-frame .layout-wrapper-wide-container { max-width: 1024px; } .site-theme.top-frame #banner, .site-theme.top-frame #heading .portlet-body .layout-wrapper-wide-container, .site-theme.top-frame #footer .container { max-width: 1024px; } .site-theme.top-frame #banner { padding: 0; height: 7.5rem; } .site-theme.top-frame #banner #heading { } .site-theme.top-frame #banner #heading .portlet-body .layout-wrapper-wide-container .row.header-row .search-visible { margin-top: 4.1rem; } .site-theme.top-frame #banner #heading .portlet-body .layout-wrapper-wide-container .row.header-row .search-visible form .btn { display: block; } .site-theme.top-frame #banner #heading .portlet-body .layout-wrapper-wide-container .row.header-row .search-visible .close-search { margin-right: 1rem; margin-left: 1rem; } .site-theme.top-frame #banner #heading .portlet-body .layout-wrapper-wide-container .row.header-row .col-md-5 .header-top-right-area { margin-top: 3rem; } .site-theme.top-frame #banner #heading > h1 { top: 3.125rem; width: 19rem; } .site-theme.top-frame #banner > nav { position: relative; max-width: 1024px; } .site-theme.top-frame #banner > nav.main-nav { margin: 0 auto; } .site-theme.top-frame #banner > nav ul > li { } .site-theme.top-frame #banner > nav ul > li#layout_000 { top: .25rem; height: 2.75rem; width: 19rem; background-size: contain; } .site-theme.top-frame #banner > nav ul > li a, .site-theme.top-frame #banner > nav ul > li ul li a { font-size: 1.0625rem; } .site-theme.top-frame #banner > nav ul > li a span, .site-theme.top-frame #banner > nav ul > li ul li a span { line-height: inherit; } .site-theme.top-frame #banner > nav ul > li .toggleVisibility:before { top: 50%; font-size: .675rem; } .site-theme.top-frame #banner > nav ul > li > ul { top: 3.5rem; } .site-theme.top-frame #banner > nav.fixed li ul { top: 3rem; } .site-theme.top-frame #footer { } .site-theme.top-frame #footer .footer-main-content .row .col { } .site-theme.top-frame #footer .footer-main-content .row .col:last-child a { margin-left: 1.375rem; } .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(3) { } .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(3) > div[class*="col-md-"] { max-width: calc((1024px - (1024px / 2)) - 3rem); } .site-theme.top-frame #content .section__info { padding-right: 1.375rem; border-left-width: .4375rem; } .site-theme.top-frame #content .section__info img { max-height: 10.75rem; margin: 0 auto 1.75rem; } .site-theme.top-frame #content .section__info h1 { font-size: 2.125rem; } .site-theme.top-frame #content .section__info:before { left: -.4375rem; width: .4375rem; } .site-theme.top-frame #content .section__info:after { left: -.4375rem; width: .4375rem; height: 5rem; } .site-theme.top-frame[lang="en-US"] #content .section__info h1 { font-size: 1.75rem; } .site-theme.top-frame #content { } .site-theme.top-frame #content .portlet-asset-publisher.hairiotiedote { max-width: 1024px; } } @media (max-width: 1024px) { .site-theme.top-frame { } .site-theme.top-frame #content > div > .portlet-layout.row, .site-theme.top-frame #footer .container, .site-theme.top-frame .layout-wrapper, .site-theme.top-frame .layout-wrapper-wide-container { padding-right: .875rem; padding-left: .875rem; } .site-theme.top-frame #banner, .site-theme.top-frame #heading .portlet-body .layout-wrapper-wide-container, .site-theme.top-frame #footer .container, .site-theme.top-frame #footer .footer-bottom-bar { padding-right: .875rem; padding-left: .875rem; } .site-theme.top-frame #banner #heading { } .site-theme.top-frame #banner #heading > h1 { left: .875rem; } .site-theme.top-frame #banner > nav ul { max-width: 100%; } .site-theme.top-frame #banner > nav ul > li a { padding: .625rem .75rem .125rem; } .site-theme.top-frame #footer .footer-main-content .row { } .site-theme.top-frame #footer .footer-main-content .row div[class*="col-md-3"] { width: 31.91489%; } .site-theme.top-frame #footer .footer-main-content .row div[class*="col-md-3"]:last-child { margin-left: 2.12766%; } .site-theme.top-frame #footer .footer-main-content .row div[class*="col-md-3"]:last-child a { margin-left: 1.25rem; } .site-theme.top-frame #footer .footer-main-content .row div[class*="col-md-6"] { width: 31.91489%; margin-left: 2.12766%; } .site-theme.top-frame #footer .footer-main-content .row div[class*="col-md-6"] a { display: block; margin: 0 0 .375rem; } .site-theme.top-frame #footer .footer-main-content .row div[class*="col-md-6"] a:last-child { margin-bottom: 0; } .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(3) { } .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(3) > div[class*="col-md-"] { width: 100%; max-width: calc((979px - (979px / 2)) - 2rem); flex: 0 0 100%; margin: 0; padding: 2.5rem 0; } .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(3) > div[class*="col-md-"]:last-child { margin-left: 1.5rem; } .site-theme.top-frame #main-content.frontpage .links__list ul.links__list--frontPageIcons { padding: 0; grid-template-columns: repeat(2, 1fr); } .site-theme.top-frame #content .portlet-blogs { } .site-theme.top-frame #content .portlet-blogs .media-item { } .site-theme.top-frame #content .portlet-blogs .media-item .blogPostItem { } .site-theme.top-frame #content .portlet-blogs .media-item .blogPostItem .col-md-5.blogPostItem__image { width: 16%; flex: 0 0 16%; max-width: 16%; } .site-theme.top-frame #content .portlet-blogs .media-item .blogPostItem .col-md-7.blogPostItem__body { width: 80%; flex: 0 0 80%; max-width: 80%; margin-left: 4%; } .site-theme.top-frame { } .site-theme.top-frame #content .asset__main-lifts { } .site-theme.top-frame #content .asset__main-lifts .main-lift { } .site-theme.top-frame #content .asset__main-lifts .main-lift > a { width: 47.5%; margin-right: 0; padding: 1.5rem 2.5rem; } .site-theme.top-frame #content .asset__main-lifts .main-lift > div.defer-image, .site-theme.top-frame #content .asset__main-lifts .main-lift > figure.image-caption { width: 52.5%; margin-left: 0; } } @media (min-width: 1441px) { .site-theme.top-frame #footer .container { position: static; } .site-theme.top-frame #footer .container a.footer__link.footer__link--top { right: 4rem; } } @media (min-width: 1500px) { .top-frame #main-content .portlet-body .yjaInfoBox { word-wrap: normal; } } @media (max-width: 767px) { .site-theme .mobile-menu-actions { top: 4.375rem; margin: 0; } .site-theme.top-frame #main-content .portlet-body .yjaInfoBox { margin: 3.5rem 0 0 0 !important; hyphens: auto; } .site-theme.top-frame #banner { height: 8.75rem; } .site-theme.top-frame #banner #heading { } .site-theme.top-frame #banner #heading .portlet-body .layout-wrapper-wide-container .row.header-row { } .site-theme.top-frame #banner #heading .portlet-body .layout-wrapper-wide-container .row.header-row .col-md-7 a.logo { max-width: 100%; } .site-theme.top-frame #banner #heading .portlet-body .layout-wrapper-wide-container .row.header-row .col-md-5 { top: 4.875rem; left: 0; width: calc(100% - 4rem); flex: 0 0 calc(100% - 4rem); max-width: calc(100% - 4rem); } .site-theme.top-frame #banner #heading .portlet-body .layout-wrapper-wide-container .row.header-row .search-visible { margin-top: 5.4rem; padding: 0 4rem; } .site-theme.top-frame #banner #heading .portlet-body .layout-wrapper-wide-container .row.header-row .search-visible .search-form { flex-direction: column; } .site-theme.top-frame #banner #heading .portlet-body .layout-wrapper-wide-container .row.header-row .search-visible .header-top-right-area { margin-bottom: 0.66667em; margin-top: 0.66667em; } .site-theme.top-frame #banner #heading .portlet-body .layout-wrapper-wide-container .row.header-row .search-visible .header-top-right-area input[type="search"] { } .site-theme.top-frame #banner #heading .portlet-body .layout-wrapper-wide-container .row.header-row .search-visible .close-search { justify-content: end; display: flex !important; margin-left: 0; width: unset; } .site-theme.top-frame #banner #heading .portlet-body .layout-wrapper-wide-container .row.header-row .search-visible .input-group { margin: 0.5rem 1rem; display: flex; flex-direction: row; align-self: center; padding: 0 1rem; } .site-theme.top-frame #banner #heading .portlet-body .layout-wrapper-wide-container .row.header-row .search-visible .input-group .input-group-append { display: flex; justify-content: flex-end; margin-top: 0; width: unset; } .site-theme.top-frame #banner #heading .portlet-body .layout-wrapper-wide-container .row.header-row .search-visible .btn.search-form_submit { margin-left: 1rem; } .site-theme.top-frame #banner #heading .portlet-body .layout-wrapper-wide-container .row.header-row .search-visible form .btn { display: block; } .site-theme.top-frame #banner #heading > h1 { top: 4.625rem !important; } .site-theme.top-frame #banner #heading > h1 a.logo { max-width: 100%; } .site-theme.top-frame #footer { } .site-theme.top-frame #footer .footer-main-content { padding: 1.75rem 2.5rem 1.5rem; } .site-theme.top-frame #footer .footer-main-content .row { } .site-theme.top-frame #footer .footer-main-content .row div[class*="col-md-"] { height: auto; } .site-theme.top-frame #footer .footer-main-content .row div[class*="col-md-3"] { width: 100%; margin: 0 0 1.5rem; } .site-theme.top-frame #footer .footer-main-content .row div[class*="col-md-3"]:last-child { margin: 0; text-align: left; } .site-theme.top-frame #footer .footer-main-content .row div[class*="col-md-6"] { width: 100%; margin: 0 0 1.5rem; } .site-theme.top-frame #footer .footer-bottom-bar { padding: 0 2.5rem 1.75rem; } .site-theme.top-frame #footer .footer-bottom-bar .container .d-block p a { display: block; margin: .75rem 0 0; } #population-display-substitute { position: unset !important; display: flex; color: $colorNightBlue; background-color: transparent; z-index: 3; text-align: center; font-size: 1.125rem; right: unset !important; left: unset !important; float: unset !important; width: 100% !important; } #population-display-substitute .content { width: 100% !important; padding: 0.5rem 1rem 0.5rem 1rem; background-color: $colorBackground; margin-right: 0 !important; float: unset !important; } #cookie-notice > span p a.btn-primary { margin-left: 0; } .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row { margin: 1.5rem auto; } .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(3) { } .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(3) > div[class*="col-"] { padding: 1.5rem 1rem !important; } .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(5) > .col-md-8 #column-2 > div > div { } .site-theme.top-frame #content #main-content.frontpage > .portlet-layout.row:nth-child(5) > .col-md-8 #column-2 > div > div .portlet-body .asset__listing { margin-bottom: 1.5rem; } .site-theme.top-frame #main-content { } .site-theme.top-frame #main-content h1 { font-size: 1.75rem; } .site-theme.top-frame #main-content h2 { font-size: 1.25rem; } .site-theme.top-frame #main-content p, .site-theme.top-frame #main-content ul, .site-theme.top-frame #main-content ul li, .site-theme.top-frame #main-content ol, .site-theme.top-frame #main-content ol li, .site-theme.top-frame #main-content table tr th, .site-theme.top-frame #main-content table tr td, .site-theme.top-frame #main-content blockquote { font-size: 1.0625rem; } .top-frame #content > .listing-layout { } .top-frame #content > .listing-layout #column-9.col-md-3:has(.well) { flex: 0 0 100%; width: 100%; max-width: 100%; } .site-theme.top-frame #main-content.frontpage .links__list ul.links__list--frontPageIcons { grid-template-columns: repeat(2, 1fr); } .site-theme.top-frame #main-content .links__list ul.links__list--frontPageIcons { grid-template-columns: 1fr; } .site-theme.top-frame #main-content.frontpage .links__list ul.links__list--frontPageIcons { } .site-theme.top-frame #main-content.frontpage .links__list ul.links__list--frontPageIcons li { width: 100%; margin-top: 1.5rem; text-align: center; font-size: 1rem; } .site-theme.top-frame #main-content.frontpage .links__list ul.links__list--frontPageIcons li a { padding: 2rem 1.5rem; flex-direction: column; } .site-theme.top-frame #main-content.frontpage .links__list ul.links__list--frontPageIcons li:nth-child(1), .site-theme.top-frame #main-content.frontpage .links__list ul.links__list--frontPageIcons li:nth-child(2) { margin-top: 1.5rem; } .site-theme.top-frame #main-content.frontpage .links__list ul.links__list--frontPageIcons li:nth-child(even) { margin-left: 0; } .site-theme.top-frame #main-content.frontpage .links__list--frontPageLifts { margin: 3rem -2rem -2rem -2rem !important; text-align: center; } .site-theme.top-frame #main-content.frontpage .links__list--frontPageLifts ul li { width: 100%; margin: 0 0 1.5rem !important; } .site-theme.top-frame #main-content.frontpage .links__list--frontPageLifts ul li:last-child { margin-bottom: 0 !important; } .site-theme.top-frame #content .yja-search-portlet .portlet-body form { } .site-theme.top-frame #content .yja-search-portlet .portlet-body form .col-md-12 { } .site-theme.top-frame #content .yja-search-portlet .portlet-body form .col-md-12 input[type="text"] { width: 100%; max-width: 100% !important; } .site-theme.top-frame #content .yja-search-portlet .portlet-body form .col-md-12 .btn-search { margin: 0; border-radius: 4px; } .site-theme.top-frame #content .yja-search-portlet .portlet-body form .panel-heading .panel-title { font-size: 1.5rem; } .site-theme.top-frame #content .yja-search-portlet .portlet-body form .panel-body { padding: .75rem .675rem 0em; } .site-theme.top-frame #content .yja-search-portlet .portlet-body form .panel-body .row > div { margin-bottom: 1.25rem; } .site-theme.top-frame #content .yja-search-portlet .portlet-body form .panel-body .row > div:last-child { margin-bottom: 0; } .site-theme.top-frame #content .yja-search-portlet .portlet-body form .panel-body label { font-weight: 600; } .site-theme.top-frame #content .yja-search-portlet .portlet-body form .panel-body input[type="text"] { padding: 0 6px 1px; } .site-theme.top-frame #content .yja-search-portlet .portlet-body form .panel-body .select-wrapper { display: block; width: auto; } .site-theme.top-frame #content .web-form-portlet .control-group { } .site-theme.top-frame #content .web-form-portlet .control-group input[type="text"], .site-theme.top-frame #content .web-form-portlet .control-group textarea.field, .site-theme.top-frame #content .web-form-portlet .control-group select { width: 100%; max-width: 100% !important; } .site-theme.top-frame #content .portlet-blogs { } .site-theme.top-frame #content .portlet-blogs .media-item { } .site-theme.top-frame #content .portlet-blogs .media-item .blogPostItem { } .site-theme.top-frame #content .portlet-blogs .media-item .blogPostItem .col-md-5.blogPostItem__image { width: 5rem; flex: 0 0 5rem; max-width: 5rem; } .site-theme.top-frame #content .portlet-blogs .media-item .blogPostItem .col-md-7.blogPostItem__body { width: calc(100% - 6.25rem); flex: calc(100% - 6.25rem); max-width: calc(100% - 6.25rem); margin-left: 1.25rem; } .portlet-nested-portlets .row .col-md-4 { flex: 0 0 100%; max-width: 100%; } } @media (min-width: 1367px) { .site-theme.top-frame #main-content.frontpage .links__list ul.links__list--frontPageIcons { grid-template-columns: repeat(4, 1fr); } } @media (min-width: 1025px) { .site-theme.top-frame #main-content.frontpage .links__list ul.links__list--frontPageIcons { padding: 0 1rem; } } @media (max-width: 550px) { .top-frame .application-finder-portlet .links li { display: block; } .top-frame .application-finder-portlet .links button { border-radius: .5rem; text-align: left; width: 100%; } .site-theme.top-frame #content #main-content .buttons--area li { display: block; } .site-theme.top-frame #content #main-content .buttons--area button { border-radius: .5rem; text-align: left; width: 100%; } } @media print { .image-wrapper .image-wrapper__image, .image-wrapper .image-wrapper__content p > a, .feed-item .defer-image, .feed-item a.read-more, .portlet-breadcrumb { display: none !important; } .collapsible .tabPanel__content[aria-hidden="true"] { display: block !important; } #content { border-top: 0; } .feed-item.simple { width: 100% !important; padding: 0 !important; margin: 0 0 1rem !important; } .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 { float: none !important; width: 100% !important; } } @media (min-width: 768px) { .portlet-nested-portlets .row .portlet-column { margin-left: 2.12766%; } .portlet-nested-portlets .row .portlet-column:first-child { margin-left: 0; } .dvv-pallomato.horizontal ol.content { display: flex; margin-top: 6rem; } .dvv-pallomato.horizontal ol.content li.item { border-left: 0; border-top: 1px solid #0091da; padding: 3.4rem 3.4rem 0 0; margin: 0; } .dvv-pallomato.horizontal ol.content li.item:last-of-type { border-top: 0; } .dvv-pallomato.horizontal ol.content li.item:before { margin: -5rem 0 0 0; } .dvv-pallomato.horizontal ol.content li.item .pallomato-card { padding: 1.5rem; border-radius: 5px; -webkit-box-shadow: 0 0 6px 1px $colorBorderGray; -moz-box-shadow: 0 0 6px 1px $colorBorderGray; box-shadow: 0 0 6px 1px $colorBorderGray; } .dvv-pallomato.horizontal ol.content li.item .pallomato-card .attachments { margin-top: 0; } .dvv-pallomato.horizontal ol.content li.item .pallomato-card .attachments .pallomato-liite { display: flex; margin-right: 0; } .col-md-7 .dvv-pallomato.horizontal ol li { flex: 0 0 100%; max-width: 100%; } } @media (min-width: 1200px) { .portlet-nested-portlets .row .portlet-column { margin-left: 2.5641%; } } @media (min-width: 978px) and (max-width: 1199px) { .portlet-nested-portlets .row .portlet-column { margin-left: 2.12766%; } } @media (max-width: 640px) { .dvv-pallomato ol li { margin-left: 1rem; padding-left: 43px; } .dvv-pallomato ol li .pallomato-card { margin-left: 0 !important; } .dvv-pallomato ol li:before { width: 40px; height: 40px; font-size: 1.35rem; } .dvv-pallomato ol li .attachments { } .dvv-pallomato ol li .attachments .pallomato-liite { display: grid; margin-right: 0 !important; } } @media (max-width: 919px) { .col-md-7 .dvv-pallomato.horizontal ol { display: block; } .col-md-7 .dvv-pallomato.horizontal ol li { position: relative; vertical-align: top; margin-left: 2rem; margin-bottom: 0; padding-left: 2.4rem; padding-bottom: 2rem; border-left: 1px solid #b4d4ff; padding-top: 0; border-top: 0; } .col-md-7 .dvv-pallomato.horizontal ol li:last-of-type { border-left: 0; } .col-md-7 .dvv-pallomato.horizontal ol li:after { content: none; display: table; clear: both; } .col-md-7 .dvv-pallomato.horizontal ol li:before { counter-increment: section; content: counter(section); display: block; float: left; width: 50px; height: 50px; margin-top: 0; color: #fff; font-size: 1.75rem; line-height: 1.75; text-align: center; border: 1px solid #b4d4ff; border-radius: 50%; background: #b4d4ff; } .col-md-7 .dvv-pallomato.horizontal ol li .title { margin-top: 0; } .col-md-7 .dvv-pallomato.horizontal ol li .pallomato-card { margin-left: 0 !important; } } @media (min-width: 920px) { .col-md-7 .dvv-pallomato.horizontal ol { flex-wrap: wrap; } .col-md-7 .dvv-pallomato.horizontal ol li { flex: 0 0 50%; max-width: 50%; margin-bottom: 3rem; } } @media (min-width: 1140px) { .col-md-7 .dvv-pallomato.horizontal ol li { flex: 0 0 33.3333%; max-width: 33.3333%; } }