.top-frame body { font-size: 100%; color: #000; font-family: Helvetica,Arial,sans-serif; line-height: 1.4; } .top-frame a { color: #003479; } .top-frame a:hover, .top-frame a:focus { color: #003479; } .top-frame h1, .top-frame h2, .top-frame h3, .top-frame h4, .top-frame h5, .top-frame h6, .top-frame .heading1, .top-frame .heading2, .top-frame .heading3, .top-frame .heading4, .top-frame .heading5, .top-frame .heading6 { color: #003479; font-weight: bold; font-style: normal; font-family: Helvetica,Arial,sans-serif; display: block; margin: 10px 0; } .top-frame h1 a { color: inherit; } .top-frame input.search-query { border-radius: 0.25rem; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; } .top-frame .btn { border-radius: 0.25rem; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; } .top-frame .btn.btn-default { border: solid 1px #003479; background: #003479; color: #fff; } .top-frame .btn.btn-default:hover { background: #69d8d7; } .top-frame .btn.btn-primary, .top-frame .btn.search-form_submit { background-color: #003479; color: white; } .top-frame .btn.btn-primary:hover { background-color: #002f6d; } .top-frame .btn.search-form_submit { border-color: #003479; } .top-frame .yja-category-group, .top-frame .yja-tag-group { display: inline; } .top-frame .label, .top-frame .yja-tag { text-transform: uppercase; -webkit-border-radius: 0.25rem; -moz-border-radius: 0.25rem; -ms-border-radius: 0.25rem; -o-border-radius: 0.25rem; border-radius: 0.25rem; } .top-frame .badge:not(.error-notice), .top-frame .label, .top-frame .yja-tag { border: 1px solid #000; } .top-frame .portlet-navigation .nav-menu ul a { color: #000; } .top-frame .portlet-navigation .nav-menu ul ul a { color: #000; } .top-frame .portlet-navigation .nav-menu > ul > li { color: #000; } .top-frame .events .event-highlight { font-size: 1.1em; border-top: solid 1px #003479; } .top-frame .events .event-highlight td, .top-frame .events .event-highlight td.time { font-size: 0.9em; vertical-align: middle; } .top-frame .events .event-highlight tr { border-bottom: solid 1px #003479; } .top-frame .events .event-highlight .btn { text-align: left; } .top-frame .events .dark-link, .top-frame .events .dark-link:hover, .top-frame .events .dark-link:focus, .top-frame .events .dark-link:active, .top-frame .events .dark-link:visited, .top-frame .events .dark-link:link { color: #003479; display: block; position: relative; } .top-frame .events.event-search-portlet .event-list-wrapper > .span12 > .span3 { background: #003479; } .top-frame .events.event-search-portlet .event-list-wrapper { border-color: #003479; } .top-frame .events.event-search-portlet label, .top-frame .events.event-search-portlet .prev-date, .top-frame .events.event-search-portlet .next-date { font-weight: bold !important; } .top-frame .events.event-search-portlet h4.bg { background: #003479; color: #fff; } .top-frame .events.event-search-portlet .event-list-wrapper { margin-bottom: 10px; } .top-frame .events.event-search-portlet .event-item-list { border-bottom: 1px solid #003479; border-right: 1px solid #003479; border-left: 1px solid #003479; background: white; } .top-frame .events.event-search-portlet .event-item-list h4, .top-frame .events.event-search-portlet .event-item-list .event-time { font-weight: bold !important; } .top-frame .events.event-search-portlet .event-item-list .event-date { display: block; } .top-frame .twitter-widget-portlet .user span[data-scribe="element:screen_name"] { color: #003479; } .top-frame #scrollToTop { color: #fff; background: #003479; } .top-frame #scrollToTop:hover { background: #002f6d; } .top-frame #banner .language-version-selection-portlet .lang-text > a:after { content: "\f0d7"; margin-left: .5em; font-family: 'fontawesome-alloy'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .top-frame #banner .language-version-selection-portlet .lang-nav-open a { background: #003479; color: white !important; } .top-frame #banner .language-version-selection-portlet .lang-nav ul { background: #003479; } .top-frame .media-item .small figure { float: left; margin-right: 1em; } .top-frame .media-item .dark-link { color: #000; } .top-frame .media-item .dark-link:hover { text-decoration: none; } .top-frame .media-item h2 { margin-bottom: 0; } .top-frame .media-item h2 a { color: #003479; } .top-frame .media-item .meta { margin-bottom: em(5px); color: #000; font-size: .9em; } .top-frame .feed-item.simple .meta { color: #000; font-size: .9em; } .top-frame .feed-item.simple h6 a { color: #000; } .top-frame ul.position-nav li.selected { background: #003479; } .top-frame ul.position-nav li.selected:hover { background-color: #003479; } .top-frame .carousel .description { font-family: Helvetica,Arial,sans-serif; font-weight: normal; } .panel.border-top-emphasis { border-top: solid 4px #003479; } .top-frame #banner { background-repeat: repeat; background-size: initial; background-position: center top; background-color: transparent; background-image: url('data:image/svg+xml,data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg"/%3E'); color: #fff; } .top-frame #banner a { color: #fff; } .top-frame #heading { height: auto; padding: 0; } .top-frame #heading .yja-site-template-settings-header-portlet { height: 100%; } .top-frame #heading .yja-site-template-settings-header-portlet .portlet-borderless-container, .top-frame #heading .yja-site-template-settings-header-portlet .portlet-body, .top-frame #heading .yja-site-template-settings-header-portlet .header-row { height: 100%; } .top-frame #heading .yja-site-template-settings-header-portlet .header-top-left-cell, .top-frame #heading .yja-site-template-settings-header-portlet .header-top-right-cell { vertical-align: middle; } .top-frame #banner nav ul[role="menubar"] { background-color: transparent; color: #fff; } .top-frame #banner nav ul[role="menubar"] li a:hover { background-color: darken(transparent, 10%); } .top-frame #banner nav ul[role="menubar"] li.selected { background-color: #003479; color: white; } .top-frame #banner nav ul[role="menubar"] li.selected a { color: white; } .top-frame #banner nav ul[role="menubar"] li.selected a:hover { background-color: #002f6d; } .top-frame #banner nav a { color: #fff; } .top-frame #banner nav.fixed { background: transparent; } .top-frame #footer { background-image: url(none); background-repeat: repeat; background-size: initial; background-position: center top; background-color: #003479; color: #fff; } .top-frame #footer a { color: #fff; } .top-frame #footer .footer-bottom-bar { background-color: #003479; } .top-frame body { background-color: #003479; background-image: url(none); background-position: center top; background-repeat: no-repeat; background-size: initial; background-attachment: scroll; } .top-frame .page-wrapper { max-width: 100%; margin: 0 auto; } .top-frame .layout-wrapper, .top-frame #main-content:not(.layout-wide) { background: transparent; padding-left: 0; padding-right: 0; } .top-frame .homepage .layout-wrapper-wide { background: #003479; } .top-frame .homepage .layout-wrapper-wide *, .top-frame .homepage .layout-wrapper-wide .carousel-wrapper ul li h3 a .description { color: #003479; } .top-frame #main-content, .top-frame #footer .container-fluid, .top-frame #banner .main-nav, .top-frame .layout-wrapper, .top-frame .layout-wrapper-wide-container { max-width: 100%; } .mobile-menu-actions { right: 0; } .mobile-menu-actions a.menu-icon { background: #fff; color: #000; } .mobile-menu-actions a { color: #003479; } .mobile-menu-actions a.menu-icon { font-family: Helvetica,Arial,sans-serif; } .mobile-menu-actions a:active, .mobile-menu-actions a:focus, .mobile-menu-actions a:hover { color: #003479; } .mm-menu { border-color: #003479; } .mm-menu a { color: white; } .mm-menu a:hover, .mm-menu a:focus { color: white; } @font-face { font-family: "Overpass"; font-style: normal; font-weight: 400; src: url("/documents/16079645/16637274/overpass-v4-latin-regular.eot/8403fbe0-970d-6609-8755-cbe3d334e0b6"); src: local("Overpass Regular"),local("Overpass-Regular"),url("/documents/16079645/16637274/overpass-v4-latin-regular.eot/8403fbe0-970d-6609-8755-cbe3d334e0b6?#iefix") format("embedded-opentype"),url("/documents/16079645/16637274/overpass-v4-latin-regular.woff2/d79b5b0e-f54a-40cc-73d9-43d235721c18") format("woff2"),url("/documents/16079645/16637274/overpass-v4-latin-regular.woff/b262ebb8-fbce-6a41-dda8-3ccc4a85ba76") format("woff"),url("/documents/16079645/16637274/overpass-v4-latin-regular.ttf/45039a3a-5073-9c91-bad6-59eec2d26aec") format("truetype"),url("/documents/16079645/16637274/overpass-v4-latin-regular.svg/a39af722-590b-44ed-4dd1-40eced951dfe#Overpass") format("svg"); } @font-face { font-family: "Overpass"; font-style: italic; font-weight: 400; src: url("/documents/16079645/16637274/overpass-v4-latin-italic.eot/e994d48d-5a8f-580e-331f-2f104186ef54"); src: local("Overpass Italic"),local("Overpass-Italic"),url("/documents/16079645/16637274/overpass-v4-latin-italic.eot/e994d48d-5a8f-580e-331f-2f104186ef54?#iefix") format("embedded-opentype"),url("/documents/16079645/16637274/overpass-v4-latin-italic.woff2/cff75d14-6328-1f82-3e47-cb8cf6ffe1ce") format("woff2"),url("/documents/16079645/16637274/overpass-v4-latin-italic.woff/301befff-7e3d-4897-904c-8f2d322fd7f7") format("woff"),url("/documents/16079645/16637274/overpass-v4-latin-italic.ttf/bbf05229-d54f-7885-d39a-a2c729fed0b1") format("truetype"),url("/documents/16079645/16637274/overpass-v4-latin-italic.svg/462f9809-9ee2-374d-7d67-da58273e9321#Overpass") format("svg"); } @font-face { font-family: "Overpass"; font-style: normal; font-weight: 700; src: url("/documents/16079645/16637274/overpass-v4-latin-bold.eot/41575f85-b2c0-5dc1-dc23-bae00e9f84b9"); src: local("Overpass Bold"),local("Overpass-Bold"),url("/documents/16079645/16637274/overpass-v4-latin-bold.eot/41575f85-b2c0-5dc1-dc23-bae00e9f84b9?#iefix") format("embedded-opentype"),url("/documents/16079645/16637274/overpass-v4-latin-bold.woff2/b776c8e9-9eaf-cec2-9832-56fd81f79523") format("woff2"),url("/documents/16079645/16637274/overpass-v4-latin-bold.woff/0c84fdd5-9cc9-d1fb-40a1-29a3b25b0732") format("woff"),url("/documents/16079645/16637274/overpass-v4-latin-bold.ttf/5ea94b58-405b-26eb-892c-50142844c429") format("truetype"),url("/documents/16079645/16637274/overpass-v4-latin-bold.svg/45e777c8-2af4-9f82-694f-233aa124d919#Overpass") format("svg"); } .aui.top-frame { background-color: #003479; } .aui.top-frame body { font-family: 'Overpass',Arial,Helvetica,sans-serif; font-size: 1.1875rem; } .aui.top-frame body a:focus { outline: 1px dotted #003479; outline: 5px auto -webkit-focus-ring-color; text-decoration: underline !important; } .aui.top-frame body #content .portlet-column .portlet-topper h1.hed-section.portlet-title { font-size: 2.375rem; font-family: 'Overpass',Arial,Helvetica,sans-serif; } .aui.top-frame body #content .portlet-column .portlet-topper h2.hed-section.portlet-title { font-size: 1.5rem; font-family: 'Overpass',Arial,Helvetica,sans-serif; color: #000; } .aui.top-frame body #content .portlet-column .portlet-topper h3.hed-section.portlet-title { font-size: 1.375rem; font-family: 'Overpass',Arial,Helvetica,sans-serif; color: #000; } .aui.top-frame #hrefFm { margin: 0; } .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; } .aui.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; } .aui.top-frame .portlet-borderless-bar { font-family: Arial,Helvetica,sans-serif; } .aui.top-frame .portlet-asset-publisher .asset-full-content .lfr-meta-actions.asset-actions { float: none; } .aui.top-frame .portlet-dockbar { z-index: 10; } .aui.top-frame #menu .mm-panels .mm-panel, .aui.top-frame .mm-navbar { background-color: #595959 !important; } .aui.top-frame .mm-listview a.mm-btn:after, .aui.top-frame .mm-listview a.mm-btn:before, .aui.top-frame a.mm-btn_next:after, .aui.top-frame a.mm-btn_prev:before { border-color: rgba(255,255,255,1.0) !important; } .aui.top-frame #content .portlet-boundary.hidden-body .portlet-content { min-height: auto; } .aui.top-frame #content .portlet-boundary.hidden-body .portlet-content .portlet-body { margin: 0 !important; } .aui.top-frame #content .portlet-boundary.hidden-body .portlet-content .portlet-body > * { display: none; } .aui.top-frame #content .portlet-boundary.hidden-body .portlet-content .portlet-body > .subscribe-action:first-child { display: block !important; } .aui.top-frame #content #main-content.column-1 #portlet_status { background-color: #fff; padding: 1rem 1.5rem; } .aui.top-frame #content #main-content.column-1 #portlet_status h3 { font-family: 'Overpass',Arial,Helvetica,sans-serif; font-weight: 400; } .aui.top-frame #content #main-content.column-1 #portlet_status small.muted { color: #3f4752; } .aui.top-frame .defer-image.is-loading:after { display: none; } .aui.top-frame #banner { position: relative; margin: 0 auto; padding: 2rem 0 1.5rem; width: 100%; max-width: 1440px; height: 6.75rem; } .aui.top-frame #banner a:focus { outline: 1px dotted #fff; } .aui.top-frame #banner #population-display-substitute { position: absolute; top: 0; left: 50%; color: #003479; background-color: #fff; padding: 0.25rem 0; margin: 0 0 0 -10rem; width: 20rem; z-index: 10; text-align: center; font-size: 1.125rem; border-radius: 0 0 .25rem .25rem; } .aui.top-frame #banner #heading { width: 1440px; max-width: 100%; margin: 0 auto; padding: .75rem 0 0; } .aui.top-frame #banner #heading .yja-site-template-settings-header-portlet { max-height: 2.25rem; } .aui.top-frame #banner #heading .portlet-body .header-top-bar { margin-bottom: 0; background: #003479; } .aui.top-frame #banner #heading .portlet-body .header-top-bar.hasLangDrowpdown .layout-wrapper-wide-container { max-width: 1440px; padding: 0; text-align: right; } .aui.top-frame #banner #heading .portlet-body .header-top-bar.hasLangDrowpdown .layout-wrapper-wide-container .header-top-bar-links-lang ul.lang-nav { position: relative; z-index: 3; } .aui.top-frame #banner #heading .portlet-body .header-top-bar.hasLangDrowpdown .layout-wrapper-wide-container .header-top-bar-links-lang ul.lang-nav a:focus { outline: 1px dotted #3f4752; } .aui.top-frame #banner #heading .portlet-body .header-top-bar.hasLangDrowpdown .layout-wrapper-wide-container .header-top-bar-links-lang ul.lang-nav li.lang-text a { padding: .375rem .75rem; background-color: #fff; color: #003479 !important; border-radius: .25rem; font-weight: 600; } .aui.top-frame #banner #heading .portlet-body .header-top-bar.hasLangDrowpdown .layout-wrapper-wide-container .header-top-bar-links-lang ul.lang-nav li.lang-text a:after { content: "\f078"; font-size: .75rem; } .aui.top-frame #banner #heading .portlet-body .header-top-bar.hasLangDrowpdown .layout-wrapper-wide-container .header-top-bar-links-lang ul.lang-nav li.lang-text > ul { padding: .125rem 0; background-color: #fff; box-shadow: 0 .25rem .5rem rgba(128,128,128,0.375); } .aui.top-frame #banner #heading .portlet-body .header-top-bar.hasLangDrowpdown .layout-wrapper-wide-container .header-top-bar-links-lang ul.lang-nav li.lang-text > ul li { padding: 0; } .aui.top-frame #banner #heading .portlet-body .header-top-bar.hasLangDrowpdown .layout-wrapper-wide-container .header-top-bar-links-lang ul.lang-nav li.lang-text > ul li a { background-color: transparent; border-radius: 0; font-weight: 400; } .aui.top-frame #banner #heading .portlet-body .header-top-bar.hasLangDrowpdown .layout-wrapper-wide-container .header-top-bar-links-lang ul.lang-nav li.lang-text > ul li a:after { content: none; } .aui.top-frame #banner #heading .portlet-body .header-top-bar.hasLangDrowpdown .layout-wrapper-wide-container .header-top-bar-links-lang ul.lang-nav li.lang-text > ul li a a:focus { outline: 1px dotted #003479; } .aui.top-frame #banner #heading .portlet-body .header-top-bar.hasLangDrowpdown .layout-wrapper-wide-container .header-top-bar-links-right span { display: none; } .aui.top-frame #banner #heading .portlet-body .header-top-bar.hasLangDrowpdown .layout-wrapper-wide-container button#search-toggler { position: relative; width: 3rem; height: 2rem; margin-left: 1rem; font-size: 1.5rem; background-color: transparent; border-style: none; border-width: 0; border-color: transparent; color: #fff; z-index: 4; } .aui.top-frame #banner #heading .portlet-body .header-top-bar.hasLangDrowpdown .layout-wrapper-wide-container button#search-toggler:before { position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; line-height: 1.2; } .aui.top-frame #banner #heading .portlet-body .header-top-bar.hasLangDrowpdown .layout-wrapper-wide-container button#search-toggler:focus { outline: 1px dotted #fff; } .aui.top-frame #banner #heading .portlet-body .header-top-bar.hasLangDrowpdown .layout-wrapper-wide-container button#search-toggler span { display: inline-block; text-indent: -9999rem; overflow: hidden; } .aui.top-frame #banner #heading .portlet-body .header-top-bar.hasLangDrowpdown .layout-wrapper-wide-container button#search-toggler .tooltip { font-family: 'Overpass',Arial,Helvetica,sans-serif; font-size: 1.125rem; } .aui.top-frame #banner #heading .portlet-body .row-fluid.header-row { background-color: transparent; display: block; } .aui.top-frame #banner #heading .portlet-body .row-fluid.header-row div[class*="span"] { display: block; background-color: transparent; } .aui.top-frame #banner #heading .portlet-body .row-fluid.header-row div.span7 { display: none; } .aui.top-frame #banner #heading .portlet-body .row-fluid.header-row div.span7 a.logo { position: relative; padding: 0; overflow: hidden; } .aui.top-frame #banner #heading .portlet-body .row-fluid.header-row div.span7 a.logo img { max-height: 3.125rem; } .aui.top-frame #banner #heading .portlet-body .row-fluid.header-row div.span7 #service-mobile-search, .aui.top-frame #banner #heading .portlet-body .row-fluid.header-row div.span7 #service-mobile-search > span { display: none; } .aui.top-frame #banner #heading .portlet-body .row-fluid.header-row div.span5 { position: absolute; display: none; top: 2.5rem; right: 0; width: 20rem; height: 0px; z-index: 4; opacity: 0; transition: 0.1s linear opacity; border-radius: .25rem; } .aui.top-frame #banner #heading .portlet-body .row-fluid.header-row div.span5.search-visible { display: block; height: auto; opacity: 1; } .aui.top-frame #banner #heading .portlet-body .row-fluid.header-row div.span5 .header-top-right-area { margin: 0; } .aui.top-frame #banner #heading .portlet-body .row-fluid.header-row div.span5 form.search-form { position: relative; } .aui.top-frame #banner #heading .portlet-body .row-fluid.header-row div.span5 form input.search-query { margin: 0; padding: .6125rem 2.5rem .6125rem 1.25rem; background-color: #fff; color: #000; border-color: #ddd; border-radius: 1.5rem; font-family: 'Overpass',Arial,Helvetica,sans-serif; } .aui.top-frame #banner #heading .portlet-body .row-fluid.header-row div.span5 form .btn { position: absolute; top: 0; right: .5rem; width: 2.5rem; height: 2.5rem; padding: 0; border: none; color: #003479; background-color: transparent; border-radius: 1rem; box-shadow: none; overflow: hidden; text-indent: 3rem; z-index: 2; } .aui.top-frame #banner #heading .portlet-body .row-fluid.header-row div.span5 form:after { content: '\f002'; position: absolute; display: block; top: .125rem; right: .5rem; width: 2.5rem; height: 2.5rem; padding: .375rem; color: #003479; text-align: center; text-transform: none; font-size: 1.5rem; font-family: 'fontawesome-alloy'; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; } .aui.top-frame #banner #heading .portlet-body .row-fluid.header-row div.span5 a.header-advanced-search-link { display: none !important; margin-right: 7.5rem; } .aui.top-frame #banner #heading > h1 { position: absolute; top: 2rem; left: 0; margin: 0; height: 3.125rem; width: 22.25rem; z-index: 3; } .aui.top-frame #banner #heading > h1 a { display: block; width: 100%; height: 100%; padding: 0; } .aui.top-frame #banner #heading > h1 a:focus { outline: 1px dotted #fff; outline-offset: -1px; } #content #navigation__substitute { display: none !important; } .aui.top-frame #banner nav { position: absolute; width: 100%; max-width: calc(1440px - 8.5rem); top: 0; left: 0; z-index: 2; } .aui.top-frame #banner nav.main-nav { margin: 2rem auto 0; } .aui.top-frame #banner nav ul[role="menubar"] { position: relative; max-width: 100%; margin: 0; padding: 0; display: flex; flex-flow: row nowrap; justify-content: flex-end; align-content: stretch; z-index: 2; } .aui.top-frame #banner nav ul[role="menubar"] > li { flex: 0 1 auto; display: flex; flex-flow: row nowrap; padding: 0; font-size: 1.125rem; } .aui.top-frame #banner nav ul[role="menubar"] > li#layout_000 { position: absolute; top: 0; left: 0; height: 3.125rem; width: 22.25rem; overflow: hidden; text-indent: -9999rem; background-size: 22.25rem 3.125rem; background-repeat: no-repeat; } .aui.top-frame #banner nav ul[role="menubar"] > li#layout_000 a { width: 100%; } .aui.top-frame #banner nav ul[role="menubar"] > li#layout_000 a:focus { outline: 1px dotted #fff; outline-offset: -1px; } .aui.top-frame #banner nav ul[role="menubar"] > li a { display: inline-block; padding: .625rem 1rem .125rem; font-weight: 400; text-align: center; white-space: nowrap; z-index: 1; } .aui.top-frame #banner nav ul[role="menubar"] > li a.hasChildren { padding-right: 0; } .aui.top-frame #banner nav ul[role="menubar"] > li a span { display: inline-block; padding: .5rem 0; text-decoration: none; } .aui.top-frame #banner nav ul[role="menubar"] > li a:hover span { text-decoration: underline; } .aui.top-frame #banner nav ul[role="menubar"] > li .toggleVisibility { position: relative; display: inline-block; width: 2rem; height: 100%; margin: 0 0 0 .25rem; padding: 0 1rem 0 .25rem; text-align: center; border: none; color: #fff; background-color: transparent; z-index: 2; } .aui.top-frame #banner nav ul[role="menubar"] > li .toggleVisibility:before { display: block; top: 50%; margin-top: .25rem; font-size: .75rem; } .aui.top-frame #banner nav ul[role="menubar"] > li .toggleVisibility:focus { outline: 1px dotted #fff; } .aui.top-frame #banner nav ul[role="menubar"] > li.selected a span { color: #fff; border-bottom: 2px solid #69d8d7; } .aui.top-frame #banner nav ul[role="menubar"] > li.selected a:hover { background-color: transparent; } .aui.top-frame #banner nav ul[role="menubar"] > li.selected ul li a span { color: #000; border-bottom: none; } .aui.top-frame #banner nav ul[role="menubar"] > li.selected ul li.selected { background-color: #fff; } .aui.top-frame #banner nav ul[role="menubar"] > li.selected ul li.selected > a span { color: #000; font-weight: 700; } .aui.top-frame #banner nav ul[role="menubar"] > li.selected ul li.selected ul li.selected { background-color: transparent; } .aui.top-frame #banner nav ul[role="menubar"] > li:last-child { border-right: none; } .aui.top-frame #banner nav ul[role="menubar"] > li ul { display: none; position: absolute; top: 3.125rem; right: 0; margin: 0; width: 17.75rem; background-color: #fff; border-width: 0 1px 0 0; border-style: solid; border-color: #003479; z-index: 3; transition: right 150ms linear,opacity 150ms linear; box-shadow: 0 .25rem .5rem -.1875rem rgba(128,128,128,0.375); } .aui.top-frame #banner nav ul[role="menubar"] > li ul li { position: static; display: flex; flex-flow: row nowrap; padding: 0; white-space: nowrap; } .aui.top-frame #banner nav ul[role="menubar"] > li ul li:first-child { position: relative; } .aui.top-frame #banner nav ul[role="menubar"] > li ul li a { display: block; width: 100%; padding: .625rem 1rem !important; text-align: left; font-size: 1rem; font-weight: 400; color: #000; white-space: normal; } .aui.top-frame #banner nav ul[role="menubar"] > li ul li a.hasChildren { width: calc(100% - 1.75rem); padding-right: .5rem !important; } .aui.top-frame #banner nav ul[role="menubar"] > li ul li a span { padding: 0; } .aui.top-frame #banner nav ul[role="menubar"] > li ul li a:focus { outline: 1px dotted #003479; } .aui.top-frame #banner nav ul[role="menubar"] > li ul li .toggleVisibility { width: 1.75rem; height: auto; margin: 0; padding: .625rem 0; } .aui.top-frame #banner nav ul[role="menubar"] > li ul li .toggleVisibility:before { color: #003479; } .aui.top-frame #banner nav ul[role="menubar"] > li ul li .toggleVisibility:focus { outline: 1px dotted #003479; } .aui.top-frame #banner nav ul[role="menubar"] > li ul li ul { display: none; top: 0; right: -17.8125rem; width: 0; height: auto; background-color: #f6f6f7; border-width: 0; transition: opacity 150ms linear; } .aui.top-frame #banner nav ul[role="menubar"] > li ul li.open { background-color: #f6f6f7; } .aui.top-frame #banner nav ul[role="menubar"] > li ul.open { right: 17.8125rem; transition: right 150ms linear; } .aui.top-frame #banner nav ul[role="menubar"] > li ul.open li.open ul { display: block; width: 17.75rem; transition: opacity 150ms linear; } .aui.top-frame #banner nav.fixed { height: auto; margin: 0; padding: 1.5rem 0; background-color: #003479; } .aui.top-frame #banner nav.fixed ul[role="menubar"] { width: 100%; max-width: 1440px; } .aui.top-frame #banner nav.fixed ul[role="menubar"] li ul { top: 3rem; } .aui.top-frame #banner nav.fixed ul[role="menubar"] li ul li ul { top: 0; } .aui.top-frame #footer:before { content: ' '; position: absolute; display: block; top: -0.75rem; right: 0; height: .75rem; width: 25%; background-color: #ffc658; } .aui.top-frame .henkilot #footer:before { background-color: #e30450; } .aui.top-frame .organisaatiot #footer:before { background-color: #007770; } .aui.top-frame #footer { position: relative; border-top: .75rem solid #69d8d7; } .aui.top-frame #footer a:focus { outline: 1px dotted #fff; } .aui.top-frame #footer .container-fluid { position: relative; max-width: 1440px; margin: 0 auto; } .aui.top-frame #footer .footer-main-content { padding: 2rem 0 2rem; } .aui.top-frame #footer .footer-main-content .row-fluid { padding: 0; } .aui.top-frame #footer .footer-main-content .row-fluid div[class*="span"] { display: flex; flex-flow: column nowrap; justify-content: center; height: 6.25rem; font-size: 1rem; } .aui.top-frame #footer .footer-main-content .row-fluid div[class*="span"] img { max-height: 6.25rem; } .aui.top-frame #footer .footer-main-content .row-fluid div[class*="span"] a { display: inline-block; margin-left: 1.5rem; font-weight: 700; } .aui.top-frame #footer .footer-main-content .row-fluid div[class*="span"] a:first-child { margin-left: 0; } .aui.top-frame #footer .footer-main-content .row-fluid div[class*="span"] p { margin: 0 0 1rem; } .aui.top-frame #footer .footer-main-content .row-fluid div[class*="span"] p:last-child { margin: 0; } .aui.top-frame #footer .footer-main-content .row-fluid div[class*="span"] ul { list-style-type: none; display: flex; justify-content: center; margin: 0; } .aui.top-frame #footer .footer-main-content .row-fluid div[class*="span"] ul li { flex: 0 1 auto; display: block; padding: .75rem 0; } .aui.top-frame #footer .footer-main-content .row-fluid div[class*="span"] ul li a { padding: 0 .75rem; } .aui.top-frame #footer .footer-main-content .row-fluid div[class*="span"]:last-child { text-align: right; } .aui.top-frame #footer .footer-main-content .row-fluid div[class*="span"]:last-child a { margin-left: 1.75rem; font-weight: 400; } .aui.top-frame #footer .footer-main-content .row-fluid div[class*="span"]:last-child a:first-child { margin-left: 0; } .aui.top-frame #footer .footer-main-content .row-fluid a.aui-icon { color: #69d8d7; } .aui.top-frame #footer .footer-main-content .row-fluid a.aui-icon:before { font-size: 1.875rem; vertical-align: middle; } .aui.top-frame #footer .footer-bottom-bar { padding: 0 0 1.5rem; } .aui.top-frame #footer .footer-bottom-bar .container-fluid { padding: 0; } .aui.top-frame #footer .footer-bottom-bar .container-fluid .row-fluid { padding-top: 1.5rem; border-top: 1px solid rgba(255,255,255,0.15000000596046448); font-size: .9375rem; } .aui.top-frame #footer .footer-bottom-bar .container-fluid .row-fluid p { margin: 0; color: #eee; } .aui.top-frame #footer .footer-bottom-bar .container-fluid .row-fluid p a { display: inline-block; margin-left: 1.5rem; color: #fff; text-decoration: underline; } .aui.top-frame #content .portlet-breadcrumb { margin: 0 0 2rem; } .aui.top-frame #content .portlet-breadcrumb .portlet-body ul.breadcrumb { margin: .25rem 0; padding: 0; line-height: 1.25; } .aui.top-frame #content .portlet-breadcrumb .portlet-body ul.breadcrumb a { color: #3f4752; text-decoration: none; } .aui.top-frame #content .portlet-breadcrumb .portlet-body ul.breadcrumb a:hover, .aui.top-frame #content .portlet-breadcrumb .portlet-body ul.breadcrumb a:focus, .aui.top-frame #content .portlet-breadcrumb .portlet-body ul.breadcrumb a:active { text-decoration: underline; } .aui.top-frame #content .portlet-breadcrumb .portlet-body ul.breadcrumb li { font-size: 1.125rem !important; } .aui.top-frame #content .portlet-breadcrumb .portlet-body ul.breadcrumb li.active { color: #3f4752; } .aui.top-frame #content .portlet-breadcrumb .portlet-body ul.breadcrumb li.active.last a { color: #3f4752; } .aui.top-frame #content .portlet-breadcrumb .portlet-body ul.breadcrumb li.first { display: none; } .aui.top-frame #content .portlet-breadcrumb .portlet-body ul.breadcrumb li .divider { position: relative; display: inline-block; color: #fff; } .aui.top-frame #content .portlet-breadcrumb .portlet-body ul.breadcrumb li .divider:after { content: '\f054'; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: .375rem 0 0 .5rem; font-size: .75rem; font-family: 'fontawesome-alloy'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none !important; line-height: 1; color: #3f4752; background-color: #fff; } .aui.top-frame #content .portlet-breadcrumb .portlet-body ul.breadcrumb li:last-child .divider { display: none; } #cookie-notice { display: none; position: fixed; bottom: .5rem; left: 1.5rem; width: calc(100% - 3rem); background: #003479; color: #fff; z-index: 10; border-style: solid; border-width: .0675rem 0 .1875rem; border-color: rgba(255,255,255,0.25) transparent rgba(0,0,0,0.5); box-shadow: 0 .375rem .375rem rgba(0,0,0,0.125); border-radius: .5rem; } #cookie-notice.onDisplay { display: table; } #cookie-notice > span { display: table-row; } #cookie-notice > span p { display: table-cell; margin: 0 auto; padding: 1rem 1.5rem; } #cookie-notice > span p.disclaimer-icon { padding: 1rem; vertical-align: middle; line-height: 1; font-size: 2rem; } #cookie-notice > span p a { text-decoration: underline; } #cookie-notice > span p a.btn-primary { background-color: #69d8d7; margin-left: 1rem; color: #000; font-weight: 600; border-width: .0675rem 0; border-color: #7dd transparent #4bb; border-style: solid; box-shadow: 0 .125rem .25rem rgba(0,0,0,0.5); } .aui.top-frame #content { margin-bottom: 0; padding-top: 0; } .aui.top-frame #content > div .portlet-layout.row-fluid { width: 100%; max-width: 1440px; margin: 0 auto; } .aui.top-frame #content .subscribe-action { top: 1.5rem; right: 2rem; font-size: 1.25rem; } .aui.top-frame #content .subscribe-action > span { margin-left: .25rem; } .aui.top-frame #content .subscribe-action > span a { text-decoration: none; color: #000; } .aui.top-frame #content .subscribe-action > span a img { display: none; } .aui.top-frame #content .subscribe-action > span a .taglib-text { position: relative; padding-left: 1.3125rem; font-size: 1rem; font-weight: 700; } .aui.top-frame #content .subscribe-action > span a .taglib-text:before { position: absolute; display: block; top: -0.1875rem; left: 0; content: '\f003'; font-size: 1.125rem; color: #000; font-family: 'fontawesome-alloy'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } .aui.top-frame #content .subscribe-action > span.taglib-rss a .taglib-text:before { left: .1875rem; content: '\f09e'; } .aui.top-frame #content .subscribe-action > span:first-child { margin-left: 0; } .aui.top-frame #content > #main-content.frontpage { position: relative; padding: 0 0 4rem; background-color: #f6f6f7; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 104'%3E%3Cpath fill='%23FFF' fill-rule='nonzero' d='M28 83l11 9v12h-2V93l-9-7.4L14 97v7h-2v-8l16-13zM3 31l11 9v27l-9 7H0v-2h4l8-6V41l-9-7.4-3 2.5v-2.7L3 31zm47 2.4v2.7L39 45v27h11v2H37V44l13-10.6zM14 0v20h15l8-6V0h2v15l-9 7H12V0h2z'/%3E%3C/svg%3E"); background-size: 50px 104px; background-position: center top; } .aui.top-frame #content > #main-content.frontpage #column-11 .journal-content-article p { font-size: 1.5rem; } .aui.top-frame #content > #main-content.frontpage #column-11 .journal-content-article p > a:after { content: '\f054'; display: inline-block; margin-left: .5rem; font-size: 1.125rem; font-family: 'fontawesome-alloy'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none !important; line-height: 1; } .aui.top-frame #content > .listing-layout { position: relative; padding: 3rem 0 4rem; background-color: #fff; } .aui.top-frame #content > .listing-layout #column-9.span3 { width: 23.07692%; } .aui.top-frame #content > .listing-layout #main-content.span9 { width: 74.35897%; margin: 0 0 0 2.5641%; } .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid { margin: 2.25rem auto; } .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid:nth-child(2), .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid:nth-child(3) { max-width: 100%; margin: 0 auto; background-color: #fff; } .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid:nth-child(3) { display: flex; justify-content: center; align-items: stretch; } .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid:nth-child(3) > div[class*="span"] { width: 100%; max-width: calc((1440px - (1440px / 2)) - 3rem); margin: 0; padding: 3.5rem 0; } .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid:nth-child(3) > div[class*="span"]:last-child { margin-left: 3rem; } .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid:nth-child(3) > div[class*="span"]:last-child .portlet-column, .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid:nth-child(3) > div[class*="span"]:last-child .portlet-column-content, .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid:nth-child(3) > div[class*="span"]:last-child .portlet-borderless, .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid:nth-child(3) > div[class*="span"]:last-child .portlet-borderless-container, .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid:nth-child(3) > div[class*="span"]:last-child .portlet-body, .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid:nth-child(3) > div[class*="span"]:last-child .journal-content-article, .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid:nth-child(3) > div[class*="span"]:last-child .journal-content-article > .section__info { height: 100%; } .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid:nth-child(5) > .span8 { width: 31.62393%; } .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid:nth-child(5) > .span8 #column-2 > div > div .portlet-body .asset__listing { margin-bottom: 2.25rem; } .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid:nth-child(5) > .span8 #column-2 > div > div:last-child .portlet-body .asset__listing { margin-bottom: 0; } .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid:nth-child(5) > #column-5.span4 { width: 65.81197%; } .aui.top-frame #content #main-content.frontpage #column-6 .portlet-body .asset__listing { margin-bottom: 2.25rem; } .aui.top-frame #main-content .portlet-body a { text-decoration: underline; } .aui.top-frame #main-content .portlet-body a.btn.btn-primary { padding: 0.675rem 1rem; font-size: 1.1875rem; line-height: 1.5; text-decoration: none; } .aui.top-frame #main-content .portlet-body a.btn.btn-primary:hover, .aui.top-frame #main-content .portlet-body a.btn.btn-primary:focus, .aui.top-frame #main-content .portlet-body a.btn.btn-primary:active { text-decoration: underline; } .aui.top-frame #main-content .portlet-body a.btn.btn-primary:after { content: '\f105'; display: inline-block; margin-left: .875rem; font-family: 'fontawesome-alloy'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none !important; line-height: 1; color: #69d8d7; } .aui.top-frame #main-content .portlet-body a.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"; } .aui.top-frame #main-content .portlet-body h1, .aui.top-frame #main-content .portlet-body h2 { font-weight: 400; font-family: 'Overpass',Arial,Helvetica,sans-serif; } .aui.top-frame #main-content .portlet-body h1 { font-size: 2.375rem; font-weight: 700; color: #003479; line-height: 1.25; } .aui.top-frame #main-content .portlet-body h2 { font-size: 1.5rem; font-weight: 700; color: #000; line-height: 1.25; } .aui.top-frame #main-content .portlet-body h3 { font-size: 1.375rem; line-height: 1.25; } .aui.top-frame #main-content .portlet-body h3, .aui.top-frame #main-content .portlet-body h4, .aui.top-frame #main-content .portlet-body h5, .aui.top-frame #main-content .portlet-body h6 { color: #000; font-family: 'Overpass',Arial,Helvetica,sans-serif; } .aui.top-frame #main-content .portlet-body h4 { font-size: 1.25rem; } .aui.top-frame #main-content .portlet-body h5 { font-size: 1.1875rem; } .aui.top-frame #main-content .portlet-body h6 { font-size: 1.125rem; } .aui.top-frame #main-content .portlet-body p { font-size: 1.1875rem; line-height: 1.5; } .aui.top-frame #main-content .portlet-body p:first-child { margin-top: 0 !important; } .aui.top-frame #main-content .portlet-body strong { font-weight: 700; } .aui.top-frame #main-content .portlet-body ul { list-style-type: disc; } .aui.top-frame #main-content .portlet-body ul, .aui.top-frame #main-content .portlet-body ol { margin-left: 1.25rem; font-size: 1.1875rem; line-height: 1.5; } .aui.top-frame #main-content .portlet-body ul ul, .aui.top-frame #main-content .portlet-body ol ol { margin-top: 0; margin-bottom: 0; margin-left: 1.125rem; } .aui.top-frame #main-content .portlet-body ul li, .aui.top-frame #main-content .portlet-body ol li { font-size: 1.1875rem; line-height: 1.5; } .aui.top-frame #main-content .portlet-body table tr { background-color: #f6f6f7; } .aui.top-frame #main-content .portlet-body table tr th, .aui.top-frame #main-content .portlet-body table tr td { font-size: 1.1875rem; line-height: 1.5; } .aui.top-frame #main-content .portlet-body table tr:nth-child(2n) { background-color: #fff; } .aui.top-frame #main-content .portlet-body .table-responsive { overflow-x: auto; } .aui.top-frame #main-content .portlet-body blockquote { position: relative; font-size: 1.1875rem; line-height: 1.5; } .aui.top-frame #main-content .portlet-body blockquote i, .aui.top-frame #main-content .portlet-body blockquote em { font-style: italic; } .aui.top-frame #main-content .portlet-body p.lead, .aui.top-frame #main-content .portlet-body p.ingress { font-weight: 400; font-size: 1.1875rem; line-height: 1.5; } .aui.top-frame #main-content .portlet-body .yja_factbox__aside { float: none; display: block; margin: 1.5rem 0; padding: 1.675rem 1.5rem; border-style: solid; border-width: 1px 1px 1px 3px; border-color: #ddd; } .aui.top-frame #main-content .portlet-body .yja_factbox__aside *:first-child { margin-top: 0; } .aui.top-frame #main-content .portlet-body .yja_factbox__aside *:last-child { margin-bottom: 0; } .aui.top-frame #main-content .portlet-body .yjaInfoBox { position: relative; margin: 1.5rem 0; padding: 1.625rem 1.5rem; background-color: #f6f6f7; border-style: solid; border-width: 0 0 0 .25rem; border-color: #ffc658; } .aui.top-frame #main-content .portlet-body .yjaInfoBox *:first-child { margin-top: 0; } .aui.top-frame #main-content .portlet-body .yjaInfoBox *:last-child { margin-bottom: 0; } .aui.top-frame #main-content .portlet-body .yjaInfoBox.attention { padding: 1.375rem 1.5rem 1.375rem 3.25rem; } .aui.top-frame #main-content .portlet-body .yjaInfoBox.attention:before { content: "\f071"; position: absolute; display: block; top: 1.375rem; left: 1rem; font-size: 1.375rem; color: #ffc658; font-family: "fontawesome-alloy"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } .aui.top-frame #main-content .portlet-body .yjaInfoBox.relatedContent a { text-decoration: none; } .aui.top-frame #main-content .portlet-body .yjaInfoBox.relatedContent a:hover, .aui.top-frame #main-content .portlet-body .yjaInfoBox.relatedContent a:focus, .aui.top-frame #main-content .portlet-body .yjaInfoBox.relatedContent a:active { text-decoration: underline; } .aui.top-frame #main-content .portlet-body .yjaInfoBox.relatedContent ul, .aui.top-frame #main-content .portlet-body .yjaInfoBox.relatedContent ol { margin-left: 1.25rem; } .aui.top-frame #main-content .portlet-body .yjaInfoBox.relatedContent ul li { line-height: 1.625; } .aui.top-frame #main-content .portlet-body span[itemprop="articleBody"] { margin: 0; } .aui.top-frame #main-content .portlet-body .meta .ministries.date .contributor { display: none; } .aui.top-frame #main-content .portlet-body .meta .ministries.label-published { display: none; } .aui.top-frame #main-content .portlet-body .meta .label, .aui.top-frame #main-content .portlet-body .meta .yja-tag { margin: .375rem .5rem .375rem 0; padding: .375rem 1rem; } .aui.top-frame #main-content .portlet-body .meta .label:last-child { margin-right: 0; } .aui.top-frame #main-content .portlet-body .meta.bottom-meta { margin: 1.5rem 0; } .aui.top-frame #main-content .portlet-body .meta.bottom-meta > .yja-tag-group, .aui.top-frame #main-content .portlet-body .meta.bottom-meta > .yja-category-group { display: none; } .aui.top-frame .henkilot #main-content .yjaInfoBox { border-left-color: #e30450; } .aui.top-frame .henkilot #main-content .yjaInfoBox.attention:before { color: #e30450; } .aui.top-frame .organisaatiot #main-content .yjaInfoBox { border-left-color: #007770; } .aui.top-frame .organisaatiot #main-content .yjaInfoBox.attention:before { color: #007770; } .aui.top-frame #content .portlet-navigation > span:empty { display: none; } .aui.top-frame #content .portlet-navigation .nav-menu { font-size: 1rem; } .aui.top-frame #content .portlet-navigation .nav-menu h2 { margin: 0 0 1rem; font-family: 'Overpass',Arial,Helvetica,sans-serif; font-size: 1.625rem; font-weight: 700; color: #003479; } .aui.top-frame #content .portlet-navigation .nav-menu > ul > li.selected:before { content: ' '; position: absolute; display: block; top: 0; left: 0; width: .25rem; height: 100%; background-color: #003479; } .aui.top-frame #content .portlet-navigation .portlet-body ul { list-style-type: none; padding: 0; margin: 0; } .aui.top-frame #content .portlet-navigation .portlet-body ul li { border-style: solid; border-width: 1px 1px 0; border-color: #ddd; } .aui.top-frame #content .portlet-navigation .portlet-body ul li:last-child { border-width: 1px; } .aui.top-frame #content .portlet-navigation .portlet-body ul li a { padding: .625rem 1.625rem .625rem 1rem; font-size: 1rem; font-weight: 400; color: #003479; line-height: 1.5; text-decoration: none; word-break: break-word; } .aui.top-frame #content .portlet-navigation .portlet-body ul li a:hover, .aui.top-frame #content .portlet-navigation .portlet-body ul li a:focus, .aui.top-frame #content .portlet-navigation .portlet-body ul li a:active { text-decoration: underline; } .aui.top-frame #content .portlet-navigation .portlet-body ul li.open.selected > a, .aui.top-frame #content .portlet-navigation .portlet-body ul li.selected > a { font-weight: 700; color: #000; } .aui.top-frame #content .portlet-navigation .portlet-body ul li.hasChild ul { display: block; border-top: 1px solid #ddd; margin: 0; padding: .25rem 0 .25rem 1rem; background-color: #f6f6f7; } .aui.top-frame #content .portlet-navigation .portlet-body ul li.hasChild ul li { border-width: 0; } .aui.top-frame #content .portlet-navigation .portlet-body ul li.hasChild ul li.hasChild ul { padding: 0 0 0 .75rem; border-top: none; } .aui.top-frame #content .portlet-navigation .portlet-body ul li.hasChild ul a { padding: .625rem 1.625rem .625rem .5rem; } .aui.top-frame #content .portlet-navigation .portlet-body ul li .toggleVisibility { top: 4px; right: 0; width: 1.625rem; padding: 0 .5rem; font-size: .625rem; line-height: 3.33333; background-color: transparent; } .aui.top-frame #content .portlet-navigation .portlet-body ul li .toggleVisibility:focus { outline: 1px dotted #003479; } .aui.top-frame .collapsible { margin: 1.5rem 0; } .aui.top-frame .collapsible .tabPanel { width: 100%; overflow: hidden; margin-top: .75rem; } .aui.top-frame .collapsible .tabPanel:first-child { margin-top: 0; } .aui.top-frame .collapsible .tabPanel .accordionHeading { position: relative; margin: 0; background-color: #fff; } .aui.top-frame .collapsible .tabPanel .accordionHeading .collbutton { font-family: 'Overpass',Arial,Helvetica,sans-serif; padding: .625rem 2.25rem .625rem 1rem; width: 100%; text-align: left; background-color: #fff; border-style: solid; border-width: 1px; border-color: #ddd; border-radius: .25rem; } .aui.top-frame .collapsible .tabPanel .accordionHeading .collbutton .heading { color: #003479; font-size: 1.125rem; line-height: 1.5; font-weight: 700; } .aui.top-frame .collapsible .tabPanel .accordionHeading .collbutton .state { position: absolute; display: block; right: .75rem; top: .625rem; width: .75rem; height: 1.75rem; padding: .25rem 0; background-color: #fff; } .aui.top-frame .collapsible .tabPanel .accordionHeading .collbutton .state span { color: #003479; font-weight: 400; } .aui.top-frame .collapsible .tabPanel .accordionHeading .collbutton .state span i { font-size: .625rem; } .aui.top-frame .collapsible .tabPanel .accordionHeading .collbutton:focus, .aui.top-frame .collapsible .tabPanel .accordionHeading .collbutton:active { text-decoration: underline; outline: 1px dotted #3f4752; outline-offset: -3px; } .aui.top-frame .collapsible .tabPanel .accordionHeading .collbutton[aria-expanded="true"] { border-width: 1px 1px 0; border-radius: .25rem .25rem 0 0; } .aui.top-frame .collapsible .tabPanel .accordionHeading .collbutton[aria-expanded="true"] .heading { color: #000; } .aui.top-frame .collapsible .tabPanel .accordionHeading .collbutton[aria-expanded="true"] .state__open { color: #000; } .aui.top-frame .collapsible .tabPanel .accordionHeading .collbutton[aria-expanded="true"] .state__open, .aui.top-frame .collapsible .tabPanel .accordionHeading .collbutton[aria-expanded="false"] .state__close { display: block; } .aui.top-frame .collapsible .tabPanel .accordionHeading .collbutton[aria-expanded="false"] .state__open, .aui.top-frame .collapsible .tabPanel .accordionHeading .collbutton[aria-expanded="true"] .state__close { display: none; } .aui.top-frame .collapsible .tabPanel__content[aria-hidden="true"] { display: none; } .aui.top-frame .collapsible .tabPanel__content { border-width: 0 1px 1px 1px; border-style: solid; border-color: #ddd; padding: 1px 1rem 0; border-radius: 0 0 .25rem .25rem; } .aui.top-frame #content .links__list { margin: 1.5rem 0; } .aui.top-frame #content .links__list ul.links__list--contentPage { margin: 0; padding: 0; list-style-type: none; background-color: #f9f9f9; box-shadow: 0 0 .25rem .375rem #f9f9f9; border-radius: 0.25rem; } .aui.top-frame #content .links__list ul.links__list--contentPage li { margin: 0 0 .75rem; padding: 0; } .aui.top-frame #content .links__list ul.links__list--contentPage li a { position: relative; display: block; padding: .9375rem 2.25rem .8125rem 1.625rem; border: 1px solid #eee; font-weight: 700; background-color: #fff; text-decoration: none; box-shadow: 0 .5rem .25rem -0.25rem #e8e8e8; } .aui.top-frame #content .links__list ul.links__list--contentPage li a:hover, .aui.top-frame #content .links__list ul.links__list--contentPage li a:focus, .aui.top-frame #content .links__list ul.links__list--contentPage li a:active { text-decoration: underline; } .aui.top-frame #content .links__list ul.links__list--contentPage li a:before { content: ' '; position: absolute; display: block; top: 0; left: 0; width: .25rem; height: 100%; background-color: #ffc658; } .aui.top-frame #content .links__list ul.links__list--contentPage li a:after { content: "\f054"; position: absolute; display: block; top: 1.375rem; right: 1.5rem; font-size: .875rem; font-family: "fontawesome-alloy"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } .aui.top-frame #content .links__list ul.links__list--contentPage li a.external-link:after { content: "\f08e"; } .aui.top-frame #main-content.frontpage .links__list { margin: 0; } .aui.top-frame #main-content.frontpage .links__list ul.links__list--frontPageIcons { display: flex; flex-flow: row wrap; justify-content: flex-start; margin: 0; padding: 0; list-style-type: none; } .aui.top-frame #main-content.frontpage .links__list ul.links__list--frontPageIcons li { display: block; width: calc(50% - 1.13rem); margin: 2.25rem 0 0; background: #fff; border-radius: 0 0.125rem 0.125rem 0; box-shadow: 0 .25rem .5rem rgba(128,128,128,0.375); } .aui.top-frame #main-content.frontpage .links__list ul.links__list--frontPageIcons li a { display: flex; flex-flow: column nowrap; justify-content: center; height: 100%; padding: 3rem 2rem; text-decoration: none; border-left: .4375rem solid #69d8d7; } .aui.top-frame #main-content.frontpage .links__list ul.links__list--frontPageIcons li a img { margin: 0 auto 1rem; width: 5.75rem; } .aui.top-frame #main-content.frontpage .links__list ul.links__list--frontPageIcons li a span { display: block; text-align: center; font-weight: 700; } .aui.top-frame #main-content.frontpage .links__list ul.links__list--frontPageIcons li a:hover, .aui.top-frame #main-content.frontpage .links__list ul.links__list--frontPageIcons li a:focus, .aui.top-frame #main-content.frontpage .links__list ul.links__list--frontPageIcons li a:active { text-decoration: underline; } .aui.top-frame #main-content.frontpage .links__list ul.links__list--frontPageIcons li:nth-child(1), .aui.top-frame #main-content.frontpage .links__list ul.links__list--frontPageIcons li:nth-child(2) { margin-top: 0; } .aui.top-frame #main-content.frontpage .links__list ul.links__list--frontPageIcons li:nth-child(even) { margin-left: 2.25rem; } .aui.top-frame .henkilot #content .links__list ul.links__list--contentPage li a:before { background-color: #e30450; } .aui.top-frame .henkilot #content .links__list ul.links__list--frontPageIcons li a { border-left-color: #e30450; } .aui.top-frame .organisaatiot #content .links__list ul.links__list--contentPage li a:before { background-color: #007770; } .aui.top-frame .organisaatiot #content .links__list ul.links__list--frontPageIcons li a { border-left-color: #007770; } .aui.top-frame #main-content.frontpage .links__list--frontPageLifts { margin: 0; padding: 2rem 1.5rem; background: #fff; border-left: .4375rem solid #69d8d7; box-shadow: 0 .25rem .5rem rgba(128,128,128,0.375); } .aui.top-frame #main-content.frontpage .links__list--frontPageLifts h2 { margin: 0 0 1.5rem; } .aui.top-frame #main-content.frontpage .links__list--frontPageLifts ul { display: flex; flex-flow: row wrap; justify-content: flex-start; margin: 1.5rem 0 0; padding: 0; } .aui.top-frame #main-content.frontpage .links__list--frontPageLifts ul li { display: block; width: calc(33.33333% - 1rem); margin: 0 0 1.5rem 1.5rem; background-color: #f6f6f7; border-radius: 0.125rem; } .aui.top-frame #main-content.frontpage .links__list--frontPageLifts ul li a { display: flex; flex-flow: column nowrap; justify-content: center; height: 100%; padding: 1.25rem; text-align: center; text-decoration: none; } .aui.top-frame #main-content.frontpage .links__list--frontPageLifts ul li a:hover, .aui.top-frame #main-content.frontpage .links__list--frontPageLifts ul li a:focus, .aui.top-frame #main-content.frontpage .links__list--frontPageLifts ul li a:active { text-decoration: underline; } .aui.top-frame #main-content.frontpage .links__list--frontPageLifts ul li:nth-child(3n+1) { margin-left: 0; } .aui.top-frame .henkilot #main-content.frontpage .links__list--frontPageLifts { border-left-color: #e30450; } .aui.top-frame .organisaatiot #main-content.frontpage .links__list--frontPageLifts { border-left-color: #007770; } .aui.top-frame #content .preSelectCategorySearch { padding: 1rem 0; } .aui.top-frame #content .preSelectCategorySearch form { position: relative; margin: 0; padding: 0; } .aui.top-frame #content .preSelectCategorySearch form input { margin: 0; padding: 0.75rem 1rem 0.75rem 3.25rem; background-color: #fff; border: 1px solid #ddd; border-radius: 1.75rem; font-size: 1.25rem; font-family: 'Overpass',Arial,Helvetica,sans-serif; box-shadow: none !important; line-height: inherit; } .aui.top-frame #content .preSelectCategorySearch form input:focus { border-color: #003479; } .aui.top-frame #content .preSelectCategorySearch form button { position: absolute; display: block; height: 2.25rem; width: 2.5rem; top: .5rem; left: .625rem; background-color: transparent; border-width: 0; } .aui.top-frame #content .preSelectCategorySearch form button:after { content: '\f002'; position: absolute; display: block; top: 0; left: 0; width: 2.5rem; height: 2.5rem; padding: .375rem; color: #003479; text-align: center; text-transform: none; font-size: 1.375rem; font-family: 'fontawesome-alloy'; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; } .aui.top-frame #content .preSelectCategorySearch .preSelectFavorites p { margin: 1.25rem 1.25rem .75rem !important; font-size: 1.25rem; } .aui.top-frame #content .preSelectCategorySearch .preSelectFavorites p strong { color: #003479; } .aui.top-frame #content .preSelectCategorySearch .preSelectFavorites ul { list-style-type: none; } .aui.top-frame #content .preSelectCategorySearch .preSelectFavorites ul li { display: inline-block; margin: 0 .5rem .5rem 0; } .aui.top-frame #content .preSelectCategorySearch .preSelectFavorites ul li a { display: inline-block; padding: .25rem .875rem; font-size: 1.125rem; background-color: #003479; color: #fff; text-decoration: none; border-radius: 1.125rem; white-space: nowrap; } .aui.top-frame #content .preSelectCategorySearch .preSelectFavorites ul li a:hover, .aui.top-frame #content .preSelectCategorySearch .preSelectFavorites ul li a:focus, .aui.top-frame #content .preSelectCategorySearch .preSelectFavorites ul li a:active { text-decoration: underline; } .aui.top-frame #content .preSelectCategorySearch .preSelectFavorites ul li a:first-letter { text-transform: capitalize; } .aui.top-frame #content .section__info { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; position: relative; margin: 0; padding: 0 2.75rem; border-style: solid; border-width: 0 0 0 .75rem; border-color: #69d8d7; text-align: center; } .aui.top-frame #content .section__info img { display: block; max-height: 12rem; margin: 0 auto 2.5rem; } .aui.top-frame #content .section__info h1 { margin: 0; font-weight: 400; } .aui.top-frame #content .section__info > span.section__info--title { margin: 0; font-size: 2.375rem; font-weight: 400; color: #003479; } .aui.top-frame #content .section__info:before { content: ' '; position: absolute; top: 0; left: -0.75rem; width: .75rem; height: 42.5%; background-color: #003479; } .aui.top-frame #content .section__info:after { content: ' '; position: absolute; bottom: 0; left: -0.75rem; width: .75rem; height: 5rem; background-color: #ffc658; } .aui.top-frame .henkilot #content .section__info:after { background-color: #e30450; } .aui.top-frame .organisaatiot #content .section__info:after { background-color: #007770; } .aui.top-frame[lang="en-US"] #content .section__info h1 { font-size: 1.625rem; } .aui.top-frame #content .coloured { padding: 1.5rem 2rem; background-color: #69d8d7; } .aui.top-frame #content .coloured * { color: #000; } .aui.top-frame #content .coloured *:first-child { margin-top: 0; } .aui.top-frame #content .coloured *:last-child { margin-bottom: 0; } .aui.top-frame #content .coloured p > *, .aui.top-frame #content .coloured h1, .aui.top-frame #content .coloured h2, .aui.top-frame #content .coloured h3, .aui.top-frame #content .coloured h4, .aui.top-frame #content .coloured h5, .aui.top-frame #content .coloured h6 { color: #000; } .aui.top-frame .henkilot #content .coloured { background-color: #b50022; } .aui.top-frame .henkilot #content .coloured *, .aui.top-frame .henkilot #content .coloured p > *, .aui.top-frame .henkilot #content .coloured h1, .aui.top-frame .henkilot #content .coloured h2, .aui.top-frame .henkilot #content .coloured h3, .aui.top-frame .henkilot #content .coloured h4, .aui.top-frame .henkilot #content .coloured h5, .aui.top-frame .henkilot #content .coloured h6 { color: #fff; } .aui.top-frame .organisaatiot #content .coloured { background-color: #00645e; } .aui.top-frame .organisaatiot #content .coloured *, .aui.top-frame .organisaatiot #content .coloured p > *, .aui.top-frame .organisaatiot #content .coloured h1, .aui.top-frame .organisaatiot #content .coloured h2, .aui.top-frame .organisaatiot #content .coloured h3, .aui.top-frame .organisaatiot #content .coloured h4, .aui.top-frame .organisaatiot #content .coloured h5, .aui.top-frame .organisaatiot #content .coloured h6 { color: #fff; } .aui.top-frame #content .web-content-listing-portlet ul.nav-pills { list-style-type: none; margin: 1.5rem 0; } .aui.top-frame #content .web-content-listing-portlet ul.nav-pills li.tab { margin: 0 .5rem 0 0; } .aui.top-frame #content .web-content-listing-portlet ul.nav-pills li.tab a { padding: .625rem 1.125rem; font-size: 1rem; color: #003479; background-color: #fff; text-decoration: none; border: 1px solid #ddd; border-radius: 1.25rem; } .aui.top-frame #content .web-content-listing-portlet ul.nav-pills li.tab a:focus, .aui.top-frame #content .web-content-listing-portlet ul.nav-pills li.tab a:active, .aui.top-frame #content .web-content-listing-portlet ul.nav-pills li.tab a:hover { color: #fff; background-color: #003479; text-decoration: underline; } .aui.top-frame #content .web-content-listing-portlet ul.nav-pills li.tab.active a { background-color: #003479; color: #fff; } .aui.top-frame #content .web-content-listing-portlet ul.list.list__assets { margin: 0; padding-top: 1.5rem; border-top: 1px solid #ddd; } .aui.top-frame #content .web-content-listing-portlet ul.list.list__assets li.list.list__item { padding: 0 0 1.5rem; margin-bottom: 1.5rem; border-bottom: 1px solid #ddd; } .aui.top-frame #content .web-content-listing-portlet ul.list.list__assets li.list.list__item h4 { font-size: 1.25; color: #003479; line-height: 1.25; } .aui.top-frame #content .web-content-listing-portlet ul.list.list__assets li.list.list__item h4 a { text-decoration: none; } .aui.top-frame #content .web-content-listing-portlet ul.list.list__assets li.list.list__item h4 a:focus, .aui.top-frame #content .web-content-listing-portlet ul.list.list__assets li.list.list__item h4 a:active, .aui.top-frame #content .web-content-listing-portlet ul.list.list__assets li.list.list__item h4 a:hover { text-decoration: underline; } .aui.top-frame #content .web-content-listing-portlet ul.list.list__assets li.list.list__item .meta { margin: .5rem 0 !important; font-size: 1.125rem; } .aui.top-frame #content .web-content-listing-portlet ul.list.list__assets li.list.list__item a.yja-tag { margin: 0 .5rem 0 0; padding: 0; font-size: 1rem; font-weight: 600; line-height: 1.625; border: none; text-decoration: none; color: #003479; } .aui.top-frame #content .web-content-listing-portlet ul.list.list__assets li.list.list__item a.yja-tag:last-child { margin-right: 0; } .aui.top-frame #content .web-content-listing-portlet ul.list.list__assets li.list.list__item a.yja-tag:hover { text-decoration: underline; } .aui.top-frame #content .web-content-listing-portlet ul.list.list__assets li.list.list__item > div:last-child { margin-top: .75rem; } .aui.top-frame #content .web-content-listing-portlet ul.list.list__assets li.list.list__item:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } .aui.top-frame #content .web-content-listing-portlet button.btn.btn-primary { padding: .625rem 1.125rem; font-size: 1rem; color: #003479; background-color: #fff; text-decoration: none; border: 1px solid #ddd; border-radius: 1.25rem; font-family: 'Overpass',Arial,Helvetica,sans-serif; } .aui.top-frame #content .web-content-listing-portlet button.btn.btn-primary:focus, .aui.top-frame #content .web-content-listing-portlet button.btn.btn-primary:active, .aui.top-frame #content .web-content-listing-portlet button.btn.btn-primary:hover { color: #fff; background-color: #003479; text-decoration: underline; } .aui.top-frame #content .yja-search-portlet .portlet-body .span12 h3.result-heading.hidden { display: none; } .aui.top-frame #content .yja-search-portlet .portlet-body ul { list-style-type: none; margin: 0; padding: 0; } .aui.top-frame #content .yja-search-portlet .portlet-body ul#asset-tabs { margin: 0 0 2rem; } .aui.top-frame #content .yja-search-portlet .portlet-body ul.results li.result { margin-bottom: 1.5rem; padding-bottom: 1.125rem; } .aui.top-frame #content .yja-search-portlet .portlet-body ul.results li.result h3 { font-size: 1.25rem; line-height: 1.25; } .aui.top-frame #content .yja-search-portlet .portlet-body ul.results li.result h3 a { color: #003479; } .aui.top-frame #content .yja-search-portlet .portlet-body ul.results li.result ul.breadcrumb { padding: 0; margin: .5rem 0 !important; } .aui.top-frame #content .yja-search-portlet .portlet-body ul.results li.result ul.breadcrumb li { font-size: .9375rem; } .aui.top-frame #content .yja-search-portlet .portlet-body ul.results li.result ul.breadcrumb li a.renderLink { color: #a5acb0; } .aui.top-frame #content .yja-search-portlet .portlet-body ul.results li.result ul.breadcrumb li.last + span.divider { display: none; } .aui.top-frame #content .yja-search-portlet .portlet-body ul.results li.result .meta { font-size: .9375rem; } .aui.top-frame #content .yja-search-portlet .portlet-body ul.results li.result > p { margin: .75rem 0 !important; line-height: 1.44444; } .aui.top-frame #content .yja-search-portlet .portlet-body ul.results li.result > div:last-child { margin-bottom: 0 !important; } .aui.top-frame #content .yja-search-portlet .portlet-body ul.results li.result .yja-tag { margin: 0 .5rem 0 0; padding: 0; font-size: 1rem; font-weight: 600; line-height: 1.625; border: none; } .aui.top-frame #content .yja-search-portlet .portlet-body ul.results li.result .yja-tag-group a.yja-tag { text-decoration: none; color: #003479; } .aui.top-frame #content .yja-search-portlet .portlet-body ul.results li.result .yja-tag-group a.yja-tag:last-child { margin-right: 0; } .aui.top-frame #content .yja-search-portlet .portlet-body ul.results li.result .yja-tag-group a.yja-tag:hover { text-decoration: underline; } .aui.top-frame #content .ptv-view-item { border-bottom: 1px solid #ddd; } .aui.top-frame #content .ptv-view-item .ptv-item-data { position: relative; margin: 1.5rem 0 0; padding: 0 0 1.25rem; } .aui.top-frame #content .ptv-view-item .ptv-item-data:last-child { border-bottom: none; } .aui.top-frame #content .ptv-view-item .ptv-item-data h4 { font-size: 1.75rem; color: #003479; margin: 0 0 .75rem; } .aui.top-frame #content .ptv-view-item .ptv-item-data h5 { font-size: 1.25rem; color: #003479; margin: 0 0 .375rem; } .aui.top-frame #content .ptv-view-item .ptv-item-data > div { margin: 0 0 1rem; } .aui.top-frame #content .ptv-view-item .ptv-item-data > div .ptv-item-data-field-label { font-weight: 400; margin-bottom: .25rem; } .aui.top-frame #content .ptv-view-item .ptv-item-data > div .ptv-item-data-field-value { font-size: 1rem; } .aui.top-frame #content .ptv-view-item .ptv-item-data > div .ptv-item-data-field-value p:last-child { margin-bottom: 0; } .aui.top-frame #content .ptv-view-item .ptv-item-data > div .ptv-item-data-field-value p:empty { display: none; } .aui.top-frame #content .ptv-view-item .ptv-item-data div[class*="type-name"] { color: #000; } .aui.top-frame #content .ptv-view-item .ptv-item-data div[class*="type-name"] .ptv-item-data-field-value { font-size: 2rem; } .aui.top-frame #content .ptv-view-item .ptv-item-data div[class*="type-short-description"] { margin: 0 0 .375rem !important; } .aui.top-frame #content .ptv-view-item .ptv-item-data div[class*="type-short-description"] .ptv-item-data-field-value { font-size: 1.625rem; margin: 0 0 .375rem !important; } .aui.top-frame #content .ptv-view-item .ptv-item-data div[class*="type-description"] { margin-bottom: 1.5rem; } .aui.top-frame #content .web-form-portlet .control-group { margin: 1.25rem 0; } .aui.top-frame #content .web-form-portlet .control-group label { font-size: 1.125rem; margin: 0 0 .375rem; } .aui.top-frame #content .web-form-portlet .control-group .field, .aui.top-frame #content .web-form-portlet .control-group .aui-field-select { height: auto; margin: 0; padding: .5rem .375rem; } .aui.top-frame #content .web-form-portlet .control-group textarea.field { display: inline-block; width: auto; min-width: 50%; } .aui.top-frame #content .mail-alert-view .portlet-body .row-fluid > fieldset:first-child { display: none; } .aui.top-frame #content .portlet-blogs .subscribe-action { top: -1.75rem; right: 0; } .aui.top-frame #content .portlet-blogs .media-item .blogPostItem .span5.blogPostItem__image { width: 12.5%; } .aui.top-frame #content .portlet-blogs .media-item .blogPostItem .span5.blogPostItem__image img { max-width: 100%; border-radius: 50%; } .aui.top-frame #content .portlet-blogs .media-item .blogPostItem .span7.blogPostItem__body { width: 85%; margin-left: 2.5%; } .aui.top-frame #content .portlet-blogs .media-item .blogPostItem .span7.blogPostItem__body h4 { margin: 0 0 .5rem; } .aui.top-frame #content .portlet-blogs .media-item .blogPostItem .span7.blogPostItem__body h4 a { text-decoration: none; } .aui.top-frame #content .portlet-blogs .media-item .blogPostItem .span7.blogPostItem__body h4 a:hover, .aui.top-frame #content .portlet-blogs .media-item .blogPostItem .span7.blogPostItem__body h4 a:focus, .aui.top-frame #content .portlet-blogs .media-item .blogPostItem .span7.blogPostItem__body h4 a:active { text-decoration: underline; } .aui.top-frame #content .portlet-blogs .media-item .blogPostItem .span7.blogPostItem__body p > a { text-decoration: none; } .aui.top-frame #content .portlet-blogs .media-item .blogPostItem .span7.blogPostItem__body p > a:focus { text-decoration: underline; } .aui.top-frame #content .portlet-blogs .news-page ul.pager { margin-left: 0; } .aui.top-frame #content .portlet-blogs .news-page ul.pager li a, .aui.top-frame #content .portlet-blogs .news-page ul.pager li span { font-size: 1rem; text-decoration: none; border-radius: 1.375rem; } .aui.top-frame #content .portlet-blogs .news-page ul.pager li a:focus, .aui.top-frame #content .portlet-blogs .news-page ul.pager li a:hover, .aui.top-frame #content .portlet-blogs .news-page ul.pager li a:active { text-decoration: underline; } .aui.top-frame #content .portlet-blogs .news-page ul.pager li a:hover { background-color: #003479; color: #fff; } .aui.top-frame #content .portlet-blogs .taglib-page-iterator .lfr-pagination-buttons li a { font-size: 1rem; text-decoration: none; border-radius: 1.375rem; } .aui.top-frame #content .portlet-blogs .taglib-page-iterator .lfr-pagination-buttons li a:focus, .aui.top-frame #content .portlet-blogs .taglib-page-iterator .lfr-pagination-buttons li a:hover, .aui.top-frame #content .portlet-blogs .taglib-page-iterator .lfr-pagination-buttons li a:active { text-decoration: underline; } .aui.top-frame #content .portlet-blogs .taglib-page-iterator .lfr-pagination-buttons li a:hover { background-color: #003479; color: #fff; } .aui.top-frame #content .portlet-blogs .taglib-page-iterator .lfr-pagination-buttons li.disabled a:hover { background-color: #fff; color: #ddd; text-decoration: none; } .aui.top-frame #content .portlet-asset-publisher + .portlet-journal-content .asset__listing--link { margin-top: -2.25rem; margin-bottom: 2.25rem; padding: .5rem 2rem 1.5rem; background-color: #fff; box-shadow: 0 .375rem .375rem rgba(128,128,128,0.375); } .aui.top-frame #content .portlet-asset-publisher + .portlet-journal-content .asset__listing--link a { color: #003479; text-decoration: none; font-weight: 700; } .aui.top-frame #content .portlet-asset-publisher + .portlet-journal-content .asset__listing--link a:focus, .aui.top-frame #content .portlet-asset-publisher + .portlet-journal-content .asset__listing--link a:hover, .aui.top-frame #content .portlet-asset-publisher + .portlet-journal-content .asset__listing--link a:active { text-decoration: underline; } .aui.top-frame #content .portlet-asset-publisher + .portlet-journal-content .asset__listing--link a:after { content: '\f105'; display: inline-block; margin-left: .375rem; font-family: 'fontawesome-alloy'; font-style: normal; font-weight: 700; font-variant: normal; text-transform: none; text-decoration: none !important; line-height: 1; } .aui.top-frame #content .portlet-asset-publisher.tiedotteet + .portlet-journal-content .asset__listing--link { background-color: #003479; } .aui.top-frame #content .portlet-asset-publisher.tiedotteet + .portlet-journal-content .asset__listing--link a { color: #fff; } .aui.top-frame #content .portlet-asset-publisher.hairiotiedotteet + .portlet-journal-content .asset__listing--link { background-color: #ffa8cc; } .aui.top-frame #content .portlet-asset-publisher.hairiotiedotteet + .portlet-journal-content .asset__listing--link a { color: #000; } .aui.top-frame #main-content.frontpage .portlet-asset-publisher { box-shadow: 0 .25rem .5rem rgba(128,128,128,0.375); } .aui.top-frame #main-content .portlet-asset-publisher.tiedotteet .subscribe-action .taglib-rss a { color: #fff; } .aui.top-frame #main-content .portlet-asset-publisher.tiedotteet .subscribe-action .taglib-rss a .taglib-text:before { color: #fff; } .aui.top-frame #content .asset__main-lifts { background-color: #fff; border-left: .4375rem solid #69d8d7; } .aui.top-frame #content .asset__main-lifts .main-lift { display: flex; flex-flow: row wrap; justify-content: flex-start; } .aui.top-frame #content .asset__main-lifts .main-lift > a { display: flex; flex-flow: column nowrap; justify-content: center; align-items: flex-start; width: calc(50% - 1rem); margin-right: 1rem; padding: 1.5rem 2.5rem; text-decoration: none; } .aui.top-frame #content .asset__main-lifts .main-lift > a > * { max-width: 100%; } .aui.top-frame #content .asset__main-lifts .main-lift > a h2 { margin: 0 0 .875rem; color: #003479; } .aui.top-frame #content .asset__main-lifts .main-lift > a p { margin: 0; color: #000; line-height: 1.35; } .aui.top-frame #content .asset__main-lifts .main-lift > a.no-image { width: 100%; } .aui.top-frame #content .asset__main-lifts .main-lift > a:focus, .aui.top-frame #content .asset__main-lifts .main-lift > a:active { text-decoration: underline; } .aui.top-frame #content .asset__main-lifts .main-lift > a:hover { text-decoration: none; } .aui.top-frame #content .asset__main-lifts .main-lift > a:hover h2 { text-decoration: underline; } .aui.top-frame #content .asset__main-lifts .main-lift > div.defer-image, .aui.top-frame #content .asset__main-lifts .main-lift > figure.image-caption { width: calc(50% - 1rem); margin-left: 1rem; } .aui.top-frame #content .asset__main-lifts .main-lift > div.defer-image img { display: block; } .aui.top-frame #content .asset__main-lifts .main-lift > figure.image-caption { position: relative; } .aui.top-frame #content .asset__main-lifts .main-lift > figure.image-caption div.defer-image { display: block; } .aui.top-frame #content .asset__main-lifts .main-lift > figure.image-caption figcaption { position: absolute; left: 0; bottom: 0; width: 100%; padding: .5rem .75rem; background-color: rgba(0,0,0,0.75); color: #fff; } .aui.top-frame #content .asset__main-lifts .main-lift > ul { list-style-type: none; width: 100%; margin: 0; padding: .375rem 2.5rem; } .aui.top-frame #content .asset__main-lifts .main-lift > ul li { margin: 0; padding: 0; } .aui.top-frame #content .asset__main-lifts .main-lift > ul li a { text-decoration: none; } .aui.top-frame #content .asset__main-lifts .main-lift > ul li a:focus, .aui.top-frame #content .asset__main-lifts .main-lift > ul li a:active, .aui.top-frame #content .asset__main-lifts .main-lift > ul li a:hover { text-decoration: underline; } .aui.top-frame #content .asset__main-lifts .main-lift > ul:last-child { padding-bottom: 1.5rem; } .aui.top-frame .henkilot #content .asset__main-lifts { border-left-color: #e30450; } .aui.top-frame .organisaatiot #content .asset__main-lifts { border-left-color: #007770; } .aui.top-frame #content .asset__listing { padding: 1.5rem 2rem; background-color: #fff; } .aui.top-frame #content .asset__listing ul { list-style-type: none; margin: 0; padding: 0; } .aui.top-frame #content .asset__listing ul li { position: relative; padding: 0 0 1rem; margin: 0 0 1rem; border-bottom: 1px solid #ddd; } .aui.top-frame #content .asset__listing ul li a { text-decoration: none; } .aui.top-frame #content .asset__listing ul li a:focus, .aui.top-frame #content .asset__listing ul li a:active, .aui.top-frame #content .asset__listing ul li a:hover { text-decoration: underline; } .aui.top-frame #content .asset__listing ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom-width: 0; } .aui.top-frame #content .asset__listing ul.frontpage-blogs li.has-image { padding-left: 3.5rem; min-height: 4rem; } .aui.top-frame #content .asset__listing ul.frontpage-blogs li.has-image img { position: absolute; top: .125rem; left: 0; width: 2.75rem; border-radius: 50%; } .aui.top-frame #content .tiedotteet .asset__listing { background-color: #003479; box-shadow: none; } .aui.top-frame #content .tiedotteet .asset__listing ul li { color: #fff; border-bottom-color: rgba(255,255,255,0.15000000596046448); } .aui.top-frame #content .tiedotteet .asset__listing ul li a { color: #fff; } .aui.top-frame #content .hairiotiedotteet .asset__listing { background-color: #ffa8cc; box-shadow: none; } .aui.top-frame #content .hairiotiedotteet .asset__listing ul li { border-bottom-color: rgba(34,34,34,0.15000000596046448); } .aui.top-frame #content .hairiotiedotteet .asset__listing ul li a { color: #000; } .aui.top-frame #content .listing-layout .asset__listing { background-color: #f6f6f7; box-shadow: none; border-left: .25rem solid #003479; } .aui.top-frame #content .listing-layout .asset__listing ul li { border-bottom-color: rgba(34,34,34,0.15000000596046448); } .aui.top-frame #content #main-content.frontpage .portlet-column .portlet-asset-publisher .portlet-topper h1.hed-section.portlet-title, .aui.top-frame #content #main-content.frontpage .portlet-column .portlet-asset-publisher .portlet-topper h2.hed-section.portlet-title, .aui.top-frame #content #main-content.frontpage .portlet-column .portlet-asset-publisher .portlet-topper h3.hed-section.portlet-title { margin: 0; padding: 1.5rem 2rem 0; background-color: #fff; } .aui.top-frame #content #main-content.frontpage .portlet-column .portlet-asset-publisher.tiedotteet .portlet-topper h1.hed-section.portlet-title, .aui.top-frame #content #main-content.frontpage .portlet-column .portlet-asset-publisher.tiedotteet .portlet-topper h2.hed-section.portlet-title, .aui.top-frame #content #main-content.frontpage .portlet-column .portlet-asset-publisher.tiedotteet .portlet-topper h3.hed-section.portlet-title { color: #fff; background-color: #003479; } .aui.top-frame #content #main-content.frontpage .portlet-column .portlet-asset-publisher.hairiotiedotteet .portlet-topper h1.hed-section.portlet-title, .aui.top-frame #content #main-content.frontpage .portlet-column .portlet-asset-publisher.hairiotiedotteet .portlet-topper h2.hed-section.portlet-title, .aui.top-frame #content #main-content.frontpage .portlet-column .portlet-asset-publisher.hairiotiedotteet .portlet-topper h3.hed-section.portlet-title { background-color: #ffa8cc; } .aui.top-frame #content #column-10 { background-color: #fff; } .aui.top-frame #content .portlet-asset-publisher.hairiotiedote { width: 100%; max-width: 1440px; margin: 0 auto; background-color: #ffa8cc; box-shadow: 0 .25rem .5rem rgba(128,128,128,0.375); } .aui.top-frame #content .portlet-asset-publisher.hairiotiedote .portlet-body { padding: .875rem 1.25rem; } .aui.top-frame #content .portlet-asset-publisher.hairiotiedote .portlet-body ul.title-list { margin: 0; list-style-type: none; } .aui.top-frame #content .portlet-asset-publisher.hairiotiedote .portlet-body ul.title-list li { margin: 0 0 .75rem; } .aui.top-frame #content .portlet-asset-publisher.hairiotiedote .portlet-body ul.title-list li:last-child { margin-bottom: 0; } .aui.top-frame #content .portlet-asset-publisher.hairiotiedote .portlet-body ul.title-list li a { text-decoration: none; color: #000; } .aui.top-frame #content .portlet-asset-publisher.hairiotiedote .portlet-body ul.title-list li a:focus, .aui.top-frame #content .portlet-asset-publisher.hairiotiedote .portlet-body ul.title-list li a:hover, .aui.top-frame #content .portlet-asset-publisher.hairiotiedote .portlet-body ul.title-list li a:active { text-decoration: underline; } .aui.top-frame #content .portlet-asset-publisher.hairiotiedote .portlet-body ul.title-list li a img { display: none; } .aui.top-frame #content .portlet-asset-publisher.hairiotiedote .asset-full-content { margin: 0 0 1.5rem; padding: 0 0 1.5rem; } .aui.top-frame #content .portlet-asset-publisher.hairiotiedote .asset-full-content h1, .aui.top-frame #content .portlet-asset-publisher.hairiotiedote .asset-full-content h2, .aui.top-frame #content .portlet-asset-publisher.hairiotiedote .asset-full-content h3, .aui.top-frame #content .portlet-asset-publisher.hairiotiedote .asset-full-content h4, .aui.top-frame #content .portlet-asset-publisher.hairiotiedote .asset-full-content h5, .aui.top-frame #content .portlet-asset-publisher.hairiotiedote .asset-full-content h6 { font-family: 'Overpass',Arial,Helvetica,sans-serif; color: #000; line-height: 1.25; } .aui.top-frame #content .portlet-asset-publisher.hairiotiedote .asset-full-content h1 { font-size: 2.375rem; font-weight: 700; } .aui.top-frame #content .portlet-asset-publisher.hairiotiedote .asset-full-content h2 { font-size: 1.5rem; font-weight: 700; } .aui.top-frame #content .portlet-asset-publisher.hairiotiedote .asset-full-content h3 { font-size: 1.375rem; } .aui.top-frame #content .portlet-asset-publisher.hairiotiedote .asset-full-content h4 { font-size: 1.25rem; } .aui.top-frame #content .portlet-asset-publisher.hairiotiedote .asset-full-content h5 { font-size: 1.1875rem; } .aui.top-frame #content .portlet-asset-publisher.hairiotiedote .asset-full-content h6 { font-size: 1.125rem; } .aui.top-frame #content .portlet-asset-publisher.hairiotiedote .asset-full-content *:first-child { margin-top: 0; } .aui.top-frame #content .portlet-asset-publisher.hairiotiedote .asset-full-content *:last-child { margin-bottom: 0; } .aui.top-frame #content .portlet-asset-publisher.hairiotiedote .asset-full-content .asset-content > br { display: none; } .aui.top-frame #content .portlet-asset-publisher.hairiotiedote .asset-full-content:last-child { margin-bottom: 0; padding-bottom: 0; } @media (max-width: 979px) { .aui.top-frame body #content { font-size: 1.0625rem; } .aui.top-frame #content { padding: 0; } .aui .mobile-menu-actions { top: 2.75rem; margin: 0; z-index: 2; } .aui .mobile-menu-actions.visible-phone { display: block !important; } .aui .mobile-menu-actions a { display: block; float: none; padding: .75rem 1.5rem; background-color: #003479; color: #fff; width: auto; height: auto; } .aui .mobile-menu-actions a i { margin: 0; } .aui .mobile-menu-actions a i:before { font-size: 2.25rem; } .aui .mobile-menu-actions a span { display: none; } .aui.top-frame #banner #heading { } .aui.top-frame #banner #heading .portlet-body { } .aui.top-frame #banner #heading .portlet-body .layout-wrapper-wide-container { padding: 0; } .aui.top-frame #banner #heading .portlet-body .layout-wrapper-wide-container .row-fluid.header-row { } .aui.top-frame #banner #heading .portlet-body .layout-wrapper-wide-container .row-fluid.header-row .span5 { top: 5.5rem; right: 5rem; left: 5rem; width: calc(100% - 10rem); margin-left: 0; } .aui.top-frame #banner #heading .portlet-body .layout-wrapper-wide-container .row-fluid.header-row .span5 .header-top-right-area { margin-top: 0 !important; } .aui.top-frame #banner #heading .portlet-body .layout-wrapper-wide-container .row-fluid.header-row .span5 .header-top-right-area form input.search-query { width: calc(100% - 3.75rem); } .aui.top-frame #banner #heading .portlet-body form .btn { display: none; } .aui.top-frame #banner #heading .header-row { padding: 0; } .aui.top-frame #banner #heading > h1 { top: 2.875rem !important; } .aui.top-frame #banner #heading > h1 a.logo { height: 3rem; max-width: initial; padding: .25rem 0; } .aui.top-frame #banner #heading > h1 a.logo img { max-height: 3.125rem; } .aui.top-frame #banner nav { display: none; } .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid:nth-child(3) { } .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid:nth-child(3) > div[class*="span"] { width: auto !important; max-width: 100% !important; padding: 1.5rem 2.5rem !important; } .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid:nth-child(3) > div[class*="span"]:last-child { display: none; } .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid:nth-child(5) { } .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid:nth-child(5) > .span8, .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid:nth-child(5) > #column-5.span4 { width: 100%; margin: 0 auto 2.25rem auto; } .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid:nth-child(5) > div:last-child { margin-bottom: 0 !important; } .aui.top-frame #content { } .aui.top-frame #content > .listing-layout { } .aui.top-frame #content > .listing-layout .portlet-navigation { display: none; } .aui.top-frame #content > .listing-layout #main-content.span9 { width: 100%; margin: 0; } .aui.top-frame #main-content.frontpage .links__list--frontPageLifts ul li { width: calc(50% - 0.75rem); } .aui.top-frame #main-content.frontpage .links__list--frontPageLifts ul li:nth-child(3n+1) { margin-left: 1.5rem; } .aui.top-frame #main-content.frontpage .links__list--frontPageLifts ul li:nth-child(odd) { margin-left: 0; } .aui.top-frame #content .portlet-blogs { } .aui.top-frame #content .portlet-blogs .subscribe-action { top: 0; position: relative; text-align: right; margin: 0 0 1rem; } .aui.top-frame { } .aui.top-frame #content .asset__main-lifts { } .aui.top-frame #content .asset__main-lifts .main-lift { flex-flow: column-reverse nowrap; } .aui.top-frame #content .asset__main-lifts .main-lift > a { width: 100% !important; padding: 1.5rem !important; } .aui.top-frame #content .asset__main-lifts .main-lift > div.defer-image, .aui.top-frame #content .asset__main-lifts .main-lift > figure.image-caption { width: 100% !important; } .aui.top-frame #content .asset__main-lifts .main-lift > ul { display: none; } .aui.top-frame #content { } .aui.top-frame #content #main-content.frontpage #column-10 .portlet-asset-publisher.hairiotiedote .portlet-body p { font-size: 1.0625rem; } } @media (max-width: 1440px) { .aui.top-frame { } .aui.top-frame #content > div > .portlet-layout.row-fluid, .aui.top-frame #footer .container-fluid, .aui.top-frame .layout-wrapper, .aui.top-frame .layout-wrapper-wide-container { max-width: 1366px; } .aui.top-frame #banner { max-width: 1366px; } .aui.top-frame #banner nav { max-width: calc(100% - 8.5rem); } .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid:nth-child(3) { } .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid:nth-child(3) > div[class*="span"] { max-width: calc((1366px - (1366px / 2)) - 3rem); } .aui.top-frame #content { } .aui.top-frame #content .portlet-asset-publisher.hairiotiedote { max-width: 1366px; } } @media (max-width: 1366px) { .aui.top-frame { } .aui.top-frame #content > div > .portlet-layout.row-fluid, .aui.top-frame #footer .container-fluid, .aui.top-frame .layout-wrapper, .aui.top-frame .layout-wrapper-wide-container { max-width: 1260px; } .aui.top-frame #banner, .aui.top-frame #heading .portlet-body .layout-wrapper-wide-container, .aui.top-frame #footer .container-fluid { max-width: 1260px; } .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid:nth-child(3) { } .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid:nth-child(3) > div[class*="span"] { max-width: calc((1280px - (1280px / 2)) - 3rem); } .aui.top-frame #content { } .aui.top-frame #content .portlet-asset-publisher.hairiotiedote { max-width: 1260px; } } @media (max-width: 1280px) { .aui.top-frame { } .aui.top-frame #content > div > .portlet-layout.row-fluid, .aui.top-frame #footer .container-fluid, .aui.top-frame .layout-wrapper, .aui.top-frame .layout-wrapper-wide-container { max-width: 1024px; } .aui.top-frame #banner, .aui.top-frame #heading .portlet-body .layout-wrapper-wide-container, .aui.top-frame #footer .container-fluid { max-width: 1024px; } .aui.top-frame #banner { padding: 0; height: 7.5rem; } .aui.top-frame #banner #heading { } .aui.top-frame #banner #heading .portlet-body .layout-wrapper-wide-container .row-fluid.header-row .span5 .header-top-right-area { margin-top: 3rem; } .aui.top-frame #banner #heading > h1 { top: 3.125rem; width: 19rem; } .aui.top-frame #banner nav.main-nav { position: relative; max-width: 1024px; margin: 0 auto; } .aui.top-frame #banner nav.main-nav ul[role="menubar"] > li { } .aui.top-frame #banner nav.main-nav ul[role="menubar"] > li#layout_000 { top: .25rem; height: 2.75rem; width: 19rem; background-size: contain; } .aui.top-frame #banner nav.main-nav ul[role="menubar"] > li a { font-size: 1.0625rem; } .aui.top-frame #banner nav.main-nav ul[role="menubar"] > li .toggleVisibility:before { top: 50%; font-size: .675rem; } .aui.top-frame #banner nav.main-nav ul[role="menubar"] > li > ul { top: 3.5rem; } .aui.top-frame #banner nav.main-nav.fixed ul[role="menubar"] li ul { top: 3rem; } .aui.top-frame #footer { } .aui.top-frame #footer .footer-main-content .row-fluid div[class*="span"] { } .aui.top-frame #footer .footer-main-content .row-fluid div[class*="span"]:last-child a { margin-left: 1.375rem; } .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid:nth-child(3) { } .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid:nth-child(3) > div[class*="span"] { max-width: calc((1024px - (1024px / 2)) - 3rem); } .aui.top-frame #content .section__info { padding-right: 1.375rem; border-left-width: .4375rem; } .aui.top-frame #content .section__info img { max-height: 10.75rem; margin: 0 auto 1.75rem; } .aui.top-frame #content .section__info h1 { font-size: 2.125rem; } .aui.top-frame #content .section__info:before { left: -.4375rem; width: .4375rem; } .aui.top-frame #content .section__info:after { left: -.4375rem; width: .4375rem; height: 5rem; } .aui.top-frame[lang="en-US"] #content .section__info h1 { font-size: 1.75rem; } .aui.top-frame #content { } .aui.top-frame #content .portlet-asset-publisher.hairiotiedote { max-width: 1024px; } } @media (max-width: 1024px) { .aui.top-frame { } .aui.top-frame #content > div > .portlet-layout.row-fluid, .aui.top-frame #footer .container-fluid, .aui.top-frame .layout-wrapper, .aui.top-frame .layout-wrapper-wide-container { padding-right: .875rem; padding-left: .875rem; } .aui.top-frame #banner, .aui.top-frame #heading .portlet-body .layout-wrapper-wide-container, .aui.top-frame #footer .container-fluid, .aui.top-frame #footer .footer-bottom-bar { padding-right: .875rem; padding-left: .875rem; } .aui.top-frame #banner #heading { } .aui.top-frame #banner #heading > h1 { left: .875rem; } .aui.top-frame #banner nav ul[role="menubar"] { max-width: 100%; } .aui.top-frame #banner nav ul[role="menubar"] > li a { padding: .625rem .75rem .125rem; } .aui.top-frame #footer .footer-main-content .row-fluid { } .aui.top-frame #footer .footer-main-content .row-fluid div[class*="span3"] { width: 31.91489%; } .aui.top-frame #footer .footer-main-content .row-fluid div[class*="span3"]:last-child { margin-left: 2.12766%; } .aui.top-frame #footer .footer-main-content .row-fluid div[class*="span3"]:last-child a { margin-left: 1.25rem; } .aui.top-frame #footer .footer-main-content .row-fluid div[class*="span6"] { width: 31.91489%; margin-left: 2.12766%; } .aui.top-frame #footer .footer-main-content .row-fluid div[class*="span6"] a { display: block; margin: 0 0 .375rem; } .aui.top-frame #footer .footer-main-content .row-fluid div[class*="span6"] a:last-child { margin-bottom: 0; } .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid:nth-child(3) { } .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid:nth-child(3) > div[class*="span"] { width: 100%; max-width: calc((979px - (979px / 2)) - 2rem); margin: 0; padding: 2.5rem 0; } .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid:nth-child(3) > div[class*="span"]:last-child { margin-left: 1.5rem; } .aui.top-frame #content .portlet-blogs { } .aui.top-frame #content .portlet-blogs .media-item { } .aui.top-frame #content .portlet-blogs .media-item .blogPostItem { } .aui.top-frame #content .portlet-blogs .media-item .blogPostItem .span5.blogPostItem__image { width: 16%; } .aui.top-frame #content .portlet-blogs .media-item .blogPostItem .span7.blogPostItem__body { width: 80%; margin-left: 4%; } .aui.top-frame { } .aui.top-frame #content .asset__main-lifts { } .aui.top-frame #content .asset__main-lifts .main-lift { } .aui.top-frame #content .asset__main-lifts .main-lift > a { width: 47.5%; margin-right: 0; padding: 1.5rem 2.5rem; } .aui.top-frame #content .asset__main-lifts .main-lift > div.defer-image, .aui.top-frame #content .asset__main-lifts .main-lift > figure.image-caption { width: 52.5%; margin-left: 0; } } @media (min-width: 1441px) { .aui.top-frame #footer .container-fluid { position: static; } .aui.top-frame #footer .container-fluid a.footer__link.footer__link--top { right: 4rem; } } @media (max-width: 767px) { .aui .mobile-menu-actions { top: 4.375rem; margin: 0; } .aui.top-frame #banner { height: 8.75rem; } .aui.top-frame #banner #population-display-substitute { position: relative; left: 0; width: auto; margin: 0; padding: .125rem .5rem; } .aui.top-frame #banner #heading { } .aui.top-frame #banner #heading .portlet-body .layout-wrapper-wide-container .row-fluid.header-row { } .aui.top-frame #banner #heading .portlet-body .layout-wrapper-wide-container .row-fluid.header-row .span7 a.logo { max-width: 100%; } .aui.top-frame #banner #heading .portlet-body .layout-wrapper-wide-container .row-fluid.header-row .span5 { top: 4.875rem; left: 0; width: calc(100% - 4rem); } .aui.top-frame #banner #heading > h1 { top: 4.625rem !important; } .aui.top-frame #banner #heading > h1 a.logo { max-width: 100%; } .aui.top-frame #footer { } .aui.top-frame #footer .footer-main-content { padding: 1.75rem 2.5rem 1.5rem; } .aui.top-frame #footer .footer-main-content .row-fluid { } .aui.top-frame #footer .footer-main-content .row-fluid div[class*="span"] { height: auto; } .aui.top-frame #footer .footer-main-content .row-fluid div[class*="span3"] { width: 100%; margin: 0 0 1.5rem; } .aui.top-frame #footer .footer-main-content .row-fluid div[class*="span3"]:last-child { margin: 0; text-align: left; } .aui.top-frame #footer .footer-main-content .row-fluid div[class*="span6"] { width: 100%; margin: 0 0 1.5rem; } .aui.top-frame #footer .footer-bottom-bar { padding: 0 2.5rem 1.75rem; } .aui.top-frame #footer .footer-bottom-bar .container-fluid .row-fluid p a { display: block; margin: .75rem 0 0; } #cookie-notice > span p a.btn-primary { margin-left: 0; } .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid { margin: 1.5rem auto; } .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid:nth-child(3) { } .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid:nth-child(3) > div[class*="span"] { padding: 1.5rem 1rem !important; } .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid:nth-child(5) > .span8 #column-2 > div > div { } .aui.top-frame #content #main-content.frontpage > .portlet-layout.row-fluid:nth-child(5) > .span8 #column-2 > div > div .portlet-body .asset__listing { margin-bottom: 1.5rem; } .aui.top-frame #main-content { } .aui.top-frame #main-content h1 { font-size: 1.75rem; } .aui.top-frame #main-content h2 { font-size: 1.25rem; } .aui.top-frame #main-content p, .aui.top-frame #main-content ul, .aui.top-frame #main-content ul li, .aui.top-frame #main-content ol, .aui.top-frame #main-content ol li, .aui.top-frame #main-content table tr th, .aui.top-frame #main-content table tr td, .aui.top-frame #main-content blockquote { font-size: 1.0625rem; } .aui.top-frame #main-content.frontpage .links__list ul.links__list--frontPageIcons { } .aui.top-frame #main-content.frontpage .links__list ul.links__list--frontPageIcons li { width: 100%; margin-top: 1.5rem; } .aui.top-frame #main-content.frontpage .links__list ul.links__list--frontPageIcons li a { padding: 2rem 1.5rem; } .aui.top-frame #main-content.frontpage .links__list ul.links__list--frontPageIcons li:nth-child(1), .aui.top-frame #main-content.frontpage .links__list ul.links__list--frontPageIcons li:nth-child(2) { margin-top: 1.5rem; } .aui.top-frame #main-content.frontpage .links__list ul.links__list--frontPageIcons li:nth-child(even) { margin-left: 0; } .aui.top-frame #main-content.frontpage .links__list--frontPageLifts ul li { width: 100%; margin: 0 0 1.5rem !important; } .aui.top-frame #main-content.frontpage .links__list--frontPageLifts ul li:last-child { margin-bottom: 0 !important; } .aui.top-frame #content .yja-search-portlet .portlet-body form { } .aui.top-frame #content .yja-search-portlet .portlet-body form .span12 { } .aui.top-frame #content .yja-search-portlet .portlet-body form .span12 input[type="text"] { width: 100%; max-width: 100% !important; } .aui.top-frame #content .yja-search-portlet .portlet-body form .span12 .btn-search { margin: 0; border-radius: 4px; } .aui.top-frame #content .yja-search-portlet .portlet-body form .panel-heading .panel-title { font-size: 1.5rem; } .aui.top-frame #content .yja-search-portlet .portlet-body form .panel-body { padding: .75rem .675rem 0em; } .aui.top-frame #content .yja-search-portlet .portlet-body form .panel-body .row-fluid > div { margin-bottom: 1.25rem; } .aui.top-frame #content .yja-search-portlet .portlet-body form .panel-body .row-fluid > div:last-child { margin-bottom: 0; } .aui.top-frame #content .yja-search-portlet .portlet-body form .panel-body label { font-weight: 600; } .aui.top-frame #content .yja-search-portlet .portlet-body form .panel-body input[type="text"] { padding: 0 6px 1px; } .aui.top-frame #content .yja-search-portlet .portlet-body form .panel-body .select-wrapper { display: block; width: auto; } .aui.top-frame #content .web-form-portlet .control-group { } .aui.top-frame #content .web-form-portlet .control-group input[type="text"], .aui.top-frame #content .web-form-portlet .control-group textarea.field, .aui.top-frame #content .web-form-portlet .control-group select { width: 100%; max-width: 100% !important; } .aui.top-frame #content .portlet-blogs { } .aui.top-frame #content .portlet-blogs .media-item { } .aui.top-frame #content .portlet-blogs .media-item .blogPostItem { } .aui.top-frame #content .portlet-blogs .media-item .blogPostItem .span5.blogPostItem__image { float: left !important; width: 5rem; } .aui.top-frame #content .portlet-blogs .media-item .blogPostItem .span7.blogPostItem__body { float: left !important; width: calc(100% - 6.25rem); margin-left: 1.25rem; } } @media print { .image-wrapper .image-wrapper__image, .image-wrapper .image-wrapper__content p > a, .feed-item .defer-image, .feed-item a.read-more, .portlet-breadcrumb { display: none !important; } .collapsible .tabPanel__content[aria-hidden="true"] { display: block !important; } #content { border-top: 0; } .feed-item.simple { width: 100% !important; padding: 0 !important; margin: 0 0 1rem !important; } .span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 { float: none !important; width: 100% !important; } }