@import url('/o/common-ui-resources/fonts/open-sans/main.css'); .top-frame body { font-size: 110%; color: #393939; font-family: 'Open sans',sans-serif; line-height: 1.6; } .top-frame a { color: #015f7e; } .top-frame a:hover, .top-frame a:focus { color: #006784; } .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: #0081a1; font-weight: normal; font-style: normal; font-family: 'Open sans',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: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .top-frame .btn { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .top-frame .btn.btn-default { border: solid 1px transparent; background: #f4aa00; color: #007da5; } .top-frame .btn.btn-default:hover { background: #005069; } .top-frame .btn.btn-primary, .top-frame .btn.search-form_submit { background-color: transparent; color: white; } .top-frame .btn.btn-primary:hover, .top-frame .btn.search-form_submit:hover { background-color: darken(transparent, 10%); } .top-frame .btn.search-form_submit { border-color: transparent; } .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: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .top-frame .badge:not(.error-notice), .top-frame .label, .top-frame .yja-tag { border: 1px solid #393939; } .top-frame .portlet-navigation .nav-menu ul a { color: #393939; } .top-frame .portlet-navigation .nav-menu ul ul a { color: #3f3f3f; } .top-frame .portlet-navigation .nav-menu > ul > li { color: #3f3f3f; } .top-frame .events .event-highlight { font-size: 1.1em; border-top: solid 1px transparent; } .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 transparent; } .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: #015f7e; display: block; position: relative; } .top-frame .events.event-search-portlet .event-list-wrapper > .span12 > .span3 { background: transparent; } .top-frame .events.event-search-portlet .event-list-wrapper { border-color: transparent; } .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: transparent; 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 transparent; border-right: 1px solid transparent; border-left: 1px solid transparent; 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: #015f7e; } .top-frame #scrollToTop { color: #fff; background: transparent; } .top-frame #scrollToTop:hover { background: darken(transparent, 10%); } .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: transparent; color: white !important; } .top-frame #banner .language-version-selection-portlet .lang-nav ul { background: transparent; } .top-frame .media-item .small figure { float: left; margin-right: 1em; } .top-frame .media-item .dark-link { color: #393939; } .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: #0081a1; } .top-frame .media-item .meta { margin-bottom: em(5px); color: #444; font-size: .9em; } .top-frame .feed-item.simple .meta { color: #444; font-size: .9em; } .top-frame .feed-item.simple h6 a { color: #393939; } .top-frame ul.position-nav li.selected { background: transparent; } .top-frame ul.position-nav li.selected:hover { background-color: transparent; } .top-frame .carousel .description { font-family: 'Open sans',sans-serif; font-weight: normal; } .panel.border-top-emphasis { border-top: solid 4px transparent; } .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: #015f7e; } .top-frame #banner a { color: #015f7e; } .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: transparent; 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: darken(transparent, 10%); } .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: transparent; color: #015f7e; } .top-frame #footer a { color: #015f7e; } .top-frame #footer .footer-bottom-bar { background-color: transparent; } .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: right bottom; 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: #454545; } .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: #393939; } .mobile-menu-actions a { color: #015f7e; } .mobile-menu-actions a.menu-icon { font-family: 'Open sans',sans-serif; } .mobile-menu-actions a:active, .mobile-menu-actions a:focus, .mobile-menu-actions a:hover { color: #006784; } .mm-menu { border-color: transparent; } .mm-menu a { color: white; } .mm-menu a:hover, .mm-menu a:focus { color: white; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('/o/common-ui-resources/fonts/open-sans/Light/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-300.eot?t=1662463324'); src: local(''),url('/o/common-ui-resources/fonts/open-sans/Light/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-300.eot?#iefix?t=1662463324') format('embedded-opentype'),url('/o/common-ui-resources/fonts/open-sans/Light/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-300.woff2?t=1662463324') format('woff2'),url('/o/common-ui-resources/fonts/open-sans/Light/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-300.woff?t=1662463324') format('woff'),url('/o/common-ui-resources/fonts/open-sans/Light/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-300.ttf?t=1662463324') format('truetype'),url('/o/common-ui-resources/fonts/open-sans/Light/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-300.svg#OpenSans?t=1662463324') format('svg'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('/o/common-ui-resources/fonts/open-sans/Regular/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot?t=1662463324'); src: local(''),url('/o/common-ui-resources/fonts/open-sans/Regular/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot?#iefix?t=1662463324') format('embedded-opentype'),url('/o/common-ui-resources/fonts/open-sans/Regular/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2?t=1662463324') format('woff2'),url('/o/common-ui-resources/fonts/open-sans/Regular/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff?t=1662463324') format('woff'),url('/o/common-ui-resources/fonts/open-sans/Regular/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf?t=1662463324') format('truetype'),url('/o/common-ui-resources/fonts/open-sans/Regular/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg#OpenSans?t=1662463324') format('svg'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('/o/common-ui-resources/fonts/open-sans/SemiBold/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.eot?t=1662463324'); src: local(''),url('/o/common-ui-resources/fonts/open-sans/SemiBold/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.eot?#iefix?t=1662463324') format('embedded-opentype'),url('/o/common-ui-resources/fonts/open-sans/SemiBold/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff2?t=1662463324') format('woff2'),url('/o/common-ui-resources/fonts/open-sans/SemiBold/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff?t=1662463324') format('woff'),url('/o/common-ui-resources/fonts/open-sans/SemiBold/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.ttf?t=1662463324') format('truetype'),url('/o/common-ui-resources/fonts/open-sans/SemiBold/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.svg#OpenSans?t=1662463324') format('svg'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('/o/common-ui-resources/fonts/open-sans/Bold/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.eot?t=1662463324'); src: local(''),url('/o/common-ui-resources/fonts/open-sans/Bold/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.eot?#iefix?t=1662463324') format('embedded-opentype'),url('/o/common-ui-resources/fonts/open-sans/Bold/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2?t=1662463324') format('woff2'),url('/o/common-ui-resources/fonts/open-sans/Bold/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff?t=1662463324') format('woff'),url('/o/common-ui-resources/fonts/open-sans/Bold/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.ttf?t=1662463324') format('truetype'),url('/o/common-ui-resources/fonts/open-sans/Bold/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.svg#OpenSans?t=1662463324') format('svg'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: url('/o/common-ui-resources/fonts/open-sans/ExtraBold/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.eot?t=1662463324'); src: local(''),url('/o/common-ui-resources/fonts/open-sans/ExtraBold/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.eot?#iefix?t=1662463324') format('embedded-opentype'),url('/o/common-ui-resources/fonts/open-sans/ExtraBold/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.woff2?t=1662463324') format('woff2'),url('/o/common-ui-resources/fonts/open-sans/ExtraBold/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.woff?t=1662463324') format('woff'),url('/o/common-ui-resources/fonts/open-sans/ExtraBold/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.ttf?t=1662463324') format('truetype'),url('/o/common-ui-resources/fonts/open-sans/ExtraBold/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.svg#OpenSans?t=1662463324') format('svg'); } .site-theme.top-frame body.site .nav-tabs li:not(.active) { color: #006179; font-weight: 400; } .site-theme div[hidden], .site-theme article[hidden] { display: none !important; visibility: hidden !important; } .site-theme.top-frame #main-content img { max-width: 100%; } .top-frame body { bottom: 0 !important; right: 0 !important; width: 100% !important; height: 100% !important; background-size: 110vmin !important; font-weight: 300; } .site-theme.top-frame h1, .site-theme.top-frame h2, .site-theme.top-frame h3, .site-theme.top-frame h4, .site-theme.top-frame h5, .site-theme.top-frame .heading1, .site-theme.top-frame .heading2, .site-theme.top-frame .heading3, .site-theme.top-frame .heading4, .site-theme.top-frame .heading5, .site-theme.top-frame .heading6 { color: #454545; } .site-theme.top-frame .innerpage_herotexts h1, .site-theme.top-frame .innerpage_herotexts h2 { color: white; } .site-theme.top-frame h1 a, .site-theme.top-frame h2 a, .site-theme.top-frame h3 a, .site-theme.top-frame h4 a, .site-theme.top-frame h5 a, .site-theme.top-frame .heading1 a, .site-theme.top-frame .heading2 a, .site-theme.top-frame .heading3 a, .site-theme.top-frame .heading4 a, .site-theme.top-frame .heading5 a, .site-theme.top-frame .heading6 a { color: #015f7e; } .site-theme.top-frame .yja-tag-group > a { border-color: #1e6081; color: #1e6081; } .site-theme.top-frame .yja-tag { color: #000; border: 1px solid #000; } .site-theme.top-frame #main-content .portlet-layout:first-of-type { max-width: 100%; margin-top: -1em; } .site-theme.top-frame #main-content .portlet-layout:first-of-type .portlet-boundary .portlet-body, .site-theme.top-frame .journal-display-page > .row { max-width: 980px; margin: 0 auto; } .site-theme.top-frame strong { font-weight: 700; } .site-theme.top-frame #main-content .portlet-layout, .site-theme.top-frame #footer .container, .site-theme.top-frame #banner .main-nav, .site-theme.top-frame .layout-wrapper, .site-theme.top-frame .layout-wrapper-wide-container { max-width: 980px; margin: 0 auto; } .site-theme.top-frame #main-content #column-10 .portlet-boundary .portlet-body { max-width: 100%; } .main-nav { width: 100% !important; } .main-nav ul { display: block; max-width: 980px; margin: 0 auto !important; line-height: 60px; vertical-align: middle; } .main-nav li { padding-bottom: 0 !important; } #ingressialue { margin: 1em 0; } .ingressi { padding: 0.55em 1em; text-align: center; max-width: 980px; margin: 0 auto; } .ingressi p { margin-bottom: 0.5rem; } .ingressi h2 { margin: 5px 0; } .ingressi a.ingressipainike { margin: 1em 0; padding: 0.65rem 2rem; background-color: #015f7e; color: #fff; font-weight: 600; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } li.feed-item h6 { text-transform: uppercase; font-size: 0.85em !important; line-height: 1.35 !important; } li.feed-item .date { font-size: 0.85em !important; } .list__item { border-bottom: 1px solid #ebebeb; padding: 0.333em 0 1em 0 !important; } .site-theme.top-frame .mobile-menu-actions .menu-icon { background: #fff; color: #393939; margin-top: 10px; } .site-theme.top-frame .nav-tabs { margin-bottom: 1.5rem; margin-left: 0; } .site-theme.top-frame .nav-tabs li { padding: 1rem; background-color: #f5f5f5; margin-right: 0.2em; border-radius: 4px 4px 0 0; } .site-theme.top-frame .nav-tabs li[aria-selected="false"] { cursor: pointer; color: #0081a1; } .site-theme.top-frame .nav-tabs li[aria-selected="false"]:hover { text-decoration: underline; } .site-theme.top-frame .nav-tabs li[aria-selected="true"] { font-weight: 600; background-color: #fff; border-bottom: 1px solid #fff; } .site-theme.top-frame .news__item { margin-bottom: 1.5em !important; } .site-theme.top-frame .news__item .news_list__heading { font-size: 1.313rem; margin: 0 0 0.33333rem 0; } .site-theme.top-frame .harmaatausta { background-color: #f5f5f5; padding: 0.2rem 1.2rem 1rem; margin: 1em 0; border-radius: 4px; } .site-theme.top-frame .journal-content-article table td img { width: 100%; } .site-theme.top-frame select, .site-theme.top-frame textarea, .site-theme.top-frame input[type="text"] { background-color: #f7f7f7; height: 32px; border: 1px solid #0081a1; } .site-theme.top-frame table { font-weight: 300; border-color: #ebebeb; } .site-theme.top-frame table tbody { border-color: #ebebeb; } .site-theme.top-frame table tr { border-color: #ebebeb; } .site-theme.top-frame table td { border-color: #ebebeb; padding-right: 1em; } .site-theme.top-frame .breadcrumb { padding: 10px 0 !important; margin: 20px 0 !important; } .site-theme.top-frame .breadcrumb li .divider { color: #393939; } .site-theme.top-frame .btn.btn-primary { background-color: #015f7e; color: white; } .site-theme.top-frame p { font-weight: 300; } .site-theme.top-frame li { line-height: 1.4; padding-bottom: 0.35em; font-weight: 300; } .site-theme.top-frame h3 { margin: 0 0 0.33333em 0; color: #393939; text-transform: uppercase; font-size: 1.2em; font-weight: 600; } .site-theme.top-frame .lead { font-weight: 400; line-height: 1.6em; } .site-theme.top-frame .hero { position: relative; margin-bottom: 120px; } .site-theme.top-frame .hero .heroimage { height: 450px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; background-position: center; } .site-theme.top-frame .hero .heroimage:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(180deg, transparent 0, rgba(0,0,0,0.6)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = "#00000000", endColorstr = "#a6000000", GradientType = 0); } .site-theme.top-frame .hero .heroimage img { width: 100%; } .site-theme.top-frame .hero .herotext { position: absolute; text-align: center; margin: auto; top: 0; bottom: 0; left: 0; right: 0; width: 100%; max-width: 960px; display: block; height: calc(50% - -80px); line-height: 1.4; color: #fff; font-size: 1.8em; text-shadow: 0px 0px 3px rgba(0,0,0,0.8); } .site-theme.top-frame .heroCards { margin: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: absolute; bottom: -80px; width: 100%; max-width: 980px; } .site-theme.top-frame .heroCards li { margin: 0; padding: 1.25em; display: block; width: 48%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .site-theme.top-frame .heroCards li a, .site-theme.top-frame .heroCards li .card { color: #fff; text-shadow: 0px 0px 3px rgba(0,0,0,0.8); } .site-theme.top-frame .heroCards li a:hover, .site-theme.top-frame .heroCards li .card:hover { text-decoration: none; } .site-theme.top-frame .heroCards li a h3, .site-theme.top-frame .heroCards li .card h3, .site-theme.top-frame .heroCards li a .hero__heading, .site-theme.top-frame .heroCards li .card .hero__heading { color: #fff; font-weight: 600; font-size: 1.5rem !important; display: flex; } .site-theme.top-frame .heroCards li a h3 > a, .site-theme.top-frame .heroCards li .card h3 > a, .site-theme.top-frame .heroCards li a .hero__heading > a, .site-theme.top-frame .heroCards li .card .hero__heading > a { color: #fff; border-bottom: 0; } .site-theme.top-frame .heroCards li a h3 > a:hover, .site-theme.top-frame .heroCards li .card h3 > a:hover, .site-theme.top-frame .heroCards li a .hero__heading > a:hover, .site-theme.top-frame .heroCards li .card .hero__heading > a:hover { text-decoration: underline; } .site-theme.top-frame .heroCards li a p, .site-theme.top-frame .heroCards li .card p { display: flex; line-height: 1.35; font-weight: 400; color: #fff; } .site-theme.top-frame .heroCards li .card { border: 0; background: transparent; border-radius: 0; margin-bottom: 1.25rem; } .site-theme.top-frame .heroCards li .card:hover { cursor: pointer; text-decoration: none !important; border-bottom: none !important; } .site-theme.top-frame .heroCards li .card:hover h3, .site-theme.top-frame .heroCards li .card:hover .link--main { text-decoration: underline; color: #fff; border-bottom: 0; } .site-theme.top-frame .heroCards li .card:hover p { color: white; } .site-theme.top-frame .heroCards li span { float: left; margin: 1em; } .site-theme.top-frame .heroCards li span img { max-width: 90px; } .site-theme.top-frame .heroCards li:nth-child(1) { background-color: #0081a1; } .site-theme.top-frame .heroCards li:nth-child(2) { background-color: #0081a1; margin: 0 0 0 2%; } .site-theme.top-frame .header-top-bar-links-right { position: relative !important; right: 0 !important; } .site-theme.top-frame .header-top-bar-links-right .somelinks { display: flex; justify-content: flex-end; width: 100%; margin-bottom: -20px; padding: 0 1em; } .site-theme.top-frame .header-top-bar-links-right .somelinks .boxicon { padding: 0 0.25em !important; font-size: 24px !important; float: right; color: #0081a1; } .site-theme.top-frame .header-top-bar-links-lang { text-transform: uppercase; } .site-theme.top-frame .header-top-bar-links-lang a { color: #015f7e !important; } .site-theme.top-frame .header-top-bar-links-lang li { border-color: #0081a1; } .site-theme.top-frame a.header-advanced-search-link { color: #015f7e !important; } .site-theme.top-frame .logo { width: 400px; } .site-theme.top-frame .logo img { max-height: 70px; } .site-theme.top-frame #heading form .btn { font-size: 1em !important; padding: 0.46667em 1em; } .site-theme.top-frame .language-version-selection-portlet li { font-size: .7em; } .site-theme.top-frame #banner .main-nav { max-width: 100%; background: #32467a; height: auto; } .site-theme.top-frame #banner .header-top-bar { background-color: transparent; text-align: right; } .site-theme.top-frame #banner nav a { padding: 0.2em 0.5em; text-transform: uppercase; color: #fff; } .site-theme.top-frame #banner nav li.selected { background-color: transparent !important; color: white; border-bottom: 2px solid #fff; font-weight: 600; } .site-theme.top-frame .language--en #banner nav a { font-size: 14px; } .site-theme.top-frame .language--sv #banner nav a { font-size: 14px; } .site-theme.top-frame .btn.search-form_submit { background-color: #0081a1; border-color: transparent; color: white; padding: 0.5em 1.2em; font-size: 1em; } .site-theme.top-frame button { font-family: 'Open Sans',sans-serif; } .site-theme.top-frame .tabPanel { width: 100%; overflow: hidden; } .site-theme.top-frame .tabPanel .accordionHeading .state { float: left; margin-right: 15px; } .site-theme.top-frame .tabPanel__content[aria-hidden="true"] { display: none; } .site-theme.top-frame button.collbutton[aria-expanded="true"] { border-bottom: none; } .site-theme.top-frame button.collbutton { padding: 1rem; background-color: #fff; border: 1px solid #ebebeb; width: 100%; text-align: left; display: flex; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .site-theme.top-frame button.collbutton .heading { align-self: center; text-transform: initial; font-size: 1.2em; } .site-theme.top-frame button.collbutton span { background-color: #0081a1; border-radius: 50%; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; float: left; } .site-theme.top-frame button.collbutton span .boxicon { color: #fff; } .site-theme.top-frame button.collbutton[aria-expanded="true"] { font-weight: 600; } .site-theme.top-frame button.collbutton[aria-expanded="true"] .state__close { display: none; } .site-theme.top-frame button.collbutton[aria-expanded="false"] .state__open { display: none; } .site-theme.top-frame .tabPanel__content { border: 1px solid #ebebeb; border-top: none; margin-top: -10px; padding: 20px 20px 20px 60px; margin-bottom: 0.5rem; } .site-theme.top-frame .portlet-title { color: #0081a1; text-transform: initial; font-weight: 400; font-size: 2.2em; } .site-theme.top-frame .portlet-navigation .nav-menu ul li .selected { font-weight: 600 !important; } .site-theme.top-frame .portlet-navigation .nav-menu ul li a { color: #0081a1; font-size: 1.2em; text-transform: uppercase; padding: 0.86667em 1em 0.8em !important; } .site-theme.top-frame h3.accordionHeading:hover { cursor: pointer; } .header-top-right-area .search-query { background-color: #fff; padding: 0.5em 1.2em; } #footer { background-size: contain !important; bottom: 0; right: 0; width: 100%; height: 100%; max-height: 700px; z-index: -1; } #footer .footer-main-content { padding: 0 !important; } #footer .footer-main-content .row { border-top: 1px solid #ebebeb; padding: 1em 0; width: 66.666%; } #footer .footerlogo { max-width: 400px; } #footer .footerlogo img { height: 35px; } #footer .footer_text { padding: 1em 0 0.5em; margin: 0 !important; } #footer .footer_linklist li { list-style: none; text-transform: uppercase; font-size: 0.85em; } .serviceboxarea { display: flex; flex-flow: row wrap; margin-top: 2em; justify-content: space-between; } .servicebox { border-radius: 4px; position: relative; float: left; width: 49%; text-align: center; box-sizing: border-box !important; overflow: hidden; min-height: 100px; box-shadow: 0 0 10px #dedede; padding: 1em; margin-bottom: 20px; } .servicebox:after { border-radius: 50px; content: " "; display: block; height: 66px; right: -33px; position: absolute; bottom: -33px; width: 66px; } .servicebox h3, .servicebox .servicebox__title { margin: 0 0 0.33333em 0; color: #393939; text-transform: uppercase; font-size: 1.2em; font-weight: 600; word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .servicebox .boxicon { position: absolute; float: right; right: 5px; z-index: 100; bottom: 5px; color: #fff; } .contact_card_area { display: flex; flex-flow: row wrap; justify-content: space-between; } .contact_card { border-radius: 4px; position: relative; float: left; width: 100%; height: 100%; box-sizing: border-box !important; overflow: hidden; min-height: 100px; box-shadow: 0 0 10px #dedede; padding: 1em; margin-bottom: 20px; } .contact_card .contact_phone { display: inline; } .contact_card .contact_gsm { display: inline; } .contact_card .contact_image { max-width: 120px; float: left; margin: 0 1.5em 0 0.5em; } .contact_card .contact_image img { display: inline-block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .contact_card .contact_infos__heading { margin: 0 0 0.33333em 0; color: #393939; text-transform: uppercase; font-size: 1.2rem; font-weight: 600; line-height: 1em !important; } .contact_card .contact_infos__heading--title { display: block; font-size: 1.313rem !important; margin: 0.35rem 0 !important; color: #393939; text-transform: none; } .contact_card .boxicon { width: 20px; font-size: 16px; display: inline-block; text-align: right; margin-right: 5px; } .projects .panel { border-radius: 4px; text-align: left; min-height: 100px; box-shadow: 0 0 10px #dedede; padding: 1em; margin-bottom: 20px; width: 100%; position: relative; box-sizing: border-box !important; overflow: hidden; } .projects .panel h3 { color: #6dc6e7; } .projects .panel .panel__meta { font-size: 85%; } .projects .panel:after { border-radius: 50px; content: " "; display: block; height: 66px; right: -33px; position: absolute; bottom: -33px; width: 66px; background: #6dc6e7 none repeat scroll 0 0; } .projects .panel .boxicon { position: absolute; float: right; right: 5px; z-index: 100; bottom: 5px; color: #fff; } .servicebox:hover h3, .servicebox:hover .servicebox__title { border-bottom: 3px solid #006784 !important; } .servicebox:hover .service_next:hover { text-decoration: none; } .servicebox:nth-child(1) h3, .servicebox:nth-child(1) .servicebox__title { border-bottom: 3px solid #0081a1; } .servicebox:nth-child(1):after { background: #393939 none repeat scroll 0 0; } .servicebox:nth-child(4) h3, .servicebox:nth-child(4) .servicebox__title { border-bottom: 3px solid #0081a1; } .servicebox:nth-child(4):after { background: #393939 none repeat scroll 0 0; } .servicebox:nth-child(7) h3, .servicebox:nth-child(7) .servicebox__title { border-bottom: 3px solid #0081a1; } .servicebox:nth-child(7):after { background: #393939 none repeat scroll 0 0; } .servicebox:nth-child(10) h3, .servicebox:nth-child(10) .servicebox__title { border-bottom: 3px solid #0081a1; } .servicebox:nth-child(10):after { background: #393939 none repeat scroll 0 0; } .servicebox:nth-child(2) h3, .servicebox:nth-child(2) .servicebox__title { border-bottom: 3px solid #bed600; } .servicebox:nth-child(2):after { background: #393939 none repeat scroll 0 0; } .servicebox:nth-child(5) h3, .servicebox:nth-child(5) .servicebox__title { border-bottom: 3px solid #bed600; } .servicebox:nth-child(5):after { background: #393939 none repeat scroll 0 0; } .servicebox:nth-child(8) h3, .servicebox:nth-child(8) .servicebox__title { border-bottom: 3px solid #bed600; } .servicebox:nth-child(8):after { background: #393939 none repeat scroll 0 0; } .servicebox:nth-child(11) h3, .servicebox:nth-child(11) .servicebox__title { border-bottom: 3px solid #bed600; } .servicebox:nth-child(11):after { background: #393939 none repeat scroll 0 0; } .servicebox:nth-child(3) h3, .servicebox:nth-child(3) .servicebox__title { border-bottom: 3px solid #6dc6e7; } .servicebox:nth-child(3):after { background: #393939 none repeat scroll 0 0; } .servicebox:nth-child(6) h3, .servicebox:nth-child(6) .servicebox__title { border-bottom: 3px solid #6dc6e7; } .servicebox:nth-child(6):after { background: #393939 none repeat scroll 0 0; } .servicebox:nth-child(9) h3, .servicebox:nth-child(9) .servicebox__title { border-bottom: 3px solid #6dc6e7; } .servicebox:nth-child(9):after { background: #393939 none repeat scroll 0 0; } .servicebox:nth-child(12) h3, .servicebox:nth-child(12) .servicebox__title { border-bottom: 3px solid #6dc6e7; } .servicebox:nth-child(12):after { background: #393939 none repeat scroll 0 0; } .lifterbox { border-radius: 4px; position: relative; float: left; width: 100%; height: 100%; text-align: left; overflow: hidden; min-height: 100px; padding: 1em; margin: 20px 0; background-color: #f5f5f5; } .lifterbox:after { background: #393939 none repeat scroll 0 0; border-radius: 50px; content: " "; display: block; height: 66px; right: -33px; position: absolute; bottom: -33px; width: 66px; } .lifterbox .lifterbox__heading { margin: 0 0 0.33333em 0; color: #393939; text-transform: uppercase; font-size: 1.2em; font-weight: 600; } .lifterbox .boxicon { position: absolute; float: right; right: 5px; z-index: 100; bottom: 5px; color: #fff; } .innerpage_heroimage { height: 170px; position: relative; width: 100vw; left: calc(-50vw + 50%); background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; } .innerpage_heroimage:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(180deg, transparent 0, rgba(0,0,0,0.6)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = "#00000000", endColorstr = "#a6000000", GradientType = 0); } .innerpage_heroimage_textarea { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; width: 100%; max-width: 980px; display: flex; align-items: center; } .innerpage_herotexts h1, .innerpage_herotexts p { text-shadow: 0px 0px 3px rgba(0,0,0,0.8); color: #fff; } .innerpage_herotexts h1 { text-transform: uppercase; font-weight: 600; font-size: 2.2em !important; } .innerpage_herotexts p { font-weight: 600 !important; font-size: 1.1em !important; } .project_time { background-color: #f5f5f5; border-left: 10px solid #0081a1; padding: 10px 20px; font-weight: 600 !important; } .project_time p { font-weight: 600 !important; } .interest_box { background-color: #f5f5f5; padding: 1.5em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .interest_box h4, .interest_box .interest_box__heading { margin: 0 0 1em 0 !important; color: #393939 !important; text-transform: uppercase; font-size: 1em !important; } .interest_box ul { list-style-type: none; margin: 0 !important; } .interest_box ul li { padding: 0.75em 1em !important; margin-bottom: 0.5em; background-color: #0081a1; font-weight: 600 !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .interest_box ul a { color: #fff; } .interest_box ul a:hover { color: #fff; text-decoration: underline; } .interest_box ul .boxicon { float: right; line-height: 1.5em; color: #fff; } .story { margin: 1em 0; border-bottom: 1px solid #ebebeb; padding-bottom: 1em; width: 100%; } .story .btn--orange { background-color: #0081a1; color: #fff; font-weight: 600; } .story .stories__heading { margin: 0 0 0.33333em 0; color: #393939; text-transform: uppercase; font-size: 1.2em; font-weight: 600; } .bulletins { display: flex; flex-flow: row wrap; justify-content: space-between; margin: 2em 0 1em; } .bulletins .bulletin { border-radius: 4px; position: relative; float: left; box-sizing: border-box !important; overflow: hidden; min-height: 100px; box-shadow: 0 0 10px #dedede; padding: 1em; margin-bottom: 20px; } .bulletins .bulletin:after { background: #393939 none repeat scroll 0 0; border-radius: 50px; content: " "; display: block; height: 66px; right: -33px; position: absolute; bottom: -33px; width: 66px; } .bulletins .bulletin.bulletin__layout--full { width: 100%; } .bulletins .bulletin.bulletin__layout--half { width: calc(100% / 2 - 10px); background-color: #fff; } .bulletins .bulletin figure { width: calc(100% + 40px); position: relative; left: -20px; top: -20px; } .bulletins .bulletin figure img { width: 100%; } .bulletins .bulletin .bulletin__content h3 { color: #0081a1; font-weight: 600; text-transform: none; } .bulletins .bulletin .boxicon { position: absolute; float: right; right: 5px; z-index: 100; bottom: 5px; color: #fff; } .bulletins__button { background: #0081a1; padding: 10px 20px; border: none; margin: 0 auto !important; color: #fff; font-weight: 600; display: flex; flex-flow: row wrap; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .bulletins__button:hover { text-decoration: underline; } .bulletins__button:focus { outline: 2px solid #33f; border: 1px solid #fff; margin: 1px; } a.bulletins__button { font-size: 15px; font-weight: normal; line-height: 20px; color: white !important; margin-top: 1em; } .bulletins__button--container { display: flex; flex-flow: row wrap; justify-content: center; } .bulletins__button--container a { color: white; } .bulletins__button--container a:hover { color: white; } .frontapge #column-10 { margin-bottom: 2rem; } .frontapge #column-2 .subscribe-action { margin-top: -2rem; } .frontapge .bulletins { margin-top: 0; } .tendering .tender__search { margin: 2em 0; } .tendering button { border: 0; background-color: transparent; } .tendering .tender__sort { display: flex; flex-flow: wrap; background-color: #0081a1; border-radius: 5px 5px 0 0; padding: 0.35em 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .tendering .tender__sort button, .tendering .tender__sort i { color: white; } .tendering .tender__sort button { width: 100%; text-align: left; hyphens: auto; display: flex; align-items: center; } .tendering .tender__sort button> i { margin-left: auto; } .tendering .tender__sort> div { display: flex; width: 100%; align-items: center; padding: 5px 0; } .tendering .tender__sort> div:nth-child(1) { max-width: 10%; } .tendering .tender__sort> div:nth-child(2) { max-width: 35%; } .tendering .tender__sort> div:nth-child(3) { max-width: 20%; } .tendering .tender__sort> div:nth-child(4) { max-width: 15%; } .tendering .tender__sort> div:nth-child(5) { max-width: 20%; } .tendering .tender__row { display: flex; flex-flow: wrap; font-size: 0.75em; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; padding: 1em 0; border-bottom: 1px solid #ebebeb; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .tendering .tender__row h3 { font-size: 0.75em !important; } .tendering .tender__row button { font-size: inherit; text-align: left; color: #0081a1; padding: 0; } .tendering .tender__row> div { width: 100%; padding: 0 0.5em; display: flex; } .tendering .tender__row> div:nth-child(1) { max-width: 10%; } .tendering .tender__row> div:nth-child(2) { max-width: 35%; } .tendering .tender__row> div:nth-child(3) { max-width: 20%; } .tendering .tender__row> div:nth-child(4) { max-width: 15%; } .tendering .tender__row> div:nth-child(5) { max-width: 20%; } .tendering .tender__row> div:nth-child(6) { display: block; width: 100%; } .tendering .statecircle { border-radius: 50px; content: " "; display: block; width: 25px; height: 25px; } .tendering .stteyellow { background: #fce122 none repeat scroll 0 0; } .tendering .sttepurple { background: #a90083 none repeat scroll 0 0; } .tendering .sttegrey { background: #f5f5f5 none repeat scroll 0 0; } .tendering .sttegreen { background: #bed600 none repeat scroll 0 0; } .tendering .stteblue { background: #6dc6e7 none repeat scroll 0 0; } .tendering .tender__button { background: #0081a1; padding: 10px 20px; border: none; margin: 0 auto !important; color: #fff; font-weight: 600; display: flex; flex-flow: row wrap; margin-top: 2em !important; margin-bottom: 2em !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tendering .tender__button:hover { text-decoration: underline; } .tender__info--mobile table tr td:nth-child(2) { width: 80%; margin-top: 0; } .site-theme.top-frame .sitetemplate__alert { background-color: #0081a1; padding: 10px 15px; text-align: left; } .site-theme.top-frame .sitetemplate__alert p { color: white; margin-bottom: 0; } .contacts__panel { padding: 0.5em 0; border-bottom: 1px solid #ebebeb; } .contacts__panel button { border: none; background-color: transparent; color: #0081a1; padding: 0 !important; font-size: 18px; text-align: left; } .contacts__panel button[aria-expanded="true"] { font-weight: 600; } .contacts__panel .contacts__content { margin-top: 1em; padding-left: 2.188rem; } .contacts__panel .contacts__contact { display: inline-block; padding-right: 1.5em; line-height: 1.2em; } .contacts__panel .contacts__contact .contacts__title { font-weight: 400; } .timeline { width: 100%; margin: 20px auto; position: relative; padding-left: 0 !important; } .timeline:before { content: ''; display: block; position: absolute; left: 50%; top: 0; margin: 0 0 0 -1px; width: 2px; height: 100%; background: #d5d5d5; background: -moz-linear-gradient(top, #e8e8e8 0%, #e8e8e8 70%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top, #e8e8e8 0%, #e8e8e8 70%, rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, #e8e8e8 0%, #e8e8e8 70%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e8e8e8', endColorstr = '#00ffffff', GradientType = 0); } .timeline .panel { width: 100%; margin: 0 0 20px 0; position: relative; background: transparent; } .timeline .panel:after { content: ''; display: block; clear: both; } .timeline .panel .inner-panel { width: 50%; float: left; margin: 26px 0 0 0; border-top: 2px solid #bed600; padding: 1.2em; } .timeline .panel .inner-panel span.year { display: block; width: 60px; height: 60px; padding: 5px 0; position: absolute; top: 0; left: 50%; margin: 0 0 0 -32px; border-radius: 100%; font-size: 12px; font-weight: 900; text-transform: uppercase; border: 2px solid #bed600; background-color: #fff; text-align: center; } .timeline .panel .inner-panel span.year h3 { margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.4em; } .timeline .panel .inner-panel .js-open-modal { background: #0081a1; padding: 10px 20px; border: none; margin: 1em auto 0 auto !important; color: #fff; font-weight: 600; display: inline-block; flex-flow: row wrap; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 15px; } .timeline .panel:nth-child(2n+2) div.inner-panel { float: right; } .timeline__modal { position: absolute; top: 10px; background-color: #fff; padding: 1.2em; border: 2px solid #bed600; box-shadow: 0 0 20px #dedede; margin-top: 80px; outline: 0; width: 100%; max-width: 645px; z-index: 1; } .timeline__modal button.js-close { text-align: right; display: block; font-weight: 700; margin-left: auto; } .timeline__modal:after, .timeline__modal:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 0; } .timeline__modal:after { border-bottom-color: #bed600; border-width: 20px; margin-left: -20px; } .mm-menu { background-color: #0081a1 !important; } .site-theme .portlet-asset-publisher .taglib-rss> a img, .site-theme .portlet-asset-publisher .taglib-rss> a span { display: none; } .site-theme .portlet-asset-publisher .taglib-rss> a:after { display: inline-block; font-family: "fontawesome-alloy","fontAwesome"; content: "\f09e"; font-size: 1.371em; } .site-theme.top-frame .portlet-title { text-transform: none; } .site-theme.top-frame h2.portlet-title { font-size: 1.8em; line-height: 1.3; margin-top: 1em; } .site-theme.top-frame h3.portlet-title { font-size: 1.65em; line-height: 1.4; margin-top: 1em; } .site-theme.top-frame h4.portlet-title { font-size: 1.3em; line-height: 1.5; margin-top: 1em; } .site-theme .web-content-listing-portlet .list__item { border-bottom: 0; padding: 0 !important; margin: 0 0 24px; } .site-theme .web-content-listing-portlet .list__item h6 { font-size: 1.4em !important; text-transform: none; margin: 0 0 8px; padding: 0; } .site-theme.top-frame button.collbutton { font-size: 15px; font-weight: normal; line-height: 20px; } .row .cols-3.content-lift.p-0 { width: 100%; } .row .cols-3.content-lift.p-0 .content-title { margin: 0 0 0.33333em 0; color: #393939; text-transform: uppercase; font-size: 1.2em; font-weight: 600; } html.top-frame body #heading form input.search-query { border-radius: 4px 0 0 4px; font-family: Arial,Helvetica,sans-serif; } .site-theme.top-frame #heading form .btn { font-family: Arial,Helvetica,sans-serif; } .top-frame .bulletin.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .journal-content-article a.yja-external-link:after { content: "\f08e"; font-family: "fontawesome-alloy"; margin: 0 0 0 3px; display: inline-block; font-size: 0.875em; position: relative; top: -5px; } .top-frame body.site a:focus { outline: 2px solid #33f !important; border-bottom: 2px solid transparent; } .top-frame body.site .journal-content-article p a, .top-frame body.site .journal-content-article li a, .top-frame body.site .journal-content-article figcaption a { border-bottom: 1px solid #0081a1; } .top-frame body.site .journal-content-article p a img, .top-frame body.site .journal-content-article li a img, .top-frame body.site .journal-content-article figcaption a img { background: #fff; } .top-frame body.site .journal-content-article p a:hover, .top-frame body.site .journal-content-article li a:hover, .top-frame body.site .journal-content-article figcaption a:hover { color: #006784; border-bottom: 1px solid #006784; text-decoration: none !important; } .top-frame body.site .fessWrapper #result .body cite { color: #425653 !important; } .journal-content-article .some-channels p a { display: block; border-bottom: 0 !important; } .site-theme.top-frame .feed-item__heading, .site-theme.top-frame .journal-content-article .some-channels h2 { margin: 0 0 0.33333em 0; color: #393939; text-transform: uppercase; font-size: 1.2rem !important; font-weight: 600; } .search-form input.search-query:focus, .search-form input.search-form_submit:focus { box-shadow: 0 0 0 0.2rem #737373 !important; } .top-frame #scrollToTop { color: #015f7e; background: #fff; font-weight: 700; padding: 15px 10px; } .top-frame #scrollToTop span.sr-only { position: initial; width: auto; height: auto; padding: initial; margin: auto; clip: unset; clip-path: unset; white-space: initial; } .portlet-body:not(:has(.subscribe-action)) .bulletins { margin-top: 0; } .site-theme.top-frame #main-content .portlet-layout .portlet-layout:first-of-type { margin-top: 0; } .yja-card { border-style: solid; border-width: 1px; border-color: #e5e5e5; margin-bottom: 1.25em; } #yjaFessSearchField { height: auto; } .portlet-journal-content .journal-content-article { word-wrap: normal; } .portlet-boundary.portlet-barebone .portlet .subscribe-action { position: relative; display: flex; justify-content: end; margin-bottom: -2em !important; } .top-frame h1:not(.herotext), .heading1 h1:not(.herotext), .heading2 h1:not(.herotext), heading3 h1:not(.herotext), .heading4 h1:not(.herotext), .top-frame h2, .heading1 h2, .heading2 h2, heading3 h2, .heading4 h2, .top-frame h3, .heading1 h3, .heading2 h3, heading3 h3, .heading4 h3, .top-frame h4, .heading1 h4, .heading2 h4, heading3 h4, .heading4 h4 { font-weight: 600 !important; } .top-frame h1:not(.herotext), .heading1 h1:not(.herotext), .heading2 h1:not(.herotext), heading3 h1:not(.herotext), .heading4 h1:not(.herotext) { font-size: 2.375rem !important; } .top-frame h2, .heading1 h2, .heading2 h2, heading3 h2, .heading4 h2 { font-size: 1.875rem !important; } .top-frame h3, .heading1 h3, .heading2 h3, heading3 h3, .heading4 h3 { font-size: 1.375rem !important; text-transform: none !important; } .top-frame h4, .heading1 h4, .heading2 h4, heading3 h4, .heading4 h4 { font-size: 1.125rem !important; } .ingress { font-size: 1.25rem !important; font-weight: 600 !important; line-height: 25px !important; } .journal-content-article .image-caption { display: block; aspect-ratio: 1.78 !important; width: 100% !important; overflow: hidden !important; } .journal-content-article .image-caption picture img { max-width: 100% !important; width: 100% !important; height: 100% !important; object-fit: cover !important; } .journal-content-article picture { display: block; aspect-ratio: 1.78 !important; width: 100% !important; overflow: hidden !important; } .journal-content-article picture img { max-width: 100% !important; width: 100% !important; height: 100% !important; object-fit: cover !important; } @media (max-width: 982px) { .site-theme.top-frame .journal-display-page { padding: 0 15px !important; } } @media (min-width: 768px) { .site-theme.top-frame .journal-display-page > .row { } .site-theme.top-frame .journal-display-page > .row .col-md-3 { order: 2; margin-left: 2.5641%; } .site-theme.top-frame .journal-display-page > .row .col-md-9 { order: 1; margin-left: 0; } .site-theme.top-frame .sitetemplate__alert { text-align: center; padding-left: 0; padding-right: 0; } .site-theme.top-frame .sitetemplate__alert .alert__meta, .site-theme.top-frame .sitetemplate__alert .alert__content { display: inline-block; vertical-align: middle; } .site-theme.top-frame .sitetemplate__alert .alert__meta p:after { display: inline-block; content: " "; width: 1px; height: 1.5em; background-color: white; vertical-align: middle; margin-right: .25em; margin-left: .5em; } .row .cols-3.content-lift.p-0 { max-width: 31.62393%; flex: 0 0 31.62393%; margin-left: 2.5641%; } .row .cols-3.content-lift.p-0:nth-child(3n+1) { margin-left: 0; } } @media (max-width: 980px) { #ingressialue { margin: 1em -1em; } .site-theme.top-frame .hero { margin: 0 -1em; } .site-theme.top-frame .hero .heroimage { min-height: 335px; background-size: cover; height: 100%; overflow: hidden; } .site-theme.top-frame .heroCards { position: relative; display: block; margin-top: -80px; bottom: 0; } .site-theme.top-frame .heroCards li { width: 80%; margin: 20px auto !important; display: flex; } .site-theme.top-frame .heroCards li span { margin: 0 1em 0 0; } .innerpage_herotexts { padding: 0 1em; } } @media (max-width: 768px) { .site-theme.top-frame table { width: 100% !important; } .site-theme.top-frame table tbody { } .site-theme.top-frame table tr { width: 100%; display: inline-block; } .site-theme.top-frame table td { width: 100%; display: inline-block; padding-right: 0; margin-top: 10px; } .site-theme.top-frame table td:first-child { margin-top: 0; } .site-theme.top-frame .breadcrumb { background-color: #f5f5f5 !important; margin: 0 -1em 1em !important; padding: 0.5em 1em 0.5em 2rem !important; } .site-theme.top-frame .hero .herotext { font-size: 1.6em; line-height: 1.4; padding-left: 1rem; padding-right: 1rem; } .site-theme.top-frame .header-top-bar-links-right .somelinks { position: inherit; display: inline-flex; display: -webkit-inline-flex; display: -ms-inline-flexbox; -webkit-justify-content: center; justify-content: center; } .site-theme.top-frame .logo { display: flex; margin: 0 auto; } #footer .footer-main-content { width: 100%; margin: 0 !important; border-top: 1px solid #ebebeb; } #footer .footer-main-content .row { width: 100%; margin: 0 !important; border-top: none; padding: 1em; } #footer .footer_linklist ul { margin: 1em 0 !important; } .servicebox { width: 100%; } .contact_card { text-align: left; width: 100%; } .story figure { margin-bottom: 1em !important; } .bulletins .bulletin.bulletin__layout--half { width: 100%; } .site-theme.top-frame .sitetemplate__alert .alert__meta p { font-size: 13px; } .landingpage-layout { padding-left: 1rem; padding-right: 1rem; } .landingpage-layout .portlet-breadcrumb { margin-left: -17px; margin-right: -17px; } } @media (max-width: 480px) { .site-theme.top-frame .hero .herotext { font-size: 1.3em !important; line-height: 1.2 !important; } .site-theme.top-frame .heroCards li .card { position: relative; text-align: center; } .site-theme.top-frame .heroCards li span { display: none; } .site-theme.top-frame .heroCards li span img { max-width: 300px; display: flex; } .site-theme.top-frame .logo { width: 100%; max-width: 100%; } .innerpage_herotexts h1 { font-size: 1.75em !important; line-height: 1.1 !important; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .innerpage_herotexts p { font-size: 0.9em !important; line-height: 1.4 !important; } .tendering .tender__sort> div:nth-child(1) { max-width: 100% !important; } .tendering .tender__sort> div:nth-child(2) { max-width: 100% !important; } .tendering .tender__sort> div:nth-child(3) { max-width: 100% !important; } .tendering .tender__sort> div:nth-child(4) { max-width: 100% !important; } .tendering .tender__sort> div:nth-child(5) { max-width: 100% !important; } .tendering .tender__row> div { max-width: 100% !important; background-color: #fff; border-top: none; position: relative; padding-left: 50%; } .tendering .tender__row> div:before { content: attr(data-label); display: inline-block; color: hsl(0, 0%, 60%); font-size: 14px; font-weight: normal; margin-left: -100%; text-transform: uppercase; width: 40%; white-space: nowrap; margin-right: 50%; } .tendering .tender__row> div:nth-child(1) { max-width: 100% !important; } .tendering .tender__row> div:nth-child(2) { max-width: 100% !important; } .timeline:before { display: none; } .timeline .panel .inner-panel { width: 100%; padding-top: 2em; text-align: center; } } @media (max-width: 930px) { .site-theme.top-frame #banner nav a { font-size: 16px; } } @media (max-width: 850px) { .site-theme.top-frame #banner nav a { font-size: 14px; } } @media (max-width: 576px) { .contact_card .contact_image { float: none; text-align: center; margin: 0 auto 1em; } .contact_card .contact_infos { text-align: center; float: none; } }