.top-frame body { font-size: 100%; color: #060606; font-family: Helvetica,Arial,sans-serif; line-height: 1.4; } .top-frame a { color: #003f4c; } .top-frame a:hover, .top-frame a:focus { color: #003f4c; } .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: #060606; font-weight: normal; font-style: normal; font-family: Helvetica,Arial,sans-serif; display: block; margin: 10px 0; } .top-frame h1 a, .top-frame h2 a, .top-frame h3 a, .top-frame h4 a, .top-frame h5 a, .top-frame h6 a, .top-frame .heading1 a, .top-frame .heading2 a, .top-frame .heading3 a, .top-frame .heading4 a, .top-frame .heading5 a, .top-frame .heading6 a { color: inherit; } .top-frame input.search-query { border-radius: 0.5rem; -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; } .top-frame .btn { border-radius: 0.5rem; -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; } .top-frame .btn.btn-default { border: solid 1px #fff; background: #003f4c; color: #fff; } .top-frame .btn.btn-default:hover { background: #003f4c; } .top-frame .btn.btn-primary, .top-frame .btn.search-form_submit { background-color: #003f4c; color: white; } .top-frame .btn.btn-primary:hover, .top-frame .btn.search-form_submit:hover { background-color: #003944; } .top-frame .btn.search-form_submit { border-color: #003f4c; } .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.5rem; -moz-border-radius: 0.5rem; -ms-border-radius: 0.5rem; -o-border-radius: 0.5rem; border-radius: 0.5rem; } .top-frame .badge:not(.error-notice), .top-frame .label, .top-frame .yja-tag { border: 1px solid #060606; } .top-frame .portlet-navigation .nav-menu ul a { color: #060606; } .top-frame .portlet-navigation .nav-menu ul ul a { color: #070707; } .top-frame .portlet-navigation .nav-menu > ul > li { color: #070707; } .top-frame .events .event-highlight { font-size: 1.1em; border-top: solid 1px #003f4c; } .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 #003f4c; } .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: #003f4c; display: block; position: relative; } .top-frame .events.event-search-portlet .event-list-wrapper > .span12 > .span3 { background: #003f4c; } .top-frame .events.event-search-portlet .event-list-wrapper { border-color: #003f4c; } .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: #003f4c; 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 #003f4c; border-right: 1px solid #003f4c; border-left: 1px solid #003f4c; 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: #003f4c; } .top-frame #scrollToTop { color: #fff; background: #003f4c; } .top-frame #scrollToTop:hover { background: #003944; } .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: #003f4c; color: white !important; } .top-frame #banner .language-version-selection-portlet .lang-nav ul { background: #003f4c; } .top-frame .media-item .small figure { float: left; margin-right: 1em; } .top-frame .media-item .dark-link { color: #060606; } .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: #060606; } .top-frame .media-item .meta { margin-bottom: em(5px); color: #070707; font-size: .9em; } .top-frame .feed-item.simple .meta { color: #070707; font-size: .9em; } .top-frame .feed-item.simple h6 a { color: #060606; } .top-frame ul.position-nav li.selected { background: #003f4c; } .top-frame ul.position-nav li.selected:hover { background-color: #003f4c; } .top-frame .carousel .description { font-family: Helvetica,Arial,sans-serif; font-weight: normal; } .panel.border-top-emphasis { border-top: solid 4px #003f4c; } .top-frame #banner { background-repeat: repeat; background-size: initial; background-position: center top; background-color: #fff; background-image: url('data:image/svg+xml,data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg"/%3E'); color: #003f4c; } .top-frame #banner a { color: #003f4c; } .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: #003f4c; } .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: #003f4c; 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: #003944; } .top-frame #banner nav a { color: #003f4c; } .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: #003f4c; color: #fff; } .top-frame #footer a { color: #fff; } .top-frame #footer .footer-bottom-bar { background-color: #003f4c; } .top-frame body { background-color: #fff; background-image: url('data:image/svg+xml,data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg"/%3E'); background-position: center top; background-repeat: no-repeat; background-size: initial; background-attachment: scroll; } .top-frame .page-wrapper { max-width: 100%; margin: 0 auto; } .top-frame .layout-wrapper, .top-frame #main-content:not(.layout-wide) { background: transparent; padding-left: 0; padding-right: 0; } .top-frame .homepage .layout-wrapper-wide { background: #fbeadc; } .top-frame .homepage .layout-wrapper-wide *, .top-frame .homepage .layout-wrapper-wide .carousel-wrapper ul li h3 a .description { color: #003f4c; } .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: #060606; } .mobile-menu-actions a { color: #003f4c; } .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: #003f4c; } .mm-menu { border-color: #003f4c; } .mm-menu a { color: white; } .mm-menu a:hover, .mm-menu a:focus { color: white; } @font-face { font-family: "Noto Serif SC"; font-style: normal; font-weight: 200; src: url("/documents/25250457/25884639/noto-serif-sc-v7-latin-200.eot?t=1649760260145"); src: local("Noto Serif SC ExtraLight"),local("NotoSerifSC-ExtraLight"),url("/documents/25250457/25884639/noto-serif-sc-v7-latin-200.eot?#iefix?t=1649760260145") format("embedded-opentype"),url("/documents/25250457/25884639/noto-serif-sc-v7-latin-200.woff2?t=1649760260145") format("woff2"),url("/documents/25250457/25884639/noto-serif-sc-v7-latin-200.woff?t=1649760260145") format("woff"),url("/documents/25250457/25884639/noto-serif-sc-v7-latin-200.svg#NotoSerifSC?t=1649760260145") format("svg"); } @font-face { font-family: "Noto Serif SC"; font-style: normal; font-weight: 400; src: url("/documents/25250457/25884639/noto-serif-sc-v7-latin-regular.eot?t=1649760260145"); src: local("Noto Serif SC"),local("NotoSerifSC-Regular"),url("/documents/25250457/25884639/noto-serif-sc-v7-latin-regular.eot?#iefix?t=1649760260145") format("embedded-opentype"),url("/documents/25250457/25884639/noto-serif-sc-v7-latin-regular.woff2?t=1649760260145") format("woff2"),url("/documents/25250457/25884639/noto-serif-sc-v7-latin-regular.woff?t=1649760260145") format("woff"),url("/documents/25250457/25884639/noto-serif-sc-v7-latin-regular.svg#NotoSerifSC?t=1649760260145") format("svg"); } @font-face { font-family: "Noto Serif SC"; font-style: normal; font-weight: 500; src: url("/documents/25250457/25884639/noto-serif-sc-v7-latin-500.eot?t=1649760260145"); src: local("Noto Serif SC Medium"),local("NotoSerifSC-Medium"),url("/documents/25250457/25884639/noto-serif-sc-v7-latin-500.eot?#iefix?t=1649760260145") format("embedded-opentype"),url("/documents/25250457/25884639/noto-serif-sc-v7-latin-500.woff2?t=1649760260145") format("woff2"),url("/documents/25250457/25884639/noto-serif-sc-v7-latin-500.woff?t=1649760260145") format("woff"),url("/documents/25250457/25884639/noto-serif-sc-v7-latin-500.svg#NotoSerifSC?t=1649760260145") format("svg"); } @font-face { font-family: "Noto Serif SC"; font-style: normal; font-weight: 600; src: url("/documents/25250457/25884639/noto-serif-sc-v7-latin-600.eot?t=1649760260145"); src: local("Noto Serif SC SemiBold"),local("NotoSerifSC-SemiBold"),url("/documents/25250457/25884639/noto-serif-sc-v7-latin-600.eot?#iefix?t=1649760260145") format("embedded-opentype"),url("/documents/25250457/25884639/noto-serif-sc-v7-latin-600.woff2?t=1649760260145") format("woff2"),url("/documents/25250457/25884639/noto-serif-sc-v7-latin-600.woff?t=1649760260145") format("woff"),url("/documents/25250457/25884639/noto-serif-sc-v7-latin-600.svg#NotoSerifSC?t=1649760260145") format("svg"); } @font-face { font-family: "Noto Serif SC"; font-style: normal; font-weight: 700; src: url("/documents/25250457/25884639/noto-serif-sc-v7-latin-700.eot?t=1649760260145"); src: local("Noto Serif SC Bold"),local("NotoSerifSC-Bold"),url("/documents/25250457/25884639/noto-serif-sc-v7-latin-700.eot?#iefix?t=1649760260145") format("embedded-opentype"),url("/documents/25250457/25884639/noto-serif-sc-v7-latin-700.woff2?t=1649760260145") format("woff2"),url("/documents/25250457/25884639/noto-serif-sc-v7-latin-700.woff?t=1649760260145") format("woff"),url("/documents/25250457/25884639/noto-serif-sc-v7-latin-700.svg#NotoSerifSC?t=1649760260145") format("svg"); } @font-face { font-family: "Noto Serif SC"; font-style: normal; font-weight: 900; src: url("/documents/25250457/25884639/noto-serif-sc-v7-latin-900.eot?t=1649760260145"); src: local("Noto Serif SC Black"),local("NotoSerifSC-Black"),url("/documents/25250457/25884639/noto-serif-sc-v7-latin-900.eot?#iefix?t=1649760260145") format("embedded-opentype"),url("/documents/25250457/25884639/noto-serif-sc-v7-latin-900.woff2?t=1649760260145") format("woff2"),url("/documents/25250457/25884639/noto-serif-sc-v7-latin-900.woff?t=1649760260145") format("woff"),url("/documents/25250457/25884639/noto-serif-sc-v7-latin-900.svg#NotoSerifSC?t=1649760260145") format("svg"); } .lfr-add-panel .add-content-menu h1 { position: inherit !important; margin-top: 0 !important; display: inline-block !important; } .modal-content .modal-header h3 { position: inherit; margin-top: 0; display: inline-block; } .modal-content .modal-header h3:before { content: ""; display: none; } .signed-out .portlet-borderless-bar { display: none; } .site-theme.top-frame .article-form-edit a.btn { display: inline-block; padding: 4px 12px; margin-bottom: 0; font-size: 15px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333; background-color: #eaeaea; border: 1px solid #cfcfcf; text-transform: none; } .site-theme.top-frame .portlet-borderless-bar { font-family: Arial,Helvetica,sans-serif; } .site-theme.top-frame .portlet-asset-publisher .asset-full-content .lfr-meta-actions.asset-actions { float: none; } .site-theme.top-frame .portlet-dockbar { z-index: 10; } .site-theme.top-frame { text-rendering: optimizeLegibility !important; -webkit-font-smoothing: subpixel-antialiased; } .site-theme.top-frame body { overflow-x: hidden; } .site-theme.top-frame body a { text-decoration: none; } .site-theme.top-frame body a:hover, .site-theme.top-frame body a:active { text-decoration: underline; } .site-theme.top-frame body a:focus { outline: 1px dotted #060606; outline: 5px auto -webkit-focus-ring-color; text-decoration: underline !important; } .site-theme.top-frame body > .page-wrapper, .site-theme.top-frame body > #footer, .site-theme.top-frame body h1, .site-theme.top-frame body h2, .site-theme.top-frame body h3, .site-theme.top-frame body h4, .site-theme.top-frame body h5, .site-theme.top-frame body h6, .site-theme.top-frame body .h1, .site-theme.top-frame body .h2, .site-theme.top-frame body .h3, .site-theme.top-frame body .h4, .site-theme.top-frame body .h5, .site-theme.top-frame body .h6 { font-family: "Noto Serif SC",Georgia,"Times New Roman",Times,serif; } .site-theme.top-frame body #main-content, .site-theme.top-frame body #content { padding-left: 0; padding-right: 0; } .site-theme.top-frame body #content { background-image: url("/documents/25250457/25822467/lehtigrafiikka-alasivu.svg/97dcc1ee-6943-9d4c-2fcc-914acff42c17?t=1649760260145"); background-position: bottom right; background-repeat: no-repeat; background-size: 1080px auto; } .site-theme.top-frame body #content > div > .layout-wrapper > .portlet-layout.row { margin-right: 0; margin-left: 0; } .site-theme.top-frame body #content > div > .layout-wrapper > .portlet-layout.row > div[class*="col-"]:first-child { padding-left: 0; } .site-theme.top-frame body #content > div > .layout-wrapper > .portlet-layout.row > div[class*="col-"]:last-child { padding-right: 0; } .site-theme.top-frame body #content > div > .layout-wrapper-wide > .layout-wrapper-wide-container > .portlet-layout.row { margin-right: 0; margin-left: 0; } .site-theme.top-frame body #content > div > .layout-wrapper-wide > .layout-wrapper-wide-container > .portlet-layout.row > div[class*="col-"]:first-child { padding-left: 0; } .site-theme.top-frame body #content > div > .layout-wrapper-wide > .layout-wrapper-wide-container > .portlet-layout.row > div[class*="col-"]:last-child { padding-right: 0; } .site-theme.top-frame body #content #main-content .portlet-layout.row { margin-bottom: 2rem; } .site-theme.top-frame body #content #main-content .portlet-layout.row:last-child { margin-bottom: 0; } .site-theme.top-frame body #content .portlet-column-content > .portlet-boundary { margin-bottom: 2rem; } .site-theme.top-frame body #content .portlet-column-content > .portlet-boundary:last-child { margin-bottom: 0; } .site-theme.top-frame body #content .portlet-content > .portlet-header h1, .site-theme.top-frame body #content .portlet-content > .portlet-header h2, .site-theme.top-frame body #content .portlet-content > .portlet-header h3 { margin: 0 auto 3rem; font-size: 2.125rem; font-weight: 500; line-height: 1.05882; text-align: center; text-transform: uppercase; } .site-theme.top-frame body.homepage #content { background-image: none; } .site-theme.top-frame .portlet-breadcrumb { padding-left: 1rem; padding-right: 1rem; } .site-theme.top-frame .portlet-breadcrumb * { font-size: 1rem; } .site-theme.top-frame #column-1 .journal-content-article { padding-left: 1rem; padding-right: 1rem; } .site-theme.top-frame div.mce_inline_error { background-color: #6b0505 !important; color: #fff !important; } .site-theme.top-frame .nav-pills li.active a.nav-link { background-color: #003f4c; color: #fff; } .site-theme.top-frame #banner { position: relative; width: 100%; margin: 0 auto; padding: 0; } .site-theme.top-frame #banner #heading { background: #003f4c; } .site-theme.top-frame #banner #heading > div.yja-site-template-settings-header-portlet { max-width: 1440px; margin: 0 auto; } .site-theme.top-frame #banner #heading > div.yja-site-template-settings-header-portlet > .portlet { position: static; margin-bottom: 0; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar { max-width: 1440px; margin: 0 auto; color: #fff; background-color: transparent; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar .layout-wrapper-wide-container { display: flex; flex-flow: row nowrap; justify-content: flex-end; max-width: 1440px; padding: 0; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar .layout-wrapper-wide-container > div { display: flex; flex-flow: column nowrap; justify-content: center; padding: 0.75rem 0; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar .layout-wrapper-wide-container .header-top-bar-links-lang .lang-nav, .site-theme.top-frame #banner #heading .portlet-body .header-top-bar .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet { margin-left: 3rem; letter-spacing: 0.0375rem; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar .layout-wrapper-wide-container .header-top-bar-links-lang .lang-nav li, .site-theme.top-frame #banner #heading .portlet-body .header-top-bar .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet li { font-size: 1rem; font-weight: 400; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar .layout-wrapper-wide-container .header-top-bar-links-lang .lang-nav a, .site-theme.top-frame #banner #heading .portlet-body .header-top-bar .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet a { color: #fff; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet li { border-color: #fff; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet li a { color: #fff; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar .layout-wrapper-wide-container .header-top-bar-links-right { position: relative; right: 0; letter-spacing: 0.0375rem; margin-top: 0; margin-bottom: auto; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar .layout-wrapper-wide-container .header-top-bar-links-right div { display: flex; flex-flow: row nowrap; justify-content: end; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar .layout-wrapper-wide-container .header-top-bar-links-right div ul { display: flex; flex-flow: row nowrap; list-style: none; margin: 0; padding: 0; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar .layout-wrapper-wide-container .header-top-bar-links-right div ul li { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; margin: 0 1rem 0 0; font-size: 1rem; font-weight: 400; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar .layout-wrapper-wide-container .header-top-bar-links-right div ul li:last-child { margin-right: 0; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar .layout-wrapper-wide-container .header-top-bar-links-right div ul li a { color: #fff; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar .layout-wrapper-wide-container .header-top-bar-links-right div ul li a:before { color: #fff; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar .layout-wrapper-wide-container .header-top-bar-links-right div ul.top-bar-some-list li { line-height: 1; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar .layout-wrapper-wide-container .header-top-bar-links-right div ul.top-bar-some-list li a:before { display: block; padding: 0.09375rem 0.0625rem; width: 1.5rem; height: 1.5rem; color: #fff; border-radius: 0.25rem; font-size: 1.5rem; font-weight: 400; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar .layout-wrapper-wide-container .header-top-bar-links-right div ul.top-bar-link-list { margin-left: 3rem; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar.hasLangDrowpdown .layout-wrapper-wide-container .header-top-bar-links-right { top: 0; } .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: absolute; top: 2.375rem; left: 1.5rem; 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.8125rem; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-7 #service-mobile-search, .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-7 #service-mobile-search > span { display: none; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 { position: absolute; display: none; bottom: 0.5rem; right: calc(50vw - 720px); width: 250px; flex: 0 0 250px; max-width: 250px; height: auto; background-color: transparent; z-index: 2; opacity: 0; transition: 0.1s linear opacity; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5.search-visible { display: block; opacity: 1; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 .header-top-right-area { margin: 0; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 .header-top-right-area form.search-form { position: relative; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 .header-top-right-area form.search-form:after { content: "\f002"; position: absolute; display: block; top: 0.125rem; right: 0; width: 2.5rem; height: 2.5rem; padding: 0.375rem; color: #060606; text-align: center; text-transform: none; font-size: 1.5rem; font-family: "fontawesome-alloy"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; z-index: 3; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 .header-top-right-area form.search-form > .input-group { flex-flow: row nowrap; z-index: 2; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 .header-top-right-area form.search-form > .input-group > input.search-query { margin: 0; padding: 0.6125rem 2.5rem 0.6125rem 1.25rem; background-color: #fff; color: #060606; border-color: #003f4c; border-radius: 1.5rem; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 .header-top-right-area form.search-form > .input-group > .input-group-append { position: absolute; display: block; top: 0; right: 0.5rem; width: 2.5rem; height: 2.5rem; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 .header-top-right-area form.search-form > .input-group > .input-group-append > .btn { display: block; width: 100%; height: 100%; padding: 0; margin: 0; border: none; color: #060606; background-color: transparent; border-radius: 1rem; box-shadow: none; overflow: hidden; text-indent: 3rem; border-color: #003f4c; } .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 .mobile-menu-actions a, .site-theme.top-frame .mobile-menu-actions button { color: #003f4c; background-color: #fff; } .site-theme.top-frame #banner nav { width: 100%; max-width: 1440px; } .site-theme.top-frame #banner nav.main-nav { margin: 0 auto; padding: 3rem 0; } .site-theme.top-frame #banner nav > ul { position: relative; max-width: 100%; margin: 0; padding: 0 0 0 23.5625rem; display: flex; flex-flow: row wrap; justify-content: flex-end; align-content: stretch; z-index: 3; } .site-theme.top-frame #banner nav > ul > li { position: static !important; flex: 0 1 auto; display: flex; flex-flow: row nowrap; justify-content: center; height: 3.8125rem; padding: 0; margin: 0; } .site-theme.top-frame #banner nav > ul > li#layout_000 { position: absolute !important; top: 0; left: 0; height: 3.8125rem; width: 23.5625rem; margin: 0; text-indent: -9999rem; background-size: auto 3.8125rem; background-repeat: no-repeat; } .site-theme.top-frame #banner nav > ul > li#layout_000 a { width: 100%; padding: 0 !important; } .site-theme.top-frame #banner nav > ul > li:last-child { margin: 0; } .site-theme.top-frame #banner nav > ul > li:last-child button#search-toggler { position: relative; width: 1.75rem; height: 100%; font-size: 1.125rem; text-align: right; background-color: transparent; border-style: none; border-width: 0; border-color: transparent; color: #003f4c; z-index: 4; overflow: visible; cursor: pointer; } .site-theme.top-frame #banner nav > ul > li:last-child button#search-toggler:before { position: absolute; display: block; left: 0; top: 50%; width: 100%; height: 100%; margin-top: -0.75rem; margin-left: -0.375rem; line-height: 1.44444; } .site-theme.top-frame #banner nav > ul > li:last-child button#search-toggler .tooltip { font-size: 1.125rem; } .site-theme.top-frame #banner nav > ul > li > a { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; height: 100%; padding: 0 0.75rem; font-size: 1.125rem; line-height: 1.5; font-weight: 700; text-transform: uppercase; white-space: nowrap; z-index: 1; } .site-theme.top-frame #banner nav > ul > li > a.hasChildren { padding-right: 0; } .site-theme.top-frame #banner nav > ul > li > a span { text-decoration: none; } .site-theme.top-frame #banner nav > ul > li > a:hover span, .site-theme.top-frame #banner nav > ul > li > a:focus span { text-decoration: underline; } .site-theme.top-frame #banner nav > ul > li .toggleVisibility { position: relative; display: inline-block; width: 1.875rem; height: 100%; margin: 0; padding: 0 0.375rem 0 0.25rem; text-align: center; border: none; color: #060606; background-color: transparent; z-index: 2; } .site-theme.top-frame #banner nav > ul > li .toggleVisibility:before { display: block; top: 50%; margin-top: 0.25rem; font-size: 0.75rem; } .site-theme.top-frame #banner nav > ul > li.hasChildren.open { background-color: #fbeadc; border-radius: 0.25rem 0.25rem 0 0; } .site-theme.top-frame #banner nav > ul > li.hasChildren > a { padding-right: 0; } .site-theme.top-frame #banner nav > ul > li.hasChildren > .toggleVisibility:before { margin-top: 0; } .site-theme.top-frame #banner nav > ul > li.selected { background-color: transparent; } .site-theme.top-frame #banner nav > ul > li.selected a span { color: #003f4c; border-bottom: 1px solid #003f4c; } .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: #060606; 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: #060606; font-weight: 700; } .site-theme.top-frame #banner nav > ul > li.selected ul li.selected ul li.selected { background-color: transparent; } .site-theme.top-frame #banner nav > ul > li.selected ul li a[aria-current="page"] span { border-bottom: 1px solid #003f4c; } .site-theme.top-frame #banner nav > ul > li.open ul { visibility: visible; opacity: 1; } .site-theme.top-frame #banner nav > ul > li ul { display: flex; visibility: hidden; opacity: 0; flex-flow: row wrap; position: absolute; top: 3.8125rem; right: 1.75rem; margin: 0; width: calc(100% - (23.5625rem + 1.75rem)); background-color: #fbeadc; z-index: 3; box-shadow: 0 6px 10px -6px rgba(0,0,0,0.3); transition: opacity 150ms ease-in; } .site-theme.top-frame #banner nav > ul > li ul li { position: static !important; display: flex; flex-flow: row nowrap; width: 33.333%; padding: 0.25rem; white-space: nowrap; } .site-theme.top-frame #banner nav > ul > li ul li a { position: relative; display: block; width: 100%; padding: 0.5rem 0.75rem 0.5rem 1.25rem !important; text-align: left; font-size: 1rem; font-weight: 400; color: #060606; white-space: normal; } .site-theme.top-frame #banner nav > ul > li ul li a:before { content: "\f054"; position: absolute; display: block; left: 0.5rem; top: 0.75rem; color: #76305c; text-align: center; text-transform: none; font-family: "fontawesome-alloy"; font-size: 0.75rem; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; } .site-theme.top-frame #banner nav > ul > li ul li a.hasChildren { width: calc(100% - 1.75rem); padding-right: 0.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:hover span, .site-theme.top-frame #banner nav > ul > li ul li a:focus span { text-decoration: underline; } .site-theme.top-frame #banner nav > ul > li ul li .toggleVisibility { width: 1.75rem; height: auto; margin: 0; padding: 0.625rem 0; } .site-theme.top-frame #banner nav > ul > li ul li .toggleVisibility:before { color: #003f4c; } .site-theme.top-frame #banner nav > ul > li ul li ul { display: none; } .site-theme.top-frame #banner nav > ul > li ul li.open { background-color: #f6f6f7; } .site-theme.top-frame #banner nav > ul > li ul.open li.open ul { display: flex; } .site-theme.top-frame #banner nav.fixed { height: auto; margin: 0; padding: 1.5rem 0; background-color: #003f4c; } .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 .container.footer-main-content { padding: 3rem 1.5rem 2.5rem; max-width: 1440px; } .site-theme.top-frame #footer .container.footer-main-content .col { padding: 0; margin: 0 5rem 0 0; width: calc(25% - 3.75rem); max-width: calc(25% - 3.75rem); flex: 0 0 calc(25% - 3.75rem); font-size: 1rem; font-weight: 200; line-height: 1.57142; letter-spacing: 0.0375rem; } .site-theme.top-frame #footer .container.footer-main-content .col:last-child { margin-right: 0; } .site-theme.top-frame #footer .container.footer-main-content .col div ul { list-style: none; margin: 0 0 2rem; } .site-theme.top-frame #footer .container.footer-main-content .col div ul li { margin: 0 0 0.5rem; padding: 0; line-height: 2.21429; } .site-theme.top-frame #footer .container.footer-main-content .col div ul li:last-child { margin-bottom: 0; } .site-theme.top-frame #footer .container.footer-main-content .col div ul li a { text-transform: uppercase; } .site-theme.top-frame #footer .container.footer-main-content .col div ul.some-list { display: flex; flex-flow: row nowrap; } .site-theme.top-frame #footer .container.footer-main-content .col div ul.some-list li { margin: 0 1rem 0 0; } .site-theme.top-frame #footer .container.footer-main-content .col div ul.some-list li:last-child { margin-right: 0; } .site-theme.top-frame #footer .container.footer-main-content .col div ul.some-list li a { color: #fff; } .site-theme.top-frame #footer .container.footer-main-content .col div ul.some-list li a:before { display: block; padding: 0.0625rem; width: 1.875rem; height: 1.875rem; border-radius: 0.5rem; font-size: 1.875rem; font-weight: 400; text-align: center; } .site-theme.top-frame #footer .container.footer-main-content .col div ul:last-child { margin-bottom: 0; } .site-theme.top-frame #footer .container.footer-main-content .col div h4 { text-transform: uppercase; font-size: 1rem; font-weight: 500; color: #fff; } .site-theme.top-frame #footer .container.footer-main-content .col div img { max-width: 100%; } .site-theme.top-frame #footer .footer-bottom-bar { padding: 0 1.5rem; } .site-theme.top-frame #footer .footer-bottom-bar .container { max-width: 1440px; padding: 2rem 0; border-top: 1px solid rgba(255,255,255,0.5); } .site-theme.top-frame #footer .footer-bottom-bar .container p { text-align: center; font-size: 1rem; font-weight: 200; letter-spacing: 0.0375rem; } .site-theme.top-frame #footer .footer-bottom-bar .container p a { display: inline-block; margin: 0 0.5rem; } .site-theme.top-frame #footer .footer-bottom-bar .container p:last-child { margin-bottom: 0; } .site-theme.top-frame #content .frontpage .layout-wrapper:first-of-type > div:first-of-type { width: 100%; margin: 0 0 2rem; padding: 0; } .site-theme.top-frame #content .frontpage .layout-wrapper:first-of-type > div:first-of-type .portlet { margin: 0; } .site-theme.top-frame #content .frontpage > .layout-wrapper-wide #column-13 { min-height: 0; } .site-theme.top-frame #content .frontpage .portlet-nested-portlets { max-width: 1440px; margin: 0 auto; padding: 2.5rem 0; } .site-theme.top-frame #content .frontpage .portlet-nested-portlets .portlet-content > .portlet-header h2 { margin: 0.75rem auto 2.5rem; } .site-theme.top-frame #content .frontpage .portlet-nested-portlets .portlet-layout.row > div .portlet-content > .portlet-header h3 { max-width: 100%; margin: 0; padding-top: 0.875rem; padding-bottom: 0.875rem; font-size: 1rem; line-height: 1.375; background-color: #003f4c; color: #fff; } .site-theme.top-frame #content .frontpage .portlet-nested-portlets .portlet-layout.row > div .portlet-asset-publisher .portlet-body { padding: 0.5rem 1.5rem 2rem; background-color: #fff; } .site-theme.top-frame #main-content.landingpage-layout-container > .portlet-layout.row { width: 100%; max-width: 100%; } .site-theme.top-frame #main-content.landingpage-layout-container > .portlet-layout.row #column-5 { max-width: 1440px; margin: 0 auto; } .site-theme.top-frame #main-content.landingpage-layout-container > .landingpage-layout > .portlet-layout.row { position: relative; width: 100%; max-width: 1440px; margin: 0 auto; } .site-theme.top-frame #content > #main-content.listing-layout > .portlet-layout.row { max-width: 1440px; margin: 0 auto; } .site-theme.top-frame #main-content.listing-layout > .layout-wrapper > .portlet-layout.row { max-width: 1440px; margin: 0 auto; } .site-theme.top-frame #main-content.listing-layout.journal-display-page { max-width: 1440px; margin: 0 auto; } .site-theme.top-frame #main-content .portlet-body > .journal-content-article > * { margin-top: 1.5rem; margin-bottom: 1.5rem; } .site-theme.top-frame #main-content .portlet-body > .journal-content-article > *:first-child { margin-top: 0; } .site-theme.top-frame #main-content .portlet-body > .journal-content-article > *:last-child { margin-bottom: 0; } .site-theme.top-frame #main-content .portlet-body > .journal-content-article ul { list-style-type: disc; } .site-theme.top-frame #main-content .portlet-body > .journal-content-article ul, .site-theme.top-frame #main-content .portlet-body > .journal-content-article ol { font-size: 1.25rem; line-height: 1.5; padding-left: 1rem; } .site-theme.top-frame #main-content .portlet-body a { text-decoration: underline; } .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; } .site-theme.top-frame #main-content .portlet-body h1, .site-theme.top-frame #main-content .portlet-body .h1 { font-size: 2.75rem; line-height: 1.5; } .site-theme.top-frame #main-content .portlet-body h2, .site-theme.top-frame #main-content .portlet-body .h2 { font-size: 2.25rem; line-height: 1.5; } .site-theme.top-frame #main-content .portlet-body h3, .site-theme.top-frame #main-content .portlet-body .h3 { font-size: 2rem; line-height: 1.5; } .site-theme.top-frame #main-content .portlet-body h4, .site-theme.top-frame #main-content .portlet-body .h4 { font-size: 1.5rem; } .site-theme.top-frame #main-content .portlet-body h5, .site-theme.top-frame #main-content .portlet-body .h5 { font-size: 1.4rem; } .site-theme.top-frame #main-content .portlet-body h6, .site-theme.top-frame #main-content .portlet-body .h6 { font-size: 1.33rem; } .site-theme.top-frame #main-content .portlet-body p { font-size: 1.25rem; line-height: 1.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: 700; } .site-theme.top-frame #main-content .portlet-body ul, .site-theme.top-frame #main-content .portlet-body ol { margin: 0 0 0.625rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .site-theme.top-frame #main-content .portlet-body ul ul, .site-theme.top-frame #main-content .portlet-body ol ol { margin-top: 0; margin-bottom: 0; margin-left: 1.125rem; } .site-theme.top-frame #main-content .portlet-body ul li, .site-theme.top-frame #main-content .portlet-body ol li { line-height: 1.5; } .site-theme.top-frame #main-content .portlet-body table { border-width: 0; } .site-theme.top-frame #main-content .portlet-body table thead:first-child tr:first-child th, .site-theme.top-frame #main-content .portlet-body table tbody:first-child tr:first-child td { border-width: 1px 0; border-style: solid; border-color: #003f4c; } .site-theme.top-frame #main-content .portlet-body table tr th, .site-theme.top-frame #main-content .portlet-body table tr td { padding: 0.125rem; font-size: 1.25rem; line-height: 1.5; border-style: solid; border-width: 0 0 1px; border-color: #003f4c; } .site-theme.top-frame #main-content .portlet-body .table-responsive { overflow-x: auto; } .site-theme.top-frame #main-content .portlet-body blockquote { position: relative; font-size: 1.25rem; line-height: 1.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-size: 1.75rem; line-height: 1.5; } .site-theme.top-frame #main-content .portlet-body span[itemprop="articleBody"] { margin: 0; } .site-theme.top-frame #content .web-content-listing-portlet .list.list__item a { color: #060606; font-size: 1.5rem; } .site-theme.top-frame #content .web-content-listing-portlet .list.list__item a:hover, .site-theme.top-frame #content .web-content-listing-portlet .list.list__item a:focus { color: #003f4c; } .site-theme.top-frame #content .portlet-breadcrumb .portlet-body > nav > ul.breadcrumb { list-style: none; margin: 0 0 1.5rem 25.64102%; padding: 0; } .site-theme.top-frame #content .portlet-breadcrumb .portlet-body > nav > ul.breadcrumb li:before { content: ">"; } .site-theme.top-frame #content .portlet-breadcrumb .portlet-body > nav > ul.breadcrumb li:first-child:before { content: "" !important; padding: 0; } .site-theme.top-frame #content .portlet-breadcrumb .portlet-body > nav > ul.breadcrumb li a { color: #003f4c; text-decoration: none; } .site-theme.top-frame #content .portlet-breadcrumb .portlet-body > nav > ul.breadcrumb li a:hover, .site-theme.top-frame #content .portlet-breadcrumb .portlet-body > nav > ul.breadcrumb li a:active { text-decoration: underline; } .site-theme.top-frame #content #main-content.landingpage-layout-container .portlet-breadcrumb .portlet-body > nav > ul.breadcrumb { margin-left: 0; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > .list-menu__header { border-bottom: 1px solid #003f4c; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > .list-menu__header h3, .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > .list-menu__header .list-menu__title { margin: 1.125rem 0 0 !important; padding: 0 0 1.375rem; font-size: 1.5rem; line-height: 1.08333; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > .list-menu__header h3 a, .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > .list-menu__header .list-menu__title a { text-decoration: none; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > .list-menu__header h3 a:hover, .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > .list-menu__header .list-menu__title a:hover, .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > .list-menu__header h3 a:active, .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > .list-menu__header .list-menu__title a:active { text-decoration: underline; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > ul { list-style: none; margin: 0 0 0 1.875rem; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > ul li a { padding: 1.125rem 0.625rem; font-size: 1.125rem; text-decoration: none; overflow-wrap: break-word; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > ul li a:hover, .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > ul li a:active { text-decoration: underline; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > ul li.active > a.active { font-weight: 700; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > ul li.hasChild > a { padding-right: 2.75rem; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > ul li .toggleVisibility { top: 0.0625rem; padding: 1.0625em 1rem; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > ul ul { list-style: none; margin: 0 0 0 1rem; padding: 0; } .site-theme.top-frame #content .fessWrapper { font-family: "Noto Serif SC",Georgia,"Times New Roman",Times,serif; } .site-theme.top-frame #content .fessWrapper > .fessForm form table td { border-width: 0 !important; } .site-theme.top-frame #content .fessWrapper > .fessForm form table td > div > button { padding: 0; font-weight: 700; font-size: 1.25rem; } .site-theme.top-frame #content .fessWrapper #result table.result-header td { border-color: #eaede5; border-width: 0; } .site-theme.top-frame #content .yja-accordion { margin: 1.5rem 0; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper { margin: 0 0 0.375rem; border-bottom: 1px solid #eaede5; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper > .yja-accordion-toggle { margin: 0; border-width: 1px 1px 0; border-style: solid; border-color: #eaede5; background-color: #eaede5; position: relative; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper > .yja-accordion-toggle > button { margin: 0; padding: 1.5rem 3rem; font-size: 1.375rem; line-height: 1.18182; color: #003f4c; background: transparent; border: none; text-align: left; width: 100%; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper > .yja-accordion-toggle > i { margin: 1.5rem 1rem 0 0; font-size: 1.75rem; position: absolute; top: 50%; right: 0; transform: translateY(-50%); margin-top: 0 !important; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper > .yja-accordion-toggle > i:before { content: "\f055"; color: #003f4c; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper .yja-accordion-toggle--button[aria-expanded="true"] { background-color: #fff !important; font-weight: 700; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper .yja-accordion-toggle--button[aria-expanded="true"]+ i:before { content: "\f056"; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper > .yja-accordion-content { position: relative; margin: 0; padding: 1.5rem 3rem; background-color: #fff; border-width: 0 1px; border-style: solid; border-color: #eaede5; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper > .yja-accordion-content:before { content: " "; position: absolute; top: 0; left: 3rem; display: block; height: 1px; width: calc(100% - 6rem); background-color: #dcdcdc; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper > .yja-accordion-content[aria-hidden="true"] { display: none; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper > .yja-accordion-content[aria-hidden="false"] { display: block; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper:last-child { margin-bottom: 0; } .site-theme.top-frame #content .twitter-widget-portlet ul.tweets { margin-left: 0; } .site-theme.top-frame #content .twitter-widget-portlet ul.tweets > li p.tweet { word-wrap: break-word; } .site-theme.top-frame #content .twitter-widget-portlet ul.tweets > li p.tweet > a span { color: #fbeadc; } .site-theme.top-frame #content #main-content.frontpage .twitter-widget-portlet { margin-top: 0; } .site-theme.top-frame #content #main-content.frontpage .twitter-widget-portlet .portlet-body { background-color: transparent; } .site-theme.top-frame #content .portlet-document-library .sidenav-content .searchcontainer-content > ul.list-unstyled li .card .taglib-vertical-card-footer { min-height: 3.25rem; } .site-theme.top-frame #content .portlet-document-library .sidenav-content .searchcontainer-content > ul.list-unstyled li .card .lfr-card-details-column > .lfr-card-modified-by-text, .site-theme.top-frame #content .portlet-document-library .sidenav-content .searchcontainer-content > ul.list-unstyled li .card .lfr-card-details-column > .lfr-card-workflow-text { display: none; } .site-theme.top-frame #content .content-lift-wrapper > .content-lift { display: flex; flex-flow: row nowrap; align-items: flex-start; justify-content: center; border-width: 0; } .site-theme.top-frame #content .content-lift-wrapper > .content-lift > a.content-lift-link { display: block; width: 50%; height: 100%; min-height: 100%; } .site-theme.top-frame #content .content-lift-wrapper > .content-lift > a.content-lift-link figure { position: relative; width: 100%; height: 100%; overflow: hidden; } .site-theme.top-frame #content .content-lift-wrapper > .content-lift > a.content-lift-link figure img { min-height: 100%; object-fit: cover; object-position: center; } .site-theme.top-frame #content .content-lift-wrapper > .content-lift > a.content-lift-link figure.compat-object-fit { background-position: center; background-repeat: no-repeat; background-size: cover; } .site-theme.top-frame #content .content-lift-wrapper > .content-lift > a.content-lift-link figure.compat-object-fit img { display: none !important; } .site-theme.top-frame #content .content-lift-wrapper > .content-lift > .description { display: flex; flex-flow: column nowrap; align-items: flex-start; justify-content: center; padding: 1.25rem 0 2rem 3.5rem !important; width: 50%; min-height: 100%; } .site-theme.top-frame #content .content-lift-wrapper > .content-lift > .description > h3 { width: 100%; margin: 0 0 1.5rem; } .site-theme.top-frame #content .content-lift-wrapper > .content-lift > .description > p { width: 100%; font-size: 1.25rem; line-height: 1.5; margin: 0 0 1.375rem; } .site-theme.top-frame #content .content-lift-wrapper > .content-lift > .description > p:last-child { margin-bottom: 0; } .site-theme.top-frame #content .content-lift-wrapper > .content-lift > .description > p > a { display: inline-block; padding: 1rem 2.5rem; font-size: 1.125rem; font-weight: 400; text-transform: uppercase; text-decoration: none; border-radius: 0.75rem; color: #fff; background-color: #76305c; letter-spacing: 0.0375rem; } .site-theme.top-frame #content .content-lift-wrapper > .content-lift > .description > p > a:hover, .site-theme.top-frame #content .content-lift-wrapper > .content-lift > .description > p > a:active { text-decoration: underline; } .site-theme.top-frame #content .hero__lift { position: relative; display: flex; flex-flow: row nowrap; margin: 0 auto; padding: 0; } .site-theme.top-frame #content .hero__lift:before { content: " "; display: block; position: absolute; top: 0; left: calc(-33% + 1px); height: 100%; width: 33%; background-color: #003f4c; } .site-theme.top-frame #content .hero__lift .hero__lift--content { display: flex; flex-flow: column nowrap; justify-content: center; align-items: flex-end; width: 50%; padding: 2.5rem 2rem 2.5rem 0; background-color: #003f4c; } .site-theme.top-frame #content .hero__lift .hero__lift--content > * { display: block; width: 100%; max-width: calc(720px - 3.5rem); letter-spacing: 0.0375rem; } .site-theme.top-frame #content .hero__lift .hero__lift--content h1, .site-theme.top-frame #content .hero__lift .hero__lift--content h2, .site-theme.top-frame #content .hero__lift .hero__lift--content h3, .site-theme.top-frame #content .hero__lift .hero__lift--content p, .site-theme.top-frame #content .hero__lift .hero__lift--content a { color: #fff; } .site-theme.top-frame #content .hero__lift .hero__lift--content h1, .site-theme.top-frame #content .hero__lift .hero__lift--content h2, .site-theme.top-frame #content .hero__lift .hero__lift--content h3 { margin: 0 0 1.75rem; font-size: 2.75rem; line-height: 1.04545; font-weight: 400; } .site-theme.top-frame #content .hero__lift .hero__lift--content p { margin: 0 0 1.75rem; font-size: 1.25rem; line-height: 1.5; font-weight: 200; } .site-theme.top-frame #content .hero__lift .hero__lift--content p:last-child { margin-bottom: 0; } .site-theme.top-frame #content .hero__lift .hero__lift--content a { display: inline-block; padding: 1rem 2.5rem; font-size: 1.125rem; font-weight: 400; text-transform: uppercase; text-decoration: none; border: 1px solid #fff; border-radius: 0.75rem; } .site-theme.top-frame #content .hero__lift .hero__lift--content a:hover, .site-theme.top-frame #content .hero__lift .hero__lift--content a:active { text-decoration: underline; } .site-theme.top-frame #content .hero__lift .hero__lift--image { display: flex; flex-flow: column nowrap; justify-content: center; width: 50%; height: auto; background-position: center; background-repeat: no-repeat; background-size: cover; } .site-theme.top-frame #content .hero__lift .hero__lift--image iframe { position: absolute; width: 100%; height: 100%; } .site-theme.top-frame #content .hero__lift .hero__lift--image:not([style]) { background-color: #003f4c; } .site-theme.top-frame #content .image__lifts { display: flex; flex-flow: row wrap; justify-content: flex-start; max-width: 1440px; margin-top: 2rem; margin-bottom: 2rem; padding: 0; } .site-theme.top-frame #content .image__lifts .image__lifts--item { flex: 0 1 auto; margin: 0 1.5rem 1.5rem 0; padding: 0; border: 1px solid #eaede5; border-radius: 0 0 1rem 1rem; } .site-theme.top-frame #content .image__lifts .image__lifts--item > h2 { margin: 2.5rem 0 2rem; padding: 0 1.5rem; font-size: 1.75rem; font-weight: 900; line-height: 1.14286; text-align: center; } .site-theme.top-frame #content .image__lifts .image__lifts--item > h2 a { text-decoration: none; } .site-theme.top-frame #content .image__lifts .image__lifts--item > h2 a:hover, .site-theme.top-frame #content .image__lifts .image__lifts--item > h2 a:focus { text-decoration: underline; } .site-theme.top-frame #content .image__lifts .image__lifts--item > div { margin: 0 0 2rem; padding: 0 1.875rem; font-size: 1rem; font-weight: 500; line-height: 1.625; } .site-theme.top-frame #content .image__lifts .image__lifts--item > div a { text-decoration: none; } .site-theme.top-frame #content .image__lifts .image__lifts--item > div a:hover, .site-theme.top-frame #content .image__lifts .image__lifts--item > div a:focus { text-decoration: underline; } .site-theme.top-frame #content .image__lifts .image__lifts--item > div p { text-align: center; } .site-theme.top-frame #content .image__lifts .image__lifts--item > div ul { margin: 1.5rem 0; padding: 0; list-style: none; } .site-theme.top-frame #content .image__lifts .image__lifts--item > div ul:first-child { margin-top: 0; } .site-theme.top-frame #content .image__lifts .image__lifts--item > div ul:last-child { margin-bottom: 0; } .site-theme.top-frame #content .image__lifts .image__lifts--item > div ul li { position: relative; padding: 0.5rem 0 0.5rem 1.25rem; border-bottom: 1px solid #eaede5; } .site-theme.top-frame #content .image__lifts .image__lifts--item > div ul li:before { content: "\203A"; display: block; position: absolute; top: 0.5rem; left: 0; margin: 0 0.375rem; color: #003f4c; font-weight: 500; } .site-theme.top-frame #content .image__lifts .image__lifts--item > div ul li:last-child { border-bottom: none; } .site-theme.top-frame #content .shortcut__links { display: flex; flex-flow: row wrap; justify-content: flex-start; max-width: 1440px; margin-top: 2rem; margin-bottom: 2rem; padding: 0; } .site-theme.top-frame #content .shortcut__links > h2 { margin: 1.75rem 0; padding: 0 0 1.25rem; font-size: 2rem; font-weight: 500; line-height: 1.1875; text-align: center; text-transform: uppercase; } .site-theme.top-frame #content .shortcut__links > h2:after { content: " "; display: block; position: absolute; bottom: 0; left: 50%; width: 4.625rem; height: 0.25rem; margin-left: -2.3125rem; background-color: #fff; } .site-theme.top-frame #content .shortcut__links > a.shortcut__links--item { position: relative; display: flex; flex-flow: row nowrap; justify-content: flex-start; height: 5.5rem; margin: 0.75rem 0; padding: 0; text-decoration: none; } .site-theme.top-frame #content .shortcut__links > a.shortcut__links--item:hover, .site-theme.top-frame #content .shortcut__links > a.shortcut__links--item:focus { text-decoration: underline; } .site-theme.top-frame #content .shortcut__links > a.shortcut__links--item > img { width: 5.5rem; height: 100%; margin: 0 1.875rem 0 0; border-radius: 50%; background-color: #fff; } .site-theme.top-frame #content .shortcut__links > a.shortcut__links--item > span { display: flex; flex-flow: column nowrap; justify-content: center; width: calc(100% - 7.375rem); height: 100%; margin: 0 1.5rem 0 0; font-size: 1.625rem; font-weight: 500; line-height: 1.07692; } .site-theme.top-frame #content .content__links { display: flex; flex-flow: row wrap; justify-content: flex-start; padding: 0; } .site-theme.top-frame #content .content__links > h2 { margin: 0 0 1.5rem; width: 100%; } .site-theme.top-frame #content .content__links > a.content__link { position: relative; width: calc(50% - 0.75rem); padding: 1.375rem 2.75rem 1.375rem 1.875rem; margin: 0 0 1.25rem; font-size: 1.625rem; font-weight: 700; line-height: 1.2; text-decoration: none; text-transform: uppercase; overflow-wrap: break-word; background-color: #003f4c; color: #fff; border-radius: 3.25rem; } .site-theme.top-frame #content .content__links > a.content__link:after { content: "\f054"; position: absolute; top: 50%; right: 1rem; margin-top: -0.75rem; font-family: "fontawesome-alloy"; font-style: normal; font-weight: normal; font-variant: normal; font-size: 1.125em; line-height: 1; } .site-theme.top-frame #content .content__links > a.content__link.anchor { background-color: #dcdcdc; color: #060606; } .site-theme.top-frame #content .content__links > a.content__link.anchor:after { content: "\f0c1"; } .site-theme.top-frame #content .content__links > a.content__link.external-link:after { content: "\f08e"; } .site-theme.top-frame #content .content__links > a.content__link:hover, .site-theme.top-frame #content .content__links > a.content__link:active { text-decoration: underline; } .site-theme.top-frame #content .content__links > a.content__link:nth-of-type(even) { margin-left: 1.5rem; } .site-theme.top-frame #content #main-content.landingpage-layout-container .content__links > a.content__link { width: 100%; } .site-theme.top-frame #content #main-content.landingpage-layout-container .content__links > a.content__link:nth-of-type(even) { margin-left: 0; } .site-theme.top-frame #content .content__video > .content__video--link { position: relative; padding-top: 56.25%; } .site-theme.top-frame #content .content__video > .content__video--link iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .site-theme.top-frame #content .content__video > .content__video--text { margin: 1.5rem 0 2rem; padding: 0; } .site-theme.top-frame #content .content__lift { padding: 2rem 1.75rem; background-color: #fbeadc; border-radius: 0.5rem; transition: background-color 150ms linear; } .site-theme.top-frame #content .content__lift > *:first-child { margin-top: 0; } .site-theme.top-frame #content .content__lift > *:last-child { margin-bottom: 0; } .site-theme.top-frame #content .content__lift h1, .site-theme.top-frame #content .content__lift h2, .site-theme.top-frame #content .content__lift h3, .site-theme.top-frame #content .content__lift h4, .site-theme.top-frame #content .content__lift h5, .site-theme.top-frame #content .content__lift h6 { color: #003f4c; font-weight: 600; } .site-theme.top-frame #content .content__lift.link { display: block; text-decoration: none; } .site-theme.top-frame #content .content__lift.link:hover h1, .site-theme.top-frame #content .content__lift.link:focus h1, .site-theme.top-frame #content .content__lift.link:active h1, .site-theme.top-frame #content .content__lift.link:hover h2, .site-theme.top-frame #content .content__lift.link:focus h2, .site-theme.top-frame #content .content__lift.link:active h2, .site-theme.top-frame #content .content__lift.link:hover h3, .site-theme.top-frame #content .content__lift.link:focus h3, .site-theme.top-frame #content .content__lift.link:active h3, .site-theme.top-frame #content .content__lift.link:hover h4, .site-theme.top-frame #content .content__lift.link:focus h4, .site-theme.top-frame #content .content__lift.link:active h4, .site-theme.top-frame #content .content__lift.link:hover h5, .site-theme.top-frame #content .content__lift.link:focus h5, .site-theme.top-frame #content .content__lift.link:active h5, .site-theme.top-frame #content .content__lift.link:hover h6, .site-theme.top-frame #content .content__lift.link:focus h6, .site-theme.top-frame #content .content__lift.link:active h6 { text-decoration: underline; } .site-theme.top-frame #content .switching__content { margin: 2rem 0; padding: 0; } .site-theme.top-frame #content .switching__content > .switching__content--item { position: relative; display: flex; flex-flow: row nowrap; max-width: 1440px; margin: 0 auto 1.5rem; padding: 0; } .site-theme.top-frame #content .switching__content > .switching__content--item > div { position: relative; display: flex; flex-flow: column nowrap; justify-content: center; background-position: center; background-repeat: no-repeat; background-size: cover; } .site-theme.top-frame #content .switching__content > .switching__content--item > div.switching__content--quote { padding: 0 2.5rem; font-size: 1.875rem; line-height: 1.5; background-color: #fbeadc; } .site-theme.top-frame #content .switching__content > .switching__content--item > div.switching__content--quote blockquote { position: static; margin: 0; text-align: center; font-style: italic; z-index: 1; } .site-theme.top-frame #content .switching__content > .switching__content--item > div.switching__content--quote blockquote:before { content: "\0022"; position: absolute; top: 0.5rem; left: 0.5rem; font-size: 7.5rem; line-height: 1.25; color: rgba(0,0,0,0.33); z-index: 0; } .site-theme.top-frame #content .switching__content > .switching__content--item > div.switching__content--html { padding: 1.5rem; font-size: 1.125rem; line-height: 1.5; } .site-theme.top-frame #content .switching__content > .switching__content--item:last-child { margin-bottom: 0; } .site-theme.top-frame #content .frontpage .switching__content > .container > div { min-height: 28rem; margin: 0; padding: 1.5rem 2rem 1.5rem 3.75rem; } .site-theme.top-frame #content .frontpage .switching__content .switching__content--html { background-color: #76305c; background-image: url("/documents/25250457/25822467/lehtigrafiikka-oikopolut.svg/6423e1cd-b8bf-d4d4-19ec-0a9625d45ae0?t=1649760260145"); background-position: bottom right; background-repeat: no-repeat; background-size: 65% auto; } .site-theme.top-frame #content .frontpage .switching__content .switching__content--html * { color: #fff; } .site-theme.top-frame #content .frontpage .switching__content .switching__content--html *:first-child { margin-top: 0; } .site-theme.top-frame #content .frontpage .switching__content .switching__content--html h2 { margin: 1.75rem 0 1.25rem; font-size: 1.875rem; font-weight: 500; line-height: 1.2; text-transform: uppercase; } .site-theme.top-frame #content .frontpage .switching__content .switching__content--html p { margin: 1rem 0; font-size: 1.25rem; font-weight: 700; line-height: 1.5; } .site-theme.top-frame #content .frontpage .switching__content .switching__content--html a { text-decoration: none; } .site-theme.top-frame #content .frontpage .switching__content .switching__content--html a:focus, .site-theme.top-frame #content .frontpage .switching__content .switching__content--html a:active, .site-theme.top-frame #content .frontpage .switching__content .switching__content--html a:hover { text-decoration: underline; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row { border-bottom: 1px solid #eaede5; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item { padding: 1rem 0; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item > a.dark-link { text-decoration: none; word-wrap: break-word; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item > a.dark-link > * { color: #060606; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item > a.dark-link h2 { margin: 0 0 0.75rem; font-size: 1.375rem; font-weight: 700; line-height: 1.18182; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item > a.dark-link:hover h2, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item > a.dark-link:focus h2, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item > a.dark-link:active h2 { text-decoration: underline; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item > a.dark-link > .meta { margin-top: 0.5rem; font-size: 0.875rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item > a.dark-link > .meta > .published { font-weight: 700; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item > a.dark-link > .mainlift { margin-top: 0.5rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item > a.dark-link > .mainlift:empty { display: none; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row:first-of-type .col.media-item { padding: 0 0 1.5rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row + hr { display: none; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row:nth-child(2) > .col.media-item > a.dark-link h2 { font-size: 1.75rem; line-height: 1.14286; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple { margin-bottom: 1.75rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple > p { font-size: 1.375rem; font-weight: 400; line-height: 1.18182; margin-top: 0.625rem !important; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple > p > a { text-decoration: none; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple > p > a:hover, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple > p > a:focus, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple > p > a:active { text-decoration: underline; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple > .meta span.date { font-size: 0.875rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple > .meta span.date:before { content: "\f017"; display: inline-block; margin: 0 0.25rem 0 0; font-family: "fontawesome-alloy"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; } body:not(.homepage) .portlet-asset-publisher .portlet-body > .feed-item.simple > p > a { text-decoration: underline !important; color: #060606; } body:not(.homepage) .portlet-asset-publisher .portlet-body > .feed-item.simple > p > a:hover, body:not(.homepage) .portlet-asset-publisher .portlet-body > .feed-item.simple > p > a:focus, body:not(.homepage) .portlet-asset-publisher .portlet-body > .feed-item.simple > p > a:active { color: #003f4c; } .site-theme.top-frame #content .linkkielementti .portlet-body p { text-align: center; } .site-theme.top-frame #content .linkkielementti .portlet-body a { display: inline-block; margin: 0.5rem; padding: 1rem 2.75rem; font-size: 1.125rem; line-height: 1.44444; background-color: #003f4c; color: #fff; text-transform: uppercase; text-decoration: none; border-radius: 0.25rem; } .site-theme.top-frame #content .linkkielementti .portlet-body a:hover, .site-theme.top-frame #content .linkkielementti .portlet-body a:focus, .site-theme.top-frame #content .linkkielementti .portlet-body a:active { text-decoration: underline; } .site-theme.top-frame #content .landing-otsikko .portlet-body h1, .site-theme.top-frame #content .landing-otsikko .portlet-body h2, .site-theme.top-frame #content .landing-otsikko .portlet-body h3 { margin: 2rem 0; text-transform: uppercase; text-align: center; } .site-theme.top-frame #content .landing-otsikko .portlet-body h1 { font-size: 3.4375rem; } .site-theme.top-frame #content .landing-otsikko .portlet-body h2 { font-size: 3rem; } .site-theme.top-frame #content .landing-otsikko .portlet-body h3 { font-size: 2.5rem; } .site-theme.top-frame #content #mc_embed_signup { max-width: 800px; font-family: "Noto Serif SC",Georgia,"Times New Roman",Times,serif !important; font-size: 1.125rem !important; background-color: transparent !important; } .site-theme.top-frame #content #mc_embed_signup > #mc-embedded-subscribe-form > #mc_embed_signup_scroll .mc-field-group { width: 100%; } .site-theme.top-frame #content #mc_embed_signup > #mc-embedded-subscribe-form > #mc_embed_signup_scroll .mc-field-group.input-group { display: block; margin: 0 0 1.5rem; padding: 1.5rem; background-color: #fbeadc; border-radius: 0.5rem; } .site-theme.top-frame #content #mc_embed_signup > #mc-embedded-subscribe-form > #mc_embed_signup_scroll .mc-field-group.input-group > *:first-child { margin-top: 0; } .site-theme.top-frame #content #mc_embed_signup > #mc-embedded-subscribe-form > #mc_embed_signup_scroll .mc-field-group.input-group > *:last-child { margin-bottom: 0; } .site-theme.top-frame #content #mc_embed_signup > #mc-embedded-subscribe-form > #mc_embed_signup_scroll .mc-field-group.input-group > ul { padding: 0 !important; } .site-theme.top-frame #content #mc_embed_signup > #mc-embedded-subscribe-form > #mc_embed_signup_scroll > .clear > .button { height: auto; padding: 1rem 2.5rem; font-size: 1.125rem; font-weight: 700; line-height: 1.2; color: #fff; background-color: #003f4c; border-radius: 1.75rem; } .site-theme.top-frame #content #mc_embed_signup > #mc-embedded-subscribe-form > #mc_embed_signup_scroll > .clear > .button:hover { background-color: #003f4c; text-decoration: underline; } .site-theme.top-frame #content #mc_embed_signup > #mc-embedded-subscribe-form > #mc_embed_signup_scroll > .clear > .button[disabled] { background-color: rgba(0,63,76,0.5); } .top-frame .yja-mobile-navigation__button--close { padding: 0.8rem; width: 3rem; height: 3rem; text-align: center; line-height: 1.4rem; font-weight: bold; border-radius: 50%; } .top-frame .yja-mobile-navigation .nav-item__container { padding: 0; } .top-frame .yja-mobile-navigation .yja-mobile-navigation__button.yja-mobile-navigation__button--toggler { border-left: 1px solid rgba(0,0,0,0.125); height: 100%; aspect-ratio: 1; } .top-frame .yja-mobile-navigation ul.mm-listview > li.mm-listitem > .nav-item__container > .mm-listitem__text { padding-top: 0.313rem; padding-bottom: 0.313rem; } .top-frame .yja-mobile-navigation ul.mm-listview > li > div.nav-item__container { position: relative; } .top-frame .yja-mobile-navigation ul.mm-listview > li > div.nav-item__container:before { height: 100%; } .top-frame .yja-mobile-navigation .yja-mobile-navigation__tree > ul.mm-listview > li.mm-listitem:last-child:after { content: ""; border-color: inherit; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0; } .top-frame .yja-mobile-navigation .header-top-right-area { margin-top: 2.5rem; } .top-frame .yja-mobile-navigation .header-advanced-search-link { display: none; } .top-frame .yja-mobile-navigation .yja-mobile-navigation__tree form.search-form { margin-top: 1rem; padding: 1.2rem; } .top-frame .yja-mobile-navigation .yja-mobile-navigation__tree .search-query { border-top-left-radius: 0.5rem !important; border-bottom-left-radius: 0.5rem !important; } .top-frame .yja-mobile-navigation .yja-mobile-navigation__tree .search-query, .top-frame .yja-mobile-navigation .yja-mobile-navigation__tree .btn.search-form_submit { border: 0.1rem solid #fff !important; } .top-frame #banner nav.a11y-navigation .has-children button[aria-expanded="false"], .top-frame #banner nav.a11y-navigation .has-children button[aria-expanded="true"], .top-frame #banner nav.a11y-navigation .selected button[aria-expanded="true"], .top-frame #banner nav.a11y-navigation .selected button[aria-expanded="false"] { background: transparent; border: 0; margin-top: -4px; } .top-frame #banner nav.a11y-navigation .has-children button[aria-expanded="false"] .icon:before, .top-frame #banner nav.a11y-navigation .has-children button[aria-expanded="true"] .icon:before, .top-frame #banner nav.a11y-navigation .selected button[aria-expanded="true"] .icon:before, .top-frame #banner nav.a11y-navigation .selected button[aria-expanded="false"] .icon:before { font-size: 0.75rem; content: "\f078"; } .top-frame #banner nav.a11y-navigation .has-children button[aria-expanded="true"] .icon:before { transform: rotate(180deg); } .top-frame #banner nav.a11y-navigation li.has-children > a { padding-right: 0.313rem; } .top-frame #banner nav.a11y-navigation li.has-children.special-nav-open { background-color: #fbeadc; border-radius: 0.25rem 0.25rem 0 0; } .top-frame #banner nav.a11y-navigation li.has-children.special-nav-open > .a11y-nav__sub[aria-hidden="false"] { top: 3.58rem; right: 1.75rem; margin: 0; width: calc(100% - (23.5625rem + 1.75rem)); } .top-frame #banner nav.a11y-navigation li.has-children.special-nav-open > .a11y-nav__sub[aria-hidden="false"] > .a11y-navgroup { opacity: 1; visibility: visible; width: auto; top: auto; right: auto; } .top-frame #banner nav.a11y-navigation li.has-children.special-nav-open > .a11y-nav__sub[aria-hidden="false"] > .a11y-navgroup > li { position: static !important; display: flex; flex-flow: row nowrap; width: 33.333%; padding: 0.25rem; white-space: nowrap; } .top-frame #banner nav.a11y-navigation li.has-children.special-nav-open > .a11y-nav__sub[aria-hidden="false"] > .a11y-navgroup > li.selected { background: transparent; } .top-frame #banner nav.a11y-navigation li.has-children.special-nav-open > .a11y-nav__sub[aria-hidden="false"] > .a11y-navgroup > li.selected > a { text-decoration: underline; } .top-frame #banner nav.a11y-navigation li.has-children.special-nav-open > .a11y-nav__sub[aria-hidden="false"] > .a11y-navgroup > li > a { color: #060606; } .top-frame #banner nav.a11y-navigation li.has-children.special-nav-open > .a11y-nav__sub[aria-hidden="false"] > .a11y-navgroup > li > a:hover { text-decoration: underline; } @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 #content { } .site-theme.top-frame #content #main-content.frontpage > .layout-wrapper:first-of-type { max-width: 100%; } .site-theme.top-frame #content .hero__lift { } .site-theme.top-frame #content .hero__lift .hero__lift--content { } .site-theme.top-frame #content .hero__lift .hero__lift--content > * { max-width: calc(683px - 3rem); } } @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 body #content { background-size: 960px auto; min-height: 820px; } .site-theme.top-frame #content .hero__lift { } .site-theme.top-frame #content .hero__lift .hero__lift--content { } .site-theme.top-frame #content .hero__lift .hero__lift--content > * { max-width: calc(640px - 3rem); } .site-theme.top-frame #content .frontpage .switching__content .switching__content--html { background-size: 68% auto; } } @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 #footer { } .site-theme.top-frame #footer .container.footer-main-content { } .site-theme.top-frame #footer .container.footer-main-content > .row > .col { width: calc(33.33333% - 3.33333rem); max-width: calc(33.33333% - 3.33333rem); flex: 0 0 calc(33.33333% - 3.33333rem); } .site-theme.top-frame #footer .container.footer-main-content > .row > .col:first-child { width: 100%; max-width: 100%; flex: 0 0 100%; margin-right: 0; } .site-theme.top-frame #footer .container.footer-main-content > .row > .col:first-child img { max-height: 3.8125rem; } .site-theme.top-frame #content { } .site-theme.top-frame #content .frontpage .portlet-nested-portlets .columns-3 .portlet-layout.row { justify-content: center; } .site-theme.top-frame #content .frontpage .portlet-nested-portlets .columns-3 .portlet-layout.row > div { width: 48.71795%; max-width: 48.71795%; flex: 0 0 48.71795%; margin-top: 1rem; margin-bottom: 1rem; } .site-theme.top-frame #content .frontpage .portlet-nested-portlets .columns-3 .portlet-layout.row > div:nth-child(odd) { margin-left: 0; } .site-theme.top-frame #content .hero__lift { } .site-theme.top-frame #content .hero__lift .hero__lift--content { } .site-theme.top-frame #content .hero__lift .hero__lift--content > * { max-width: calc(512px - 3.25rem); } } @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: 0.875rem; padding-left: 0.875rem; } .site-theme.top-frame body #content { background-size: 720px auto; min-height: 620px; } .site-theme.top-frame #content { } .site-theme.top-frame #content #main-content.frontpage > .layout-wrapper:first-of-type { padding: 0; } .site-theme.top-frame #content .frontpage .portlet-nested-portlets .columns-3 .portlet-layout.row > div { width: 100%; max-width: 100%; flex: 0 0 100%; margin-left: 0; } .site-theme.top-frame #content .hero__lift { flex-flow: column-reverse nowrap; } .site-theme.top-frame #content .hero__lift .hero__lift--content { width: 100%; flex: 0 1 auto; max-width: 100%; padding: 2.5rem 1.5rem; border-radius: 0; } .site-theme.top-frame #content .hero__lift .hero__lift--content > * { max-width: 100%; } .site-theme.top-frame #content .hero__lift .hero__lift--image { position: relative; width: 100%; padding-top: 45%; } .site-theme.top-frame #content .hero__lift .hero__lift--image:not([style]) { padding-top: 0; } .site-theme.top-frame #content .image__lifts { max-width: 100%; } .site-theme.top-frame #content .image__lifts .image__lifts--item { margin: 0 0 1.5rem; width: 100%; } .site-theme.top-frame #content .shortcut__links { max-width: 100%; } .site-theme.top-frame #content .frontpage .switching__content .switching__content--html { background-size: 72% auto; } .site-theme.top-frame #content .switching__content .switching__content--item { max-width: 100%; flex-flow: row wrap; } } @media (max-width: 979px) { .site-theme.top-frame #content { padding: 0; } .site-theme.top-frame body #content { background-size: 640px auto; } .site-theme .signed-in .mobile-menu-actions { bottom: 44px; } .site-theme .mobile-menu-actions { top: 100px; bottom: 0; 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: 0.75rem 1.5rem; width: auto; height: auto; color: $colorDarkTurquoise; } .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 #banner #heading { background-color: transparent; } .site-theme.top-frame #banner #heading .portlet-body { } .site-theme.top-frame #banner #heading .portlet-body > .header-top-bar { background-color: #003f4c; } .site-theme.top-frame #banner #heading .portlet-body > .layout-wrapper-wide-container > .row.header-row { padding: 0; margin-bottom: 8.25rem; } .site-theme.top-frame #banner #heading .portlet-body > .layout-wrapper-wide-container > .row.header-row > div.col-md-7 a.logo { top: 2.25rem; left: 0; } .site-theme.top-frame #banner nav { display: none !important; } .site-theme.top-frame #content { } .site-theme.top-frame #content #main-content.frontpage > .layout-wrapper-wide { margin-right: 0; margin-left: 0; } .site-theme.top-frame #content #main-content.landingpage-layout-container { } .site-theme.top-frame #content #main-content.landingpage-layout-container > .landingpage-layout > .portlet-layout.row { } .site-theme.top-frame #content #main-content.landingpage-layout-container > .landingpage-layout > .portlet-layout.row > #column-2, .site-theme.top-frame #content #main-content.landingpage-layout-container > .landingpage-layout > .portlet-layout.row > #column-3 { width: 100%; max-width: 100%; flex: 0 0 100%; margin-left: 0; padding: 0 1.5rem; border-radius: 0; } .site-theme.top-frame #content > #main-content.listing-layout > .portlet-layout.row { } .site-theme.top-frame #content > #main-content.listing-layout > .portlet-layout.row > #column-9 { display: none; } .site-theme.top-frame #content > #main-content.listing-layout > .portlet-layout.row > #column-9 + div.col-md-9 { width: 100%; max-width: 100%; flex: 0 0 100%; margin-left: 0; } .site-theme.top-frame #main-content.listing-layout > .layout-wrapper > .portlet-layout.row { } .site-theme.top-frame #main-content.listing-layout > .layout-wrapper > .portlet-layout.row > #column-9 { display: none; } .site-theme.top-frame #main-content.listing-layout > .layout-wrapper > .portlet-layout.row > #column-9 + div.col-md-9 { width: 100%; max-width: 100%; flex: 0 0 100%; margin-left: 0; } .site-theme.top-frame #main-content.listing-layout.journal-display-page > .row { padding: 0 1.5rem; } .site-theme.top-frame #main-content.listing-layout.journal-display-page > .row > .col-md-3 { display: none; } .site-theme.top-frame #main-content.listing-layout.journal-display-page > .row > .col-md-9 { width: 100%; max-width: 100%; flex: 0 0 100%; margin-left: 0; } .site-theme.top-frame #content .portlet-breadcrumb .portlet-body > nav > ul.breadcrumb { margin-left: 0; } .site-theme.top-frame #content .content__links.container { max-width: 100%; } .site-theme.top-frame #content .switching__content > .switching__content--item > div:not(.switching__content--html) { min-height: 20rem; } .site-theme.top-frame #content .frontpage .switching__content .switching__content--html { background-size: 75% auto; } } @media (min-width: 1367px) { .site-theme.top-frame body #content { min-height: 860px; } } @media (max-width: 767px) { .site-theme.top-frame body #content { background-size: 480px auto; } .site-theme.top-frame #banner #heading .portlet-body { } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container { } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container > div { margin-left: 1.75rem; padding: 0.5rem 0; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container > div:first-child { margin-left: 0; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container > div.header-top-bar-links-right ul.top-bar-link-list { margin-left: 1.75rem; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container > div.header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul { margin: 0; } .site-theme.top-frame #footer { } .site-theme.top-frame #footer .container.footer-main-content { } .site-theme.top-frame #footer .container.footer-main-content > .row { display: block; margin: 0 auto; } .site-theme.top-frame #footer .container.footer-main-content > .row > .col { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 0 2rem; } .site-theme.top-frame #footer .container.footer-main-content > .row > .col:last-child { margin-bottom: 0; } } @media (max-width: 550px) { .site-theme.top-frame body #content { background-size: 360px auto; } .site-theme.top-frame #banner #heading .portlet-body { } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container { flex-flow: column nowrap; align-items: flex-end; padding: 0 0.875rem; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container > div { margin-left: 0; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container > div:first-child { padding-bottom: 0.25rem; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container > div:last-child { padding-top: 0.25rem; } .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 > div.col-md-7 a.logo { display: flex; flex-flow: column; justify-content: center; align-items: flex-start; max-width: calc(100% - 4.125rem); } .site-theme.top-frame #banner #heading .portlet-body > .layout-wrapper-wide-container > .row.header-row > div.col-md-7 a.logo img { max-width: 100%; } } @media (max-width: 480px) { .site-theme.top-frame h1, .site-theme.top-frame h2, .site-theme.top-frame h3, .site-theme.top-frame h4, .site-theme.top-frame h5, .site-theme.top-frame h6 { hyphens: auto; } } @media (max-width: 320px) { .site-theme.top-frame { font-size: 0.8rem; } } @media (max-width: 640px) { .site-theme.top-frame #banner #heading .portlet-body .header-top-bar:not(.hasLangDrowpdown) .header-top-bar-links-lang { width: 100%; margin-left: 0; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar:not(.hasLangDrowpdown) .header-top-bar-links-lang ul { text-align: right; padding: 0.75em 0; } } @media (max-width: 420px) { .site-theme.top-frame #banner #heading .portlet-body .header-top-bar:not(.hasLangDrowpdown) .header-top-bar-links-lang ul { text-align: center; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar:not(.hasLangDrowpdown) .header-top-bar-links-right { margin: 0 auto !important; } } @media (max-width: 642px) { .site-theme.top-frame #banner #heading .portlet-body .header-top-bar:not(.hasLangDrowpdown) .header-top-bar-links-lang > .language-version-selection-portlet { margin-left: 0; text-align: center; line-height: 1.6; } } @media (min-width: 1366px) and (max-width: 1439.98px) { .site-theme.top-frame #banner #heading { } .site-theme.top-frame #banner #heading > div.yja-site-template-settings-header-portlet { max-width: 1366px; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 { right: calc(50vw - 683px); } .site-theme.top-frame #banner > nav { max-width: 1366px; } .site-theme.top-frame #banner > nav > ul > li > a { font-size: 1.0625rem; } .site-theme.top-frame #content #main-content.landingpage-layout-container > .landingpage-layout > .portlet-layout.row { max-width: 1366px; } .site-theme.top-frame #content > #main-content.listing-layout > .portlet-layout.row { max-width: 1366px; } .site-theme.top-frame #main-content.listing-layout > .layout-wrapper > .portlet-layout.row { max-width: 1366px; } .site-theme.top-frame #main-content.listing-layout.journal-display-page { max-width: 1366px; } .site-theme.top-frame #content .image__lifts { max-width: 1366px; } .site-theme.top-frame #content .shortcut__links { max-width: 1366px; } .site-theme.top-frame #content .switching__content .switching__content--item { max-width: 1366px; } } @media (min-width: 1280px) and (max-width: 1365.98px) { .site-theme.top-frame #banner #heading { } .site-theme.top-frame #banner #heading > div.yja-site-template-settings-header-portlet { max-width: 1280px; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 { right: calc(50vw - 640px); } .site-theme.top-frame #banner > nav { max-width: 1280px; } .site-theme.top-frame #banner > nav > ul > li { } .site-theme.top-frame #banner > nav > ul > li > a { font-size: 1rem; padding: 0 0.375rem; } .site-theme.top-frame #banner > nav > ul > li > .toggleVisibility { padding-left: 0; } .site-theme.top-frame #content #main-content.landingpage-layout-container > .landingpage-layout > .portlet-layout.row { max-width: 1280px; } .site-theme.top-frame #content > #main-content.listing-layout > .portlet-layout.row { max-width: 1280px; } .site-theme.top-frame #main-content.listing-layout > .layout-wrapper > .portlet-layout.row { max-width: 1280px; } .site-theme.top-frame #main-content.listing-layout.journal-display-page { max-width: 1280px; } .site-theme.top-frame #content .image__lifts { max-width: 1280px; } .site-theme.top-frame #content .shortcut__links { max-width: 1280px; } .site-theme.top-frame #content .switching__content .switching__content--item { max-width: 1280px; } } @media (max-width: 1279.98px) { .site-theme.top-frame #banner #heading { } .site-theme.top-frame #banner #heading > div.yja-site-template-settings-header-portlet { max-width: 1024px; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row { } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-7 { display: block; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 { right: calc(50vw - 512px); } .site-theme.top-frame #banner > nav { max-width: 1024px; } .site-theme.top-frame #banner > nav.main-nav { padding: 8.75rem 0 2.5rem; } .site-theme.top-frame #banner > nav > ul { padding: 0; } .site-theme.top-frame #banner > nav > ul #layout_000 { display: none; } .site-theme.top-frame #banner > nav > ul > li { } .site-theme.top-frame #banner > nav > ul > li > a { font-size: 1rem; padding: 0 0.375rem; } .site-theme.top-frame #banner > nav > ul > li > .toggleVisibility { padding-left: 0; } .site-theme.top-frame #banner > nav > ul > li ul { width: calc(100% - 3.5rem); } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > ul { margin: 0; } .top-frame #banner nav.a11y-navigation li.has-children.special-nav-open > .a11y-nav__sub[aria-hidden="false"] { width: calc(100% - 3.5rem); } } @media (max-width: 1023.98px) { .site-theme.top-frame #banner #heading { } .site-theme.top-frame #banner #heading > div.yja-site-template-settings-header-portlet { max-width: 979px; } .site-theme.top-frame #banner #heading .portlet-body { } .site-theme.top-frame #banner #heading .portlet-body > .header-top-bar > .layout-wrapper-wide-container { flex-flow: row wrap; justify-content: flex-end; max-width: 100%; padding: 0 1rem; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 { right: calc(50% - 125px); bottom: -3.5rem; } .site-theme.top-frame #banner > nav { max-width: calc(979px - 3rem); } .site-theme.top-frame #content #main-content.landingpage-layout-container > .landingpage-layout > .portlet-layout.row { max-width: 100%; } .site-theme.top-frame #content > #main-content.listing-layout > .portlet-layout.row { max-width: 100%; } .site-theme.top-frame #main-content.listing-layout > .layout-wrapper > .portlet-layout.row { max-width: 100%; } .site-theme.top-frame #main-content.listing-layout.journal-display-page { max-width: 100%; } } @media (min-width: 1024px) and (max-width: 1279.98px) { .site-theme.top-frame #content #main-content.landingpage-layout-container > .landingpage-layout > .portlet-layout.row { max-width: 1024px; } .site-theme.top-frame #content > #main-content.listing-layout > .portlet-layout.row { max-width: 1024px; } .site-theme.top-frame #main-content.listing-layout > .layout-wrapper > .portlet-layout.row { max-width: 1024px; } .site-theme.top-frame #main-content.listing-layout.journal-display-page { max-width: 1024px; } .site-theme.top-frame #content .image__lifts { max-width: 1024px; } .site-theme.top-frame #content .image__lifts .image__lifts--item { width: calc(50% - 0.75rem); } .site-theme.top-frame #content .image__lifts .image__lifts--item:nth-child(2n) { margin-right: 0; } .site-theme.top-frame #content .shortcut__links { max-width: 1024px; } .site-theme.top-frame #content .switching__content .switching__content--item { max-width: 1024px; } } @media (min-width: 1280px) { .site-theme.top-frame #content .image__lifts { } .site-theme.top-frame #content .image__lifts .image__lifts--item { width: calc(33.333% - 1rem); } .site-theme.top-frame #content .image__lifts .image__lifts--item:nth-child(3n) { margin-right: 0; } } @media (max-width: 625px) { .site-theme.top-frame #banner .mobile-menu-actions { top: 140px; bottom: auto; } }