.top-frame body { font-size: 100%; color: #272122; font-family: Helvetica,Arial,sans-serif; line-height: 1.4; } .top-frame a { color: #24818f; } .top-frame a:hover, .top-frame a:focus { color: #24818f; } .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: #272122; font-weight: normal; font-style: normal; font-family: Helvetica,Arial,sans-serif; display: block; margin: 10px 0; } .top-frame h1 a, .top-frame h2 a, .top-frame h3 a, .top-frame h4 a, .top-frame h5 a, .top-frame h6 a, .top-frame .heading1 a, .top-frame .heading2 a, .top-frame .heading3 a, .top-frame .heading4 a, .top-frame .heading5 a, .top-frame .heading6 a { color: inherit; } .top-frame input.search-query { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .top-frame .btn { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .top-frame .btn.btn-default { border: solid 1px transparent; background: #3c4e5f; color: #fff; } .top-frame .btn.btn-default:hover { background: #3c4e5f; } .top-frame .btn.btn-primary, .top-frame .btn.search-form_submit { background-color: #24818f; color: white; } .top-frame .btn.btn-primary:hover, .top-frame .btn.search-form_submit:hover { background-color: #207481; } .top-frame .btn.search-form_submit { border-color: #24818f; } .top-frame .yja-category-group, .top-frame .yja-tag-group { display: inline; } .top-frame .label, .top-frame .yja-tag { text-transform: uppercase; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } .top-frame .badge:not(.error-notice), .top-frame .label, .top-frame .yja-tag { border: 1px solid #272122; } .top-frame .portlet-navigation .nav-menu ul a { color: #272122; } .top-frame .portlet-navigation .nav-menu ul ul a { color: #2b2425; } .top-frame .portlet-navigation .nav-menu > ul > li { color: #2b2425; } .top-frame .events .event-highlight { font-size: 1.1em; border-top: solid 1px #24818f; } .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 #24818f; } .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: #24818f; display: block; position: relative; } .top-frame .events.event-search-portlet .event-list-wrapper > .span12 > .span3 { background: #24818f; } .top-frame .events.event-search-portlet .event-list-wrapper { border-color: #24818f; } .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: #24818f; 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 #24818f; border-right: 1px solid #24818f; border-left: 1px solid #24818f; background: white; } .top-frame .events.event-search-portlet .event-item-list p[itemprop="name"], .top-frame .events.event-search-portlet .event-item-list .event-time { font-weight: bold !important; } .top-frame .events.event-search-portlet .event-item-list .event-date { display: block; } .top-frame .twitter-widget-portlet .user span[data-scribe="element:screen_name"] { color: #24818f; } .top-frame #scrollToTop { color: #fff; background: #24818f; } .top-frame #scrollToTop:hover { background: #207481; } .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: #24818f; color: white !important; } .top-frame #banner .language-version-selection-portlet .lang-nav ul { background: #24818f; } .top-frame .media-item .small figure { float: left; margin-right: 1em; } .top-frame .media-item .dark-link { color: #272122; } .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: #272122; } .top-frame .media-item .meta { margin-bottom: em(5px); color: #2f2829; font-size: .9em; } .top-frame .feed-item.simple .meta { color: #2f2829; font-size: .9em; } .top-frame .feed-item.simple h6 a { color: #272122; } .top-frame ul.position-nav li.selected { background: #24818f; } .top-frame ul.position-nav li.selected:hover { background-color: #24818f; } .top-frame .carousel .description { font-family: Helvetica,Arial,sans-serif; font-weight: normal; } .panel.border-top-emphasis { border-top: solid 4px #24818f; } .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: #272122; } .top-frame #banner a { color: #272122; } .top-frame #heading { height: auto; padding: 0; } .top-frame #heading .yja-site-template-settings-header-portlet { height: 100%; } .top-frame #heading .yja-site-template-settings-header-portlet .portlet-borderless-container, .top-frame #heading .yja-site-template-settings-header-portlet .portlet-body, .top-frame #heading .yja-site-template-settings-header-portlet .header-row { height: 100%; } .top-frame #heading .yja-site-template-settings-header-portlet .header-top-left-cell, .top-frame #heading .yja-site-template-settings-header-portlet .header-top-right-cell { align-self: center; } .top-frame #banner nav ul.site-theme__navigation { background-color: transparent; color: #272122; } .top-frame #banner nav ul.site-theme__navigation li a:hover { background-color: darken(transparent, 10%); } .top-frame #banner nav ul.site-theme__navigation li.selected { background-color: #24818f; color: white; } .top-frame #banner nav ul.site-theme__navigation li.selected a { color: white; } .top-frame #banner nav ul.site-theme__navigation li.selected a:hover { background-color: #207481; } .top-frame #banner nav a { color: #272122; } .top-frame #banner nav.fixed { background: transparent; } .top-frame #footer { background-image: url('data:image/svg+xml,data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg"/%3E'); background-repeat: repeat; background-size: initial; background-position: center top; background-color: #55c5d4; color: #293541; } .top-frame #footer a { color: #293541; } .top-frame #footer .footer-bottom-bar { background-color: #545454; } .top-frame body { background-color: #fff; background-image: url('data:image/svg+xml,data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg"/%3E'); background-position: center top; background-repeat: no-repeat; background-size: initial; background-attachment: scroll; } .top-frame .page-wrapper { max-width: 100%; margin: 0 auto; } .top-frame .layout-wrapper, .top-frame #main-content:not(.layout-wide) { background: transparent; padding-left: 0; padding-right: 0; } .top-frame .homepage .layout-wrapper-wide { background: #55c5d4; } .top-frame .homepage .layout-wrapper-wide *, .top-frame .homepage .layout-wrapper-wide .carousel-wrapper ul li h3 a .description { color: #272122; } .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: #272122; } .mobile-menu-actions a { color: #24818f; } .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: #24818f; } .mm-menu { border-color: #24818f; } .mm-menu a { color: white; } .mm-menu a:hover, .mm-menu a:focus { color: white; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url('/documents/25249985/25883083/roboto-v20-latin-300.eot?t=1649769481174'); src: local('Roboto Light'),local('Roboto-Light'),url('/documents/25249985/25883083/roboto-v20-latin-300.eot?#iefix&t=1649769481174') format('embedded-opentype'),url('/documents/25249985/25883083/roboto-v20-latin-300.woff2?t=1649769481174') format('woff2'),url('/documents/25249985/25883083/roboto-v20-latin-300.woff?t=1649769481174') format('woff'),url('/documents/25249985/25883083/roboto-v20-latin-300.ttf?t=1649769481174') format('truetype'),url('/documents/25249985/25883083/roboto-v20-latin-300.svg#Roboto&t=1649769481174') format('svg'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('/documents/25249985/25883083/roboto-v20-latin-regular.eot?t=1649769481174'); src: local('Roboto'),local('Roboto-Regular'),url('/documents/25249985/25883083/roboto-v20-latin-regular.eot?#iefix&t=1649769481174') format('embedded-opentype'),url('/documents/25249985/25883083/roboto-v20-latin-regular.woff2?t=1649769481174') format('woff2'),url('/documents/25249985/25883083/roboto-v20-latin-regular.woff?t=1649769481174') format('woff'),url('/documents/25249985/25883083/roboto-v20-latin-regular.ttf?t=1649769481174') format('truetype'),url('/documents/25249985/25883083/roboto-v20-latin-regular.svg#Roboto&t=1649769481174') format('svg'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('/documents/25249985/25883083/roboto-v20-latin-500.eot?t=1649769481174'); src: local('Roboto Medium'),local('Roboto-Medium'),url('/documents/25249985/25883083/roboto-v20-latin-500.eot?#iefix&t=1649769481174') format('embedded-opentype'),url('/documents/25249985/25883083/roboto-v20-latin-500.woff2?t=1649769481174') format('woff2'),url('/documents/25249985/25883083/roboto-v20-latin-500.woff?t=1649769481174') format('woff'),url('/documents/25249985/25883083/roboto-v20-latin-500.ttf?t=1649769481174') format('truetype'),url('/documents/25249985/25883083/roboto-v20-latin-500.svg#Roboto&t=1649769481174') format('svg'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('/documents/25249985/25883083/roboto-v20-latin-700.eot?t=1649769481174'); src: local('Roboto Bold'),local('Roboto-Bold'),url('/documents/25249985/25883083/roboto-v20-latin-700.eot?#iefix&t=1649769481174') format('embedded-opentype'),url('/documents/25249985/25883083/roboto-v20-latin-700.woff2?t=1649769481174') format('woff2'),url('/documents/25249985/25883083/roboto-v20-latin-700.woff?t=1649769481174') format('woff'),url('/documents/25249985/25883083/roboto-v20-latin-700.ttf?t=1649769481174') format('truetype'),url('/documents/25249985/25883083/roboto-v20-latin-700.svg#Roboto&t=1649769481174') format('svg'); } .lfr-add-panel .add-content-menu h1 { position: inherit !important; margin-top: 0 !important; display: inline-block !important; } .modal-content .modal-header h3 { position: inherit; margin-top: 0; display: inline-block; } .modal-content .modal-header h3:before { content: ''; display: none; } .signed-out .portlet-borderless-bar { display: none; } .site-theme.top-frame .article-form-edit a.btn { display: inline-block; padding: 4px 12px; margin-bottom: 0; font-size: 15px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333; background-color: #eaeaea; border: 1px solid #cfcfcf; text-transform: none; } .site-theme.top-frame .portlet-borderless-bar { font-family: Arial,Helvetica,sans-serif; } .site-theme.top-frame .portlet-asset-publisher .asset-full-content .lfr-meta-actions.asset-actions { float: none; } .site-theme.top-frame .portlet-dockbar { z-index: 10; } .site-theme.top-frame body a { text-decoration: none; } .site-theme.top-frame body a:hover, .site-theme.top-frame body a:active { text-decoration: underline; } .site-theme.top-frame body a:focus { outline: 1px dotted #272122; outline: 5px auto -webkit-focus-ring-color; text-decoration: underline !important; } .site-theme.top-frame body a.no-external-icon:after { display: none !important; } .site-theme.top-frame body > .page-wrapper, .site-theme.top-frame body > #footer, .site-theme.top-frame body h1, .site-theme.top-frame body h2, .site-theme.top-frame body h3, .site-theme.top-frame body h4, .site-theme.top-frame body h5, .site-theme.top-frame body h6, .site-theme.top-frame body .h1, .site-theme.top-frame body .h2, .site-theme.top-frame body .h3, .site-theme.top-frame body .h4, .site-theme.top-frame body .h5, .site-theme.top-frame body .h6 { font-family: 'Roboto',Arial,Helvetica,sans-serif; } .site-theme.top-frame body #content { padding-top: 0; } .site-theme.top-frame body #content > div > .layout-wrapper > .portlet-layout.row { margin-right: 0; margin-left: 0; } .site-theme.top-frame body #content > div > .layout-wrapper > .portlet-layout.row > div[class*='col-']:first-child { padding-left: 0; } .site-theme.top-frame body #content > div > .layout-wrapper > .portlet-layout.row > div[class*='col-']:last-child { padding-right: 0; } .site-theme.top-frame body #content > div > .layout-wrapper-wide > .layout-wrapper-wide-container > .portlet-layout.row { margin-right: 0; margin-left: 0; } .site-theme.top-frame body #content > div > .layout-wrapper-wide > .layout-wrapper-wide-container > .portlet-layout.row > div[class*='col-']:first-child { padding-left: 0; } .site-theme.top-frame body #content > div > .layout-wrapper-wide > .layout-wrapper-wide-container > .portlet-layout.row > div[class*='col-']:last-child { padding-right: 0; } .site-theme.top-frame body #content .portlet-content > .portlet-header h1, .site-theme.top-frame body #content .portlet-content > .portlet-header h2, .site-theme.top-frame body #content .portlet-content > .portlet-header h3 { margin-right: auto; margin-left: auto; font-size: 2rem; font-weight: 500; line-height: 1.125; text-transform: uppercase; } .site-theme.top-frame body #main-content, .site-theme.top-frame body #content { padding-left: 0; padding-right: 0; } .site-theme.top-frame body #main-content .portlet-layout.row { margin-bottom: 2rem; } .site-theme.top-frame body #main-content .portlet-layout.row:last-child { margin-bottom: 0; } .site-theme.top-frame body .portlet-column-content > .portlet-boundary { margin-bottom: 2rem; } .site-theme.top-frame body .portlet-column-content > .portlet-boundary:last-child { margin-bottom: 0; } .site-theme.top-frame body .portlet-nested-portlets .columns-3 > .portlet-layout.row > .portlet-column > .portlet-column-content > .portlet-boundary { height: auto; min-height: 4rem; } .site-theme.top-frame #banner { position: relative; width: 100%; margin: 0 auto; } .site-theme.top-frame #banner #heading { background-color: #55c5d4; } .site-theme.top-frame #banner #heading > div.yja-site-template-settings-header-portlet { max-width: 90rem; margin: 0 auto; } .site-theme.top-frame #banner #heading > div.yja-site-template-settings-header-portlet > .portlet { position: static; margin-bottom: 0; padding-top: .25rem; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar { max-width: 90rem; margin: 0 auto; color: #fff; background-color: transparent; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container { display: flex; flex-flow: row nowrap; justify-content: flex-end; max-width: 90rem; padding: 0; line-height: 1.25; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container > div { display: flex; flex-flow: column nowrap; justify-content: center; padding: .75rem 0; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .lang-nav { margin-left: 3rem; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .lang-nav li { font-size: 1rem; font-weight: 500; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .lang-nav a { color: #272122; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul { margin: -1px 0 0 4rem; padding: 0; font-weight: 500; line-height: 1.25; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul #top-bar-other-lang button { display: flex; width: auto; padding: 0; font-weight: 500; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul #top-bar-other-lang button span { font-family: 'Roboto',Arial,Helvetica,sans-serif; font-size: 1rem; color: #272122; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul #top-bar-other-lang button.icon-chevron-up:before { display: none; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul #top-bar-other-lang button.icon-chevron-up:after { content: "\f077"; font-size: .75rem; margin-top: .2rem; margin-left: .25rem; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul #top-bar-other-lang button.icon-chevron-down:before { display: none; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul #top-bar-other-lang button.icon-chevron-down:after { content: "\f078"; font-size: .75rem; margin-top: .2rem; margin-left: .25rem; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul li { position: relative; padding-right: .375rem; margin-right: .375rem; font-size: 1rem; color: #272122; border-width: 0; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul li:last-child { padding-right: 0; margin-right: 0; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul li a { color: #272122; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul li button.toggleVisibility { display: inline-block; width: 1.75rem; height: 1.5rem; margin: 0 0 0 .25rem; padding: .125rem .375rem; background: transparent; border-width: 0; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul li button.toggleVisibility:before { font-size: .75rem; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul li > ul { display: flex; flex-flow: column wrap; justify-content: flex-start; position: absolute; right: 0; top: 1.25rem; width: 12rem; height: auto; margin: 0; background-color: #ddf3f6; text-align: center !important; z-index: 4; visibility: hidden; opacity: 0; transition: opacity 150ms linear; box-shadow: 0 6px 10px -6px rgba(0,0,0,0.3); } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul li > ul > li { width: 100%; margin: 0; padding: 0; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul li > ul > li > a { display: block; margin: 0; padding: 0.675rem 0.5rem; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul li > ul > li.revert-font > a { font-family: Arial,Helvetica,sans-serif; font-weight: 600; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul li.open button.toggleVisibility { background: #ddf3f6; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul li.open ul { visibility: visible; opacity: 1; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-right { position: relative; top: 0; right: 0; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-right div { display: flex; flex-flow: row nowrap; justify-content: end; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-right div ul { display: flex; flex-flow: row nowrap; list-style: none; margin: 0; padding: 0; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-right div ul li { margin: 0 1rem 0 0; font-weight: 500; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-right div ul li:last-child { margin-right: 0; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-right div ul li a { color: #272122; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-right div ul.top-bar-some-list li { margin-right: .375rem; font-weight: 400; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-right div ul.top-bar-some-list li a:before { display: block; width: 1.375rem; height: 1.375rem; font-size: 1.375rem; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-right div ul.top-bar-link-list { margin-left: 3rem; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row { background-color: transparent; display: block; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div[class*="span"] { display: block; background-color: transparent; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-7 { display: none; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-7 a.logo { position: absolute; top: 2.375rem; left: .875rem; padding: 0; overflow: hidden; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-7 a.logo img { max-height: 5.625rem; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-7 #service-mobile-search, .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-7 #service-mobile-search > span { display: none; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 { position: absolute; display: none; bottom: .5rem; right: calc(50vw - 720px); width: 250px; max-width: 250px; flex: 0 0 250px; height: auto; background-color: transparent; z-index: 2; opacity: 0; transition: 0.1s linear opacity; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5.search-visible { display: block; opacity: 1; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 .header-top-right-area { margin: 0; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 .header-top-right-area form.search-form { position: relative; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 .header-top-right-area form.search-form:after { content: '\f002'; position: absolute; display: block; top: .125rem; right: 0; width: 2.5rem; height: 2.5rem; padding: .375rem; color: #272122; text-align: center; text-transform: none; font-size: 1.5rem; font-family: 'fontawesome-alloy'; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; z-index: 3; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 .header-top-right-area form.search-form > .input-group { flex-flow: row nowrap; z-index: 2; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 .header-top-right-area form.search-form > .input-group > input.search-query { margin: 0; padding: .6125rem 2.5rem .6125rem 1.25rem; background-color: #fff; color: #272122; border-color: #dbdbdb; border-radius: 1.5rem; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 .header-top-right-area form.search-form > .input-group > .input-group-append { position: absolute; display: block; top: 0; right: 0; width: 2.5rem; height: 2.5rem; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 .header-top-right-area form.search-form > .input-group > .input-group-append > .btn { display: block; width: 100%; height: 100%; padding: 0; margin: 0; border: none; color: #272122; background-color: transparent; border-radius: 1rem; box-shadow: none; overflow: hidden; text-indent: 3rem; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 .header-top-right-area form.search-form > .input-group > .input-group-append > .btn:focus { outline: 1px dotted #272122; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 a.header-advanced-search-link { display: none !important; margin-right: 7.5rem; } .site-theme.top-frame #banner #heading > h1 { position: absolute; top: 2rem; left: 0; margin: 0; height: 3.125rem; width: 22.25rem; z-index: 3; } .site-theme.top-frame #banner #heading > h1 a { display: block; width: 100%; height: 100%; padding: 0; } .site-theme.top-frame #banner #heading > h1 a:focus { outline: 1px dotted #fff; outline-offset: -1px; } .site-theme.top-frame .mobile-menu-actions a, .site-theme.top-frame .mobile-menu-actions button { color: #272122; } .site-theme.top-frame #banner nav { width: 100%; max-width: 90rem; } .site-theme.top-frame #banner nav.main-nav { margin: 0 auto; padding: 3.25rem 0; } .site-theme.top-frame #banner nav > ul { position: relative; max-width: 100%; margin: 0; padding: 0 0 0 310px; display: flex; flex-flow: row wrap; justify-content: flex-end; align-content: stretch; z-index: 3; } .site-theme.top-frame #banner nav > ul > li { position: static !important; flex: 0 1 auto; display: flex; flex-flow: row nowrap; justify-content: center; height: 3.8125rem; padding: 0; margin: 0; } .site-theme.top-frame #banner nav > ul > li#layout_000 { position: absolute !important; top: -0.75rem; left: .875rem; width: 295px; height: 85px; margin: 0; text-indent: -9999rem; background-size: auto 85px; background-repeat: no-repeat; } .site-theme.top-frame #banner nav > ul > li#layout_000 a { width: 100%; padding: 0 !important; } .site-theme.top-frame #banner nav > ul > li#layout_000 a:focus { outline: 1px dotted #272122; } .site-theme.top-frame #banner nav > ul > li:last-child { margin: 0; } .site-theme.top-frame #banner nav > ul > li:last-child button#search-toggler { position: relative; width: 1.75rem; height: 100%; font-size: 1.25rem; text-align: right; background-color: transparent; border-style: none; border-width: 0; border-color: transparent; color: #272122; z-index: 4; overflow: visible; cursor: pointer; } .site-theme.top-frame #banner nav > ul > li:last-child button#search-toggler:before { position: absolute; display: block; left: 0; top: 50%; width: 100%; height: 100%; margin-top: -0.75rem; margin-left: -0.375rem; line-height: 1.2; } .site-theme.top-frame #banner nav > ul > li:last-child button#search-toggler:focus { outline: 1px dotted #272122; } .site-theme.top-frame #banner nav > ul > li:last-child button#search-toggler .tooltip { font-size: 1.125rem; } .site-theme.top-frame #banner nav > ul > li > a { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; height: 100%; padding: 0 .5rem; font-size: 1.125rem; font-weight: 500; line-height: 1.2; text-transform: uppercase; white-space: nowrap; z-index: 1; } .site-theme.top-frame #banner nav > ul > li > a.hasChildren { padding-right: 0; } .site-theme.top-frame #banner nav > ul > li > a span { text-decoration: none; } .site-theme.top-frame #banner nav > ul > li > a:hover span, .site-theme.top-frame #banner nav > ul > li > a:focus span { text-decoration: underline; } .site-theme.top-frame #banner nav > ul > li .toggleVisibility { position: relative; display: inline-block; width: 1.625rem; height: 100%; margin: 0; padding: 0 .375rem 0 .25rem; text-align: center; border: none; color: #272122; background-color: transparent; z-index: 2; } .site-theme.top-frame #banner nav > ul > li .toggleVisibility:before { display: block; top: 50%; margin-top: .25rem; font-size: .75rem; } .site-theme.top-frame #banner nav > ul > li .toggleVisibility:focus { outline: 1px dotted #272122; } .site-theme.top-frame #banner nav > ul > li.hasChildren.open { background-color: rgba(85,197,212,0.2); border-radius: .25rem .25rem 0 0; } .site-theme.top-frame #banner nav > ul > li.hasChildren > a { padding-right: 0; } .site-theme.top-frame #banner nav > ul > li.hasChildren > .toggleVisibility:before { margin-top: 0; } .site-theme.top-frame #banner nav > ul > li.selected { background-color: transparent; } .site-theme.top-frame #banner nav > ul > li.selected a span { color: #272122; border-bottom: 1px solid #2ca0af; } .site-theme.top-frame #banner nav > ul > li.selected a:hover { background-color: transparent; } .site-theme.top-frame #banner nav > ul > li.selected ul li a span { color: #272122; border-bottom: none; } .site-theme.top-frame #banner nav > ul > li.selected ul li.selected { background-color: #fff; } .site-theme.top-frame #banner nav > ul > li.selected ul li.selected > a span { color: #272122; font-weight: 500; } .site-theme.top-frame #banner nav > ul > li.selected ul li.selected ul li.selected { background-color: transparent; } .site-theme.top-frame #banner nav > ul > li.selected ul li a[aria-current=page] span { border-bottom: 1px solid #55c5d4; } .site-theme.top-frame #banner nav > ul > li.open ul { visibility: visible; opacity: 1; } .site-theme.top-frame #banner nav > ul > li ul { display: flex; visibility: hidden; opacity: 0; flex-flow: row wrap; position: absolute; top: 100%; right: 1.75rem; margin: 0; width: calc((100% - 315px) - 1.75rem); background-color: #ddf3f6; border-radius: 0 0 .25rem .25rem; z-index: 3; box-shadow: 0 6px 10px -6px rgba(0,0,0,0.3); transition: opacity 150ms ease-in; } .site-theme.top-frame #banner nav > ul > li ul li { position: static !important; display: flex; flex-flow: row nowrap; width: 33.333%; padding: .25rem; white-space: nowrap; } .site-theme.top-frame #banner nav > ul > li ul li a { position: relative; display: block; width: 100%; padding: .5rem .75rem .5rem 1.25rem !important; text-align: left; font-size: 1rem; font-weight: 500; color: #272122; white-space: normal; } .site-theme.top-frame #banner nav > ul > li ul li a:before { content: '\f054'; position: absolute; display: block; left: .5rem; top: 0.75rem; color: #272122; text-align: center; text-transform: none; font-family: 'fontawesome-alloy'; font-size: 0.75rem; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; } .site-theme.top-frame #banner nav > ul > li ul li a.hasChildren { width: calc(100% - 1.75rem); padding-right: .5rem !important; } .site-theme.top-frame #banner nav > ul > li ul li a span { padding: 0; } .site-theme.top-frame #banner nav > ul > li ul li a:hover span, .site-theme.top-frame #banner nav > ul > li ul li a:focus span { text-decoration: underline; } .site-theme.top-frame #banner nav > ul > li ul li a:focus { outline: 1px dotted #272122; } .site-theme.top-frame #banner nav > ul > li ul li .toggleVisibility { width: 1.75rem; height: auto; margin: 0; padding: .625rem 0; } .site-theme.top-frame #banner nav > ul > li ul li .toggleVisibility:before { color: #272122; } .site-theme.top-frame #banner nav > ul > li ul li .toggleVisibility:focus { outline: 1px dotted #272122; } .site-theme.top-frame #banner nav > ul > li ul li ul { display: none; } .site-theme.top-frame #banner nav > ul > li ul.open li.open ul { display: flex; } .site-theme.top-frame #banner nav.fixed { height: auto; margin: 0; padding: 1.5rem 0; background-color: #fff; } .site-theme.top-frame #banner nav.fixed > ul { width: 100%; max-width: 90rem; } .site-theme.top-frame #banner nav.fixed > ul li ul { top: 3rem; } .site-theme.top-frame #banner nav.fixed > ul li ul li ul { top: 0; } .site-theme.top-frame .hide-navi #banner nav > ul > li { display: none; } .site-theme.top-frame .hide-navi #banner nav > ul > li:first-child, .site-theme.top-frame .hide-navi #banner nav > ul > li:last-child { display: flex; } .site-theme.top-frame #footer .container.footer-main-content { padding: 3.5rem 0; } .site-theme.top-frame #footer .container.footer-main-content > .row { justify-content: center; margin: 0 auto; } .site-theme.top-frame #footer .container.footer-main-content .col { padding: 0 1.5rem 0 0; font-size: 1.125rem; font-weight: 500; line-height: 1.38888; } .site-theme.top-frame #footer .container.footer-main-content .col:first-child img { margin-top: -1rem; } .site-theme.top-frame #footer .container.footer-main-content .col:last-child { padding-right: 0; } .site-theme.top-frame #footer .container.footer-main-content .col div h2 { margin: 0 0 1.5rem; font-size: 1.25rem; line-height: 1.25; text-transform: uppercase; } .site-theme.top-frame #footer .container.footer-main-content .col div strong { text-transform: uppercase; font-weight: 500; } .site-theme.top-frame #footer .container.footer-main-content .col div img { max-width: 100%; } .site-theme.top-frame #footer .container.footer-main-content .col div ul { list-style: none; margin: 1rem 0; } .site-theme.top-frame #footer .container.footer-main-content .col div ul li { position: relative; margin: 0; padding: 0; } .site-theme.top-frame #footer .container.footer-main-content .col div ul li:last-child { margin-bottom: 0; } .site-theme.top-frame #footer .container.footer-main-content .col div ul li a.yja-external-link:after { content: "\f08e"; position: relative; display: inline-block; top: -5px; margin: 0 0 0 3px; font-size: 0.875rem; font-family: "fontawesome-alloy"; } .site-theme.top-frame #footer .container.footer-main-content .col div ul:first-child { margin-top: 0; } .site-theme.top-frame #footer .container.footer-main-content .col div ul:last-child { margin-bottom: 0; } .site-theme.top-frame #footer .container.footer-main-content .col div ul.some-list { display: flex; flex-flow: row nowrap; margin-top: 1.5rem; } .site-theme.top-frame #footer .container.footer-main-content .col div ul.some-list li { margin: 0 .75rem 0 0; } .site-theme.top-frame #footer .container.footer-main-content .col div ul.some-list li:last-child { margin-right: 0; } .site-theme.top-frame #footer .container.footer-main-content .col div ul.some-list li a:before { display: block; padding: 0.0625rem; width: 1.625rem; height: 1.625rem; font-size: 1.625rem; font-weight: 400; text-align: center; } .site-theme.top-frame #footer .container.footer-main-content .col div ul.some-list li a.yja-external-link:after { display: none; } .site-theme.top-frame footer .col a { text-decoration: underline; margin-bottom: .15rem; display: inline-block; } .site-theme.top-frame footer .some-list a { text-decoration: none; } .site-theme.top-frame #content #main-content.frontpage .layout-wrapper:first-of-type > div:first-of-type { position: relative; width: 100%; margin: 0 0 2rem; padding: 0; } .site-theme.top-frame #content #main-content.frontpage .layout-wrapper:first-of-type > div:first-of-type .portlet { margin: 0; } .site-theme.top-frame #content #main-content.frontpage #column-13 { min-height: 0; } .site-theme.top-frame #content #main-content.frontpage #column-13 > div { padding: 1rem 0 2rem; } .site-theme.top-frame #content #main-content.frontpage #column-13 > div.empty { padding: 0; } .site-theme.top-frame #main-content.landingpage-layout-container > .portlet-layout.row { width: 100%; max-width: 100%; background-color: #55c5d4; } .site-theme.top-frame #main-content.landingpage-layout-container > .portlet-layout.row #column-5 { max-width: 90rem; margin: 0 auto; min-height: 0; } .site-theme.top-frame #main-content.landingpage-layout-container > .portlet-layout.row #column-5 .hero__lift { margin: 3rem auto; } .site-theme.top-frame #main-content.landingpage-layout-container > .landingpage-layout > .portlet-layout.row { position: relative; width: 100%; max-width: 90rem; margin: 0 auto; } .site-theme.top-frame #main-content.landingpage-layout-container > .landingpage-layout > .portlet-layout.row > #column-2 { padding-left: 1.5rem; } .site-theme.top-frame #main-content.landingpage-layout-container > .landingpage-layout > .portlet-layout.row > #column-3 { padding-right: 1.5rem; } .site-theme.top-frame #main-content.landingpage-layout-container .portlet-nested-portlets { max-width: 90rem; padding: 0 1.5rem; } .site-theme.top-frame #content > #main-content.listing-layout > .portlet-layout.row { max-width: 90rem; margin: 0 auto; } .site-theme.top-frame #content > #main-content.listing-layout > .portlet-layout.row:first-child { margin-top: 3rem; } .site-theme.top-frame #main-content.listing-layout > .layout-wrapper > .portlet-layout.row, .site-theme.top-frame #main-content.listing-layout-wide > .layout-wrapper > .portlet-layout.row { max-width: 90rem; margin: 0 auto; } .site-theme.top-frame #main-content.listing-layout > .layout-wrapper:first-child, .site-theme.top-frame #main-content.listing-layout-wide > .layout-wrapper:first-child { width: 100%; max-width: 100% !important; flex: 0 0 100%; } .site-theme.top-frame #main-content.listing-layout > .layout-wrapper:first-child > .portlet-layout.row:first-child, .site-theme.top-frame #main-content.listing-layout-wide > .layout-wrapper:first-child > .portlet-layout.row:first-child { width: 100%; max-width: 100% !important; margin: 0 0 3.25rem; } .site-theme.top-frame #main-content.layout-content .journal-display-page { max-width: 90rem; margin: 0 auto; } .site-theme.top-frame #main-content.layout-content .journal-display-page > .row .blog-entry > .blog-header { margin: 0 0 1rem; } .site-theme.top-frame #main-content.layout-content .journal-display-page > .row .blog-entry > .blog-header > div { display: inline-block; margin-right: 1rem; } .site-theme.top-frame #main-content.layout-content .journal-display-page > .row .blog-entry > .blog-header > div:last-child { margin-right: 0; } .site-theme.top-frame #main-content.layout-content .journal-display-page > .row .blog-entry > .blog-footer { display: flex; flex-flow: row nowrap; justify-content: flex-start; margin: 2rem 0; } .site-theme.top-frame #main-content.layout-content .journal-display-page > .row .blog-entry > .blog-footer > picture > img { max-width: 15rem; max-height: 15rem; margin-right: 1.5rem; } .site-theme.top-frame #main-content.layout-content .journal-display-page > .row .blog-entry > .blog-footer > .author-card { display: flex; flex-flow: column nowrap; justify-content: center; } .site-theme.top-frame #main-content.layout-content .journal-display-page > .row .blog-entry > .blog-footer > .author-card > p { margin: 0; font-size: 2rem; line-height: 1.48; } .site-theme.top-frame #main-content.layout-content .journal-display-page > .row .lausunto > .file-box-wrapper > ul > li div.list-item-info { display: inline; } .site-theme.top-frame #main-content.layout-content .journal-display-page > .row .lausunto > .file-box-wrapper > ul > li div.file-metadata { display: inline; margin: 0 0 0 .5rem; font-size: 1rem; font-weight: 500; } .site-theme.top-frame #main-content.subpage-layout-container > .landingpage-layout > .portlet-layout.row { max-width: 90rem; margin: 0 auto; } .site-theme.top-frame #main-content.subpage-layout-container > .landingpage-layout > .portlet-layout.row > #column-1 { max-width: 23.07692%; flex: 0 0 23.07692%; } .site-theme.top-frame #main-content.subpage-layout-container > .landingpage-layout > .portlet-layout.row > #column-1 + #column-2 { max-width: 74.35897%; flex: 0 0 74.35897%; } .site-theme.top-frame #main-content.subpage-layout-container > .landingpage-layout > .portlet-layout.row:first-child { width: 100%; max-width: 100% !important; margin: 0 0 3.25rem; padding: 0 !important; } .site-theme.top-frame #main-content .portlet-body .journal-content-article > * { margin-top: 1.5rem; margin-bottom: 1.5rem; } .site-theme.top-frame #main-content .portlet-body .journal-content-article > *:first-child { margin-top: 0; } .site-theme.top-frame #main-content .portlet-body .journal-content-article > *:last-child { margin-bottom: 0; } .site-theme.top-frame #main-content .portlet-body .journal-content-article ul { list-style-type: disc; } .site-theme.top-frame #main-content .portlet-body .journal-content-article ul, .site-theme.top-frame #main-content .portlet-body .journal-content-article ol { font-size: 1.25rem; line-height: 1.4; padding-left: 1rem; } .site-theme.top-frame #main-content .portlet-body a { text-decoration: underline; } .site-theme.top-frame #main-content .portlet-body a.external-link:after, .site-theme.top-frame #main-content .portlet-body a.btn.btn-primary.external-link:after { content: "\f08e"; position: relative; display: inline-block; top: -5px; margin: 0 0 0 3px; font-size: 0.875rem; font-family: "fontawesome-alloy"; } .site-theme.top-frame #main-content .portlet-body h1 { font-size: 2.75rem; line-height: 1.48; } .site-theme.top-frame #main-content .portlet-body h2 { font-size: 2.25rem; line-height: 1.48; } .site-theme.top-frame #main-content .portlet-body h3 { font-size: 2rem; line-height: 1.48; } .site-theme.top-frame #main-content .portlet-body h4 { font-size: 1.5rem; } .site-theme.top-frame #main-content .portlet-body h5 { font-size: 1.4rem; } .site-theme.top-frame #main-content .portlet-body h6 { font-size: 1.33rem; } .site-theme.top-frame #main-content .portlet-body p { font-size: 1.25rem; line-height: 1.4; font-weight: 300; } .site-theme.top-frame #main-content .portlet-body p:first-child { margin-top: 0 !important; } .site-theme.top-frame #main-content .portlet-body strong { font-weight: 500; } .site-theme.top-frame #main-content .portlet-body ul, .site-theme.top-frame #main-content .portlet-body ol { margin: 0 0 .625rem 1.5rem; font-size: 1.25rem; font-weight: 300; line-height: 1.4; } .site-theme.top-frame #main-content .portlet-body ul ul, .site-theme.top-frame #main-content .portlet-body ol ol { margin-top: 0; margin-bottom: 0; margin-left: 1.125rem; } .site-theme.top-frame #main-content .portlet-body ul li, .site-theme.top-frame #main-content .portlet-body ol li { line-height: 1.5; } .site-theme.top-frame #main-content .portlet-body table { border-width: 0; font-weight: 300; } .site-theme.top-frame #main-content .portlet-body table thead:first-child tr:first-child th, .site-theme.top-frame #main-content .portlet-body table tbody:first-child tr:first-child td { border-width: 1px 0; border-style: solid; border-color: #dbdbdb; } .site-theme.top-frame #main-content .portlet-body table tr th, .site-theme.top-frame #main-content .portlet-body table tr td { padding: .125rem; font-size: 1.25rem; line-height: 1.4; border-style: solid; border-width: 0 0 1px; border-color: #dbdbdb; } .site-theme.top-frame #main-content .portlet-body .table-responsive { overflow-x: auto; } .site-theme.top-frame #main-content .portlet-body blockquote { position: relative; font-size: 1.25rem; line-height: 1.5; } .site-theme.top-frame #main-content .portlet-body blockquote i, .site-theme.top-frame #main-content .portlet-body blockquote em { font-style: italic; } .site-theme.top-frame #main-content .portlet-body p.lead, .site-theme.top-frame #main-content .portlet-body p.ingress { font-size: 1.75rem; font-weight: 300; line-height: 1.33; } .site-theme.top-frame #main-content .portlet-body span[itemprop="articleBody"] { margin: 0; } .site-theme.top-frame #content .portlet-breadcrumb .portlet-body > nav { width: 100%; background-color: #55c5d4; } .site-theme.top-frame #content .portlet-breadcrumb .portlet-body > nav > ul.breadcrumb { position: relative; max-width: 90rem; margin: 0 auto; padding: 1.25rem 0; list-style: none; } .site-theme.top-frame #content .portlet-breadcrumb .portlet-body > nav > ul.breadcrumb li { font-size: .875rem; font-weight: 400; color: #272122; } .site-theme.top-frame #content .portlet-breadcrumb .portlet-body > nav > ul.breadcrumb li:before { content: '>'; margin: 0 1rem; padding: 0; color: #272122; } .site-theme.top-frame #content .portlet-breadcrumb .portlet-body > nav > ul.breadcrumb li:first-child { display: none; } .site-theme.top-frame #content .portlet-breadcrumb .portlet-body > nav > ul.breadcrumb li a { color: #272122; text-decoration: none; font-weight: 500; } .site-theme.top-frame #content .portlet-breadcrumb .portlet-body > nav > ul.breadcrumb li a:hover, .site-theme.top-frame #content .portlet-breadcrumb .portlet-body > nav > ul.breadcrumb li a:active { text-decoration: underline; } .site-theme.top-frame #content .portlet-breadcrumb .portlet-body > nav > ul.breadcrumb li:nth-child(2):before { content: '' !important; margin: 0; padding: 0; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > .list-menu__header h3, .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > .list-menu__header .list-menu__title { margin: 1.125rem 0 0 !important; padding: 0 0 1.375rem; font-size: 1.5rem; line-height: 1.08333; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > .list-menu__header h3 a, .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > .list-menu__header .list-menu__title a { text-decoration: none; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > .list-menu__header h3 a:hover, .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > .list-menu__header .list-menu__title a:hover, .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > .list-menu__header h3 a:active, .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > .list-menu__header .list-menu__title a:active { text-decoration: underline; color: #272122; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > ul { list-style: none; margin: 0; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > ul > li { border-width: 1px 0 0; border-style: solid; border-color: #dbdbdb; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > ul > li a { padding: 1.125rem .625rem 1.125rem 1.5rem; font-size: 1.125rem; font-weight: 400; line-height: 1.66667; color: #272122; text-decoration: none; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > ul > li a:hover, .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > ul > li a:active { text-decoration: underline; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > ul > li.active > a.active { font-weight: 500; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > ul > li.active-li.open { background: rgba(85,197,212,0.2); border-left: 1px solid #55c5d4; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > ul > li.active-li.open > a { border-bottom: 1px solid #fff; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > ul > li.active-li.open > ul > li { border-style: solid; border-width: 0 0 1px; border-color: #fff; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > ul > li.hasChild > a { padding-right: 2.75rem; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > ul > li .toggleVisibility { top: .0625rem; padding: 1.0625em 1rem; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > ul li.active > a.active { font-weight: 500; } .site-theme.top-frame #content .portlet-navigation .portlet-body .list-menu > ul ul { list-style: none; margin: 0 0 0 1rem; padding: 0; } .site-theme.top-frame #content .fessWrapper { font-family: 'Roboto',Arial,Helvetica,sans-serif; } .site-theme.top-frame #content .fessWrapper > .fessForm form table td { border-width: 0 !important; } .site-theme.top-frame #content .fessWrapper > .fessForm form table td > div > button { padding: 0; font-weight: 700; font-size: 1.25rem; } .site-theme.top-frame #content .fessWrapper #result table.result-header td { border-color: #dbdbdb; border-width: 0; } .site-theme.top-frame #content .portlet-nested-portlets { max-width: 90rem; margin: 0 auto 1.25rem; } .site-theme.top-frame #content .portlet-nested-portlets .portlet-layout.row > div .portlet-body { position: relative; margin-top: 1.25rem; padding-bottom: 1rem; } .site-theme.top-frame #content .portlet-nested-portlets .columns-3 .portlet-layout.row > div:before { content: ' '; display: block; position: absolute; top: 0; left: -4.25%; width: 1px; height: 100%; background-color: #dbdbdb; } .site-theme.top-frame #content .portlet-nested-portlets .columns-3 .portlet-layout.row > div:first-child:before { display: none; } .site-theme.top-frame #content .yja-accordion { margin: 1.5rem 0; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper { margin: 0 0 .375rem; border: none; border-radius: .375rem; overflow: hidden; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper > .yja-accordion-toggle { margin: 0; background-color: #55c5d4; align-items: flex-start; display: flex; align-items: center; position: relative; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper > .yja-accordion-toggle > button { margin: 0; padding: 1.5rem 3.75rem 1.5rem 2rem; font-size: 1.375rem; font-weight: 500; line-height: 1.18182; color: #272122 !important; background: transparent; border: none; text-align: left; width: 100%; cursor: pointer; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper > .yja-accordion-toggle > i { margin: 0 2rem 0 auto; font-size: 1.75rem; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper > .yja-accordion-toggle > i:before { content: '\f055'; color: #272122; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper .yja-accordion-toggle--button[aria-expanded="true"] { background-color: #ddf3f6; color: #272122 !important; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper .yja-accordion-toggle--button[aria-expanded="true"]+ i:before { content: '\f056'; color: #272122; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper > .yja-accordion-content { position: relative; margin: 0; padding: 1.5rem 2rem; background-color: #f6f6f6; border: none; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper > .yja-accordion-content:before { content: ' '; position: absolute; top: 0; left: 2rem; display: block; height: 1px; width: calc(100% - 4rem); background-color: #dbdbdb; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper > .yja-accordion-content[aria-hidden="true"] { display: none; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper > .yja-accordion-content[aria-hidden="false"] { display: block; background-color: rgba(85,197,212,0.2); } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper > .yja-accordion-content[aria-hidden="false"] a { color: #3c4e5f; } .site-theme.top-frame #content .yja-accordion > .yja-accordion-wrapper:last-child { margin-bottom: 0; } .site-theme.top-frame #content .twitter-widget-portlet ul.tweets { margin-left: 0; } .site-theme.top-frame #content .twitter-widget-portlet ul.tweets > li p.tweet > a { font-weight: 400; } .site-theme.top-frame #content .twitter-widget-portlet ul.tweets > li p.tweet > a span { color: #272122; } .site-theme.top-frame #content #main-content.frontpage .twitter-widget-portlet { margin-top: 0; } .site-theme.top-frame #content #main-content.frontpage .twitter-widget-portlet .portlet-body { background-color: transparent; } .site-theme.top-frame #content .hero__lift { position: relative; display: flex; flex-flow: row nowrap; margin: 0 auto; padding: 0; } .site-theme.top-frame #content .hero__lift:before { content: ' '; display: block; position: absolute; top: 0; left: calc(-33% + 1px); height: 100%; width: 33%; background-color: #55c5d4; } .site-theme.top-frame #content .hero__lift .hero__lift--content { display: flex; flex-flow: column nowrap; justify-content: center; align-items: flex-end; width: 50%; padding: 3rem 2rem 3rem 0; margin: 0; background-color: #55c5d4; } .site-theme.top-frame #content .hero__lift .hero__lift--content > * { display: block; width: 100%; max-width: calc(720px - 3rem); } .site-theme.top-frame #content .hero__lift .hero__lift--content h1, .site-theme.top-frame #content .hero__lift .hero__lift--content h2, .site-theme.top-frame #content .hero__lift .hero__lift--content h3, .site-theme.top-frame #content .hero__lift .hero__lift--content p, .site-theme.top-frame #content .hero__lift .hero__lift--content a { color: #272122; } .site-theme.top-frame #content .hero__lift .hero__lift--content h1, .site-theme.top-frame #content .hero__lift .hero__lift--content h2, .site-theme.top-frame #content .hero__lift .hero__lift--content h3 { margin: 0 0 1.75rem; font-size: 2.375rem; line-height: 1.15789; font-weight: 400; } .site-theme.top-frame #content .hero__lift .hero__lift--content p { margin: 0 0 1.75rem; font-size: 1.375rem; line-height: 1.36364; font-weight: 300; } .site-theme.top-frame #content .hero__lift .hero__lift--content p:last-child { margin-bottom: 0; } .site-theme.top-frame #content .hero__lift .hero__lift--content a { display: inline-block; padding: 1.25rem 2.75rem; background-color: #fff; font-size: 1.125rem; line-height: 1.4444; font-weight: 500; text-transform: uppercase; text-decoration: none; border-radius: 2rem; } .site-theme.top-frame #content .hero__lift .hero__lift--content a:hover, .site-theme.top-frame #content .hero__lift .hero__lift--content a:active { text-decoration: underline; } .site-theme.top-frame #content .hero__lift .hero__lift--image { display: flex; flex-flow: column nowrap; justify-content: center; width: 50%; height: auto; margin: 0; background-position: center right; background-size: cover; background-repeat: no-repeat; } .site-theme.top-frame #content .hero__lift .hero__lift--image iframe { position: absolute; width: 100%; height: 100%; } .site-theme.top-frame #content .hero__lift .hero__lift--image:not([style]) { background-color: #55c5d4; } .site-theme.top-frame #content .image__lifts { display: flex; flex-flow: row wrap; justify-content: flex-start; max-width: 90rem; margin-top: 2rem; margin-bottom: 2rem; padding: 0; } .site-theme.top-frame #content .image__lifts .image__lifts--item { margin: 0 0 1.5rem; padding: 0; border-left: 1px solid #dbdbdb; } .site-theme.top-frame #content .image__lifts .image__lifts--item > picture > img { padding: 0 1rem; } .site-theme.top-frame #content .image__lifts .image__lifts--item > h2, .site-theme.top-frame #content .image__lifts .image__lifts--item .image__lifts--title { margin: 2.25rem 0 1.75rem; padding: 0 2.5rem; font-size: 1.875rem; line-height: 1.06667; } .site-theme.top-frame #content .image__lifts .image__lifts--item > h2 a, .site-theme.top-frame #content .image__lifts .image__lifts--item .image__lifts--title a { text-decoration: none; color: #272122; } .site-theme.top-frame #content .image__lifts .image__lifts--item > h2 a:hover, .site-theme.top-frame #content .image__lifts .image__lifts--item .image__lifts--title a:hover, .site-theme.top-frame #content .image__lifts .image__lifts--item > h2 a:focus, .site-theme.top-frame #content .image__lifts .image__lifts--item .image__lifts--title a:focus { text-decoration: underline; } .site-theme.top-frame #content .image__lifts .image__lifts--item > .image__lifts--text { margin: 0 0 1.75rem; padding: 0 2.5rem; font-size: 1.125rem; font-weight: 300; line-height: 1.44444; } .site-theme.top-frame #content .image__lifts .image__lifts--item > .image__lifts--text a { font-weight: 500; text-decoration: none; } .site-theme.top-frame #content .image__lifts .image__lifts--item > .image__lifts--text a:hover, .site-theme.top-frame #content .image__lifts .image__lifts--item > .image__lifts--text a:focus { text-decoration: underline; } .site-theme.top-frame #content .image__lifts .image__lifts--item > .image__lifts--text ul { margin: 1.5rem 0; padding: 0; list-style: none; } .site-theme.top-frame #content .image__lifts .image__lifts--item > .image__lifts--text ul:first-child { margin-top: 0; } .site-theme.top-frame #content .image__lifts .image__lifts--item > .image__lifts--text ul:last-child { margin-bottom: 0; } .site-theme.top-frame #content .image__lifts .image__lifts--item > .image__lifts--text ul li { padding: .5rem 0; border-bottom: 1px solid #dbdbdb; } .site-theme.top-frame #content .image__lifts .image__lifts--item > .image__lifts--text ul li:before { content: '\203A'; display: inline-block; margin: 0 .375rem; color: #24818f; font-weight: 500; } .site-theme.top-frame #content .kampanjanostot { margin-top: -2.0625rem; } .site-theme.top-frame #content .kampanjanostot .image__lifts { padding: 4rem 0 1.5rem; } .site-theme.top-frame #content .kampanjanostot .image__lifts .image__lifts--item { border-left: none !important; } .site-theme.top-frame #content .kampanjanostot .image__lifts .image__lifts--item:before { content: ' '; display: block; position: absolute; top: 0; left: 50%; margin: 0 0 0 -5.75rem; width: 11.25rem; height: 11.25rem; border-radius: 50%; background-color: #55c5d4; } .site-theme.top-frame #content .kampanjanostot .image__lifts .image__lifts--item > img { position: relative; display: block; width: 8rem; height: 6.25rem; margin: 2.5rem auto 4.5rem; } .site-theme.top-frame #content .kampanjanostot .image__lifts .image__lifts--item > .image__lifts--title { text-align: center; font-size: 1.25rem; font-weight: 500; line-height: 1.172; } .site-theme.top-frame #content .kampanjanostot .image__lifts .image__lifts--item > .image__lifts--title a { font-weight: 700; } .site-theme.top-frame #content .kampanjanostot .image__lifts .image__lifts--item > .image__lifts--title a:hover, .site-theme.top-frame #content .kampanjanostot .image__lifts .image__lifts--item > .image__lifts--title a:focus { color: #272122; } .site-theme.top-frame #content .kampanjanostot + .portlet-journal-content { margin: 4rem 0; } .site-theme.top-frame #content .kampanjanostot + .portlet-journal-content .portlet-body { max-width: 90rem; margin: 0 auto; padding: 0 1.5rem; } .site-theme.top-frame #content .shortcut__links { display: flex; flex-flow: row wrap; justify-content: flex-start; max-width: 90rem; margin-top: 2rem; margin-bottom: 2rem; padding: 0; } .site-theme.top-frame #content .shortcut__links > h2 { margin: 1.75rem 0; padding: 0 0 1.25rem; font-size: 2rem; font-weight: 500; line-height: 1.1875; text-align: center; text-transform: uppercase; } .site-theme.top-frame #content .shortcut__links > h2:after { content: ' '; display: block; position: absolute; bottom: 0; left: 50%; width: 4.625rem; height: .25rem; margin-left: -2.3125rem; background-color: #fff; } .site-theme.top-frame #content .shortcut__links > a.shortcut__links--item { position: relative; display: flex; flex-flow: row nowrap; justify-content: flex-start; height: 5.5rem; margin: .75rem 0; padding: 0; text-decoration: none; } .site-theme.top-frame #content .shortcut__links > a.shortcut__links--item:hover, .site-theme.top-frame #content .shortcut__links > a.shortcut__links--item:focus { text-decoration: underline; } .site-theme.top-frame #content .shortcut__links > a.shortcut__links--item > img { width: 5.5rem; height: 100%; margin: 0 1.875rem 0 0; border-radius: 50%; background-color: #fff; } .site-theme.top-frame #content .shortcut__links > a.shortcut__links--item > span { display: flex; flex-flow: column nowrap; justify-content: center; width: calc(100% - 7.375rem); height: 100%; margin: 0; font-size: 1.625rem; font-weight: 500; line-height: 1.07692; } .site-theme.top-frame #content .content__links { display: flex; flex-flow: row wrap; justify-content: flex-start; padding: 0; } .site-theme.top-frame #content .content__links > h2 { margin: 0 0 1.5rem; width: 100%; } .site-theme.top-frame #content .content__links > a.content__link { position: relative; width: calc(50% - .75rem); padding: 1.375rem 2.75rem 1.375rem 1.875rem; margin: 0 0 1.25rem; font-size: 1.625rem; font-weight: 500; line-height: 1.2; text-decoration: none; text-transform: uppercase; overflow-wrap: break-word; background-color: #55c5d4; color: #272122; border-radius: 3.25rem; } .site-theme.top-frame #content .content__links > a.content__link:after { content: '\f054'; position: absolute; top: 50%; right: 1.25rem; margin-top: -0.75rem; font-family: 'fontawesome-alloy'; font-style: normal; font-weight: normal; font-variant: normal; font-size: 1.125em; line-height: 1; } .site-theme.top-frame #content .content__links > a.content__link.anchor { background-color: #f6f6f6; color: #272122; } .site-theme.top-frame #content .content__links > a.content__link.anchor:after { content: '\f0c1'; } .site-theme.top-frame #content .content__links > a.content__link.external-link:after { content: '\f08e'; } .site-theme.top-frame #content .content__links > a.content__link:hover, .site-theme.top-frame #content .content__links > a.content__link:active { text-decoration: underline; } .site-theme.top-frame #content .content__links > a.content__link:nth-of-type(even) { margin-left: 1.5rem; } .site-theme.top-frame #content #main-content.landingpage-layout-container .content__links > a.content__link { width: 100%; } .site-theme.top-frame #content #main-content.landingpage-layout-container .content__links > a.content__link:nth-of-type(even) { margin-left: 0; } .site-theme.top-frame #content .content__video > .content__video--link { position: relative; padding-top: 56.25%; } .site-theme.top-frame #content .content__video > .content__video--link iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .site-theme.top-frame #content .content__video > .content__video--text { margin: 1.5rem 0 2rem; padding: 0; } .site-theme.top-frame #content .content__lift { padding: 1.5rem 2rem; background-color: rgba(85,197,212,0.2); transition: background-color 150ms linear; } .site-theme.top-frame #content .content__lift.link { display: block; text-decoration: none; } .site-theme.top-frame #content .content__lift.link:hover, .site-theme.top-frame #content .content__lift.link:focus, .site-theme.top-frame #content .content__lift.link:active { background-color: rgba(85,197,212,0.1); } .site-theme.top-frame #content .content__lift.link:hover h1, .site-theme.top-frame #content .content__lift.link:focus h1, .site-theme.top-frame #content .content__lift.link:active h1, .site-theme.top-frame #content .content__lift.link:hover h2, .site-theme.top-frame #content .content__lift.link:focus h2, .site-theme.top-frame #content .content__lift.link:active h2, .site-theme.top-frame #content .content__lift.link:hover h3, .site-theme.top-frame #content .content__lift.link:focus h3, .site-theme.top-frame #content .content__lift.link:active h3, .site-theme.top-frame #content .content__lift.link:hover h4, .site-theme.top-frame #content .content__lift.link:focus h4, .site-theme.top-frame #content .content__lift.link:active h4, .site-theme.top-frame #content .content__lift.link:hover h5, .site-theme.top-frame #content .content__lift.link:focus h5, .site-theme.top-frame #content .content__lift.link:active h5, .site-theme.top-frame #content .content__lift.link:hover h6, .site-theme.top-frame #content .content__lift.link:focus h6, .site-theme.top-frame #content .content__lift.link:active h6 { text-decoration: underline; } .site-theme.top-frame #content .content__lift p a { color: #3c4e5f; } .site-theme.top-frame #content .switching__content { margin: 2rem 0; padding: 0; } .site-theme.top-frame #content .switching__content > .switching__content--item { position: relative; display: flex; flex-flow: row nowrap; max-width: 90rem; margin: 0 auto 1.5rem; padding: 0; } .site-theme.top-frame #content .switching__content > .switching__content--item > div { position: relative; display: flex; flex-flow: column nowrap; justify-content: center; background-position: center; background-repeat: no-repeat; background-size: cover; } .site-theme.top-frame #content .switching__content > .switching__content--item > div.switching__content--quote { padding: 0 2.75rem; font-size: 1.875rem; line-height: 1.33333; background-color: #55c5d4; } .site-theme.top-frame #content .switching__content > .switching__content--item > div.switching__content--quote blockquote { position: static; margin: 0; text-align: center; font-style: italic; z-index: 1; } .site-theme.top-frame #content .switching__content > .switching__content--item > div.switching__content--quote blockquote .quotemark:before { content: '\201C'; position: absolute; top: 0; left: 1.5rem; font-size: 15.625rem; font-style: normal; color: rgba(255,255,255,0.28); z-index: 0; } .site-theme.top-frame #content .switching__content > .switching__content--item > div.switching__content--html { font-size: 1.125rem; font-weight: 300; line-height: 1.33333; } .site-theme.top-frame #content .switching__content > .switching__content--item > div.switching__content--html h2 { font-size: 1.75rem; line-height: 1.5; } .site-theme.top-frame #content .switching__content > .switching__content--item > div.switching__content--html strong { font-weight: 500; } .site-theme.top-frame #content .switching__content > .switching__content--item:last-child { margin-bottom: 0; } .site-theme.top-frame #content .yja-accordion.ar, .site-theme.top-frame #content .content__extended.ar, .site-theme.top-frame #content .yja-accordion.fa, .site-theme.top-frame #content .content__extended.fa, .site-theme.top-frame #content .yja-accordion.ku, .site-theme.top-frame #content .content__extended.ku, .site-theme.top-frame #content .yja-accordion.ur, .site-theme.top-frame #content .content__extended.ur { direction: rtl; text-align: right; } .site-theme.top-frame #content .yja-accordion.ar > .yja-accordion-wrapper > .yja-accordion-toggle > button, .site-theme.top-frame #content .content__extended.ar > .yja-accordion-wrapper > .yja-accordion-toggle > button, .site-theme.top-frame #content .yja-accordion.fa > .yja-accordion-wrapper > .yja-accordion-toggle > button, .site-theme.top-frame #content .content__extended.fa > .yja-accordion-wrapper > .yja-accordion-toggle > button, .site-theme.top-frame #content .yja-accordion.ku > .yja-accordion-wrapper > .yja-accordion-toggle > button, .site-theme.top-frame #content .content__extended.ku > .yja-accordion-wrapper > .yja-accordion-toggle > button, .site-theme.top-frame #content .yja-accordion.ur > .yja-accordion-wrapper > .yja-accordion-toggle > button, .site-theme.top-frame #content .content__extended.ur > .yja-accordion-wrapper > .yja-accordion-toggle > button { padding: 1.5rem 2rem 1.5rem 3.75rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .lfr-pagination ul.lfr-pagination-buttons { margin-left: 0; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .lfr-pagination ul.lfr-pagination-buttons li { margin-left: 1rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .lfr-pagination ul.lfr-pagination-buttons li:first-child { margin-left: 0; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .lfr-pagination ul.lfr-pagination-buttons li > a { padding: 1.125rem 3rem; font-size: 1.125rem; font-weight: 500; line-height: 1.44444; color: #272122; background-color: #55c5d4; text-transform: uppercase; text-decoration: none; border-width: 0; border-radius: 2.5rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .lfr-pagination ul.lfr-pagination-buttons li > a:hover { text-decoration: underline; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .lfr-pagination ul.lfr-pagination-buttons li.disabled > a { background-color: #f6f6f6; color: #272122; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .lfr-pagination ul.lfr-pagination-buttons li.disabled > a:hover { text-decoration: none; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row { margin-bottom: 1.75rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item { padding: 0 .5rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item > a.dark-link { text-decoration: none; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item > a.dark-link h2 { margin-top: 0; font-size: 1.375rem; font-weight: 400; line-height: 1.18182; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item > a.dark-link:hover h2, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item > a.dark-link:focus h2, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item > a.dark-link:active h2 { text-decoration: underline; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item > a.dark-link > .meta { margin-top: .5rem; font-size: .875rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item > a.dark-link > .mainlift { margin-top: .5rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row > .col.media-item > a.dark-link > .mainlift:empty { display: none; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row + hr { display: none; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .row:nth-child(2) > .col.media-item > a.dark-link h2 { font-size: 1.75rem; line-height: 1.14286; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple { margin-bottom: 1.75rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple > h3, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple .feed-item__heading { font-size: 1.375rem; font-weight: 400; line-height: 1.18182; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple > h3 > a, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple .feed-item__heading > a { text-decoration: none; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple > h3 > a:hover, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple .feed-item__heading > a:hover, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple > h3 > a:focus, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple .feed-item__heading > a:focus, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple > h3 > a:active, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple .feed-item__heading > a:active { text-decoration: underline; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple > .meta span.date { font-size: .875rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body > .feed-item.simple > .meta span.date:before { content: '\f017'; display: inline-block; margin: 0 .25rem 0 0; font-family: 'fontawesome-alloy'; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .feed-item.simple:nth-of-type(2) .feed-item__heading { font-size: 1.75rem; line-height: 1.14286; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .feed-item.simple h2.feed-item__heading, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .feed-item.simple h3.feed-item__heading, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .feed-item.simple h4.feed-item__heading, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .feed-item.simple h5.feed-item__heading, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .feed-item.simple h6.feed-item__heading { font-size: 1.375rem !important; font-weight: 400; line-height: 1.18182 !important; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .feed-item.simple h2.feed-item__heading:first-child, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .feed-item.simple h3.feed-item__heading:first-child, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .feed-item.simple h4.feed-item__heading:first-child, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .feed-item.simple h5.feed-item__heading:first-child, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .feed-item.simple h6.feed-item__heading:first-child { font-size: 1.75rem; line-height: 1.14286; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .simplified__list > li { position: relative; margin: 0 0 2.25rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .simplified__list--content a.listaus-title { display: block; margin: 0 0 1.125rem; font-size: 1.375rem !important; font-weight: 400; line-height: 1.18182 !important; text-decoration: none; color: #272122; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .simplified__list--content a.listaus-title:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .simplified__list--content a.listaus-title:hover, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .simplified__list--content a.listaus-title:focus { text-decoration: underline; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .simplified__list--content a.listaus-title:hover > a, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .simplified__list--content a.listaus-title:focus > a { text-decoration: underline; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .simplified__list--content a.listaus-title--main { font-size: 1.75rem !important; line-height: 1.14286 !important; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .simplified__list--content .meta { font-size: .875rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list { list-style: none; margin: 2rem 0; padding: 0; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item { border-style: solid; border-color: #dbdbdb; border-width: 0 0 1px; max-width: 100%; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item:first-of-type { border-width: 1px 0; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a { display: flex; flex-flow: row nowrap; text-decoration: none; color: #272122; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a:hover, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a:active, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a:focus { text-decoration: underline; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a:hover > .list__item--image > span.icon-file, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a:active > .list__item--image > span.icon-file, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a:focus > .list__item--image > span.icon-file { text-decoration: none; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a > .list__item--image { position: relative; padding: 1.5rem .5rem; min-width: 10rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a > .list__item--image > span.icon-file, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a > .list__item--image > img { display: block; margin: 0 auto; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a > .list__item--image > img { border: 1px solid #ccc; border-radius: .25rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a > .list__item--image > span.icon-file { text-align: center; font-weight: 500; letter-spacing: 2px; font-family: 'Roboto',Arial,Helvetica,sans-serif; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a > .list__item--image > span.icon-file:before { font-family: 'fontawesome-alloy'; display: block; padding: 0 0 .25rem; font-size: 3.5rem; font-weight: normal; letter-spacing: 0; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a > .list__item--content { display: flex; flex-flow: column nowrap; justify-content: center; padding: 1.5rem .5rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a > .list__item--content > span.item-title { margin: 0 0 .375rem; padding: 0; font-size: 1.375rem; font-weight: 400; line-height: 1.45455; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a > .list__item--content > .meta span { display: inline-block; font-size: 1.125rem; line-height: 1.3; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a > .list__item--content > .meta span:before { content: ' | '; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a > .list__item--content > .meta span:first-child:before { content: ''; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list { margin-left: 0; padding: 0; max-width: 100% !important; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list a.row.dark-link, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list li.row.dark-link { margin: 0 0 2.25rem; text-decoration: none; color: #272122; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list a.row.dark-link:last-child, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list li.row.dark-link:last-child { margin-bottom: 0; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list a.row.dark-link .simplified__list--image, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list li.row.dark-link .simplified__list--image { margin: 0 0 1.125rem; background-size: 100% auto; background-position: center; background-color: transparent; background-repeat: no-repeat; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list a.row.dark-link .simplified__list--image img, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list li.row.dark-link .simplified__list--image img { width: 100%; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list a.row.dark-link .simplified__list--content > h3, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list li.row.dark-link .simplified__list--content > h3 { margin: 0 0 1.125rem; font-size: 1.375rem; font-weight: 400; line-height: 1.18182; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list a.row.dark-link .simplified__list--content > h3:first-child, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list li.row.dark-link .simplified__list--content > h3:first-child { font-size: 1.75rem; line-height: 1.14286; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list a.row.dark-link .simplified__list--content > .meta, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list li.row.dark-link .simplified__list--content > .meta { font-size: .875rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list a.row.dark-link .simplified__list--content > .meta span, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list li.row.dark-link .simplified__list--content > .meta span { margin-right: .125rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list a.row.dark-link .simplified__list--content > .meta span.author, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list li.row.dark-link .simplified__list--content > .meta span.author { margin-right: .75rem; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list a.row.dark-link .simplified__list--content > .meta span:last-child, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list li.row.dark-link .simplified__list--content > .meta span:last-child { margin-right: 0; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list a.row.dark-link .simplified__list--content > .meta + h3, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list li.row.dark-link .simplified__list--content > .meta + h3 { margin: .875rem 0 0; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list a.row.dark-link .simplified__list--content > p, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list li.row.dark-link .simplified__list--content > p { margin: .875rem 0 0; font-size: 1.125rem; line-height: 1.33333; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list a.row.dark-link:hover, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list li.row.dark-link:hover { text-decoration: none; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list a.row.dark-link:hover .simplified__list--content > h2, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list li.row.dark-link:hover .simplified__list--content > h2, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list a.row.dark-link:hover .simplified__list--content h3, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list li.row.dark-link:hover .simplified__list--content h3, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list a.row.dark-link:hover .simplified__list--content h4, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list li.row.dark-link:hover .simplified__list--content h4, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list a.row.dark-link:hover .simplified__list--content h5, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list li.row.dark-link:hover .simplified__list--content h5, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list a.row.dark-link:hover .simplified__list--content h6, .site-theme.top-frame #content .portlet-asset-publisher .portlet-body .container.simplified__list li.row.dark-link:hover .simplified__list--content h6 { text-decoration: underline; } .site-theme.top-frame #content .linkkielementti .portlet-body p { text-align: center; } .site-theme.top-frame #content .linkkielementti .portlet-body a { display: inline-block; margin: .5rem; padding: 1rem 2.75rem; font-size: 1.125rem; line-height: 1.44444; background-color: #3c4e5f; color: #fff; text-transform: uppercase; text-decoration: none; border-radius: 2.5rem; } .site-theme.top-frame #content .linkkielementti .portlet-body a:hover, .site-theme.top-frame #content .linkkielementti .portlet-body a:focus, .site-theme.top-frame #content .linkkielementti .portlet-body a:active { text-decoration: underline; } .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button .rns-label { color: #000 !important; } ul.juicer-feed { padding-left: 0; list-style: none; font-family: 'Roboto',Arial,Helvetica,sans-serif; border-width: .25rem 0; border-style: solid; border-color: #55c5d4; } ul.juicer-feed .j-loading { border-color: #fff !important; } ul.juicer-feed .j-loading:before { background-color: #fff !important; } ul.juicer-feed button.slick-arrow.slick-prev { background: linear-gradient(to left, rgba(0,0,0,0.33) 0%, rgba(0,0,0,0.75) 95%); padding: 10px 20px 10px 5px; border-radius: 0 67% 67% 0; } ul.juicer-feed button.slick-arrow.slick-next { background: linear-gradient(to right, rgba(0,0,0,0.33) 0%, rgba(0,0,0,0.75) 95%); padding: 10px 5px 10px 20px; border-radius: 67% 0 0 67%; } ul.juicer-feed button.slick-arrow:hover:before { color: #55c5d4 !important; } ul.juicer-feed > .slick-list > .slick-track > li.feed-item { color: #272122; } ul.juicer-feed > .slick-list > .slick-track > li.feed-item a { color: #24818f !important; font-weight: 500 !important; } ul.juicer-feed > .slick-list > .slick-track > li.feed-item a:hover, ul.juicer-feed > .slick-list > .slick-track > li.feed-item a:hover div div:hover, ul.juicer-feed > .slick-list > .slick-track > li.feed-item a:hover time { color: #24818f; text-decoration: underline !important; } ul.juicer-feed > .slick-list > .slick-track > li.feed-item > .j-text { color: #272122; } ul.juicer-feed > .slick-list > .slick-track > li.feed-item > .j-text > .j-poster > .j-twitter:before { color: #1da1f2; } ul.juicer-feed > .slick-list > .slick-track > li.feed-item > .j-text > .j-message { color: #272122; font-size: 1.125rem !important; font-weight: 300; } ul.juicer-feed > .slick-list > .slick-track > li.feed-item > .j-text > .j-message > p { font-size: 1.125rem !important; } ul.juicer-feed > .slick-list > .slick-track > li.feed-item > .j-text > .j-message > p, ul.juicer-feed > .slick-list > .slick-track > li.feed-item > .j-text > .j-message > .j-reply { color: #272122; } ul.juicer-feed > .slick-list > .slick-track > li.feed-item > .j-text > .j-meta { padding: 20px 25px; color: #272122; line-height: 1.5; } ul.juicer-feed > .slick-list > .slick-track > li.feed-item > .j-text > .j-meta a time { color: #24818f !important; line-height: 2; } ul.juicer-feed > .slick-list > .slick-track > li.feed-item > .j-text > .j-meta .j-twitter-intents { display: none; } ul.juicer-feed > .slick-list > .slick-track > li.feed-item > .j-text > .j-meta .j-twitter-intents li { width: 1.5rem; height: 1.5rem; margin: 0 .5rem 0 0; background-color: #3c4e5f; border-radius: 50%; } ul.juicer-feed > .slick-list > .slick-track > li.feed-item > .j-text > .j-meta .j-twitter-intents li > a { display: block; height: 100%; width: 100%; margin: 0 auto !important; background-size: 70%; background-position: center; font-size: 1rem; line-height: 1.75; } ul.juicer-feed > .slick-list > .slick-track > li.feed-item.image-post > .j-text { background-color: rgba(255,255,255,0.875); } ul.juicer-feed > .slick-list > .slick-track > li.feed-item.j-twitter-bg { background-color: #fff; } figure.image--caption img { margin-bottom: 1rem; } .infograph-wrapper { width: 90%; margin: 0 auto; z-index: 9; position: relative; } .infograph-wrapper .close-tooltip { position: absolute; right: 0.66667em; top: 0.66667em; font-weight: bold; } .infograph-wrapper .infographs { width: 100%; } .infograph-wrapper .infograph-grid-item { width: 25%; display: inline; margin: 0.66667em 0; padding: 1.06383%; height: auto; float: left; list-style: none; } .infograph-wrapper .infograph-grid-item:nth-of-type(n) { clear: none; } .infograph-wrapper .infograph-grid-item:nth-of-type(4n+1) { clear: both; } .infograph-wrapper .infograph-grid-item:nth-child(n+4) { float: right; } .infograph-wrapper .infograph-grid-item:nth-child(n+4) .infopath { background-image: url('/documents/25249985/77138732/infopath-left.png?t=1649769481174'); moz-transform-origin: 100%; -o-transform-origin: 100%; -ms-transform-origin: 100%; -webkit-transform-origin: 100%; transform-origin: 100%; } .infograph-wrapper .infograph-grid-item:nth-child(n+9) { float: left; } .infograph-wrapper .infograph-grid-item:nth-child(n+9) .infopath { background-image: url('/documents/25249985/77138732/infopath.png?t=1649769481174'); moz-transform-origin: 0; -o-transform-origin: 0; -ms-transform-origin: 0; -webkit-transform-origin: 0; transform-origin: 0; } .infograph-wrapper .infograph-grid-item:nth-child(4) .infopath { background-image: url('/documents/25249985/77138732/infopath-down.png?t=1649769481174'); background-size: 100% 100%; } .infograph-wrapper .infograph-grid-item.item-top .infopath { top: 35px !important; } .infograph-wrapper .infograph-grid-item:nth-child(8) .infopath { background-image: url('/documents/25249985/77138732/infopath-down.png?t=1649769481174'); background-size: 100% 100%; background-position: left center; left: auto; } .infograph-wrapper .step-holder { display: inline-block; cursor: default; border-radius: 2.66667em; width: 4.66667em; height: 4.66667em; text-align: center; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; moz-transition: border-color 0.1s ease-in; -o-transition: border-color 0.1s ease-in; -ms-transition: border-color 0.1s ease-in; -webkit-transition: border-color 0.1s ease-in; transition: border-color 0.1s ease-in; } .infograph-wrapper .step-holder:focus { outline: 1px dotted #212121; outline: 5px auto -webkit-focus-ring-color; } .infograph-wrapper .step-holder .infograph-icon { cursor: default; } .infograph-wrapper .info-icon-top { margin-bottom: 0.66667em; } .infograph-wrapper .info-icon-bottom { margin-top: 0.66667em; } .infograph-wrapper .infograph-step { text-align: center; position: relative; } .infograph-wrapper .infograph-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translate(-50%, -50%); font-size: 2.7em; display: inline-block; text-decoration: none; } .infograph-wrapper .infograph-icon:before { color: #fff; } .infograph-wrapper .infograph-text { display: block; font-size: 1rem !important; line-height: 1.3 !important; font-weight: 400 !important; margin-bottom: 0.30303em; color: #272122; } .infograph-wrapper .infograph-text a { color: #272122; } .infograph-wrapper .infograph-text a:hover, .infograph-wrapper .infograph-text a:focus { color: #272122; } .infograph-wrapper .infograph-link { text-decoration: none; } .infograph-wrapper .infograph-heading { display: block; margin-bottom: .25rem; font-weight: 500; color: #272122; font-size: 1.125rem; line-height: 1.3; moz-transition: color 0.1s ease-in; -o-transition: color 0.1s ease-in; -ms-transition: color 0.1s ease-in; -webkit-transition: color 0.1s ease-in; transition: color 0.1s ease-in; } .infograph-wrapper .infograph-heading:hover, .infograph-wrapper .infograph-heading:focus { color: #272122; text-decoration: none; } .infograph-wrapper .infopath { position: absolute; background-image: url('/documents/25249985/77138732/infopath.png?t=1649769481174'); display: block; min-height: 1.33333em; background-repeat: no-repeat; background-size: cover; background-position: 50% 100%; moz-transform-origin: 0; -o-transform-origin: 0; -ms-transform-origin: 0; -webkit-transform-origin: 0; transform-origin: 0; } .infograph-wrapper .icon-blue { background-color: #ddf3f6; border: solid 0.2em #ddf3f6; } .infograph-wrapper .icon-blue:focus, .infograph-wrapper .icon-blue:active { background-color: #fff; } .infograph-wrapper .icon-blue .infograph-icon:before { color: #24818f; } .infograph-wrapper .icon-white { background-color: #24818f; border: solid 0.2em #24818f; } .infograph-wrapper .icon-white:focus { border-color: #3c4e5f; } .infograph-wrapper .icon-white .infograph-icon:before { color: #fff; } .infograph-wrapper .js-open-tooltip { cursor: pointer; } .infograph-wrapper .js-open-tooltip .infograph-icon { cursor: pointer; } .infograph-wrapper .has-tooltip { top: -0.33333em; right: -0.33333em; position: absolute; font-size: 2em; width: 0.93333em; height: 0.93333em; background-color: #fbc750; border-radius: 2em; cursor: pointer; moz-transition: background-color 0.1s ease-in-out; -o-transition: background-color 0.1s ease-in-out; -ms-transition: background-color 0.1s ease-in-out; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; } .infograph-wrapper .has-tooltip span { top: 50%; left: 50%; transform: translate(-50%, -50%); color: #272122; position: absolute; font-size: 0.6em; moz-transition: border-color 0.1s ease-in; -o-transition: border-color 0.1s ease-in; -ms-transition: border-color 0.1s ease-in; -webkit-transition: border-color 0.1s ease-in; transition: border-color 0.1s ease-in; } .infograph-wrapper .js-open-tooltip { moz-transition: border-color 0.1s ease-in; -o-transition: border-color 0.1s ease-in; -ms-transition: border-color 0.1s ease-in; -webkit-transition: border-color 0.1s ease-in; transition: border-color 0.1s ease-in; } .infograph-wrapper .js-open-tooltip.icon-blue:active, .infograph-wrapper .js-open-tooltip.icon-blue:hover, .infograph-wrapper .js-open-tooltip.icon-blue:focus { border: solid 0.2em #3c4e5f; } .infograph-wrapper .js-open-tooltip.icon-blue:active .infograph-icon:before, .infograph-wrapper .js-open-tooltip.icon-blue:hover .infograph-icon:before, .infograph-wrapper .js-open-tooltip.icon-blue:focus .infograph-icon:before { color: #3c4e5f; } .infograph-wrapper .js-open-tooltip.icon-blue:active .has-tooltip, .infograph-wrapper .js-open-tooltip.icon-blue:hover .has-tooltip, .infograph-wrapper .js-open-tooltip.icon-blue:focus .has-tooltip { background-color: #fbc750; } .infograph-wrapper .js-open-tooltip.icon-blue:active .has-tooltip span, .infograph-wrapper .js-open-tooltip.icon-blue:hover .has-tooltip span, .infograph-wrapper .js-open-tooltip.icon-blue:focus .has-tooltip span { color: #272122; } .infograph-wrapper .js-open-tooltip.icon-blue .has-tooltip { background-color: #24818f; } .infograph-wrapper .js-open-tooltip.icon-blue .has-tooltip .icon-info { color: #fff; } .infograph-wrapper .js-open-tooltip.icon-white:hover, .infograph-wrapper .js-open-tooltip.icon-white:focus, .infograph-wrapper .js-open-tooltip.icon-white:active { background-color: #3c4e5f; border-color: #3c4e5f; } .infograph-wrapper .js-open-tooltip.icon-white:hover .infograph-icon:before, .infograph-wrapper .js-open-tooltip.icon-white:focus .infograph-icon:before, .infograph-wrapper .js-open-tooltip.icon-white:active .infograph-icon:before { color: #fff; } .infograph-wrapper .js-open-tooltip.icon-white:hover .has-tooltip, .infograph-wrapper .js-open-tooltip.icon-white:focus .has-tooltip, .infograph-wrapper .js-open-tooltip.icon-white:active .has-tooltip { border: 2px solid #fbc750; background-color: #fff; } .infograph-wrapper .js-open-tooltip.icon-white:hover .has-tooltip span, .infograph-wrapper .js-open-tooltip.icon-white:focus .has-tooltip span, .infograph-wrapper .js-open-tooltip.icon-white:active .has-tooltip span { color: #272122; } .infograph-wrapper .js-open-tooltip.icon-white .has-tooltip { background-color: #ddf3f6; } .infograph-wrapper .js-open-tooltip.icon-white .has-tooltip .icon-info { color: #272122; } .infograph-wrapper .infograph-tooltip { display: none; position: absolute; left: 50%; width: 23.33333em; margin-left: -11.66667em; padding: 1.93333em; background: #fff; text-align: left; border: 3px solid #272122; z-index: 3; } .infograph-wrapper .infograph-tooltip.top-arrow:after, .infograph-wrapper .infograph-tooltip.top-arrow:before { bottom: 100%; } .infograph-wrapper .infograph-tooltip.top-arrow:after { border-bottom-color: #fff; } .infograph-wrapper .infograph-tooltip.top-arrow:before { border-bottom-color: #272122; } .infograph-wrapper .infograph-tooltip.bottom-arrow:after, .infograph-wrapper .infograph-tooltip.bottom-arrow:before { top: 100%; } .infograph-wrapper .infograph-tooltip.bottom-arrow:after { border-color: transparent; border-top-color: #fff; } .infograph-wrapper .infograph-tooltip.bottom-arrow:before { border-color: transparent; border-top-color: #272122; right: 11% !important; } .infograph-wrapper .infograph-tooltip:after, .infograph-wrapper .infograph-tooltip:before { left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .infograph-wrapper .infograph-tooltip:after { border-width: 16px; margin-left: -16px; } .infograph-wrapper .infograph-tooltip:before { border-width: 20px; margin-left: -20px; } .infograph-wrapper .infograph-tooltip p, .infograph-wrapper .infograph-tooltip ul, .infograph-wrapper .infograph-tooltip ol { font-size: 1rem !important; font-weight: 400 !important; } .infograph-wrapper .infograph-tooltip ul { margin-left: 0; list-style: none; padding-left: 14px; } .infograph-wrapper .infograph-tooltip ul li { padding-left: 1.33333em; } .infograph-wrapper .infograph-tooltip ul li:before { content: "\25A0"; font-size: 1.33333em; color: #24818f; margin-right: 0.25em; margin-left: -1em; } .infograph-wrapper .infograph-tooltip > *:first-of-type { margin-top: 0; } .infograph-wrapper .infograph-tooltip > *:last-of-type { margin-bottom: 0; } .infograph-wrapper .infograph-grid-item:nth-child(4) .infograph-tooltip, .infograph-wrapper .infograph-grid-item:nth-child(5) .infograph-tooltip { right: 0; left: auto; margin-left: auto; } .infograph-wrapper .infograph-grid-item:nth-child(4) .infograph-tooltip:after, .infograph-wrapper .infograph-grid-item:nth-child(5) .infograph-tooltip:after, .infograph-wrapper .infograph-grid-item:nth-child(4) .infograph-tooltip:before, .infograph-wrapper .infograph-grid-item:nth-child(5) .infograph-tooltip:before { right: 12%; left: auto; } .infograph-wrapper .infograph-grid-item:nth-child(4) .infograph-tooltip:after, .infograph-wrapper .infograph-grid-item:nth-child(5) .infograph-tooltip:after { right: 13%; left: auto; border-width: 17px; } .infograph-wrapper .mm-listview .mm-listitem_selected > .mm-listitem__text { background: #55c5d4 !important; color: #272122 !important; } .site-theme.top-frame .kampanja .mobile-menu-actions { top: 5.25rem; } .site-theme.top-frame .kampanja #banner #heading .portlet-body > .layout-wrapper-wide-container > .row.header-row div.col-md-7 a.logo img { max-height: calc(170px / 3); } .site-theme.top-frame .kampanja #banner #heading .portlet-body > .layout-wrapper-wide-container { margin: 0; } .site-theme.top-frame .kampanja #banner #heading .portlet-body > .layout-wrapper-wide-container > .row.header-row div.col-md-5 { padding: .5rem 0 0; } .site-theme.top-frame .kampanja #banner nav.main-nav { padding: 2rem 0; } .site-theme.top-frame .kampanja #banner nav.main-nav li#layout_000 { top: .125rem; height: calc(170px / 3); background-size: auto calc(170px / 3); } .site-theme.top-frame .kampanja #content { margin-bottom: 0; border-width: 1rem 0; border-style: solid; border-color: #55c5d4 transparent transparent; } .site-theme.top-frame .kampanja #content .portlet-navigation .portlet-body .list-menu { display: flex; flex-flow: row wrap; width: 100%; max-width: 90rem; margin: 0 auto; padding: 0 .875rem; } .site-theme.top-frame .kampanja #content .portlet-navigation .portlet-body .list-menu .list-menu__header > p { margin: 0 !important; padding: 0 1.25rem !important; color: #272122; background-color: #55c5d4; border-radius: 0 0 1.25rem 1.25rem; } .site-theme.top-frame .kampanja #content .portlet-navigation .portlet-body .list-menu .list-menu__header > p > a { display: block; padding: 1rem 3.25rem; font-size: 1.25rem; font-weight: 500; text-transform: uppercase; color: #272122; white-space: nowrap; } .site-theme.top-frame .kampanja #content .portlet-navigation .portlet-body .list-menu .list-menu__header > p > a:after { content: '\f054'; display: inline-block; margin-left: 1.5rem; color: #272122; text-transform: none; font-family: 'fontawesome-alloy'; font-style: normal; font-weight: normal; font-variant: normal; } .site-theme.top-frame .kampanja #content .portlet-navigation .portlet-body .list-menu ul.layouts { display: flex; flex-flow: row nowrap; margin: 0 0 0 1rem; } .site-theme.top-frame .kampanja #content .portlet-navigation .portlet-body .list-menu ul.layouts li { display: block; border-width: 0; } .site-theme.top-frame .kampanja #content .portlet-navigation .portlet-body .list-menu ul.layouts li.open { background-color: transparent; } .site-theme.top-frame .kampanja #content .portlet-navigation .portlet-body .list-menu ul.layouts li a { padding: 1rem 2.25rem; text-decoration: underline; line-height: 1.2037; border-bottom: 0 !important; white-space: nowrap; } .site-theme.top-frame .kampanja #content .portlet-content > .portlet-header h1, .site-theme.top-frame .kampanja #content .portlet-content > .portlet-header h2, .site-theme.top-frame .kampanja #content .portlet-content > .portlet-header h3 { margin-right: 0; margin-left: 0; font-size: 1.75rem; font-weight: 700; line-height: 1.172; text-transform: none; } .site-theme.top-frame .kampanja #content #main-content.frontpage.layout-wide { margin-bottom: 3.5rem; } .site-theme.top-frame .kampanja #content #main-content.frontpage.layout-wide .layout-wrapper-wide { padding-right: 0 !important; padding-left: 0 !important; } .site-theme.top-frame .kampanja #content #main-content.frontpage.layout-wide .layout-wrapper-wide-container { max-width: 100% !important; padding-right: 0 !important; padding-left: 0 !important; } .site-theme.top-frame .kampanja #content #main-content.frontpage.layout-wide #column-10 .portlet-column-content > .portlet-boundary { margin-bottom: 0; } .site-theme.top-frame .kampanja #content #main-content.frontpage.layout-wide #column-10 .portlet-column-content > .kuvaotsake .journal-content-article { max-width: 100%; padding: 0; } .site-theme.top-frame .kampanja #content #main-content.frontpage.layout-wide #column-10 .portlet-column-content > .kuvaotsake .journal-content-article > * { display: none; } .site-theme.top-frame .kampanja #content #main-content.frontpage.layout-wide #column-10 .portlet-column-content > .kuvaotsake .journal-content-article > *:first-child { display: block; } .site-theme.top-frame .kampanja #content #main-content.frontpage.layout-wide #column-10 .portlet-column-content > .kuvaotsake .journal-content-article > *:first-child img { width: 100%; max-height: 16.25rem; object-fit: cover; object-position: center; } .site-theme.top-frame .kampanja #content #main-content.landingpage-layout-container { margin-bottom: 3.25rem; } .site-theme.top-frame .kampanja #content #main-content.landingpage-layout-container > .portlet-layout.row { background-color: transparent; padding: 0 0 3.5rem !important; } .site-theme.top-frame .kampanja #content #main-content.landingpage-layout-container > .portlet-layout.row #column-5 { max-width: 100%; flex: 0 0 100%; } .site-theme.top-frame .kampanja #content #main-content.landingpage-layout-container > .portlet-layout.row #column-5 .portlet-column-content > .portlet-boundary:first-child { margin-bottom: 3.5rem; } .site-theme.top-frame .kampanja #content #main-content.landingpage-layout-container > .portlet-layout.row #column-5 .portlet-journal-content .portlet-body { max-width: 37.5rem; margin: 0 auto; text-align: center; } .site-theme.top-frame .kampanja #content #main-content.landingpage-layout-container > .landingpage-layout #column-2, .site-theme.top-frame .kampanja #content #main-content.landingpage-layout-container > .landingpage-layout #column-3 { max-width: 48.71795%; flex: 0 0 48.71795%; padding-right: 0 !important; padding-left: 0 !important; } .site-theme.top-frame .kampanja #content .portlet-body > .journal-content-article { max-width: 90rem; margin: 0 auto; padding: 0 .875rem; } .site-theme.top-frame .kampanja #content .portlet-body .hero__lift { max-width: 90rem; padding: 2rem 0; } .site-theme.top-frame .kampanja #content .portlet-body .hero__lift:before { display: none; } .site-theme.top-frame .kampanja #content .portlet-body .hero__lift .hero__lift--content, .site-theme.top-frame .kampanja #content .portlet-body .hero__lift .hero__lift--image { background-color: transparent; } .site-theme.top-frame .kampanja #content .portlet-body .hero__lift .hero__lift--content h1, .site-theme.top-frame .kampanja #content h1 { font-size: 2.375rem; font-weight: 700; line-height: 1.172; } .site-theme.top-frame .kampanja #content .portlet-body .hero__lift .hero__lift--content h2, .site-theme.top-frame .kampanja #content h2 { font-size: 1.875rem; font-weight: 700; line-height: 1.172; } .site-theme.top-frame .kampanja #content .portlet-body .hero__lift .hero__lift--content h3, .site-theme.top-frame .kampanja #content h3 { font-size: 1.625rem; font-weight: 700; line-height: 1.172; } .site-theme.top-frame .kampanja #content .portlet-body .hero__lift .hero__lift--content h4, .site-theme.top-frame .kampanja #content h4 { font-size: 1.25rem; font-weight: 700; line-height: 1.172; } .site-theme.top-frame .kampanja #content .portlet-body .hero__lift .hero__lift--content p, .site-theme.top-frame .kampanja #content p { font-size: 1.125rem; font-weight: 400; } .site-theme.top-frame .kampanja #content .portlet-body .hero__lift .hero__lift--content ul, .site-theme.top-frame .kampanja #content .portlet-body .hero__lift .hero__lift--content ol, .site-theme.top-frame .kampanja #content ul, .site-theme.top-frame .kampanja #content ol { font-size: 1.125rem; font-weight: 400; } .site-theme.top-frame .kampanja #content .yjaInfoBox { margin: .9375rem -2rem; padding: 1.25rem 2rem; } .site-theme.top-frame .kampanja #content .portlet-body .switching__content .switching__content--item { margin-bottom: 0; } .site-theme.top-frame .kampanja #content .portlet-body .switching__content .switching__content--item div.switching__content--quote blockquote .quotemark:before { color: rgba(0,0,0,0.33); } .site-theme.top-frame .kampanja #content .portlet-body .switching__content .col-md-6 { margin-left: 0 !important; max-width: 50%; flex: 0 0 50%; } .site-theme.top-frame .kampanja #content .portlet-body .switching__content .switching__content--html { padding: 2.75rem 3rem; } .site-theme.top-frame .kampanja #content .portlet-body .switching__content .switching__content--html:only-child { margin: 0 auto !important; max-width: 52rem; flex: 0 0 52rem; } .site-theme.top-frame .kampanja #content .portlet-nested-portlets { padding: 0 .875rem; margin-bottom: 2rem; } .site-theme.top-frame .kampanja #content .portlet-nested-portlets .portlet-body .columns-2 .portlet-layout.row .portlet-body > .journal-content-article { padding: 0; } .site-theme.top-frame .kampanja.keltainen #content { border-bottom-color: rgba(255,252,99,0.8); } .site-theme.top-frame .kampanja.keltainen #content #main-content.frontpage.layout-wide #column-10 .portlet-column-content { background-color: rgba(255,252,99,0.3); } .site-theme.top-frame .kampanja.keltainen #content #main-content.landingpage-layout-container > .portlet-layout.row { background-color: rgba(255,252,99,0.3); } .site-theme.top-frame .kampanja.keltainen #content .portlet-navigation { background-color: rgba(255,252,99,0.5); } .site-theme.top-frame .kampanja.keltainen #content .kampanjanostot { background-color: rgba(255,252,99,0.3); } .site-theme.top-frame .kampanja.keltainen #content .yjaInfoBox { background-color: rgba(255,252,99,0.3); } .site-theme.top-frame .kampanja.keltainen #content .switching__content > .switching__content--item > div.switching__content--quote { background-color: rgba(255,252,99,0.3); } .site-theme.top-frame .kampanja.violetti #content { border-bottom-color: rgba(198,155,233,0.6); } .site-theme.top-frame .kampanja.violetti #content #main-content.frontpage.layout-wide #column-10 .portlet-column-content { background-color: rgba(198,155,233,0.2); } .site-theme.top-frame .kampanja.violetti #content #main-content.landingpage-layout-container > .portlet-layout.row { background-color: rgba(198,155,233,0.2); } .site-theme.top-frame .kampanja.violetti #content .portlet-navigation { background-color: rgba(198,155,233,0.4); } .site-theme.top-frame .kampanja.violetti #content .kampanjanostot { background-color: rgba(198,155,233,0.2); } .site-theme.top-frame .kampanja.violetti #content .yjaInfoBox { background-color: rgba(198,155,233,0.2); } .site-theme.top-frame .kampanja.violetti #content .switching__content > .switching__content--item > div.switching__content--quote { background-color: rgba(198,155,233,0.2); } .site-theme.top-frame .kampanja.vihrea #content { border-bottom-color: rgba(180,218,100,0.46); } .site-theme.top-frame .kampanja.vihrea #content #main-content.frontpage.layout-wide #column-10 .portlet-column-content { background-color: rgba(180,218,100,0.15); } .site-theme.top-frame .kampanja.vihrea #content #main-content.landingpage-layout-container > .portlet-layout.row { background-color: rgba(180,218,100,0.15); } .site-theme.top-frame .kampanja.vihrea #content .portlet-navigation { background-color: rgba(180,218,100,0.31); } .site-theme.top-frame .kampanja.vihrea #content .kampanjanostot { background-color: rgba(180,218,100,0.15); } .site-theme.top-frame .kampanja.vihrea #content .yjaInfoBox { background-color: rgba(180,218,100,0.15); } .site-theme.top-frame .kampanja.vihrea #content .switching__content > .switching__content--item > div.switching__content--quote { background-color: rgba(180,218,100,0.15); } .site-theme.top-frame .kampanja.turkoosi #content { border-bottom-color: rgba(70,210,210,0.66); } .site-theme.top-frame .kampanja.turkoosi #content #main-content.frontpage.layout-wide #column-10 .portlet-column-content { background-color: rgba(70,210,210,0.2); } .site-theme.top-frame .kampanja.turkoosi #content #main-content.landingpage-layout-container > .portlet-layout.row { background-color: rgba(70,210,210,0.2); } .site-theme.top-frame .kampanja.turkoosi #content .portlet-navigation { background-color: rgba(70,210,210,0.38); } .site-theme.top-frame .kampanja.turkoosi #content .kampanjanostot { background-color: rgba(70,210,210,0.2); } .site-theme.top-frame .kampanja.turkoosi #content .yjaInfoBox { background-color: rgba(70,210,210,0.2); } .site-theme.top-frame .kampanja.turkoosi #content .switching__content > .switching__content--item > div.switching__content--quote { background-color: rgba(70,210,210,0.2); } .site-theme.top-frame .kampanja.oranssi #content { border-bottom-color: rgba(247,188,87,0.8); } .site-theme.top-frame .kampanja.oranssi #content #main-content.frontpage.layout-wide #column-10 .portlet-column-content { background-color: rgba(247,188,87,0.3); } .site-theme.top-frame .kampanja.oranssi #content #main-content.landingpage-layout-container > .portlet-layout.row { background-color: rgba(247,188,87,0.3); } .site-theme.top-frame .kampanja.oranssi #content .portlet-navigation { background-color: rgba(247,188,87,0.5); } .site-theme.top-frame .kampanja.oranssi #content .kampanjanostot { background-color: rgba(247,188,87,0.3); } .site-theme.top-frame .kampanja.oranssi #content .yjaInfoBox { background-color: rgba(247,188,87,0.3); } .site-theme.top-frame .kampanja.oranssi #content .switching__content > .switching__content--item > div.switching__content--quote { background-color: rgba(247,188,87,0.3); } .site-theme.top-frame .kampanja.minttu #content { border-bottom-color: rgba(52,224,164,0.75); } .site-theme.top-frame .kampanja.minttu #content #main-content.frontpage.layout-wide #column-10 .portlet-column-content { background-color: rgba(52,224,164,0.25); } .site-theme.top-frame .kampanja.minttu #content #main-content.landingpage-layout-container > .portlet-layout.row { background-color: rgba(52,224,164,0.25); } .site-theme.top-frame .kampanja.minttu #content .portlet-navigation { background-color: rgba(52,224,164,0.45); } .site-theme.top-frame .kampanja.minttu #content .kampanjanostot { background-color: rgba(52,224,164,0.25); } .site-theme.top-frame .kampanja.minttu #content .yjaInfoBox { background-color: rgba(52,224,164,0.25); } .site-theme.top-frame .kampanja.minttu #content .switching__content > .switching__content--item > div.switching__content--quote { background-color: rgba(52,224,164,0.25); } .top-frame .yja-mobile-navigation__button.yja-mobile-navigation__button--toggler { border-left: 1px solid rgba(0,0,0,0.2); height: 3.25rem; width: 3.25rem; } .top-frame .yja-mobile-navigation__tree .mm-listitem .nav-item__container { padding: 0; } .top-frame #banner nav.a11y-navigation .has-children button[aria-expanded="false"], .top-frame #banner nav.a11y-navigation .has-children button[aria-expanded="true"], .top-frame #banner nav.a11y-navigation .selected button[aria-expanded="true"], .top-frame #banner nav.a11y-navigation .selected button[aria-expanded="false"] { background: transparent; border: 0; margin-top: -4px; } .top-frame #banner nav.a11y-navigation .has-children button[aria-expanded="false"] .icon:before, .top-frame #banner nav.a11y-navigation .has-children button[aria-expanded="true"] .icon:before, .top-frame #banner nav.a11y-navigation .selected button[aria-expanded="true"] .icon:before, .top-frame #banner nav.a11y-navigation .selected button[aria-expanded="false"] .icon:before { content: "\f078"; font-size: .75rem; } .top-frame #banner nav.a11y-navigation .has-children button[aria-expanded="true"] .icon:before { transform: rotate(180deg); } .top-frame #banner nav.a11y-navigation li.has-children > a { padding-right: 0; } .top-frame #banner nav.a11y-navigation li.has-children.special-nav-open { background-color: #ddf3f6; border-radius: .25rem .25rem 0 0; } .top-frame #banner nav.a11y-navigation li.has-children.special-nav-open > .a11y-nav__sub[aria-hidden="false"] { top: 3.58rem; right: 1.75rem; margin: 0; width: calc(100% - (23.5625rem + 1.75rem)); } .top-frame #banner nav.a11y-navigation li.has-children.special-nav-open > .a11y-nav__sub[aria-hidden="false"] > .a11y-navgroup { opacity: 1; visibility: visible; width: 100%; top: auto; right: auto; } .top-frame #banner nav.a11y-navigation li.has-children.special-nav-open > .a11y-nav__sub[aria-hidden="false"] > .a11y-navgroup > li { position: static !important; display: flex; flex-flow: row nowrap; width: 33.333%; padding: 0.25rem; white-space: nowrap; } .top-frame #banner nav.a11y-navigation li.has-children.special-nav-open > .a11y-nav__sub[aria-hidden="false"] > .a11y-navgroup > li.selected { background: transparent; } .top-frame #banner nav.a11y-navigation li.has-children.special-nav-open > .a11y-nav__sub[aria-hidden="false"] > .a11y-navgroup > li.selected > a { text-decoration: underline; } .top-frame #banner nav.a11y-navigation li.has-children.special-nav-open > .a11y-nav__sub[aria-hidden="false"] > .a11y-navgroup > li > a:hover { text-decoration: underline; } .top-frame #banner nav ul.site-theme__navigation li.selected .a11y-nav__sub > .a11y-navgroup > li > a { color: #272122; } .social-share-buttons .some-divider { color: #272122 !important; } @media (max-width: 90rem) { .site-theme.top-frame { } .site-theme.top-frame #content > div > .portlet-layout.row, .site-theme.top-frame #footer .container, .site-theme.top-frame .layout-wrapper, .site-theme.top-frame .layout-wrapper-wide-container { max-width: 1366px; } .site-theme.top-frame #footer { } .site-theme.top-frame #footer .container.footer-main-content { max-width: 75rem; } .site-theme.top-frame #content { } .site-theme.top-frame #content #main-content.frontpage > .layout-wrapper:first-of-type { max-width: 100%; } .site-theme.top-frame #content .hero__lift { } .site-theme.top-frame #content .hero__lift .hero__lift--content { } .site-theme.top-frame #content .hero__lift .hero__lift--content > * { max-width: calc(683px - 3rem); } } @media (max-width: 85.375rem) { .site-theme.top-frame { } .site-theme.top-frame #content > div > .portlet-layout.row, .site-theme.top-frame #footer .container, .site-theme.top-frame .layout-wrapper, .site-theme.top-frame .layout-wrapper-wide-container { max-width: 1260px; } .site-theme.top-frame #content .hero__lift { } .site-theme.top-frame #content .hero__lift .hero__lift--content { } .site-theme.top-frame #content .hero__lift .hero__lift--content > * { max-width: calc(640px - 3rem); } } @media (max-width: 80rem) { .site-theme.top-frame { } .site-theme.top-frame #content > div > .portlet-layout.row, .site-theme.top-frame #footer .container, .site-theme.top-frame .layout-wrapper, .site-theme.top-frame .layout-wrapper-wide-container { max-width: 1024px; } .site-theme.top-frame #footer { } .site-theme.top-frame #footer .container.footer-main-content { padding: 3.5rem 1.5rem; } .site-theme.top-frame #footer .container.footer-main-content > .row > .col { width: 31.62393%; max-width: 31.62393%; flex: 0 0 31.62393%; } .site-theme.top-frame #footer .container.footer-main-content > .row > .col:first-child { width: 100%; max-width: 100%; flex: 0 0 100%; padding-right: 0; margin-bottom: 2rem; } .site-theme.top-frame #footer .container.footer-main-content > .row > .col:nth-child(2) { margin-left: 0; } .site-theme.top-frame #content { } .site-theme.top-frame #content .portlet-nested-portlets .columns-3 .portlet-layout.row { } .site-theme.top-frame #content .portlet-nested-portlets .columns-3 .portlet-layout.row > div { width: 48.71795%; max-width: 48.71795%; flex: 0 0 48.71795%; margin-top: 1rem; margin-bottom: 1rem; } .site-theme.top-frame #content .portlet-nested-portlets .columns-3 .portlet-layout.row > div:before { left: -2.75%; } .site-theme.top-frame #content .portlet-nested-portlets .columns-3 > .portlet-layout.row > div:nth-child(odd) { margin-left: 0; } .site-theme.top-frame #content .portlet-nested-portlets .columns-3 > .portlet-layout.row > div:nth-child(odd):before { display: none; } .site-theme.top-frame #content .hero__lift { } .site-theme.top-frame #content .hero__lift .hero__lift--content { } .site-theme.top-frame #content .hero__lift .hero__lift--content > * { max-width: calc(512px - 3rem); } .site-theme.top-frame #content .hero__lift .hero__lift--image { background-position: center; } .site-theme.top-frame .kampanja #content .portlet-navigation .portlet-body .list-menu .list-menu__header > p > a { padding: 1rem .25rem; } .site-theme.top-frame .kampanja #content .portlet-navigation .portlet-body .list-menu .list-menu__header > p > a:after { margin-left: .75rem; } .site-theme.top-frame .kampanja #content .portlet-navigation .portlet-body .list-menu ul.layouts li a { padding: 1rem 1.5rem; } } @media (max-width: 64rem) { .site-theme.top-frame { } .site-theme.top-frame #content > div > .portlet-layout.row, .site-theme.top-frame #footer .container, .site-theme.top-frame .layout-wrapper, .site-theme.top-frame .layout-wrapper-wide-container { padding-right: .875rem; padding-left: .875rem; } .site-theme.top-frame #content { } .site-theme.top-frame #content #main-content.frontpage > .layout-wrapper:first-of-type { padding: 0; } .site-theme.top-frame #content .portlet-nested-portlets .columns-3 > .portlet-layout.row > div { width: 100%; max-width: 100%; flex: 0 0 100%; margin-left: 0; } .site-theme.top-frame #content .portlet-nested-portlets .columns-3 > .portlet-layout.row > div:before { display: none; } .site-theme.top-frame #content .hero__lift { flex-flow: column-reverse nowrap; } .site-theme.top-frame #content .hero__lift .hero__lift--content { width: 100%; flex: 0 1 auto; max-width: 100%; padding: 2.5rem 1.5rem; border-radius: 0; } .site-theme.top-frame #content .hero__lift .hero__lift--content > * { max-width: 100%; } .site-theme.top-frame #content .hero__lift .hero__lift--image { position: relative; width: 100%; padding-top: 45%; } .site-theme.top-frame #content .hero__lift .hero__lift--image:not([style]) { padding-top: 0; } .site-theme.top-frame .kampanja #content .portlet-navigation .portlet-body .list-menu ul.layouts { flex-flow: row wrap; margin-left: 0; } } @media (max-width: 979px) { .site-theme.top-frame #content { padding: 0; } .site-theme .mobile-menu-actions { top: 6.375rem; margin: 0; z-index: 3; } .site-theme .mobile-menu-actions.visible-phone { display: block !important; } .site-theme .mobile-menu-actions a, .site-theme .mobile-menu-actions button { display: block; float: none; padding: .75rem 1.5rem; width: auto; height: auto; color: $colorDarkGray; } .site-theme .mobile-menu-actions a i, .site-theme .mobile-menu-actions button i, .site-theme .mobile-menu-actions a span[role], .site-theme .mobile-menu-actions button span[role] { margin: 0; } .site-theme .mobile-menu-actions a i:before, .site-theme .mobile-menu-actions button i:before, .site-theme .mobile-menu-actions a span[role]:before, .site-theme .mobile-menu-actions button span[role]:before { font-size: 2.25rem; } .site-theme .mobile-menu-actions a span:not([role]), .site-theme .mobile-menu-actions button span:not([role]) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .site-theme.top-frame #banner #heading .portlet-body { } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container { } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul { margin: 0 0 0 1.5rem; text-align: right; } .site-theme.top-frame #banner #heading .portlet-body > .layout-wrapper-wide-container { margin: 0 -1px; padding: 2rem .875rem; background-color: #fff; } .site-theme.top-frame #banner #heading .portlet-body > .layout-wrapper-wide-container > .row.header-row { padding: 0; margin-bottom: 0; } .site-theme.top-frame #banner #heading .portlet-body > .layout-wrapper-wide-container > .row.header-row div.col-md-7 { position: relative; top: 0; left: 0; max-width: 350px; flex: 0 0 350px; margin: 0; padding: 0; } .site-theme.top-frame #banner #heading .portlet-body > .layout-wrapper-wide-container > .row.header-row div.col-md-7 a.logo { position: relative; top: 0; left: 0; } .site-theme.top-frame #banner #heading .portlet-body > .layout-wrapper-wide-container > .row.header-row div.col-md-5 { position: relative; display: block; width: calc(100% - 350px - 6.25rem); max-width: 100%; flex: 0 1 auto; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding: 1.5rem 0 0; opacity: 1; } .site-theme.top-frame #banner #heading .portlet-body > .layout-wrapper-wide-container > .row.header-row div.col-md-5 form .input-group { justify-content: flex-end; } .site-theme.top-frame #banner nav { display: none !important; } .site-theme.top-frame #content { } .site-theme.top-frame #content #main-content.frontpage > .layout-wrapper-wide { margin-right: 0; margin-left: 0; } .site-theme.top-frame #content #main-content.landingpage-layout-container { } .site-theme.top-frame #content #main-content.landingpage-layout-container > .landingpage-layout > .portlet-layout.row { } .site-theme.top-frame #content #main-content.landingpage-layout-container > .landingpage-layout > .portlet-layout.row > #column-2, .site-theme.top-frame #content #main-content.landingpage-layout-container > .landingpage-layout > .portlet-layout.row > #column-3 { width: 100%; max-width: 100%; flex: 0 0 100%; margin-left: 0; padding: 0 1.5rem; border-radius: 0; } .site-theme.top-frame #content > #main-content.listing-layout > .portlet-layout.row { } .site-theme.top-frame #content > #main-content.listing-layout > .portlet-layout.row > #column-9 { display: none; } .site-theme.top-frame #content > #main-content.listing-layout > .portlet-layout.row > #column-9 + div.col-md-9 { width: 100%; max-width: 100%; flex: 0 0 100%; margin-left: 0; } .site-theme.top-frame #main-content.listing-layout > .layout-wrapper > .portlet-layout.row > #column-9, .site-theme.top-frame #main-content.listing-layout-wide > .layout-wrapper > .portlet-layout.row > #column-9 { display: none; } .site-theme.top-frame #main-content.listing-layout > .layout-wrapper > .portlet-layout.row > #column-9 + div.col-md-9, .site-theme.top-frame #main-content.listing-layout-wide > .layout-wrapper > .portlet-layout.row > #column-9 + div.col-md-9 { width: 100%; max-width: 100%; flex: 0 0 100%; margin-left: 0; } .site-theme.top-frame #main-content.layout-content .journal-display-page > .row { padding: 0 1.5rem; } .site-theme.top-frame #main-content.layout-content .journal-display-page > .row > .col-md-3 { display: none; } .site-theme.top-frame #main-content.layout-content .journal-display-page > .row > .col-md-9 { width: 100%; max-width: 100%; flex: 0 0 100%; margin-left: 0; } .site-theme.top-frame #main-content.subpage-layout-container > .landingpage-layout > .portlet-layout.row { padding: 0 1.5rem; } .site-theme.top-frame #main-content.subpage-layout-container > .landingpage-layout > .portlet-layout.row > #column-1 { display: none; } .site-theme.top-frame #main-content.subpage-layout-container > .landingpage-layout > .portlet-layout.row > #column-1 + #column-2 { width: 100%; max-width: 100%; flex: 0 0 100%; margin-left: 0; } .site-theme.top-frame #content .content__links.container { max-width: 100%; } .top-frame .layout-wrapper-wide { margin-left: 0; margin-right: 0; } .site-theme.top-frame .kampanja #content .portlet-navigation { display: block; } .site-theme.top-frame .kampanja #content .portlet-nested-portlets .portlet-body .columns-2 .portlet-layout.row > div { max-width: 100%; flex: 0 0 100%; margin: 0 0 2rem; } .site-theme.top-frame .kampanja #content .portlet-nested-portlets .portlet-body .columns-2 .portlet-layout.row > div:last-child { margin-bottom: 0; } } @media (min-width: 1366px) and (max-width: 1439.98px) { .site-theme.top-frame #banner #heading { } .site-theme.top-frame #banner #heading > div.yja-site-template-settings-header-portlet { max-width: 1366px; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 { right: calc(50vw - 683px); } .site-theme.top-frame #banner > nav { max-width: 1366px; } .site-theme.top-frame #content #main-content.landingpage-layout-container > .landingpage-layout > .portlet-layout.row { max-width: 1366px; } .site-theme.top-frame #content > #main-content.listing-layout > .portlet-layout.row { max-width: 1366px; } .site-theme.top-frame #main-content.listing-layout > .layout-wrapper > .portlet-layout.row, .site-theme.top-frame #main-content.listing-layout-wide > .layout-wrapper > .portlet-layout.row { max-width: 1366px; } .site-theme.top-frame #main-content.layout-content .journal-display-page { max-width: 1366px; } .site-theme.top-frame #main-content.subpage-layout-container > .landingpage-layout > .portlet-layout.row { max-width: 1366px; } .site-theme.top-frame #content .portlet-breadcrumb .portlet-body > nav > ul.breadcrumb { max-width: 1366px; } .site-theme.top-frame #content .image__lifts { max-width: 1366px; } .site-theme.top-frame #content .kampanjanostot + .portlet-journal-content .portlet-body { max-width: 1366px; } .site-theme.top-frame #content .shortcut__links { max-width: 1366px; } .site-theme.top-frame #content .switching__content .switching__content--item { max-width: 1366px; } } @media (min-width: 1280px) and (max-width: 1365.98px) { .site-theme.top-frame #banner #heading { } .site-theme.top-frame #banner #heading > div.yja-site-template-settings-header-portlet { max-width: 1280px; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 { right: calc(50vw - 640px); } .site-theme.top-frame #banner > nav { max-width: 1280px; } .site-theme.top-frame #content #main-content.landingpage-layout-container > .landingpage-layout > .portlet-layout.row { max-width: 1280px; } .site-theme.top-frame #content > #main-content.listing-layout > .portlet-layout.row { max-width: 1280px; } .site-theme.top-frame #main-content.listing-layout > .layout-wrapper > .portlet-layout.row, .site-theme.top-frame #main-content.listing-layout-wide > .layout-wrapper > .portlet-layout.row { max-width: 1280px; } .site-theme.top-frame #main-content.layout-content .journal-display-page { max-width: 1280px; } .site-theme.top-frame #main-content.subpage-layout-container > .landingpage-layout > .portlet-layout.row { max-width: 1280px; } .site-theme.top-frame #content .portlet-breadcrumb .portlet-body > nav > ul.breadcrumb { max-width: 1280px; } .site-theme.top-frame #content .image__lifts { max-width: 1280px; } .site-theme.top-frame #content .kampanjanostot + .portlet-journal-content .portlet-body { max-width: 1280px; } .site-theme.top-frame #content .shortcut__links { max-width: 1280px; } .site-theme.top-frame #content .switching__content .switching__content--item { max-width: 1280px; } } @media (min-width: 1024px) and (max-width: 1279.98px) { .site-theme.top-frame #banner #heading { } .site-theme.top-frame #banner #heading > div.yja-site-template-settings-header-portlet { max-width: 1024px; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row { } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-7 { display: block; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 { right: calc(50vw - 512px); } .site-theme.top-frame #content #main-content.landingpage-layout-container > .landingpage-layout > .portlet-layout.row { max-width: 1024px; } .site-theme.top-frame #content > #main-content.listing-layout > .portlet-layout.row { max-width: 1024px; } .site-theme.top-frame #main-content.listing-layout > .layout-wrapper > .portlet-layout.row, .site-theme.top-frame #main-content.listing-layout-wide > .layout-wrapper > .portlet-layout.row { max-width: 1024px; } .site-theme.top-frame #main-content.layout-content .journal-display-page { max-width: 1024px; } .site-theme.top-frame #main-content.subpage-layout-container > .landingpage-layout > .portlet-layout.row { max-width: 1024px; } .site-theme.top-frame #content .portlet-breadcrumb .portlet-body > nav > ul.breadcrumb { max-width: 1024px; } .site-theme.top-frame #content .image__lifts { max-width: 1024px; } .site-theme.top-frame #content .image__lifts .image__lifts--item:nth-child(2n+1) { border-left: none; } .site-theme.top-frame #content .kampanjanostot + .portlet-journal-content .portlet-body { max-width: 1024px; } .site-theme.top-frame #content .switching__content .switching__content--item { max-width: 1024px; } } @media (max-width: 1024px) { .site-theme.top-frame #banner #heading { } .site-theme.top-frame #banner #heading > div.yja-site-template-settings-header-portlet { max-width: 979px; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row { } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-7 { display: block; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-7 a.logo { left: 0; } .site-theme.top-frame #banner #heading .portlet-body .row.header-row div.col-md-5 { right: calc(50% - 125px); bottom: -3.5rem; } .site-theme.top-frame #content .image__lifts { max-width: 100%; } .site-theme.top-frame #content .image__lifts .image__lifts--item { border-left: none; } .site-theme.top-frame #content .shortcut__links { max-width: 100%; } .site-theme.top-frame #content .switching__content .switching__content--item { max-width: 100%; flex-flow: row wrap; } } @media (max-width: 767px) { .site-theme .mobile-menu-actions { top: 8rem; } .site-theme.top-frame #banner #heading .portlet-body { } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container { flex-flow: column nowrap; justify-content: center; align-items: center; padding: 0 1rem; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container > div { padding: .625rem 0 .375rem; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container > div:last-child { padding: .25rem 0 .625rem; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-right ul.top-bar-link-list { margin-left: 1.25rem; } .site-theme.top-frame #banner #heading .portlet-body .header-top-bar > .layout-wrapper-wide-container .header-top-bar-links-lang .language-version-selection-portlet .portlet-body ul { margin: 0; } .site-theme.top-frame #banner #heading .portlet-body > .layout-wrapper-wide-container { } .site-theme.top-frame #banner #heading .portlet-body > .layout-wrapper-wide-container > .row.header-row { } .site-theme.top-frame #banner #heading .portlet-body > .layout-wrapper-wide-container > .row.header-row div.col-md-7 { } .site-theme.top-frame #banner #heading .portlet-body > .layout-wrapper-wide-container > .row.header-row div.col-md-7 a.logo { max-width: 100%; } .site-theme.top-frame #banner #heading .portlet-body > .layout-wrapper-wide-container > .row.header-row div.col-md-5 { width: auto; } .site-theme.top-frame #banner #heading .portlet-body > .layout-wrapper-wide-container > .row.header-row div.col-md-5 input[type="search"] { width: 100%; max-width: 100%; } .site-theme.top-frame #footer { } .site-theme.top-frame #footer .container.footer-main-content { } .site-theme.top-frame #footer .container.footer-main-content > .row { display: block; margin: 0 auto; } .site-theme.top-frame #footer .container.footer-main-content > .row > .col { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin-bottom: 2rem; } .site-theme.top-frame #footer .container.footer-main-content > .row > .col:last-child { margin-bottom: 0; } .site-theme.top-frame #main-content.layout-content .journal-display-page > .row .lausunto img.pull-left.og-image { max-width: 100% !important; } .infograph-wrapper { max-width: 400px; font-size: 1em !important; } .infograph-wrapper .infograph-tooltip { display: none; padding: 1.93333em; background: rgba(lighten(#fff, 5), 0.95); text-align: left; position: fixed; z-index: 3; border: 3px solid rgba($secondaryColor, 1); bottom: auto !important; top: 50% !important; left: 50% !important; width: 90% !important; } .infograph-wrapper .infograph-tooltip.top-arrow { } .infograph-wrapper .infograph-tooltip.top-arrow:after, .infograph-wrapper .infograph-tooltip.top-arrow:before { display: none; } .infograph-wrapper .infograph-tooltip.bottom-arrow { } .infograph-wrapper .infograph-tooltip.bottom-arrow:after, .infograph-wrapper .infograph-tooltip.bottom-arrow:before { display: none; } .infograph-wrapper .infographs { width: auto; font-size: 0.8em; transform: none !important; } .infograph-wrapper .infograph-grid-item { width: 50%; margin: 0.5em 0; } .infograph-wrapper .infograph-grid-item:nth-of-type(n) { clear: none; } .infograph-wrapper .infograph-grid-item:nth-of-type(2n+1) { clear: both; } .infograph-wrapper .infograph-step { flex-flow: column; display: flex; } .infograph-wrapper .infograph-grid-item:nth-of-type(odd) { float: left; } .infograph-wrapper .infograph-grid-item:nth-of-type(odd) .step-holder { order: 1; margin: auto; } .infograph-wrapper .infograph-grid-item:nth-of-type(odd) .infograph-heading { order: 2; margin-top: 0.33333em; margin-bottom: 0.53333em; } .infograph-wrapper .infograph-grid-item:nth-of-type(odd) .infograph-text { order: 3; } .infograph-wrapper .infograph-grid-item:nth-of-type(odd) .infopath { background-image: url('/documents/25249985/77138732/line-to-right.png?t=1649769481174') !important; background-repeat: no-repeat !important; background-size: contain !important; background-position: 50% 100% !important; z-index: auto !important; top: 2.3em !important; left: 5.5em !important; } .infograph-wrapper .infograph-grid-item:nth-of-type(even) { float: left; } .infograph-wrapper .infograph-grid-item:nth-of-type(even) .step-holder { order: 3; margin: auto; } .infograph-wrapper .infograph-grid-item:nth-of-type(even) .infograph-heading { order: 1; margin-bottom: 0.33333em; margin-top: 0.53333em; } .infograph-wrapper .infograph-grid-item:nth-of-type(even) .infograph-text { order: 2; } .infograph-wrapper .infograph-grid-item:nth-of-type(even) .infopath { background-image: url('/documents/25249985/77138732/line-to-left.png?t=1649769481174') !important; background-repeat: no-repeat !important; background-size: contain !important; background-position: 50% 100% !important; left: auto !important; z-index: auto !important; bottom: 1.2em !important; right: 5em !important; } .site-theme.top-frame .kampanja .mobile-menu-actions { top: 7rem; } .site-theme.top-frame .kampanja #banner #heading .portlet-body > .layout-wrapper-wide-container > .row.header-row div.col-md-5 { padding-top: 1.5rem; } .site-theme.top-frame .kampanja #content .portlet-navigation .portlet-body .list-menu ul.layouts { flex-flow: column nowrap; width: 100%; margin-top: 1rem; } } @media (max-width: 1279.98px) { .site-theme.top-frame #banner > nav { max-width: 1024px; } .site-theme.top-frame #banner > nav.main-nav { padding: 8.75rem 0 2.5rem; } .site-theme.top-frame #banner > nav > ul { padding: 0; } .site-theme.top-frame #banner > nav > ul #layout_000 { display: none; } .site-theme.top-frame #banner > nav > ul > li ul { width: calc(100% - 3.5rem); } .site-theme.top-frame #content .shortcut__links { max-width: 1024px; } .site-theme.top-frame #content .shortcut__links > a.shortcut__links--item { height: 5rem; } .site-theme.top-frame #content .shortcut__links > a.shortcut__links--item > img { width: 5rem; margin-right: 1.25rem; } .top-frame #banner nav.a11y-navigation li.has-children.special-nav-open > .a11y-nav__sub[aria-hidden="false"] { width: calc(100% - 3.5rem); } } @media (max-width: 1023.98px) { .site-theme.top-frame #banner > nav { max-width: 979px; } .site-theme.top-frame #content #main-content.landingpage-layout-container > .landingpage-layout > .portlet-layout.row { max-width: 100%; } .site-theme.top-frame #content > #main-content.listing-layout > .portlet-layout.row { max-width: 100%; } .site-theme.top-frame #main-content.listing-layout > .layout-wrapper > .portlet-layout.row, .site-theme.top-frame #main-content.listing-layout-wide > .layout-wrapper > .portlet-layout.row { max-width: 100%; } .site-theme.top-frame #main-content.listing-layout > .layout-wrapper:first-child > .portlet-layout.row, .site-theme.top-frame #main-content.listing-layout-wide > .layout-wrapper:first-child > .portlet-layout.row { margin-right: 1rem; margin-left: 1rem; } .site-theme.top-frame #main-content.listing-layout > .layout-wrapper:first-child > .portlet-layout.row:first-child, .site-theme.top-frame #main-content.listing-layout-wide > .layout-wrapper:first-child > .portlet-layout.row:first-child { margin-right: 0; margin-left: 0; } .site-theme.top-frame #main-content.layout-content .journal-display-page { max-width: 100%; } .site-theme.top-frame #main-content.subpage-layout-container > .landingpage-layout > .portlet-layout.row { max-width: 100%; padding-right: .875rem; padding-left: .875rem; } .site-theme.top-frame #content .portlet-breadcrumb .portlet-body > nav > ul.breadcrumb { max-width: 100%; margin: 0 1rem; } } @media (min-width: 1px) { .site-theme.top-frame #main-content.listing-layout > .layout-wrapper:first-child, .site-theme.top-frame #main-content.listing-layout-wide > .layout-wrapper:first-child { max-width: 100% !important; padding: 0; } } @media (max-width: 510px) { .site-theme.top-frame #main-content.layout-content .journal-display-page > .row .blog-entry > .blog-footer { flex-flow: column; } .site-theme.top-frame #main-content.layout-content .journal-display-page > .row .blog-entry > .blog-footer > picture > img { max-width: 100%; max-height: auto; margin-right: 0; margin-bottom: 1.25rem; } } @media (min-width: 1280px) { .site-theme.top-frame #content .image__lifts { } .site-theme.top-frame #content .image__lifts .image__lifts--item:nth-child(3n+1) { border-left: none; } .site-theme.top-frame #content .kampanjanostot .image__lifts .image__lifts--item { width: 25%; max-width: 25%; flex: 0 0 25%; } } @media (min-width: 768px) and (max-width: 1279.98px) { .site-theme.top-frame #content .kampanjanostot .image__lifts .image__lifts--item { width: 50%; max-width: 50%; flex: 0 0 50%; } } @media (max-width: 767.98px) { .site-theme.top-frame #content .kampanjanostot .image__lifts .image__lifts--item { width: 100%; max-width: 100%; flex: 0 0 100%; } } @media (min-width: 979px) and (max-width: 1023.98px) { .site-theme.top-frame #content .kampanjanostot + .portlet-journal-content .portlet-body { max-width: 979px; } } @media (max-width: 978.98px) { .site-theme.top-frame #content .kampanjanostot + .portlet-journal-content .portlet-body { max-width: 100%; } } @media (max-width: 550px) { .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a { } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a > .list__item--image { display: none; } .site-theme.top-frame #content .portlet-asset-publisher .portlet-body ul.document__list > li.document__list--item > a > .list__item--content { padding: 1.5rem .5rem; } } @media (max-width: 680px) { .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button { line-height: 1.5 !important; font-size: 1rem; } .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button .rns-label { font-size: 1rem !important; } } @media (min-width: 640px) { figure.image--caption[style="float: right;"], picture img[style="float: right;"] { max-width: 50% !important; margin: 0 0 1rem 1.5rem !important; } figure.image--caption[style="float: left;"], picture img[style="float: left;"] { max-width: 50% !important; margin: 0 1.5rem 1rem 0 !important; } } @media (max-width: 460px) { .site-theme.top-frame { } .site-theme.top-frame .header-top-left-cell { padding-right: 80px !important; } .site-theme.top-frame .header-top-left-cell .logo img { max-width: 100%; } } @media (max-width: 1279px) { .site-theme.top-frame .kampanja #banner nav.main-nav { padding: 6rem 0 2rem; } } @media (min-width: 85.375rem) and (max-width: 89.95rem) { .site-theme.top-frame .kampanja #content .portlet-navigation .portlet-body .list-menu { max-width: 85.375rem; } .site-theme.top-frame .kampanja #content .portlet-body > .journal-content-article { max-width: 85.375rem; } .site-theme.top-frame .kampanja #content .portlet-nested-portlets { max-width: 85.375rem; } } @media (min-width: 80rem) and (max-width: 85.325rem) { .site-theme.top-frame .kampanja #content .portlet-navigation .portlet-body .list-menu { max-width: 80rem; } .site-theme.top-frame .kampanja #content .portlet-body > .journal-content-article { max-width: 80rem; } .site-theme.top-frame .kampanja #content .portlet-body .switching__content .col-md-6:not(.switching__content--html) { max-width: 52%; flex: 0 0 52%; } .site-theme.top-frame .kampanja #content .portlet-body .switching__content .switching__content--html { max-width: 48%; flex: 0 0 48%; } .site-theme.top-frame .kampanja #content .portlet-nested-portlets { max-width: 80rem; } } @media (min-width: 64rem) and (max-width: 79.95rem) { .site-theme.top-frame .kampanja #content .portlet-navigation .portlet-body .list-menu { max-width: 64rem; } .site-theme.top-frame .kampanja #content .portlet-body > .journal-content-article { max-width: 64rem; } .site-theme.top-frame .kampanja #content .portlet-nested-portlets { max-width: 64rem; } } @media (min-width: 979px) and (max-width: 0.05rem) { .site-theme.top-frame .kampanja #content .portlet-navigation .portlet-body .list-menu { max-width: 979px; } .site-theme.top-frame .kampanja #content .portlet-body > .journal-content-article { max-width: 979px; } } @media (max-width: 978px) { .site-theme.top-frame .kampanja #content .portlet-navigation .portlet-body .list-menu { max-width: 100%; } .site-theme.top-frame .kampanja #content .portlet-body > .journal-content-article { max-width: 100%; } .site-theme.top-frame .kampanja #content .yjaInfoBox { margin: .875rem -1.875rem; padding: 1.125rem 1.875rem; } .site-theme.top-frame .kampanja #content .portlet-body .switching__content .switching__content--html { max-width: 100%; flex: 0 0 100%; padding: 1.5rem .875rem; } .site-theme.top-frame .kampanja #content .portlet-body .switching__content .switching__content--html:only-child { max-width: 100%; flex: 0 0 100%; } .site-theme.top-frame .kampanja #content .portlet-nested-portlets { max-width: 100%; } } @media (min-width: 979px) and (max-width: 85.325rem) { .site-theme.top-frame .kampanja #content .portlet-body .switching__content .switching__content--item { margin-bottom: 1rem; } .site-theme.top-frame .kampanja #content .portlet-body .switching__content .switching__content--item:last-child { margin-bottom: 0; } } @media (min-width: 979px) and (max-width: 79.95rem) { .site-theme.top-frame .kampanja #content .portlet-body .switching__content .col-md-6:not(.switching__content--html) { max-width: 58%; flex: 0 0 58%; } .site-theme.top-frame .kampanja #content .portlet-body .switching__content .switching__content--html { max-width: 42%; flex: 0 0 42%; padding: 2rem 1.5rem; } } @media (min-width: 550px) and (max-width: 978px) { .site-theme.top-frame .kampanja #content .portlet-body .switching__content .col-md-6:not(.switching__content--html) { max-width: 45%; flex: 0 0 45%; padding-top: 45%; margin-left: 2.5% !important; } .site-theme.top-frame .kampanja #content .portlet-body .switching__content .col-md-6:not(.switching__content--html):first-child { margin-top: -45%; margin-left: 52.5% !important; } } @media (max-width: 549px) { .site-theme.top-frame .kampanja #content .portlet-body .switching__content .col-md-6:not(.switching__content--html) { max-width: 100%; flex: 0 0 100%; margin: 1rem auto !important; padding-top: 66.666%; } } @media (min-width: 979px) and (max-width: 63.95rem) { .site-theme.top-frame .kampanja #content .portlet-nested-portlets { max-width: 979px; } }