@import url('/o/common-ui-resources/fonts/roboto/main.css'); body.yja-publication { font-size: 100%; color: #111; font-family: "Roboto",Helvetica,Arial,sans-serif; line-height: 1.5; } .yja-publication a { color: #06377b; } .yja-publication a:hover, .yja-publication a:focus { color: #06377b; } .yja-publication h1, .yja-publication .h1, .yja-publication .heading1 { color: #06377b; font-weight: bold; font-style: normal; font-family: "Roboto",Helvetica,Arial,sans-serif; font-size: 2.4rem; display: block; margin: 10px 0 1.375rem; } .yja-publication h1 a, .yja-publication .h1 a, .yja-publication .heading1 a { color: inherit; } .yja-publication h2, .yja-publication .h2, .yja-publication .heading2 { color: #06377b; font-weight: bold; font-style: normal; font-family: "Roboto",Helvetica,Arial,sans-serif; font-size: 1.8rem; display: block; margin: 10px 0 1.375rem; } .yja-publication h2 a, .yja-publication .h2 a, .yja-publication .heading2 a { color: inherit; } .yja-publication h3, .yja-publication .h3, .yja-publication .heading3 { color: #06377b; font-weight: bold; font-style: normal; font-family: "Roboto",Helvetica,Arial,sans-serif; font-size: 1.4rem; display: block; margin: 10px 0 1.375rem; } .yja-publication h3 a, .yja-publication .h3 a, .yja-publication .heading3 a { color: inherit; } .yja-publication h4, .yja-publication h5, .yja-publication h6, .yja-publication .heading4, .yja-publication .heading5, .yja-publication .heading6 { color: #06377b; font-weight: bold; font-style: normal; font-family: "Roboto",Helvetica,Arial,sans-serif; font-size: 1.4rem; display: block; margin: 10px 0; } .yja-publication h4 a, .yja-publication h5 a, .yja-publication h6 a, .yja-publication .heading4 a, .yja-publication .heading5 a, .yja-publication .heading6 a { color: inherit; } .yja-publication p, .yja-publication table, .yja-publication .ingress, .yja-publication .lead, .yja-publication .asset-full-content ul, .yja-publication .asset-full-content ol, .yja-publication .asset-full-content dl { line-height: 1.5; } .yja-publication p, .yja-publication table, .yja-publication ul li, .yja-publication ol li, .yja-publication dl li { font-size: 100%; line-height: 1.5; color: #111; } .yja-publication .ingress, .yja-publication .lead { font-size: 1.5rem; } .yja-publication .journal-content-article figure.image--caption figcaption { font-size: 0.85rem; color: #111; } .yja-publication figure figcaption { font-size: 0.85rem; } .yja-publication blockquote { border-color: #06377b; } .yja-publication blockquote, .yja-publication blockquote p { font-size: 1.25rem; font-family: "Roboto",Helvetica,Arial,sans-serif; } .yja-publication input.search-query { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background-image: none !important; } .yja-publication .btn { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background-image: none !important; font-size: 100%; } .yja-publication .btn.btn-default { border: solid 1px #06377b; background: #fff; color: #06377b; } .yja-publication .btn.btn-default:hover, .yja-publication .btn.btn-default:focus { color: #06377b !important; background: #fff; } .yja-publication .btn.btn-primary, .yja-publication .btn.search-form_submit { background-color: #06377b; color: #fff; } .yja-publication .btn.btn-primary:hover, .yja-publication .btn.search-form_submit:hover, .yja-publication .btn.btn-primary:focus, .yja-publication .btn.search-form_submit:focus { color: #fff !important; background-color: #06377b; } .yja-publication .btn.search-form_submit { border-color: #06377b; } .yja-publication .yja-category-group, .yja-publication .yja-tag-group { display: inline; } .yja-publication .label, .yja-publication .yja-tag { text-transform: uppercase; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .yja-publication .badge:not(.error-notice), .yja-publication .label, .yja-publication .yja-tag { border: 1px solid #111; } .yja-publication .portlet-navigation .nav-menu ul a { color: #111; } .yja-publication .portlet-navigation .nav-menu ul ul a { color: #131313; } .yja-publication .portlet-navigation .nav-menu > ul > li { color: #131313; } .yja-publication .events .event-highlight { font-size: 1.1em; border-top: solid 1px #06377b; } .yja-publication .events .event-highlight td, .yja-publication .events .event-highlight td.time { font-size: 0.9em; vertical-align: middle; } .yja-publication .events .event-highlight tr { border-bottom: solid 1px #06377b; } .yja-publication .events .event-highlight .btn { text-align: left; } .yja-publication .events .dark-link, .yja-publication .events .dark-link:hover, .yja-publication .events .dark-link:focus, .yja-publication .events .dark-link:active, .yja-publication .events .dark-link:visited, .yja-publication .events .dark-link:link { color: #06377b; display: block; position: relative; } .yja-publication .events.event-search-portlet .event-list-wrapper > .span12 > .span3 { background: #06377b; } .yja-publication .events.event-search-portlet .event-list-wrapper { border-color: #06377b; } .yja-publication .events.event-search-portlet label, .yja-publication .events.event-search-portlet .prev-date, .yja-publication .events.event-search-portlet .next-date { font-weight: bold !important; } .yja-publication .events.event-search-portlet h4.bg { background: #06377b; color: #fff; } .yja-publication .events.event-search-portlet .event-list-wrapper { margin-bottom: 10px; } .yja-publication .events.event-search-portlet .event-item-list { border-bottom: 1px solid #06377b; border-right: 1px solid #06377b; border-left: 1px solid #06377b; background: white; } .yja-publication .events.event-search-portlet .event-item-list h4, .yja-publication .events.event-search-portlet .event-item-list .event-time { font-weight: bold !important; } .yja-publication .events.event-search-portlet .event-item-list .event-date { display: block; } .yja-publication .twitter-widget-portlet .user span[data-scribe="element:screen_name"] { color: #06377b; } .yja-publication #scrollToTop { color: #fff; background: #06377b; } .yja-publication #scrollToTop:hover { background: #05316f; } .yja-publication #banner .language-version-selection-portlet .lang-text > a:after { content: "\f0d7"; margin-left: .5em; font-family: 'fontawesome-alloy'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .yja-publication #banner .language-version-selection-portlet .lang-nav-open a { background: #06377b; color: white !important; } .yja-publication #banner .language-version-selection-portlet .lang-nav ul { background: #06377b; } .yja-publication .well { font-size: 100%; line-height: 1.5; background: #f5f5f5; color: #222; } .breadcrumb { font-size: 100%; color: #111; font-family: "Roboto",Helvetica,Arial,sans-serif; } .yja-publication #content .breadcrumb > li { font-size: 100%; font-family: "Roboto",Helvetica,Arial,sans-serif; } .yja-publication .media-item .small figure { float: left; margin-right: 1em; } .yja-publication .media-item .dark-link { color: #111; } .yja-publication .media-item .dark-link:hover { text-decoration: none; } .yja-publication .media-item h2 { margin-bottom: 0; } .yja-publication .media-item h2 a { color: #06377b; } .yja-publication .media-item .meta { margin-bottom: em(5px); color: #141414; font-size: .9em; } .yja-publication .feed-item.simple .meta { color: #141414; font-size: .9em; } .yja-publication .feed-item.simple h6 a { color: #111; } .yja-publication ul.position-nav li.selected { background: #06377b; } .yja-publication ul.position-nav li.selected:hover { background-color: #06377b; } .yja-publication .carousel .description { font-family: "Roboto",Helvetica,Arial,sans-serif; font-weight: normal; } .panel.border-top-emphasis { border-top: solid 4px #06377b; } .yja-publication #banner { background-repeat: no-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; } .yja-publication #banner a { color: #fff; } .yja-publication #heading { height: auto; padding: 0; } .yja-publication #heading .yja-publication-theme-header-portlet { height: 100%; } .yja-publication #heading .yja-publication-theme-header-portlet .portlet-borderless-container, .yja-publication #heading .yja-publication-theme-header-portlet .portlet-body, .yja-publication #heading .yja-publication-theme-header-portlet .header-row { height: 100%; } .yja-publication #heading .yja-publication-theme-header-portlet .header-top-left-cell, .yja-publication #heading .yja-publication-theme-header-portlet .header-top-right-cell { align-self: center; } .yja-publication #banner nav ul.publication-theme__navigation { background-color: transparent; color: #454545; } .yja-publication #banner nav ul.publication-theme__navigation li a:hover { background-color: transparent; } .yja-publication #banner nav ul.publication-theme__navigation li.selected { background-color: transparent; color: #000; } .yja-publication #banner nav ul.publication-theme__navigation li.selected a { color: #000; } .yja-publication #banner nav a { color: #454545; } .yja-publication #banner nav.fixed { background: transparent; } .yja-publication .main-navigation { background: transparent; } .yja-publication nav li { line-height: 1.5; } .yja-publication nav li a { font-size: 1rem; color: #454545; padding: 0.45rem; } .yja-publication nav li.selected > a { color: #000; background: transparent; } .yja-publication #footer { background-image: url(""); background-repeat: no-repeat; background-size: initial; background-position: center top; background-color: #06377b; color: #fff; } .yja-publication #footer a { color: #fff; } .yja-publication #footer .footer-bottom-bar { background-color: #06377b; } .yja-publication 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; } .yja-publication .page-wrapper { max-width: 100%; margin: 0 auto; } .yja-publication .layout-wrapper, .yja-publication #main-content:not(.layout-wide) { background: transparent; padding-left: 0; padding-right: 0; } .yja-publication .homepage .layout-wrapper-wide { background: #efefef; } .yja-publication .homepage .layout-wrapper-wide *, .yja-publication .homepage .layout-wrapper-wide .carousel-wrapper ul li h3 a .description { color: #111; } .mobile-menu-actions { right: 0; } .mobile-menu-actions a.menu-icon { background: #fff; color: #111; } .mobile-menu-actions a { color: #06377b; } .mobile-menu-actions a.menu-icon { font-family: "Roboto",Helvetica,Arial,sans-serif; } .mobile-menu-actions a:active, .mobile-menu-actions a:focus, .mobile-menu-actions a:hover { color: #06377b; } .mm-menu { border-color: #06377b; } .mm-menu a { color: white; } .mm-menu a:hover, .mm-menu a:focus { color: white; } .yja-publication .control-menu .control-menu-body, .yja-publication .control-menu p, .yja-publication .control-menu table, .yja-publication .control-menu ul li, .yja-publication .control-menu ol li, .yja-publication .control-menu dl li { font-size: .875rem; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; line-height: 1.5; } .yja-publication h1 { font-family: "Roboto Condensed"; font-size: 2.4rem !important; } .yja-publication h2 { font-family: "Roboto Condensed"; font-size: 1.8rem !important; } .yja-publication h3 { font-family: "Roboto Condensed"; font-size: 1.4rem !important; } .yja-publication h4 { font-family: "Roboto Condensed"; font-size: 1.2rem !important; } .yja-publication .hero { height: 50vh; border-bottom: 0; } .yja-publication .hero .hero-image { background-color: #06377b; } .yja-publication .hero .hero-image img { object-fit: contain; position: static; } .yja-publication .hero .hero-container { top: auto; bottom: 2rem; padding: 1rem; margin: 0 auto; width: 100%; transform: translate(-50%, 0%); } .yja-publication .hero .hero-container > h1, .yja-publication .hero .hero-container > p { display: block; text-align: center; margin: 0 auto 0.5rem auto; } .yja-publication .front-highlights .link-highlights { display: flex; flex-wrap: wrap; max-width: 1100px; justify-content: center; margin: 0 auto; } .yja-publication .front-highlights .link-highlights li { position: relative; width: 30%; flex-direction: column; padding: 1rem; } .yja-publication .front-highlights .link-highlights li .image-wrapper { max-width: 100%; margin: 0; padding: 0; } .yja-publication .front-highlights .link-highlights li .image-wrapper img { margin: 0; padding: 0; min-height: auto; } .yja-publication .front-highlights .link-highlights li .text-wrapper { width: 100%; background-color: #efefff; display: block; max-width: 100%; padding: 0; margin: 0; position: static; } .yja-publication .front-highlights .link-highlights li .text-wrapper * { margin: 0; padding: 0; } .yja-publication .front-highlights .link-highlights li .text-wrapper h2 { font-size: 1.2rem !important; padding: 1rem; } .yja-publication .front-highlights .link-highlights li .text-wrapper .icon-rounded-arrow { display: none; } .yja-publication .front-highlights .link-highlights li a { display: block; } .yja-publication .front-highlights .link-highlights li a:hover .text-wrapper .title, .yja-publication .front-highlights .link-highlights li a:focus .text-wrapper .title { background-color: #06377b !important; color: #fff; text-decoration: underline; } .yja-publication .front-highlights .link-highlights li:nth-child(1) .text-wrapper .title { background-color: #feeee9; } .yja-publication .front-highlights .link-highlights li:nth-child(2) .text-wrapper .title { background-color: #f8fbe5; } .yja-publication .front-highlights .link-highlights li:nth-child(3) .text-wrapper .title { background-color: #e5f6f7; } .yja-publication .lifts.list-unstyled .item { margin-bottom: 1rem; } .yja-publication .lifts.list-unstyled .item .item-image { width: 190px; flex-shrink: 0; } .yja-publication .lifts.list-unstyled .item .lift-heading { font-weight: bold; } .yja-publication .yja-accordion .yja-accordion-toggle { background: #fff; border: 1px solid #00baf1; border-bottom: 0; } .yja-publication .yja-accordion .yja-accordion-toggle button { color: #06377b !important; font-size: 1.2rem !important; font-weight: bold; padding-right: 3rem; } .yja-publication .yja-accordion .yja-accordion-toggle .icon { color: #06377b !important; font-size: 1.2rem !important; padding-right: 0.5rem; } .yja-publication .yja-accordion .yja-accordion-content { border: 1px solid #00baf1 !important; border-top: 0 !important; border-bottom: 0 !important; padding-top: 0 !important; } .yja-publication .yja-accordion .yja-accordion-wrapper:last-child { border-bottom: 1px solid #00baf1; } .yja-publication .accordion-icon-added .yja-accordion { position: relative; } .yja-publication .accordion-icon-added .yja-accordion:before { content: ""; display: inline-block; width: 100%; max-width: 100px; height: 100px; margin-right: 32px; background-image: url("/documents/25254699/137218645/Esimerkkitarinat_Oranssi.png/7c3ec7fa-0e8d-ddf1-ecd8-404bcd4cd869?t=1666162542396"); background-size: contain; background-repeat: no-repeat; background-position: left top; top: 0; left: 0; } .yja-publication .accordion-icon-added.informoi-ja-tiedota .yja-accordion:before { background-image: url("/documents/25254699/137218645/Esimerkkitarinat_Oranssi.png/7c3ec7fa-0e8d-ddf1-ecd8-404bcd4cd869?t=1666162542396"); } .yja-publication .accordion-icon-added.aktivoi-ja-osallista .yja-accordion:before { background-image: url("/documents/25254699/137218645/Esimerkkitarinat_Vihrea.png/0478e9a2-7bf5-ba0d-6da2-dbe8eae16f85?t=1666162543431"); } .yja-publication .accordion-icon-added.keskustele-ja-vuorovaikuta .yja-accordion:before { background-image: url("/documents/25254699/137218645/Esimerkkitarinat_Turkoosi.png/2ad2ff3a-7a1c-3857-6778-d78ed6dc02f3?t=1666162542912"); } @media (max-width: 800px) { .yja-publication h1 { font-size: $poliisi-font-size-2 !important; } .yja-publication h2 { font-size: $poliisi-font-size-3 !important; } .yja-publication h3 { font-size: $poliisi-font-size-4 !important; } .yja-publication h4 { font-size: $poliisi-font-size-5 !important; } .yja-publication .hero { height: auto; } .yja-publication .hero .hero-image { min-height: 25vh; position: static; } .yja-publication .hero .hero-container { bottom: 0; transform: unset; position: static; } } @media (max-width: 600px) { .yja-publication .front-highlights .link-highlights { flex-direction: column !important; align-items: center; } .yja-publication .front-highlights .link-highlights li { width: 80%; } .yja-publication .lifts.list-unstyled .item { flex-direction: column !important; } } @media (max-width: 1199px) { .yja-publication .lifts.list-unstyled .item { flex-direction: row !important; } .yja-publication .lifts.list-unstyled .item .item-content { max-width: 100% !important; } } @media (max-width: 500px) { .yja-publication .lifts.list-unstyled .item .item-image { width: 100px; } } @media (min-width: 1200px) { .yja-publication .accordion-icon-added .yja-accordion { padding-left: 222px; } .yja-publication .accordion-icon-added .yja-accordion:before { position: absolute; } .portlet-nested-portlets:first-child .col-md-4.portlet-column.portlet-column-last { padding-top: 5rem; } } @media (min-width: 500px) { .yja-publication .accordion-icon-added .yja-accordion:before { max-width: 190px; height: 190px; } } @media (max-width: 1000px) { .portlet-nested-portlets .columns-2 > .portlet-layout.row { flex-direction: column; } .portlet-nested-portlets .portlet-layout.row .col-md-8, .portlet-nested-portlets .portlet-layout.row .col-md-4 { width: 100%; max-width: 100%; } }