@import url('/o/common-ui-resources/fonts/open-sans/main.css'); .top-frame body { font-size: 1.125rem; color: #212121; font-family: "Open sans",Helvetica,Arial,sans-serif; line-height: 1.556; } .top-frame a { color: #2a6ebb; } .top-frame a:hover, .top-frame a:focus { color: #235a9a; } .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: #212121; font-weight: normal; font-style: normal; font-family: "Open sans",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: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } .top-frame .btn { border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } .top-frame .btn.btn-default { border: solid 1px #c8cdd0; background: #2a6ebb; color: #fff; } .top-frame .btn.btn-default:hover { background: #235a9a; } .top-frame .btn.btn-primary, .top-frame .btn.search-form_submit { background-color: #003479; color: white; } .top-frame .btn.btn-primary:hover, .top-frame .btn.search-form_submit:hover { background-color: #002f6d; } .top-frame .btn.search-form_submit { border-color: #003479; } .top-frame .yja-category-group, .top-frame .yja-tag-group { display: inline; } .top-frame .label, .top-frame .yja-tag { text-transform: uppercase; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; } .top-frame .badge:not(.error-notice), .top-frame .label, .top-frame .yja-tag { border: 1px solid #212121; } .top-frame .portlet-navigation .nav-menu ul a { color: #212121; } .top-frame .portlet-navigation .nav-menu ul ul a { color: #242424; } .top-frame .portlet-navigation .nav-menu > ul > li { color: #242424; } .top-frame .events .event-highlight { font-size: 1.1em; border-top: solid 1px #003479; } .top-frame .events .event-highlight td, .top-frame .events .event-highlight td.time { font-size: 0.9em; vertical-align: middle; } .top-frame .events .event-highlight tr { border-bottom: solid 1px #003479; } .top-frame .events .event-highlight .btn { text-align: left; } .top-frame .events .dark-link, .top-frame .events .dark-link:hover, .top-frame .events .dark-link:focus, .top-frame .events .dark-link:active, .top-frame .events .dark-link:visited, .top-frame .events .dark-link:link { color: #2a6ebb; display: block; position: relative; } .top-frame .events.event-search-portlet .event-list-wrapper > .span12 > .span3 { background: #003479; } .top-frame .events.event-search-portlet .event-list-wrapper { border-color: #003479; } .top-frame .events.event-search-portlet label, .top-frame .events.event-search-portlet .prev-date, .top-frame .events.event-search-portlet .next-date { font-weight: bold !important; } .top-frame .events.event-search-portlet h4.bg { background: #003479; color: #fff; } .top-frame .events.event-search-portlet .event-list-wrapper { margin-bottom: 10px; } .top-frame .events.event-search-portlet .event-item-list { border-bottom: 1px solid #003479; border-right: 1px solid #003479; border-left: 1px solid #003479; background: white; } .top-frame .events.event-search-portlet .event-item-list p[itemprop="name"], .top-frame .events.event-search-portlet .event-item-list .event-time { font-weight: bold !important; } .top-frame .events.event-search-portlet .event-item-list .event-date { display: block; } .top-frame .twitter-widget-portlet .user span[data-scribe="element:screen_name"] { color: #2a6ebb; } .top-frame #scrollToTop { color: #fff; background: #003479; } .top-frame #scrollToTop:hover { background: #002f6d; } .top-frame #banner .language-version-selection-portlet .lang-text > a:after { content: "\f0d7"; margin-left: .5em; font-family: 'fontawesome-alloy'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .top-frame #banner .language-version-selection-portlet .lang-nav-open a { background: #003479; color: white !important; } .top-frame #banner .language-version-selection-portlet .lang-nav ul { background: #003479; } .top-frame .media-item .small figure { float: left; margin-right: 1em; } .top-frame .media-item .dark-link { color: #212121; } .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: #212121; } .top-frame .media-item .meta { margin-bottom: em(5px); color: #282828; font-size: .9em; } .top-frame .feed-item.simple .meta { color: #282828; font-size: .9em; } .top-frame .feed-item.simple h6 a { color: #212121; } .top-frame ul.position-nav li.selected { background: #003479; } .top-frame ul.position-nav li.selected:hover { background-color: #003479; } .top-frame .carousel .description { font-family: "Open sans",Helvetica,Arial,sans-serif; font-weight: normal; } .panel.border-top-emphasis { border-top: solid 4px #003479; } .top-frame #banner { background-repeat: repeat; background-size: initial; background-position: center top; background-color: transparent; background-image: url('data:image/svg+xml,data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg"/%3E'); color: #fff; } .top-frame #banner a { color: #fff; } .top-frame #heading { height: auto; padding: 0; } .top-frame #heading .yja-site-template-settings-header-portlet { height: 100%; } .top-frame #heading .yja-site-template-settings-header-portlet .portlet-borderless-container, .top-frame #heading .yja-site-template-settings-header-portlet .portlet-body, .top-frame #heading .yja-site-template-settings-header-portlet .header-row { height: 100%; } .top-frame #heading .yja-site-template-settings-header-portlet .header-top-left-cell, .top-frame #heading .yja-site-template-settings-header-portlet .header-top-right-cell { align-self: center; } .top-frame #banner nav ul.site-theme__navigation { background-color: transparent; color: #454545; } .top-frame #banner nav ul.site-theme__navigation li a:hover { background-color: darken(transparent, 10%); } .top-frame #banner nav ul.site-theme__navigation li.selected { background-color: #003479; color: white; } .top-frame #banner nav ul.site-theme__navigation li.selected a { color: white; } .top-frame #banner nav ul.site-theme__navigation li.selected a:hover { background-color: #002f6d; } .top-frame #banner nav a { color: #454545; } .top-frame #banner nav.fixed { background: transparent; } .top-frame #footer { background-image: url('data:image/svg+xml,data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg"/%3E'); background-repeat: repeat; background-size: initial; background-position: center top; background-color: #003479; color: #fff; } .top-frame #footer a { color: #fff; } .top-frame #footer .footer-bottom-bar { background-color: #545454; } .top-frame body { background-color: #fff; background-image: url('data:image/svg+xml,data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg"/%3E'); background-position: center top; background-repeat: no-repeat; background-size: initial; background-attachment: scroll; } .top-frame .page-wrapper { max-width: 100%; margin: 0 auto; } .top-frame .layout-wrapper, .top-frame #main-content:not(.layout-wide) { background: transparent; padding-left: 0; padding-right: 0; } .top-frame .homepage .layout-wrapper-wide { background: #efefef; } .top-frame .homepage .layout-wrapper-wide *, .top-frame .homepage .layout-wrapper-wide .carousel-wrapper ul li h3 a .description { color: #212121; } .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: #212121; } .mobile-menu-actions a { color: #2a6ebb; } .mobile-menu-actions a.menu-icon { font-family: "Open sans",Helvetica,Arial,sans-serif; } .mobile-menu-actions a:active, .mobile-menu-actions a:focus, .mobile-menu-actions a:hover { color: #235a9a; } .mm-menu { border-color: #003479; } .mm-menu a { color: white; } .mm-menu a:hover, .mm-menu a:focus { color: white; } @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: url('/o/common-ui-resources/fonts/source-sans-pro/Regular/source-sans-pro-v21-latin-regular.eot?t=1662638832'); src: local(''),url('/o/common-ui-resources/fonts/source-sans-pro/Regular/source-sans-pro-v21-latin-regular.eot?#iefix?t=1662638832') format('embedded-opentype'),url('/o/common-ui-resources/fonts/source-sans-pro/Regular/source-sans-pro-v21-latin-regular.woff2?t=1662638832') format('woff2'),url('/o/common-ui-resources/fonts/source-sans-pro/Regular/source-sans-pro-v21-latin-regular.woff?t=1662638832') format('woff'),url('/o/common-ui-resources/fonts/source-sans-pro/Regular/source-sans-pro-v21-latin-regular.ttf?t=1662638832') format('truetype'),url('/o/common-ui-resources/fonts/source-sans-pro/Regular/source-sans-pro-v21-latin-regular.svg#SourceSansPro?t=1662638832') format('svg'); } @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; src: url('/o/common-ui-resources/fonts/source-sans-pro/SemiBold/source-sans-pro-v21-latin-600.eot?t=1662638832'); src: local(''),url('/o/common-ui-resources/fonts/source-sans-pro/SemiBold/source-sans-pro-v21-latin-600.eot?#iefix?t=1662638832') format('embedded-opentype'),url('/o/common-ui-resources/fonts/source-sans-pro/SemiBold/source-sans-pro-v21-latin-600.woff2?t=1662638832') format('woff2'),url('/o/common-ui-resources/fonts/source-sans-pro/SemiBold/source-sans-pro-v21-latin-600.woff?t=1662638832') format('woff'),url('/o/common-ui-resources/fonts/source-sans-pro/SemiBold/source-sans-pro-v21-latin-600.ttf?t=1662638832') format('truetype'),url('/o/common-ui-resources/fonts/source-sans-pro/SemiBold/source-sans-pro-v21-latin-600.svg#SourceSansPro?t=1662638832') format('svg'); } @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 700; src: url('/o/common-ui-resources/fonts/source-sans-pro/Bold/source-sans-pro-v21-latin-700.eot?t=1662638832'); src: local(''),url('/o/common-ui-resources/fonts/source-sans-pro/Bold/source-sans-pro-v21-latin-700.eot?#iefix?t=1662638832') format('embedded-opentype'),url('/o/common-ui-resources/fonts/source-sans-pro/Bold/source-sans-pro-v21-latin-700.woff2?t=1662638832') format('woff2'),url('/o/common-ui-resources/fonts/source-sans-pro/Bold/source-sans-pro-v21-latin-700.woff?t=1662638832') format('woff'),url('/o/common-ui-resources/fonts/source-sans-pro/Bold/source-sans-pro-v21-latin-700.ttf?t=1662638832') format('truetype'),url('/o/common-ui-resources/fonts/source-sans-pro/Bold/source-sans-pro-v21-latin-700.svg#SourceSansPro?t=1662638832') format('svg'); } @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 900; src: url('/o/common-ui-resources/fonts/source-sans-pro/Black/source-sans-pro-v21-latin-900.eot?t=1662638832'); src: local(''),url('/o/common-ui-resources/fonts/source-sans-pro/Black/source-sans-pro-v21-latin-900.eot?#iefix?t=1662638832') format('embedded-opentype'),url('/o/common-ui-resources/fonts/source-sans-pro/Black/source-sans-pro-v21-latin-900.woff2?t=1662638832') format('woff2'),url('/o/common-ui-resources/fonts/source-sans-pro/Black/source-sans-pro-v21-latin-900.woff?t=1662638832') format('woff'),url('/o/common-ui-resources/fonts/source-sans-pro/Black/source-sans-pro-v21-latin-900.ttf?t=1662638832') format('truetype'),url('/o/common-ui-resources/fonts/source-sans-pro/Black/source-sans-pro-v21-latin-900.svg#SourceSansPro?t=1662638832') format('svg'); } .site-theme.top-frame > body { font-family: 'Source Sans Pro',Arial,Helvetica,sans-serif; } .site-theme.top-frame > body.signed-out .portlet-header:not(.use-custom-title) { display: none; } .site-theme.top-frame > body h1, .site-theme.top-frame > body h2, .site-theme.top-frame > body h3 { color: #003479; font-weight: 600; } .site-theme.top-frame > body .fessWrapper { margin-top: 3rem; margin-bottom: 2rem; color: #212121; font-family: 'Source Sans Pro',Arial,Helvetica,sans-serif; } .site-theme.top-frame > body .fessWrapper .pagination > .active > a { color: #fff !important; background-color: #003479 !important; border-color: #003479 !important; } .site-theme.top-frame > body .fessWrapper .pagination > li > a { color: #003479 !important; } .site-theme.top-frame > body .fessWrapper .fessResultBox cite, .site-theme.top-frame > body .fessWrapper .body cite { color: #003479 !important; } .site-theme.top-frame > body .fessWrapper label, .site-theme.top-frame > body .fessWrapper .media-body, .site-theme.top-frame > body .fessWrapper .paginationNav, .site-theme.top-frame > body .fessWrapper button.searchButton.btn.btn-primary { font-size: 1.125rem; } .site-theme.top-frame > body .fessWrapper h1 { display: none !important; } .site-theme.top-frame > body .search-form, .site-theme.top-frame > body .header-advanced-search-link { display: none; } .site-theme.top-frame > body .button-area, .site-theme.top-frame > body .valvira-highlight-links, .site-theme.top-frame > body .content-width, .site-theme.top-frame > body .columns-1-2, .site-theme.top-frame > body .listing-layout, .site-theme.top-frame > body .yja-site-template-settings-header-portlet .layout-wrapper-wide-container, .site-theme.top-frame > body .main-nav > ul, .site-theme.top-frame > body .link-highlights > ul, .site-theme.top-frame > body .footer-main-content, .site-theme.top-frame > body .web-content-listing-portlet, .site-theme.top-frame > body .breadcrumb, .site-theme.top-frame > body .portlet-site-map, .site-theme.top-frame > body #column-13, .site-theme.top-frame > body #column-6, .site-theme.top-frame > body #portlet_fi_yja_sms_login_portlet_SmsLoginPortlet, .site-theme.top-frame > body .fessWrapper, .site-theme.top-frame > body .layout-wrapper .portlet-layout:nth-child(3) { max-width: 88%; margin-left: auto !important; margin-right: auto !important; padding-left: 1rem !important; padding-right: 1rem !important; } .site-theme.top-frame > body .header-top-bar nav { max-width: 100% !important; } .site-theme.top-frame > body .hero-area .layout-wrapper { max-width: 100%; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; display: flex; flex-direction: column; } .site-theme.top-frame > body .hero-area .layout-wrapper .text-wrapper { width: 86%; align-self: center; padding-top: 3rem; padding-bottom: 1rem; } .site-theme.top-frame > body .hero-area .layout-wrapper .text-wrapper .content-wrapper { width: 60%; } .site-theme.top-frame > body .hero-area .layout-wrapper .text-wrapper .content-wrapper .content.desc { font-size: 1.375rem; } .site-theme.top-frame > body .hero-area-subpage .layout-wrapper { max-width: 100%; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; display: flex; flex-direction: row; } .site-theme.top-frame > body .hero-area-subpage .layout-wrapper .text-wrapper { width: 44%; padding-top: 4rem; margin-left: auto; padding-left: 1rem; padding-right: 3rem; padding-bottom: 4rem; } .site-theme.top-frame > body .hero-area-subpage .layout-wrapper .text-wrapper .content-wrapper { width: 100%; } .site-theme.top-frame > body .hero-area-subpage .layout-wrapper .text-wrapper .content-wrapper .content .desc { font-size: 1.375rem; } .site-theme.top-frame > body .hero-area-subpage .layout-wrapper .aspect-ratio { display: block; overflow: hidden; position: relative; padding-bottom: 0 !important; background-size: cover; } .site-theme.top-frame > body .hero-area-subpage .layout-wrapper .aspect-ratio .aspect-ratio-item { left: 0; position: absolute; word-wrap: break-word; max-width: 100%; } .site-theme.top-frame > body .hero-area-subpage .layout-wrapper .image-wrapper { width: 50%; } .site-theme.top-frame > body section#content, .site-theme.top-frame > body #main-content { margin-bottom: 0; padding-top: 0; padding-right: 0 !important; padding-left: 0 !important; } .site-theme.top-frame > body section#content h1, .site-theme.top-frame > body #main-content h1, .site-theme.top-frame > body section#content h2, .site-theme.top-frame > body #main-content h2, .site-theme.top-frame > body section#content h3, .site-theme.top-frame > body #main-content h3, .site-theme.top-frame > body section#content h4, .site-theme.top-frame > body #main-content h4, .site-theme.top-frame > body section#content h5, .site-theme.top-frame > body #main-content h5, .site-theme.top-frame > body section#content h6, .site-theme.top-frame > body #main-content h6 { font-family: 'Source Sans Pro',Arial,Helvetica,sans-serif; } .site-theme.top-frame > body section#content div[class*="col-"], .site-theme.top-frame > body #main-content div[class*="col-"] { min-height: 0; } .site-theme.top-frame > body .breadcrumb { margin-left: 0; margin-right: 0; } .site-theme.top-frame > body a:hover, .site-theme.top-frame > body a:focus { text-decoration: underline; } .site-theme.top-frame > body a:focus { outline: 5px auto Highlight; outline: 5px auto -webkit-focus-ring-color; } .site-theme.top-frame .portlet-site-map { margin-top: 3rem; margin-bottom: 3rem; } .top-frame .breadcrumb a { color: #003479 !important; font-weight: 600; } .top-frame .breadcrumb > li + li::before { font-family: "fontawesome-alloy"; content: "\f054"; color: #003479 !important; font-size: 0.75rem; } .top-frame .breadcrumb > li + li.active::before { font-family: "fontawesome-alloy"; content: "\f054"; color: #212121 !important; font-size: 0.75rem; } .top-frame .breadcrumb > li.active { color: #212121 !important; font-weight: 700; } .top-frame .hero-area { background-color: #003479; color: #fff; } .top-frame .hero-area h1, .top-frame .hero-area h2, .top-frame .hero-area h3 { color: #fff !important; } .top-frame .hero-area > div { display: flex; } .top-frame .hero-area .layout-wrapper .content-wrapper .desc, .top-frame .hero-area .layout-wrapper .content-wrapper .title, .top-frame .hero-area .layout-wrapper .content-wrapper .hero-links { padding: 1rem 0; list-style-type: none; } .top-frame .hero-area .hero-links { margin-left: 0; } .top-frame .hero-area button { border-radius: 7px; background-color: #2a6ebb; padding: 0.5rem 1rem 0.5rem 1rem; border: unset; } .top-frame .hero-area button img { height: 1.5rem; margin: 0.5rem; } .top-frame .hero-area button:hover { background-color: #235a9a; border-color: #235a9a; } .top-frame .hero-area button a { color: #fff; } .top-frame .hero-area-subpage { background-color: #003479; color: #fff; } .top-frame .hero-area-subpage h1, .top-frame .hero-area-subpage h2, .top-frame .hero-area-subpage h3 { color: #fff !important; } .top-frame .hero-area-subpage > div { display: flex; } .top-frame .hero-area-subpage .layout-wrapper .content-wrapper .desc, .top-frame .hero-area-subpage .layout-wrapper .content-wrapper .title, .top-frame .hero-area-subpage .layout-wrapper .content-wrapper .hero-links { padding: 1rem 0; list-style-type: none; } .top-frame .hero-area-subpage .hero-links { margin-left: 0; } .top-frame .hero-area-subpage button { border-radius: 7px; background-color: #2a6ebb; padding: 0.5rem 1rem 0.5rem 1rem; border: unset; } .top-frame .hero-area-subpage button img { height: 1.5rem; margin: 0.5rem; } .top-frame .hero-area-subpage button:hover { background-color: #235a9a; border-color: #235a9a; } .top-frame .hero-area-subpage button a { color: #fff; } .filter-white { filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(199deg) brightness(106%) contrast(101%); } .filter-base-brand { filter: invert(13%) sepia(10%) saturate(6340%) hue-rotate(205deg) brightness(99%) contrast(112%); } .filter-link-blue { filter: invert(40%) sepia(27%) saturate(1441%) hue-rotate(170deg) brightness(93%) contrast(91%); } #banner { display: flex; flex-direction: column; border-bottom: unset !important; } #banner .search-form, #banner .header-advanced-search-link { display: none; } #banner #heading { height: 10.5rem; } #banner .main-nav { margin-top: -7.15rem !important; margin-right: 10rem !important; width: 60%; margin-bottom: 1rem !important; } #banner .main-nav li { background: transparent !important; } #banner .main-nav li .selected { background: transparent !important; } #banner .main-nav li .selected:hover { background: transparent !important; } #banner .main-nav a { font-weight: 600; color: #003479 !important; } #banner .main-nav a:focus, #banner .main-nav a:hover { color: #235a9a !important; text-decoration: underline !important; background: transparent !important; } #banner .sp-search-button { background: transparent; border-radius: 7px; border-color: #003479; padding: 0 1rem; border: #003479 2px solid; color: #003479; font-weight: 600; z-index: 99; } #banner .sp-search-button:hover { background-color: #fff; color: #235a9a; border: #235a9a 2px solid; } #banner .sp-search-button img { height: 1.5rem; margin: 0.5rem 0 0.5rem 0.5rem; filter: invert(13%) sepia(10%) saturate(6340%) hue-rotate(205deg) brightness(99%) contrast(112%); } #banner .header-top-bar { width: auto; background-color: #d5e4f6 !important; text-align: right !important; margin-bottom: 0 !important; } #banner .header-top-bar .header-top-bar-links-lang ul { padding: 0 !important; } #banner .header-top-bar .header-top-bar-links-lang ul a { font-weight: 600; color: #003479 !important; padding: 0.5rem !important; } #banner .header-top-bar .header-top-bar-links-lang ul a:focus, #banner .header-top-bar .header-top-bar-links-lang ul a:hover { color: #235a9a !important; text-decoration: underline !important; } #banner .header-top-bar .header-top-bar-links-lang ul a:visited { color: #212121 !important; } #banner .header-top-bar .header-top-bar-links-lang ul li { border: unset; } #banner .header-top-bar .header-top-bar-links-lang ul.en li.en a, #banner .header-top-bar .header-top-bar-links-lang ul.fi li.fi a, #banner .header-top-bar .header-top-bar-links-lang ul.sv li.sv a { font-weight: 900; } .top-frame #footer { margin-top: 2rem; } .top-frame #footer .footer-main-content { max-width: 88%; } .top-frame #footer .row { display: block; } .top-frame #footer .yja_footer__container div[class*="col-md-"] { max-width: 100%; } .top-frame #footer .yja_footer__container ul { list-style-type: none; padding-left: 0; margin-left: 0; } .top-frame #footer .footer-main-content { padding-bottom: .688rem; } .top-frame #footer .footer-main-content .footer-icon { width: 1.5rem; margin-right: 1rem; } .top-frame #footer .footer-main-content .footer-content { margin-bottom: 2rem; } .top-frame #footer .footer-main-content .row > .col-md-12:last-of-type { margin-left: 0; } .top-frame #footer .footer-main-content a { margin-right: 1rem; } .top-frame #footer .bottom-links { font-size: 1rem; list-style-type: none; display: flex; flex-direction: row; padding-top: 1rem; padding-bottom: 2rem; margin-bottom: -1rem; padding-top: 1rem; padding-bottom: 1rem; margin-left: 0 !important; } .top-frame #footer .bottom-links a { font-weight: 600; color: #fff !important; } .top-frame #footer .bottom-links a:focus, .top-frame #footer .bottom-links a:hover { text-decoration: underline !important; background: transparent !important; } .sp_web_content { margin-top: 2rem; margin-bottom: 2rem; } .sp_web_content ul { margin-left: 0; list-style-type: none; } .sp_web_content ul li h2, .sp_web_content ul li h3 { color: #003479 !important; } .sp_web_content ul li .sp_content_header { border-bottom: 0.15rem solid #003479; margin-bottom: 2rem; } .sp_web_content ul li .sp_content_header h2, .sp_web_content ul li .sp_content_header h3 { padding-bottom: 1rem; font-weight: 600 !important; } .sp_web_content ul li .email-icon { margin-bottom: 0 !important; } .sp_web_content .sp_extra .sp_link { margin-top: 1rem; margin-bottom: 0.5rem; } .sp_web_content .sp_extra .sp_link img { width: 1rem !important; height: 1rem !important; margin-right: 0.25rem; margin-bottom: 0.25rem; } .sp_web_content .sp_extra .sp_link .yja-external-link img { margin-left: 0.25rem; margin-bottom: 0.25rem; } .sp_web_content .sp_extra .sp_link a { color: #003479 !important; font-size: 1.125rem !important; font-weight: 600 !important; } .sp_web_content .sp_extra .sp_link a:hover { color: #235a9a; text-decoration: underline; } .sp_blue ul { background-color: #d5e4f6 !important; border-radius: 7px !important; padding: 1rem 2rem; } .sp_blue ul li .sp_content_header { border-bottom: none !important; margin-bottom: 0; } .top-frame .sp_card { margin-top: 2rem; margin-bottom: 2rem; } .top-frame .sp_card h3 { color: #fff !important; } .top-frame .sp_card ul.sp_card__list { display: grid; gap: 2rem; margin: 0; list-style-type: none; } .top-frame .sp_card ul.sp_card__list li { margin-top: 2rem; display: flex; flex-direction: column; } .top-frame .sp_card .sp_header { background-color: #003479; color: #fff !important; padding: 0.5rem 3rem; border-top-right-radius: 20px; } .top-frame .sp_card .sp_header h3 { color: #fff !important; } .top-frame .sp_card .sp_header img { width: 2.5rem !important; height: 2.5rem !important; float: right; margin: 0; margin-bottom: 0.25rem; } .top-frame .sp_card .sp_content { background-color: #f7f7f8; padding: 2rem 3rem; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; flex: 1; } .top-frame .sp_card .sp_content .sp_location, .top-frame .sp_card .sp_content .sp_address, .top-frame .sp_card .sp_content sp_openinghours { color: #003479; font-weight: 600; margin-bottom: 0.5rem; font-size: 1.375rem; } .top-frame .sp_card .sp_content .sp_location img, .top-frame .sp_card .sp_content .sp_address img, .top-frame .sp_card .sp_content sp_openinghours img { width: 1rem !important; height: 1rem !important; margin-right: 0.25rem; margin-bottom: 0.25rem; } .top-frame .sp_card .sp_content .sp_service { color: #212121; font-weight: 600; margin-bottom: 2rem; margin-top: 2rem; } .top-frame .sp_card .sp_content .sp_service .service_title { color: #003479; font-weight: 600; font-size: 1.375rem; } .top-frame .sp_card .sp_content .sp_service .sp_service_wrapper { list-style-type: none; margin-left: 0; } .top-frame .sp_card .sp_content .sp_service .sp_service_pill { display: inline-block; margin-right: 1rem; margin-top: 0; width: fit-content; } .top-frame .sp_card .sp_content .sp_service .sp_service_pill img { width: 1rem !important; height: 1rem !important; margin-right: 0.25rem; margin-bottom: 0.25rem; } .top-frame .sp_card .sp_link { margin-bottom: 0.5rem; } .top-frame .sp_card .sp_link .yja-external-link img { margin-left: 0.25rem; margin-bottom: 0.25rem; } .top-frame .sp_card .sp_link img { width: 1rem !important; height: 1rem !important; margin-right: 0.25rem; margin-bottom: 0.25rem; } .top-frame .sp_card .sp_link a { color: #003479; font-size: 1.125rem !important; font-weight: 600 !important; } .top-frame .sp_card .sp_link a:hover { color: #235a9a; text-decoration: underline; } .sp_feedbackcard__single { max-width: 70% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; margin-top: 2rem !important; margin-bottom: 2rem; } .sp_feedbackcard__single ul { margin-left: 0 !important; list-style-type: none !important; } .sp_feedbackcard__single ul .sp_header img { display: none; } .sp_card__single { max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; margin-top: 3rem !important; margin-bottom: 1rem !important; } .sp_card__single ul { margin-left: 0 !important; list-style-type: none !important; } .sp_card__single ul .sp_header img { display: none; } .top-frame .sp_infocard { margin-bottom: 2rem; } .top-frame .sp_infocard h3 { color: #fff !important; } .top-frame .sp_infocard ul.sp_card__list { display: grid; gap: 2rem; margin: 0; list-style-type: none; } .top-frame .sp_infocard ul.sp_card__list li { margin-top: 2rem; display: flex; flex-direction: column; } .top-frame .sp_infocard .sp_header { background-color: #003479; color: #fff !important; padding: 0.5rem 3rem; border-top-right-radius: 20px; } .top-frame .sp_infocard .sp_header h3 { color: #fff !important; } .top-frame .sp_infocard .sp_header img { width: 2.5rem !important; height: 2.5rem !important; float: right; margin: 0; margin-bottom: 0.25rem; } .top-frame .sp_infocard .sp_header .img-left { height: 2rem !important; width: 2rem !important; float: left !important; margin-right: 1rem; } .top-frame .sp_infocard .content-wrapper { display: flex; flex-direction: row; flex-wrap: wrap; background-color: #f7f7f8; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .top-frame .sp_infocard .content-wrapper .text-wrapper, .top-frame .sp_infocard .content-wrapper .image-wrapper { width: 50%; border-bottom-right-radius: 20px; } .top-frame .sp_infocard .content-wrapper .sp_content { padding: 2rem 3rem; } .top-frame .sp_infocard .content-wrapper .sp_content .button-news img { height: 1rem; margin: 0.5rem; } .top-frame .sp_infocard .content-wrapper .aspect-ratio { display: block; overflow: hidden; position: relative; padding-bottom: 0 !important; background-size: cover; } .top-frame .sp_infocard .content-wrapper .aspect-ratio .aspect-ratio-item { left: 0; position: absolute; word-wrap: break-word; max-width: 100%; } .top-frame .sp_infocard .sp_content { background-color: #f7f7f8; padding: 2rem 3rem; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; flex: 1; } .top-frame .sp_infocard .sp_content .sp_link { margin-bottom: 0.5rem; } .top-frame .sp_infocard .sp_content .sp_link img { width: 1rem !important; height: 1rem !important; margin-right: 0.25rem; margin-bottom: 0.25rem; } .top-frame .sp_infocard .sp_content .sp_link .yja-external-link img { margin-left: 0.25rem; margin-bottom: 0.25rem; } .top-frame .sp_infocard .sp_content .sp_link a { color: #003479; font-size: 1.125rem !important; font-weight: 600 !important; } .top-frame .sp_infocard .sp_content .sp_link a:hover { color: #235a9a; text-decoration: underline; } .use-custom-title { margin: 2rem 0; border-bottom: solid 0.15rem #003479; } .use-custom-title h3 { padding-bottom: 1rem; overflow-y: auto !important; white-space: normal !important; } .use-custom-title h2 { color: #003479 !important; font-weight: 600 !important; font-size: 2rem !important; padding-bottom: 1rem; overflow-y: auto !important; white-space: normal !important; } .lfr-pagination .pager li:not(.disabled) a { color: #003479 !important; } .lfr-pagination .pager li:not(.disabled) a:hover { color: #235a9a; text-decoration: underline; } .news-feed { margin: 0.5rem 0.25rem 2rem 0.25rem; } .news-feed .item { border-left: 0.5rem solid #2a6ebb; padding: 1rem 1rem 1rem 3rem; margin-top: 2rem; } .news-feed .item img { width: 1rem !important; height: 1rem !important; margin-right: 0.25rem; margin-bottom: 0.25rem; } .news-feed .item a { color: #003479; font-weight: 600 !important; } .news-feed .item a:hover { color: #235a9a; text-decoration: underline; } .news-feed .item .date { font-weight: 600; } .news-feed .item .metadata { margin-bottom: 1rem; margin-top: 1rem; } .news-feed .item .category { margin-left: 0.5rem; color: #003479; border: none; font-weight: 600; background: #d5e4f6; padding: 0.25rem 0.5rem; border-radius: 0.25rem; } .asset-full-content { margin: 0.5rem; } .asset-full-content .component-title, .asset-full-content .metadata-author, .asset-full-content .icon-time, .asset-full-content .bottom-meta, .asset-full-content .meta span.label { display: none; } .asset-full-content h1, .asset-full-content h2, .asset-full-content h3 { color: #003479 !important; font-weight: 600; } .asset-full-content .yja-tag { margin-left: 0.5rem; color: #003479; border: none; font-weight: 600; background: #d5e4f6; padding: 0.25rem 0.5rem; border-radius: 0.25rem; } .asset-categories .taglib-asset-categories-summary a.label { margin-right: 0.5rem; font-size: 1.125rem; color: #003479; border: none; font-weight: 600; background: #d5e4f6; padding: 0.25rem 0.5rem; border-radius: 0.25rem; } #fragment-content .journal-display-page { margin-top: 2rem; margin-bottom: 2rem; max-width: 100%; } #fragment-content .journal-display-page .component-title, #fragment-content .journal-display-page .metadata-author, #fragment-content .journal-display-page .icon-time { display: none; } #fragment-content .journal-display-page h1, #fragment-content .journal-display-page h2, #fragment-content .journal-display-page h3 { color: #003479 !important; font-weight: 600; } #fragment-content .published .label, #fragment-content .yja-tag { margin-right: 0.5rem; font-size: 1.125rem; color: #003479; border: none; font-weight: 600; background: #d5e4f6; border-radius: 0.25rem; } nav.a11y-navigation .has-children a { padding: .93333em 0 .93333em 1em !important; } nav.a11y-navigation .has-children button { color: ; } nav.a11y-navigation .has-children .icon.icon-plus:before { color: #003479 !important; content: "\f078" !important; } nav.a11y-navigation .has-children .icon.icon-minus:before { color: #003479 !important; content: "\f077" !important; } nav.a11y-navigation .has-children > div.a11y-nav__sub { z-index: 10; } nav.a11y-navigation .has-children > div.a11y-nav__sub li.a11y-nav__item { display: flex; } nav.a11y-navigation .has-children > div.a11y-nav__sub li.a11y-nav__item a:hover { text-decoration: underline; } nav.a11y-navigation .has-children > div.a11y-nav__sub li.a11y-nav__item button { margin-left: auto; } nav.a11y-navigation .has-children > div.a11y-nav__sub li.a11y-nav__item button > span[role="presentation"]:before { transform: rotate(-90deg); } nav.a11y-navigation .has-children > div.a11y-nav__sub li.a11y-nav__item.special-nav-open .a11y-nav__sub { padding: 1.25rem; left: 18.7rem; } nav.a11y-navigation .has-children > div.a11y-nav__sub li.a11y-nav__item.special-nav-open .a11y-nav__sub li:not(:last-of-type) { margin-bottom: 1.25rem; } nav.a11y-navigation .has-children > div.a11y-nav__sub li.a11y-nav__item.selected { background: transparent; } nav.a11y-navigation .has-children > div.a11y-nav__sub li.a11y-nav__item.selected > a { font-weight: ; } nav.a11y-navigation .has-children.open-dropdowns-left .a11y-nav__sub { right: 0; } nav.a11y-navigation .has-children.open-dropdowns-left .a11y-nav__sub > .a11y-navgroup > li.a11y-nav__item.special-nav-open .a11y-nav__sub { right: auto; left: -21.5rem; } .list-menu { width: 80%; margin-top: 2rem; color: #003479; } .list-menu a { font-weight: 600; color: #003479 !important; } .list-menu a:focus, .list-menu a:hover { color: #235a9a !important; text-decoration: underline !important; background: transparent !important; } .list-menu .list-menu__title { font-weight: 600; font-size: 1.375rem; padding: 1rem; border-bottom: solid 0.15rem #003479; } .list-menu .lfr-nav-item { color: #003479 !important; font-size: 1.125rem; font-weight: 600 !important; border-bottom: none !important; } .list-menu ul li { padding: 0 !important; } .list-menu ul li a { padding: 1rem !important; border-radius: 7px; } .list-menu ul li .selected { background-color: #d5e4f6; } .list-menu ul li .selected:hover { color: #003479 !important; background-color: #d5e4f6 !important; text-decoration: none !important; } .web-form-portlet, .yja-forms { max-width: 70%; margin-right: auto; margin-top: 2rem; margin-bottom: 2rem; padding: 3rem; background: #d5e4f6; border-radius: 20px; } .web-form-portlet .legend, .yja-forms .legend { color: #003479 !important; font-size: 2rem; } .web-form-portlet button, .yja-forms button { border-radius: 7px !important; background-color: #2a6ebb !important; padding: 0.5rem 1rem 0.5rem 1rem !important; border: unset !important; font-size: 1.125rem !important; } .web-form-portlet button img, .yja-forms button img { height: 1.5rem; margin: 0.5rem; } .web-form-portlet button:hover, .yja-forms button:hover { background-color: #235a9a !important; border-color: #235a9a !important; } .web-form-portlet button a, .yja-forms button a { color: #fff !important; } .web-form-portlet .form-control, .yja-forms .form-control { background-color: #fff !important; } .yja-alertbox__container { display: grid; padding: 1rem; } .yja-alertbox__container .yja-alertbox__row { display: flex; flex-direction: row; justify-self: center; } .yja-alertbox__container .yja-alertbox__row svg { margin-top: 0.65rem; margin-right: 1rem; height: 1.5rem; } .yja-alertbox__container .yja-alertbox__row h3 { font-size: 1.375rem !important; font-weight: 600 !important; } .yja-accordion { margin-bottom: 2rem; } .yja-accordion .yja-accordion-wrapper { margin-top: 1rem; background-color: #d5e4f6 !important; border-top-right-radius: 20px !important; } .yja-accordion .yja-accordion-wrapper .yja-accordion-content { background-color: #fff; border: unset; padding: 1rem 0.1rem; } .yja-accordion .yja-accordion-wrapper h4.yja-accordion-toggle { border-top-right-radius: 20px !important; } .yja-accordion .yja-accordion-wrapper h4.yja-accordion-toggle button { padding: 1rem; color: #003479 !important; font-weight: 600 !important; font-size: 1.125rem !important; } .yja-accordion .yja-accordion-wrapper .icon { color: #003479 !important; } .yja-accordion .yja-accordion-wrapper i::before { color: #003479 !important; font-size: 1.25rem; } .sp-pallomato .main-title, .sp-pallomato .main-content { margin-bottom: 2rem; } .sp-pallomato .content { margin-left: 0 !important; } .sp-pallomato ol.content { counter-reset: section; list-style: none; padding-left: 0; } .sp-pallomato ol.content > li.item { position: relative; vertical-align: top; margin-left: 2rem; margin-bottom: 0; padding-left: 2.4rem; padding-bottom: 2rem; border-left: 1px solid #d5e4f6; } .sp-pallomato ol.content > li.item ol { margin-left: 0 !important; } .sp-pallomato ol.content > li.item ul { margin-left: 35px !important; } .sp-pallomato ol.content > li.item:last-of-type { border-left: 0; } .sp-pallomato ol.content > li.item:after { content: none; display: table; clear: both; } .sp-pallomato ol.content > li.item:before { counter-increment: section; content: counter(section); display: block; float: left; width: 45px; height: 45px; margin-left: -3.9rem; color: #d5e4f6; font-size: 1.5rem; line-height: 1.75; text-align: center; border: 1px solid #d5e4f6; border-radius: 50%; background: #003479; } .sp-pallomato ol.content > li.item .title { margin-top: 0; } .sp-pallomato ol.content > li.item .pallomato-card { background-color: #d5e4f6; margin-left: 2rem; padding: 0.5rem 1.5rem 0.5rem 1.5rem; border-top: 0.5rem solid #003479; } .sp-pallomato:not(:nth-last-of-type()) { border-bottom: 2px solid #003479; } .col-md-7 .sp-pallomato.horizontal { flex-wrap: wrap; } .col-md-7 .sp-pallomato.horizontal .content { margin-left: 0 !important; } .sp_ukk { margin-top: 2rem; } .sp_ukk .sp_ukk_header { margin-bottom: 2rem; } .sp_ukk .sp_ukk_header img { width: 2rem !important; height: 2rem !important; margin-right: 0.25rem; margin-bottom: 0.25rem; } .sp_ukk .sp_link, .sp_ukk .sp_content { margin-bottom: 1rem; } .sp_ukk .sp_link img, .sp_ukk .sp_content img { width: 1rem !important; height: 1rem !important; margin-right: 0.25rem; margin-bottom: 0.25rem; } .sp_ukk .sp_link a, .sp_ukk .sp_content a { color: #003479; font-size: 1.125rem !important; font-weight: 600 !important; } .sp_ukk .sp_link a:hover, .sp_ukk .sp_content a:hover { color: #235a9a; text-decoration: underline; } .button-news { margin-top: 2rem; border-radius: 7px; background-color: #2a6ebb; padding: 0.25rem 1rem 0.25rem 1rem; border: unset; } .button-news img { height: 1.5rem; margin: 0.5rem; } .button-news:hover { background-color: #235a9a; border-color: #235a9a; color: #fff; text-decoration: underline; } .button-news a { color: #fff; } .button-news a:hover { color: #fff; text-decoration: underline; } ul.yja-layout-accordions { list-style: none; margin: 2rem 0 2rem 0; padding: 0; } li.yja-layout-accordion { list-style: none; margin: 0 0 1rem 0; padding: 0; border: none; } li.yja-layout-accordion .ptv-item-data-field-label { font-size: 1.375rem !important; font-weight: 600 !important; border: unset; } li.yja-layout-accordion .ptv-item-data-field-value { margin-top: 1rem; } li.yja-layout-accordion .yja-layout-accordion-toggle { padding: 0 !important; margin: 0 !important; font-size: 1.4rem; } li.yja-layout-accordion button.yja-layout-accordion-button { background: transparent; padding: 1rem 2rem 1rem 0.8rem; margin: 0; display: block; width: 100%; text-align: left; border: none; background-color: #d5e4f6; color: #003479; font-size: 1.125rem; font-weight: 600; border-top-right-radius: 20px; } li.yja-layout-accordion button.yja-layout-accordion-button * { padding: 0 !important; margin: 0 !important; } li.yja-layout-accordion button.yja-layout-accordion-button:after { margin-top: 0.25rem; content: "\f078"; display: inline-block; position: absolute; right: 1rem; font-family: 'fontawesome-alloy'; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-decoration: inherit; text-transform: none; } li.yja-layout-accordion button.yja-layout-accordion-button[aria-expanded="true"]:after { content: "\f077"; text-decoration: none; } li.yja-layout-accordion .yja-layout-accordion-content { padding: 0; margin: 0; font-size: 1.125rem !important; } li.yja-layout-accordion .yja-layout-accordion-content .portlet-title-text { display: none !important; } li.yja-layout-accordion + li.yja-layout-accordion { border-top: 0; } .hide-accordion { display: none !important; } .help-container { margin-top: 3rem; margin-bottom: 3rem; } .yja-accordion-toggle > .icon.icon-chevron-right::before { content: "\f077"; text-decoration: none; } .gm-style-iw-d { font-size: 1.125rem; font-weight: 600; } #column-1 div[id*='_fi_yja_excelreader_web_portlet_ExcelReader'] { margin-top: 3rem; } #column-5 div[id*='_fi_yja_excelreader_web_portlet_ExcelReader'] a { text-decoration: none !important; } #column-5 div[id*='_fi_yja_excelreader_web_portlet_ExcelReader'] a:hover { color: #003479; cursor: default; } #column-5 div[id*='_fi_yja_excelreader_web_portlet_ExcelReader'] { color: #003479; margin-top: 0.5rem; margin-bottom: 1rem; } @media (max-width: 979px) { .site-theme.top-frame > body section#content { padding-bottom: 0; } .top-frame .hero-area .layout-wrapper .image-wrapper { width: 100% !important; } .top-frame .hero-area .layout-wrapper .text-wrapper { width: 100% !important; } .top-frame .hero-area .layout-wrapper .text-wrapper .content-wrapper { margin-right: 4rem !important; margin-left: 4rem !important; width: auto !important; } .top-frame .hero-area-subpage .layout-wrapper { flex-direction: column !important; } .top-frame .hero-area-subpage .layout-wrapper .image-wrapper { width: 100% !important; } .top-frame .hero-area-subpage .layout-wrapper .text-wrapper { width: 100% !important; padding: 2rem 3rem !important; } .top-frame .hero-area-subpage .layout-wrapper .text-wrapper .content-wrapper { margin-right: 0 !important; margin-left: 0 !important; width: auto !important; } } @media (min-width: 64.02rem) { .top-frame .hero-area .layout-wrapper .image-wrapper { width: 100% !important; } .top-frame .hero-area .layout-wrapper .text-wrapper { max-width: 86% !important; } .top-frame .hero-area .layout-wrapper .text-wrapper .content-wrapper { width: 60% !important; } .top-frame .hero-area-subpage .layout-wrapper .image-wrapper { width: 50% !important; } .top-frame .hero-area-subpage .layout-wrapper .text-wrapper { max-width: 44% !important; } .top-frame .hero-area-subpage .layout-wrapper .text-wrapper .content-wrapper { width: 100% !important; } } @media (min-width: 980px) and (max-width: 64rem) { .top-frame .hero-area .layout-wrapper .image-wrapper { width: 100% !important; } .top-frame .hero-area .layout-wrapper .text-wrapper { width: 86% !important; } .top-frame .hero-area .layout-wrapper .text-wrapper .content-wrapper { width: 60% !important; } .top-frame .hero-area-subpage .layout-wrapper { flex-direction: column !important; } .top-frame .hero-area-subpage .layout-wrapper .image-wrapper { width: 100% !important; } .top-frame .hero-area-subpage .layout-wrapper .text-wrapper { width: 100% !important; padding: 2rem 5rem !important; } .top-frame .hero-area-subpage .layout-wrapper .text-wrapper .content-wrapper { margin-right: 0 !important; margin-left: 0 !important; width: auto !important; } } @media (max-width: 550px) { .top-frame .hero-area .layout-wrapper .image-wrapper { width: 100% !important; } .top-frame .hero-area .layout-wrapper .text-wrapper { width: 100% !important; padding: 2rem 0 !important; } .top-frame .hero-area .layout-wrapper .text-wrapper .content-wrapper { margin: 0 3rem !important; width: auto !important; } .top-frame .hero-area .layout-wrapper .text-wrapper .content-wrapper .content .desc { font-size: 1.25rem !important; } .top-frame .hero-area-subpage .layout-wrapper { flex-direction: column !important; } .top-frame .hero-area-subpage .layout-wrapper .image-wrapper { width: 100% !important; } .top-frame .hero-area-subpage .layout-wrapper .text-wrapper { width: 100% !important; padding: 2rem 3rem !important; } .top-frame .hero-area-subpage .layout-wrapper .text-wrapper .content-wrapper { margin-right: 0 !important; margin-left: 0 !important; width: auto !important; } .top-frame .hero-area-subpage .layout-wrapper .text-wrapper .content-wrapper .content .desc { font-size: 1.25rem !important; } .yja-forms { padding: 1rem !important; } .breadcrumb { display: none; } .mobile-menu-actions { margin: -3.5rem 1rem 1rem 1rem !important; } .mobile-menu-actions button { width: 2.75rem !important; height: 2.75rem !important; } .mobile-menu-actions button .icon-reorder { margin-top: 6px !important; } .mobile-menu-actions button .icon-reorder span { display: none; } .layout-wrapper-wide-container .header-row { } .layout-wrapper-wide-container .header-row .col { flex-basis: unset !important; } .layout-wrapper-wide-container .header-row .header-top-left-cell { margin-top: 1rem; width: 100% !important; } .layout-wrapper-wide-container .header-row .header-top-right-cell { width: 100% !important; justify-content: start !important; } .top-frame .sp_card .sp_content { padding: 1.5rem !important; } .top-frame .sp_card .sp_content .sp_location, .top-frame .sp_card .sp_content .sp_address, .top-frame .sp_card .sp_content sp_openinghours { font-size: 1.25rem; } .top-frame .sp_card .sp_content .sp_service { } .top-frame .sp_card .sp_content .sp_service .service_title { font-size: 1.25rem; } .top-frame .sp_card .sp_header { padding: 0.5rem 1.5rem; } .top-frame .sp_infocard .sp_content { padding: 1.5rem !important; font-size: 1.25rem; } .top-frame .sp_infocard .sp_header { padding: 0.5rem 1.5rem; } } @media (min-width: 1024px) { .hero-area-subpage.no-image .text-wrapper { margin-left: 6% !important; } .top-frame #footer .yja_footer__container { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1.25rem; } } @media (min-width: 768px) and (max-width: 64rem) { .hero-area-subpage.no-image .text-wrapper { padding: 2rem 4rem !important; } } @media (max-width: 1023.9999px) { .top-frame #footer .yja_footer__container div[class*="col-md-"] { margin-left: 0 !important; } .top-frame #footer .yja_footer__container { display: grid; grid-template-columns: 1fr; grid-gap: 1.25rem; } } @media (max-width: 520px) { .top-frame #footer .yja_footer__container { display: grid; grid-template-columns: 1fr; grid-gap: 1.25rem; } } @media (max-width: 978px) { .top-frame #heading .header-row { padding: 0 !important; } .bottom-links { flex-direction: column !important; } .layout-wrapper-wide-container .header-row { display: flex !important; width: 100%; } .layout-wrapper-wide-container .header-row .header-top-left-cell { width: 50%; display: flex !important; } .layout-wrapper-wide-container .header-row .header-top-right-cell { width: 50%; display: flex !important; justify-content: end; } } @media (max-width: 767px) { .header-row { margin-top: 0.5rem; } .mobile-menu-actions { margin: -3.5rem 1rem 1rem 1rem !important; } .top-frame .sp_card ul.sp_card__list { grid-template-columns: repeat(1, 1fr); } .top-frame .sp_infocard ul.sp_card__list { grid-template-columns: repeat(1, 1fr); } } @media (min-width: 551px) { .mobile-menu-actions { } .mobile-menu-actions .icon-reorder { margin-top: 6px !important; } .mobile-menu-actions .icon-reorder span { display: none; } } @media (max-width: 1279px) { .yja-site-template-settings-header-portlet .portlet .portlet-content .portlet-content-container .portlet-body { } .yja-site-template-settings-header-portlet .portlet .portlet-content .portlet-content-container .portlet-body, .yja-site-template-settings-header-portlet .portlet .portlet-content .portlet-content-container .portlet-body .header-top-bar, .yja-site-template-settings-header-portlet .portlet .portlet-content .portlet-content-container .portlet-body .layout-wrapper-wide-container { position: unset !important; } .top-frame #heading { height: auto !important; } .header-top-bar-links-right .yja-toolbar { display: flex; flex-wrap: wrap; width: 100%; position: unset !important; justify-content: center !important; } .mobile-menu-actions { position: static; display: block !important; width: 88%; align-self: center; margin: -4.25rem 1rem 1rem 1rem; padding: 0 1rem; } .mobile-menu-actions button { font-weight: 600; width: 2.75rem; height: 2.75rem; background-color: #fff; color: #003479 !important; cursor: pointer; float: right; font-size: 1.125rem !important; border-radius: 7px; border: #003479 2px solid; } .mobile-menu-actions button:hover { background-color: #fff; color: #235a9a; border: #235a9a 2px solid; } header#banner { border-bottom: 0.5rem solid #003479; } header#banner .header-top-bar { text-align: center !important; } nav.main-nav { display: none !important; } .header-top-bar, .layout-wrapper-wide-container { display: flex; flex-direction: column; } .header-top-bar .header-top-left-cell, .layout-wrapper-wide-container .header-top-left-cell { width: 50%; display: block; } .header-top-bar .header-top-right-cell, .layout-wrapper-wide-container .header-top-right-cell { width: 50%; float: right; display: block; } .header-top-bar .header-top-right-cell .header-top-right-area, .layout-wrapper-wide-container .header-top-right-cell .header-top-right-area { z-index: 99; margin-right: 3.5rem !important; position: inherit; } } @media (min-width: 86.38rem) { .top-frame .sp_card ul.sp_card__list { grid-template-columns: repeat(2, 1fr); } .top-frame .sp_infocard ul.sp_card__list { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 85.375rem) { .top-frame .sp_card ul.sp_card__list { grid-template-columns: repeat(2, 1fr); } .top-frame .sp_infocard ul.sp_card__list { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 64rem) { .top-frame .sp_card ul.sp_card__list { padding: 0; grid-template-columns: repeat(1, 1fr); } .sp_feedbackcard__single { max-width: 100% !important; } .sp_feedbackcard__single .content-wrapper { flex-direction: column; } .sp_feedbackcard__single .content-wrapper .text-wrapper, .sp_feedbackcard__single .content-wrapper .image-wrapper { width: 100% !important; } .sp_feedbackcard__single .content-wrapper .image-wrapper { display: none !important; } .top-frame .sp_infocard ul.sp_card__list { padding: 0; grid-template-columns: repeat(1, 1fr); } .web-form-portlet, .yja-forms { max-width: 100%; } } @media (max-width: 640px) { .sp-pallomato ol li { margin-left: 1rem; padding-left: 43px; } .sp-pallomato ol li .pallomato-card { margin-left: 0 !important; } .sp-pallomato ol li:before { width: 40px; height: 40px; font-size: 1.35rem; } .sp-pallomato ol li .attachments { } .sp-pallomato ol li .attachments .pallomato-liite { display: grid; margin-right: 0 !important; } } @media (max-width: 919px) { .col-md-7 .sp-pallomato.horizontal ol { display: block; } .col-md-7 .sp-pallomato.horizontal ol li { position: relative; vertical-align: top; margin-left: 2rem; margin-bottom: 0; padding-left: 2.4rem; padding-bottom: 2rem; border-left: 1px solid #b4d4ff; padding-top: 0; border-top: 0; } .col-md-7 .sp-pallomato.horizontal ol li:last-of-type { border-left: 0; } .col-md-7 .sp-pallomato.horizontal ol li:after { content: none; display: table; clear: both; } .col-md-7 .sp-pallomato.horizontal ol li:before { counter-increment: section; content: counter(section); display: block; float: left; width: 50px; height: 50px; margin-top: 0; color: #fff; font-size: 1.75rem; line-height: 1.75; text-align: center; border: 1px solid #b4d4ff; border-radius: 50%; background: #b4d4ff; } .col-md-7 .sp-pallomato.horizontal ol li .title { margin-top: 0; } .col-md-7 .sp-pallomato.horizontal ol li .pallomato-card { margin-left: 0 !important; } } @media (min-width: 920px) { .col-md-7 .sp-pallomato.horizontal ol { flex-wrap: wrap; } .col-md-7 .sp-pallomato.horizontal ol li { flex: 0 0 50%; max-width: 50%; margin-bottom: 3rem; } } @media (min-width: 768px) { .col-md-7 .sp-pallomato.horizontal ol li { flex: 0 0 100%; max-width: 100%; } } @media (min-width: 1140px) { .col-md-7 .sp-pallomato.horizontal ol li { flex: 0 0 33.3333%; max-width: 33.3333%; } }