.top-frame body { font-size: 100%; color: #372d19; font-family: 'finlandica',sans-serif; line-height: 1.4; } .top-frame a { color: #662582; } .top-frame a:hover, .top-frame a:focus { color: #3e1b83; } .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: #372d19; font-weight: bold; font-style: normal; font-family: 'finlandica',sans-serif; display: block; margin: 10px 0; } .top-frame h1 a, .top-frame h2 a, .top-frame h3 a, .top-frame h4 a, .top-frame h5 a, .top-frame h6 a, .top-frame .heading1 a, .top-frame .heading2 a, .top-frame .heading3 a, .top-frame .heading4 a, .top-frame .heading5 a, .top-frame .heading6 a { color: inherit; } .top-frame input.search-query { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .top-frame .btn { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .top-frame .btn.btn-default { border: solid 1px #662582; background: #662582; color: #fff; } .top-frame .btn.btn-default:hover { background: #662582; } .top-frame .btn.btn-primary, .top-frame .btn.search-form_submit { background-color: #662582; color: white; } .top-frame .btn.btn-primary:hover, .top-frame .btn.search-form_submit:hover { background-color: #5c2175; } .top-frame .btn.search-form_submit { border-color: #662582; } .top-frame .yja-category-group, .top-frame .yja-tag-group { display: inline; } .top-frame .label, .top-frame .yja-tag { text-transform: uppercase; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } .top-frame .badge:not(.error-notice), .top-frame .label, .top-frame .yja-tag { border: 1px solid #372d19; } .top-frame .portlet-navigation .nav-menu ul a { color: #372d19; } .top-frame .portlet-navigation .nav-menu ul ul a { color: #3d321c; } .top-frame .portlet-navigation .nav-menu > ul > li { color: #3d321c; } .top-frame .events .event-highlight { font-size: 1.1em; border-top: solid 1px #662582; } .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 #662582; } .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: #662582; display: block; position: relative; } .top-frame .events.event-search-portlet .event-list-wrapper > .span12 > .span3 { background: #662582; } .top-frame .events.event-search-portlet .event-list-wrapper { border-color: #662582; } .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: #662582; 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 #662582; border-right: 1px solid #662582; border-left: 1px solid #662582; 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: #662582; } .top-frame #scrollToTop { color: #fff; background: #662582; } .top-frame #scrollToTop:hover { background: #5c2175; } .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: #662582; color: white !important; } .top-frame #banner .language-version-selection-portlet .lang-nav ul { background: #662582; } .top-frame .media-item .small figure { float: left; margin-right: 1em; } .top-frame .media-item .dark-link { color: #372d19; } .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: #372d19; } .top-frame .media-item .meta { margin-bottom: em(5px); color: #42361e; font-size: .9em; } .top-frame .feed-item.simple .meta { color: #42361e; font-size: .9em; } .top-frame .feed-item.simple h6 a { color: #372d19; } .top-frame ul.position-nav li.selected { background: #662582; } .top-frame ul.position-nav li.selected:hover { background-color: #662582; } .top-frame .carousel .description { font-family: 'finlandica',sans-serif; font-weight: normal; } .panel.border-top-emphasis { border-top: solid 4px #662582; } .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: #372d19; } .top-frame #banner a { color: #372d19; } .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: #646464; } .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: #662582; 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: #5c2175; } .top-frame #banner nav a { color: #646464; } .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: #2e1a47; color: #fff; } .top-frame #footer a { color: #fff; } .top-frame #footer .footer-bottom-bar { background-color: #545454; } .top-frame body { background-color: #fff8ed; 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: #f5f5f6; } .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: #372d19; } .mobile-menu-actions a { color: #662582; } .mobile-menu-actions a.menu-icon { font-family: 'finlandica',sans-serif; } .mobile-menu-actions a:active, .mobile-menu-actions a:focus, .mobile-menu-actions a:hover { color: #3e1b83; } .mm-menu { border-color: #662582; } .mm-menu a { color: white; } .mm-menu a:hover, .mm-menu a:focus { color: white; } @font-face { font-family: 'finlandica'; src: url('/documents/5698902/5700066/finlandica-bold.eot?t=1649753976964'); src: url('/documents/5698902/5700066/finlandica-bold.eot?#iefix&t=1649753976964') format('embedded-opentype'),url('/documents/5698902/5700066/finlandica-bold.woff2?t=1649753976964') format('woff2'),url('/documents/5698902/5700066/finlandica-bold.woff?t=1649753976964') format('woff'),url('/documents/5698902/5700066/finlandica-bold.ttf?t=1649753976964') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'finlandica'; src: url('/documents/5698902/5700066/finlandica-regular.eot?t=1649753976964'); src: url('/documents/5698902/5700066/finlandica-regular.eot?#iefix&t=1649753976964') format('embedded-opentype'),url('/documents/5698902/5700066/finlandica-regular.woff2?t=1649753976964') format('woff2'),url('/documents/5698902/5700066/finlandica-regular.woff?t=1649753976964') format('woff'),url('/documents/5698902/5700066/finlandica-regular.ttf?t=1649753976964') format('truetype'); font-weight: normal; font-style: normal; } .site-theme.top-frame { padding-right: 0; } .site-theme.top-frame .box-purple .btn.btn-primary { background: white; color: #662582; } .site-theme.top-frame .edit-controls { display: none; } .site-theme.top-frame .controls-visible.signed-in .edit-controls { display: block; } .site-theme.top-frame #typed { white-space: normal !important; } .site-theme.top-frame #banner .header-top-bar { background-color: #fff8ed; border-bottom: solid 1px rgba(55,45,25,0.3); margin-bottom: 1rem; } .site-theme.top-frame #banner .header-top-bar:after { content: ""; display: block; clear: both; } .site-theme.top-frame #banner .header-top-bar .layout-wrapper-wide-container { float: right; } .site-theme.top-frame #banner .header-top-bar .header-top-bar-links-lang { float: left; } .site-theme.top-frame #banner .header-top-bar .header-top-bar-links-lang ul li { border: none; } .site-theme.top-frame .language-version-selection-portlet { border-right: solid 1px rgba(55,45,25,0.3); padding-right: 0.5em; } .site-theme.top-frame #banner .header-top-bar .header-top-bar-links-right { position: relative; float: left; top: 6px; right: 0; } .site-theme.top-frame #banner .header-top-bar .header-top-bar-links-right ul { margin-bottom: 0; } .site-theme.top-frame #banner .header-top-bar .header-top-bar-links-right ul li { border-color: white; } .site-theme.top-frame #banner .header-top-bar .header-top-bar-links-right ul a { color: #fff; } .site-theme.top-frame #banner .header-top-bar .header-top-bar-links-right ul a.yja-external-link:after { display: none; } .site-theme.top-frame .mm-page { padding: 0 1em; } .site-theme.top-frame span.additional-header { display: block; font-size: .8em; } .site-theme.top-frame .web-form-portlet p.lfr-webform { font-family: 'finlandica',sans-serif; font-weight: bold; } .site-theme.top-frame #banner nav > ul a { text-transform: lowercase; font-size: 1.2em; padding: 0 0 .2em 0; margin: 0.93333em 1em; border-bottom: 2px solid transparent; } .site-theme.top-frame #banner nav > ul a:hover { border-bottom: 2px solid #646464; } .site-theme.top-frame #banner nav > ul a:last-child { margin-right: .5em; } .site-theme.top-frame #banner nav > ul li.selected { background-color: transparent; color: inherit; } .site-theme.top-frame #banner nav > ul li.selected a { color: #646464; border-bottom: 2px solid #646464; } .site-theme.top-frame #banner nav > ul li.selected a:hover { color: #646464; background-color: transparent; border-bottom: 2px solid #646464; } .site-theme.top-frame .yja-image-carousel .item { position: relative; max-height: 65vh; } .site-theme.top-frame .yja-image-carousel .image-gallery-text-wrapper h4 { font-size: 2.5em; text-transform: uppercase; max-width: 960px; margin: 0 auto; } .site-theme.top-frame .slide-container { height: 65vh; position: relative; color: white; margin-bottom: 2px; } .site-theme.top-frame .slide-container .image-gallery-text-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; bottom: auto; } .site-theme.top-frame .slide-container .image-gallery-text-wrapper h4 { font-size: 2.5em; text-transform: uppercase; max-width: 960px; margin: 0 auto; color: white; } .site-theme.top-frame .logo { position: absolute; bottom: -71px; } .site-theme.top-frame .logo img { width: 230px; } .site-theme.top-frame .main-nav { text-align: right; } .site-theme.top-frame .language-version-selection-portlet { margin-right: 0.5em; } .site-theme.top-frame .language-version-selection-portlet .fi .fi { display: none; } .site-theme.top-frame .language-version-selection-portlet .sv .sv { display: none; } .site-theme.top-frame .language-version-selection-portlet .en .en { display: none; } .site-theme.top-frame #typed { display: inline; } .site-theme.top-frame .typed-cursor { font-size: 2.5em; } .site-theme.top-frame .typed-cursor { opacity: 1; font-weight: 100; -webkit-animation: blink 1s infinite; -moz-animation: blink 1s infinite; -ms-animation: blink 1s infinite; -o-animation: blink 1s infinite; animation: blink 1s infinite; } .site-theme.top-frame .current-posts { margin: 0 -4px; } .site-theme.top-frame .current-posts .article-content { border: 5px solid #fff; cursor: pointer; padding: 50px; margin: 4px; position: relative; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; background-color: #fff; text-align: left; } .site-theme.top-frame .current-posts .article-content:hover { border: 5px solid #2e1a47; } .site-theme.top-frame .current-posts .article-content .post-content { padding: 0; } .site-theme.top-frame .current-posts .article-content .post-type-label { position: absolute; top: 15px; right: 15px; } .site-theme.top-frame .current-posts .article-content h2 { font-size: 24px; line-height: 1.25; margin-bottom: 0px; } .site-theme.top-frame .current-posts .article-content h2 a { display: block; border: none; font-style: normal; } .site-theme.top-frame .current-posts .article-content footer { margin-top: 1em; } .site-theme.top-frame #footer { padding: 2em 0 3em 0; } .site-theme.top-frame .breadcrumb .active { color: #372d19; } .site-theme.top-frame .portlet-blogs h4[itemprop="headline"] { margin-top: 0; } .site-theme.top-frame .g-recaptcha { margin-bottom: 10px; } .site-theme.top-frame .partner-logos { padding: 5em 2em 0; text-align: center; } .site-theme.top-frame .partner-logos h4 { margin-bottom: 2em; } .site-theme.top-frame .partner-logos .partner-logo { display: inline-block; margin-right: 2em; } .site-theme.top-frame .partner-logos .partner-logo:last-child { margin-right: 0; } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } .top-frame .grid2x2 { min-height: 100%; display: flex; flex-wrap: wrap; flex-direction: row; } .top-frame .grid2x2> div { display: flex; flex-basis: 50%; justify-content: center; flex-direction: column; padding: 4em; } .top-frame .grid2x2> div:first-child { border-right: 4px solid #fff8ed; } .top-frame .grid2x2> div> div { display: flex; justify-content: center; flex-direction: row; } .top-frame .grid4x4 { min-height: 100%; display: flex; flex-wrap: wrap; flex-direction: row; margin: 4px 0; } .top-frame .grid4x4> div { display: flex; flex-basis: 25%; justify-content: center; flex-direction: column; padding: 3em 1em; border-right: 4px solid #fff8ed; } .top-frame .grid4x4> div:last-child { border-right: none; } .top-frame .grid4x4> div> div { display: flex; justify-content: center; flex-direction: row; } .top-frame .image-grid { margin: 0 -4px; } .top-frame .image-grid .image-grid-item { padding: 3em 1em; text-align: center; margin: 4px; } .top-frame .image-grid .image-grid-item svg, .top-frame .image-grid .image-grid-item img { height: 85px; width: auto; } .top-frame .image-grid .image-grid-item.box-light-green { background-size: 200% auto; transition: 0.5s; background-image: linear-gradient(to right, #a1d6ca 0%, #a1d6ca 51%, #6dbfac 100%); } .top-frame .image-grid .image-grid-item.box-light-green:hover { background-position: right center; } .top-frame .image-grid .image-grid-item.box-purple { background-size: 200% auto; transition: 0.5s; background-image: linear-gradient(to right, #67257a 0%, #67257a 51%, #531e62 100%); } .top-frame .image-grid .image-grid-item.box-purple:hover { background-position: right center; } .top-frame .image-grid .image-grid-item.box-off-white { background-size: 200% auto; transition: 0.5s; background-image: linear-gradient(to right, #fff8ed 0%, #fff8ed 51%, #ffd28b 100%); } .top-frame .image-grid .image-grid-item.box-off-white:hover { background-position: right center; } .top-frame .image-grid .image-grid-item.box-dark-purple { background-size: 200% auto; transition: 0.5s; background-image: linear-gradient(to right, #2e1a47 0%, #2e1a47 51%, #251539 100%); } .top-frame .image-grid .image-grid-item.box-dark-purple:hover { background-position: right center; } .top-frame .content-box { padding: 5%; } .top-frame .box-purple { background-color: #67257a; color: white; } .top-frame .box-purple a, .top-frame .box-purple a:hover, .top-frame .box-purple a:focus, .top-frame .box-purple h1, .top-frame .box-purple h2, .top-frame .box-purple h3, .top-frame .box-purple h4, .top-frame .box-purple h5, .top-frame .box-purple h6, .top-frame .box-purple .dark-link, .top-frame .box-purple .meta, .top-frame .box-purple h2 a { color: white; } .top-frame .box-off-white { background-color: #fff8ed; color: #231f20; } .top-frame .box-off-white a, .top-frame .box-off-white a:hover, .top-frame .box-off-white a:focus, .top-frame .box-off-white h1, .top-frame .box-off-white h2, .top-frame .box-off-white h3, .top-frame .box-off-white h4, .top-frame .box-off-white h5, .top-frame .box-off-white h6, .top-frame .box-off-white .dark-link, .top-frame .box-off-white .meta, .top-frame .box-off-white h2 a { color: #231f20; } .top-frame .box-light-green { background-color: #a1d6ca; color: #2e1a47; } .top-frame .box-light-green a, .top-frame .box-light-green a:hover, .top-frame .box-light-green a:focus, .top-frame .box-light-green h1, .top-frame .box-light-green h2, .top-frame .box-light-green h3, .top-frame .box-light-green h4, .top-frame .box-light-green h5, .top-frame .box-light-green h6, .top-frame .box-light-green .dark-link, .top-frame .box-light-green .meta, .top-frame .box-light-green h2 a { color: #2e1a47; } .top-frame .box-dark-purple { background-color: #2e1a47; color: white; } .top-frame .box-dark-purple a, .top-frame .box-dark-purple a:hover, .top-frame .box-dark-purple a:focus, .top-frame .box-dark-purple h1, .top-frame .box-dark-purple h2, .top-frame .box-dark-purple h3, .top-frame .box-dark-purple h4, .top-frame .box-dark-purple h5, .top-frame .box-dark-purple h6, .top-frame .box-dark-purple .dark-link, .top-frame .box-dark-purple .meta, .top-frame .box-dark-purple h2 a { color: white; } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #main-content, #content { padding-left: 0px; padding-right: 0px; } .footer-main-content.container { max-width: 100%; } .footer-main-content.container li { line-height: 20px; } .top-frame .breadcrumb { padding: 8px 15px; margin: 0 0 20px; } .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 { margin: 0.66667em 0 0.33333em; } .list-menu li { line-height: 20px; } .top-frame .breadcrumb > li:before { padding: 0 0.3125rem; } ul.list-inline > li { margin-right: 0 !important; padding-left: 0.3125rem; padding-right: 0.3125rem; } .journal-content-article iframe { max-width: 100%; } a.yja-external-link:not(a[href^="mailto:"]):after { content: "\f08e"; font-family: "fontawesome-alloy"; display: inline-block; position: relative; margin-left: 3px; } a.attachment:before { content: "\F15B"; font-family: "fontawesome-alloy"; display: inline-block; margin-right: 3px; } a.attachment[data-size][data-extension]:after { content: " " attr(data-extension) " " attr(data-size); text-transform: uppercase; } @media (min-width: 768px) { .site-theme.top-frame .block-grid__with-bg { position: relative; } .site-theme.top-frame .block-grid__with-bg a { position: absolute; top: 0; bottom: 0; width: 100%; } } @media (max-width: 1023px) { .site-theme.top-frame .block-grid__with-bg { background: none !important; } .site-theme.top-frame h1, .site-theme.top-frame .heading1 { font-size: 1.66667em; line-height: 1.3; } .site-theme.top-frame h2, .site-theme.top-frame .heading2 { font-size: 1.46667em; line-height: 1.3; } .site-theme.top-frame h3, .site-theme.top-frame .heading3, .site-theme.top-frame .portlet-title { font-size: 1.36667em; line-height: 1.2; } .site-theme.top-frame h4, .site-theme.top-frame .heading4 { font-size: 1.26667em; line-height: 1.2; } .site-theme.top-frame h5, .site-theme.top-frame .heading5 { font-size: 1.16667em; line-height: 1.25; } .site-theme.top-frame h6, .site-theme.top-frame .heading6 { font-size: 1em; line-height: 1.2; } } @media (max-width: 767px) { .top-frame .header-top-left-cell { } .top-frame .header-top-left-cell .logo { bottom: -32px; } .top-frame .header-top-left-cell .logo img { width: 190px; } .top-frame #content { padding-left: 0; padding-right: 0; } .top-frame #heading .header-row { padding: 1em 0; } .top-frame .mobile-menu-actions { top: 58px; right: 1em; } .top-frame .mobile-menu-actions a.menu-icon, .top-frame .mobile-menu-actions button.menu-icon { background: transparent; color: #372d19; font-size: .8em; } .footer-main-content { padding: 0 1em !important; } .footer-main-content .row { } .footer-main-content .row > div { margin-bottom: 2em; } .footer-main-content .row > div:first-child { margin-bottom: 3em; } .footer-main-content .row .col { flex-basis: auto; } .footer-main-content .btn { font-size: 17.5px; width: 100%; } }