.top-frame body { font-size: 100%; color: #000; font-family: Helvetica,Arial,sans-serif; line-height: 1.4; } .top-frame a { color: #1a00ad; } .top-frame a:hover, .top-frame a:focus { color: #ff8700; } .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: #000; font-weight: bold; font-style: normal; font-family: Helvetica,Arial,sans-serif; display: block; margin: 10px 0; } .top-frame h1 a, .top-frame h2 a, .top-frame h3 a, .top-frame h4 a, .top-frame h5 a, .top-frame h6 a, .top-frame .heading1 a, .top-frame .heading2 a, .top-frame .heading3 a, .top-frame .heading4 a, .top-frame .heading5 a, .top-frame .heading6 a { color: inherit; } .top-frame input.search-query { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .top-frame .btn { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .top-frame .btn.btn-default { border: solid 1px #666; background: #ff8700; color: #1a00ad; } .top-frame .btn.btn-default:hover { background: #ffbe00; } .top-frame .btn.btn-primary, .top-frame .btn.search-form_submit { background-color: #1a00ad; color: white; } .top-frame .btn.btn-primary:hover, .top-frame .btn.search-form_submit:hover { background-color: #17009c; } .top-frame .btn.search-form_submit { border-color: #1a00ad; } .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 #000; } .top-frame .portlet-navigation .nav-menu ul a { color: #000; } .top-frame .portlet-navigation .nav-menu ul ul a { color: #000; } .top-frame .portlet-navigation .nav-menu > ul > li { color: #000; } .top-frame .events .event-highlight { font-size: 1.1em; border-top: solid 1px #1a00ad; } .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 #1a00ad; } .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: #1a00ad; display: block; position: relative; } .top-frame .events.event-search-portlet .event-list-wrapper > .span12 > .span3 { background: #1a00ad; } .top-frame .events.event-search-portlet .event-list-wrapper { border-color: #1a00ad; } .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: #1a00ad; 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 #1a00ad; border-right: 1px solid #1a00ad; border-left: 1px solid #1a00ad; background: white; } .top-frame .events.event-search-portlet .event-item-list h4, .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: #1a00ad; } .top-frame #scrollToTop { color: #fff; background: #1a00ad; } .top-frame #scrollToTop:hover { background: #17009c; } .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: #1a00ad; color: white !important; } .top-frame #banner .language-version-selection-portlet .lang-nav ul { background: #1a00ad; } .top-frame .media-item .small figure { float: left; margin-right: 1em; } .top-frame .media-item .dark-link { color: #000; } .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: #000; } .top-frame .media-item .meta { margin-bottom: em(5px); color: #000; font-size: .9em; } .top-frame .feed-item.simple .meta { color: #000; font-size: .9em; } .top-frame .feed-item.simple h6 a { color: #000; } .top-frame ul.position-nav li.selected { background: #1a00ad; } .top-frame ul.position-nav li.selected:hover { background-color: #1a00ad; } .top-frame .carousel .description { font-family: Helvetica,Arial,sans-serif; font-weight: normal; } .panel.border-top-emphasis { border-top: solid 4px #1a00ad; } .top-frame #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: #1a00ad; } .top-frame #banner a { color: #1a00ad; } .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 { vertical-align: middle; } .top-frame #banner nav ul[role="menubar"] { background-color: transparent; color: #454545; } .top-frame #banner nav ul[role="menubar"] li a:hover { background-color: darken(transparent, 10%); } .top-frame #banner nav ul[role="menubar"] li.selected { background-color: #1a00ad; color: white; } .top-frame #banner nav ul[role="menubar"] li.selected a { color: white; } .top-frame #banner nav ul[role="menubar"] li.selected a:hover { background-color: #17009c; } .top-frame #banner nav a { color: #454545; } .top-frame #banner nav.fixed { background: transparent; } .top-frame #footer { background-image: url(""); background-repeat: repeat; background-size: initial; background-position: center top; background-color: #1a00ad; color: #fff; } .top-frame #footer a { color: #fff; } .top-frame #footer .footer-bottom-bar { background-color: #1a00ad; } .top-frame body { background-color: #fff; background-image: url(""); background-position: center top; background-repeat: no-repeat; background-size: initial; background-attachment: scroll; } .top-frame .page-wrapper { max-width: 100%; margin: 0 auto; } .top-frame .layout-wrapper, .top-frame #main-content:not(.layout-wide) { background: transparent; padding-left: 0; padding-right: 0; } .top-frame .homepage .layout-wrapper-wide { background: #efefef; } .top-frame .homepage .layout-wrapper-wide *, .top-frame .homepage .layout-wrapper-wide .carousel-wrapper ul li h3 a .description { color: #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: 1240px; } .mobile-menu-actions { right: 0; } .mobile-menu-actions a.menu-icon { background: #fff; color: #000; } .mobile-menu-actions a { color: #1a00ad; } .mobile-menu-actions a.menu-icon { font-family: Helvetica,Arial,sans-serif; } .mobile-menu-actions a:active, .mobile-menu-actions a:focus, .mobile-menu-actions a:hover { color: #ff8700; } .mm-menu { border-color: #1a00ad; } .mm-menu a { color: white; } .mm-menu a:hover, .mm-menu a:focus { color: white; } @font-face { font-family: 'Gilroy-ExtraBold'; src: url('/documents/47074104/47631798/font.woff2') format('woff2'),url('/documents/47074104/47631798/font.woff') format('woff'); } .top-frame .page-wrapper { font-family: 'Crimson Text','Times New Roman',sans-serif,serif; font-size: 1.1875rem; } .top-frame .page-wrapper ul, .top-frame .page-wrapper ol, .top-frame .page-wrapper nav, .top-frame .page-wrapper strong { font-family: 'Gilroy-ExtraBold',Arial; } .top-frame .page-wrapper strong { font-weight: 800; color: #1a00ad; } .top-frame h1, .top-frame .h1 { font-size: 2.8125rem; margin-bottom: 1.5rem; } .top-frame h2, .top-frame .h2 { font-size: 2rem; } .top-frame h3, .top-frame .h3 { font-size: 1.3125rem; } .top-frame h2, .top-frame h3, .top-frame h4 { margin: 1.75rem 0 !important; } .top-frame h1, .top-frame h2, .top-frame h3, .top-frame h4, .top-frame h5, .top-frame h6, .top-frame .h1, .top-frame .h2, .top-frame .h3, .top-frame .h4, .top-frame .h5, .top-frame .h6 { font-family: 'Gilroy-ExtraBold',Arial; color: #1a00ad; white-space: normal; } .top-frame .journal-content-article a.yja-external-link:after, .top-frame footer a.yja-external-link:after { content: '\F08E'; font-family: 'fontawesome-alloy'; font-size: .85rem; font-weight: 700; display: inline-block; text-decoration: none; margin: 0 .5rem 0 0.25rem; position: relative; top: -4px; } .top-frame a[href^="mailto:"]:after, .top-frame .social-media-links a:after { display: none !important; } .top-frame a { transition: color .15s ease-in-out; } img { max-width: 100%; } p { margin-bottom: 1.5rem; line-height: 1.5; } .ingress { font-size: 1.25rem; } .project-status { color: #646464; font-family: 'Gilroy-ExtraBold',Arial; font-weight: 600; } .meta.bottom-meta { margin: 2rem 0; display: block; } .meta.bottom-meta .yja-tag { border: 2px solid #1a00ad; border-radius: 4px; color: #1a00ad; font-family: 'Gilroy-ExtraBold',Arial; font-weight: 700; padding: .5rem 1rem; text-transform: none; } .border-top-orange { margin-top: 1.5rem; } .border-top-orange:before { content: ''; display: block; width: 76px; border-bottom: 4px solid #ff8700; top: -0.5rem; left: 0; position: absolute; } header { border-bottom: 10px solid #1a00ad; } header .header-top-right-area { display: flex; } header .header-top-right-area .header-top-bar-links-right { color: #1a00ad; margin-left: auto; position: relative; top: unset; right: unset; } header .header-top-right-area .search-form { margin-left: 2rem; } header .header-top-right-area .search-form input { font-style: italic; border: 0; border-bottom: 1px solid #1a00ad; background: transparent; } header .header-top-right-area .search-form .search-form_submit { background: transparent; border: 0; border-radius: 50% !important; width: 38px; height: 38px; margin-left: 1rem; color: #1a00ad; padding: 0; position: relative; text-align: center; text-indent: -9999px; } header .header-top-right-area .search-form .search-query + .input-group-append:after { content: '\f002'; display: block; width: 38px; height: 38px; color: #1a00ad; font-family: 'fontawesome-alloy'; font-size: 1rem; text-align: center; position: absolute; top: 0; right: 0; background: #ff8700; border-radius: 50%; padding-top: 7px; } header .header-top-right-area .header-advanced-search-link { display: none; } header .main-nav { position: relative; } header .main-nav > ul { position: absolute; top: -4rem; right: 0; } header .main-nav li a:after { content: ''; display: block; height: 4px; background: #ff8700; margin-top: 3px; width: 0; transition: all .2s ease-in-out; } header .main-nav li a:hover:after, header .main-nav li a:focus:after { width: 100%; } header .main-nav li.selected { background-color: transparent !important; } header .main-nav li.selected a:after { width: 100%; } header .main-nav li.selected a:hover, header .main-nav li.selected a:focus { background-color: transparent !important; } header .main-nav a { color: #1a00ad !important; font-size: 1.25rem; font-weight: 600; } .top-frame footer .footer-main-content { padding: 2.66667em 20px 1rem !important; } .top-frame footer h2, .top-frame footer h3 { color: #fff !important; margin: 0 0 1rem !important; font-size: 1.1875rem; } .top-frame footer h3 { margin-bottom: 0 !important; font-size: 1rem; } .top-frame footer p { font-size: 1rem; } .top-frame footer ul { margin-left: 0; } .top-frame footer ul a { display: inline-block; margin-bottom: .5rem; } .top-frame footer ul span[class^="icon-"]:before, .top-frame footer ul span[class*=" icon-"]:before { color: #ff8700; font-size: 1.5rem; margin-right: .5rem; min-width: 30px; } .top-frame footer a:hover span[class^="icon-"], .top-frame footer a:hover span[class*=" icon-"] { text-decoration: none; } .top-frame footer .col:first-of-type img { max-width: 260px; } .top-frame footer .col:nth-of-type(2) ul a { font-size: 1.1875rem; font-weight: 600; } .top-frame footer .col:nth-of-type(2) ul a:before { content: ''; display: inline-block; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOSAxNy4zIj48cGF0aCBmaWxsPSIjZmY4NzAwIiBkPSJNMCA3LjloMTZMOS4zIDEuMSAxMC40IDAgMTkgOC42bC04LjYgOC43LTEuMS0xLjFMMTYgOS40SDB6Ii8+PC9zdmc+') no-repeat center; background-size: contain; height: 21px; width: 20px; margin-right: .5rem; } .top-frame footer .col span > p:last-of-type { margin-bottom: .25rem; } .top-frame footer .footer-bottom-bar .d-block { font-size: 1rem; border-top: 1px solid #fff; padding: 1.75rem 0.25rem 0; } .top-frame footer .footer-bottom-bar .d-block > span { display: flex; } .top-frame footer .footer-bottom-bar .d-block ul li { display: inline-block; margin-right: 2rem; } .top-frame footer .footer-bottom-bar .d-block ul li a:before { content: ''; display: inline-block; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOSAxNy4zIj48cGF0aCBmaWxsPSIjZmY4NzAwIiBkPSJNMCA3LjloMTZMOS4zIDEuMSAxMC40IDAgMTkgOC42bC04LjYgOC43LTEuMS0xLjFMMTYgOS40SDB6Ii8+PC9zdmc+') no-repeat center; background-size: contain; height: 21px; width: 20px; margin-right: .5rem; margin-bottom: -5px; } .top-frame footer .footer-bottom-bar .d-block p { margin-left: auto; min-width: 5rem; text-align: right; } .top-frame footer .footer-bottom-bar .d-block strong { color: #fff; } .article-lead { background: #f3f2fb; padding: 2rem 0; position: relative; margin-bottom: 2rem; } .article-lead:after { content: ''; background: #f3f2fb; width: 100vw; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: -1; } .journal-content-article .article-attachments ul { margin: 0; padding-left: 2rem; } .journal-content-article .article-attachments ul a:before { margin-left: -2rem; } .journal-content-article .article-attachments ul li { line-height: 1.5; margin-bottom: 1rem; } .journal-content-article .article-attachments ul li:last-of-type { margin-bottom: 0; } .article-attachments { background: #fff3e5; padding: 1.5rem; position: relative; margin: 5rem 0; } .article-attachments:before { content: ''; display: block; width: 76px; border-bottom: 4px solid #ff8700; top: -2.5rem; left: 0; position: absolute; } .article-attachments ul { margin: 0; } .article-attachments a { font-weight: 600; } .article-attachments a:before { content: ''; display: inline-block; vertical-align: text-bottom; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTkuNSAyMC4yIj48ZGVmcz48cGF0aCBpZD0iYSIgZD0iTTkuMSAwdjEzLjZsLTQuMy00LS44IDFMOS44IDE2bDUuOC01LjQtLjktMS00LjMgNFYweiIvPjwvZGVmcz48Y2xpcFBhdGggaWQ9ImIiPjx1c2UgeGxpbms6aHJlZj0iI2EiIG92ZXJmbG93PSJ2aXNpYmxlIi8+PC9jbGlwUGF0aD48ZyBjbGlwLXBhdGg9InVybCgjYikiPjxkZWZzPjxwYXRoIGlkPSJjIiBkPSJNLTY1LjItMjAxNy4yaDEyNDB2Mjg5MWgtMTI0MHoiLz48L2RlZnM+PGNsaXBQYXRoIGlkPSJkIj48dXNlIHhsaW5rOmhyZWY9IiNjIiBvdmVyZmxvdz0idmlzaWJsZSIvPjwvY2xpcFBhdGg+PHBhdGggY2xpcC1wYXRoPSJ1cmwoI2QpIiBmaWxsPSIjMWEwMGFkIiBkPSJNLTEtNWgyMS42djI2SC0xeiIvPjwvZz48Zz48ZGVmcz48cGF0aCBpZD0iZSIgZD0iTTE5LjUgNS4zaC01Ljl2MS4zaDQuN3YxMi4zaC0xN3YtMTJoNC42VjUuNkgwdjE0LjZoMTkuNXoiLz48L2RlZnM+PGNsaXBQYXRoIGlkPSJmIj48dXNlIHhsaW5rOmhyZWY9IiNlIiBvdmVyZmxvdz0idmlzaWJsZSIvPjwvY2xpcFBhdGg+PGcgY2xpcC1wYXRoPSJ1cmwoI2YpIj48ZGVmcz48cGF0aCBpZD0iZyIgZD0iTS02NS4yLTIwMTcuMmgxMjQwdjI4OTFoLTEyNDB6Ii8+PC9kZWZzPjxjbGlwUGF0aCBpZD0iaCI+PHVzZSB4bGluazpocmVmPSIjZyIgb3ZlcmZsb3c9InZpc2libGUiLz48L2NsaXBQYXRoPjxwYXRoIGNsaXAtcGF0aD0idXJsKCNoKSIgZmlsbD0iIzFhMDBhZCIgZD0iTS01IC4zaDI5LjV2MjQuOUgtNXoiLz48L2c+PC9nPjwvc3ZnPg==') no-repeat center; background-size: cover; height: 21px; width: 20px; margin-right: .5rem; } .journal-content-article ul, .related-content ul, .journal-content-article ol, .related-content ol { color: #1a00ad; font-size: 1.1875rem; line-height: 1.5; font-weight: 600; margin: 2rem 0 2rem 3rem; padding: 0; } .journal-content-article ul li, .related-content ul li, .journal-content-article ol li, .related-content ol li { margin-bottom: 1rem; } .meta-top { margin-bottom: 1rem; } .meta-top strong { color: inherit; } .meta strong { color: inherit !important; font-family: 'Crimson Text','Times New Roman',sans-serif,serif !important; } .top-frame .authors { margin-bottom: 1rem; font-weight: 400; } .top-frame .authors strong { font-weight: 600; color: #646464; font-family: 'Gilroy-ExtraBold',Arial; } blockquote { color: #1a00ad; font-size: 1.5rem !important; font-weight: 600; font-style: normal; margin: 3rem 2rem; } blockquote p { font-style: normal; } blockquote a { text-decoration: underline; } blockquote:after { content: ''; display: block; width: 76px; border-bottom: 4px solid #ff8700; } .read-more { color: #1a00ad; font-weight: 600; font-family: 'Gilroy-ExtraBold',Arial; } .rotate-icon:before { transform: rotate(180deg); } .custom-arrow-icon:before { content: ''; display: inline-block; vertical-align: text-bottom; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOSAxNy4zIj48cGF0aCBmaWxsPSIjMWEwMGFkIiBkPSJNMCA3LjloMTZMOS4zIDEuMSAxMC40IDAgMTkgOC42bC04LjYgOC43LTEuMS0xLjFMMTYgOS40SDB6Ii8+PC9zdmc+') no-repeat center; background-size: contain; height: 21px; width: 20px; margin-right: .5rem; } .article-publication .article-attachments { background: transparent; padding: 0 1.5rem 0 0; } .article-publication .meta-top .published-date { margin-bottom: 1rem; font-size: 1rem; } .article-publication .meta-top .authors { margin-bottom: 1rem; font-weight: 400; } .article-publication .meta-top .authors strong { font-weight: 600; color: #646464 !important; font-family: 'Gilroy-ExtraBold',Arial !important; } section#content { padding: 0; } .top-frame #content { overflow: hidden; padding-top: 0; margin-bottom: 0; } .layout-wide { padding: 0; } .top-frame #main-content.layout-wide { padding: 0; } .top-frame .columns-max { max-width: 1240px !important; margin: 0 auto !important; } .login-container { max-width: 940px; margin: 0 auto; } .top-frame .layout-wrapper:last-of-type { max-width: 100%; } .top-frame .homepage .columns-1 .portlet-column-content > div:nth-of-type(odd) { background: #f3f2fb; position: relative; } .top-frame .homepage .columns-1 .portlet-column-content > div:nth-of-type(odd):before, .top-frame .homepage .columns-1 .portlet-column-content > div:nth-of-type(odd):after { content: ''; display: block; width: 100vw; height: 100%; position: absolute; top: 0; background: #f3f2fb; z-index: -1; } .top-frame .homepage .columns-1 .portlet-column-content > div:nth-of-type(odd):before { left: -100%; } .top-frame .homepage .columns-1 .portlet-column-content > div:nth-of-type(odd):after { left: 100%; } .top-frame .homepage .portlet-layout .portlet-column-only .portlet-boundary { max-width: 1240px; margin: 0 auto; } .top-frame .homepage .portlet-layout .portlet-column-only .portlet-boundary:last-of-type { max-width: none; } .top-frame .homepage #main-content { max-width: none; } .article-feed ul { margin-left: 0 !important; } .article-feed ul li:nth-of-type(3n+1) { margin-left: 0 !important; } .article-feed .meta { font-size: 1rem; } .article-feed .article { margin-bottom: 3rem; } .article-feed .article .title { font-size: 1.5rem; margin: .5rem 0 1rem !important; } .article-feed .article a { display: flex; flex-flow: column; height: 100%; color: #000; font-family: 'Crimson Text','Times New Roman',sans-serif,serif; } .article-feed .article a:hover, .article-feed .article a:focus { color: #000; text-decoration: none; } .article-feed .article a:hover .title, .article-feed .article a:focus .title { text-decoration: underline; } .article-feed .article a:hover .read-more, .article-feed .article a:focus .read-more { text-decoration: underline; font-family: 'Gilroy-ExtraBold',Arial; } .article-feed .article a .meta { font-weight: 400; } .article-feed .article a .meta strong { font-weight: 600; } .article-feed .article a .authors { font-weight: 400; } .article-feed .article a .authors strong { font-weight: 600; color: #646464; } .article-feed .article a p { font-weight: 400; } .article-feed .article a .footer { margin-top: auto; } .article-feed .article .article-image { overflow: hidden; padding-top: 71.43%; position: relative; margin-bottom: 1.25rem; background: rgba(221,221,221,0.15); } .article-feed .article .article-image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; height: 100%; width: 100%; } .article-feed img { margin-bottom: 1rem; } article + .article-feed a .authors strong { color: #646464; font-weight: 600; } article + .article-feed a .meta, article + .article-feed a .authors, article + .article-feed a p { color: #000; font-weight: 400; } .purple-background { background: #f3f2fb; padding: 2rem 0; position: relative; margin-bottom: 2rem; } .purple-background:before, .purple-background:after { content: ''; display: block; width: 100vw; height: 100%; position: absolute; top: 0; background: #f3f2fb; z-index: -1; } .purple-background:before { left: -100%; } .purple-background:after { left: 100%; } .partners-list { display: flex; flex-wrap: wrap; flex-direction: row; margin-left: -1rem !important; margin-right: -1rem !important; } .partners-list .item { padding: 0 1rem; flex: 0 0 100%; max-width: 100%; } .partners-list .item img { margin-bottom: 1.5rem; } .partners-list .item span { margin-top: auto; } .partners-list .item a { background: #fff; box-shadow: 0px 0 12px rgba(0,0,0,0.4); padding: 1.25rem; text-align: center; display: flex; flex-direction: column; height: 100%; } .category-navigation li { display: inline-block; } .category-navigation a { line-height: 1; margin-right: .5rem; margin-bottom: .5rem; } .tabs-categories .tab { margin-bottom: .5rem; } .tabs-categories > ul { margin: .5rem 0 .25rem; } .nav-pills > li { margin-right: .5rem; } .nav-pills > li.active > a { background: #1a00ad; } .nav-pills > li > a { color: #1a00ad; background-color: transparent; background-image: none; border: 2px solid #1a00ad; font-weight: 600; font-size: 0.875rem; border-radius: 4px; transition: all .2s ease-in-out; } .nav-pills > li > a:hover, .nav-pills > li > a:focus, .nav-pills > li > a:active { background-color: #1a00ad !important; color: #fff; border-color: #1a00ad !important; } .nav-pills > li > a:active { color: #ff8700 !important; } .top-divider { margin-top: 2rem; position: relative; } .top-divider:before { content: ''; display: block; width: 76px; border-top: 4px solid #ff8700; top: -2rem; left: 0; right: auto; position: absolute; } .top-divider.no-margin { margin-top: 0; margin-bottom: 0; } .top-divider.no-margin:before { top: 0; } .top-frame .btn { position: relative; font-family: 'Gilroy-ExtraBold',Arial; font-size: 1rem; padding: 0.66667rem 1.75rem; white-space: normal; } .top-frame .btn.top-divider:before { left: auto; right: 0; } .top-frame .btn-outline-primary { color: #1a00ad; background-color: transparent; background-image: none; border: 2px solid #1a00ad; font-weight: 600; border-radius: 4px; transition: all .2s ease-in-out; } .top-frame .btn-outline-primary:hover, .top-frame .btn-outline-primary:focus, .top-frame .btn-outline-primary:active { background-color: #1a00ad !important; color: #fff; border-color: #1a00ad !important; } .top-frame .btn-outline-primary:active { color: #ff8700 !important; } .top-frame .btn.active { color: #fff; background: #1a00ad !important; border-color: #1a00ad !important; } .top-frame .breadcrumb { margin-left: 0; font-family: 'Crimson Text','Times New Roman',sans-serif,serif !important; font-size: 1rem; } .top-frame .breadcrumb > li + li::before { color: #1a00ad; font-weight: 600; } .top-frame .breadcrumb .active { color: #646464; } .top-frame .breadcrumb a { font-weight: 600; } .profile-picture { display: inline-block; } .profile-picture img { margin-bottom: 0; } .rounded-circle { overflow: hidden; } .journal-content-article .contact-details { color: inherit; font-size: inherit; font-weight: inherit; margin-left: 0; font-family: 'Crimson Text','Times New Roman',sans-serif,serif !important; } .contact-details .email, .contact-details .telephone { color: #1a00ad; font-weight: 600; font-size: 1.1875rem; margin-right: 1rem; font-family: 'Gilroy-ExtraBold',Arial; } .contact-details > div { font-family: 'Crimson Text','Times New Roman',sans-serif,serif; } .contact-details li { margin-right: 1.5rem !important; } .contact-details .social-media-links { margin-top: 1rem; } .social-media-links { font-family: 'Crimson Text','Times New Roman',sans-serif,serif !important; font-weight: 400; } .social-media-links li { font-weight: 400; margin-right: 1.5rem !important; } .social-media-links li a { display: inline-block !important; color: #1a00ad !important; } .social-media-links li span { color: #1a00ad !important; margin-right: .75rem !important; } .back-to-link { font-family: 'Gilroy-ExtraBold',Arial; font-weight: 600; background: #f3f2fb; position: relative; padding: 1rem 0; margin-bottom: 2rem; } .back-to-link:before, .back-to-link:after { content: ''; display: block; width: 100vw; height: 100%; position: absolute; top: 0; background: #f3f2fb; z-index: -1; } .back-to-link:before { left: -100%; } .back-to-link:after { left: 100%; } .list-people .row .col-md-6 { max-width: 100%; flex: 0 0 100%; } .list-people .article { display: flex; flex-wrap: wrap; } .list-people .article .footer { display: flex; flex: 0 0 100%; margin-top: 2rem; } .list-people li.article:nth-of-type(2n+1) { margin-left: 0 !important; } .list-people .profile-picture { width: 100%; height: auto; } .list-people .profile-picture .rounded-circle { overflow: hidden; width: 100%; height: 100%; max-width: 150px; max-height: 150px; position: relative; margin: 0 0rem 2rem 0; } .list-people .profile-picture .rounded-circle img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .list-people .person-details { width: 100%; margin-left: 0; } .list-people .person-details .title { margin-top: .25rem !important; margin-bottom: .5rem !important; } .list-people .person-details p { color: #646464; margin-bottom: .75rem !important; font-family: 'Gilroy-ExtraBold',Arial; } ul.people .article .row > div { padding: 0 1.25rem 0 0; } ul.people .article .rounded-circle { padding-top: 100%; position: relative; } ul.people .article .rounded-circle img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } ul.people li { font-family: 'Crimson Text','Times New Roman',sans-serif,serif; } .henkilokortti .profile-picture { height: 100%; width: 100%; } .henkilokortti .profile-picture .rounded-circle { position: relative; height: 100%; max-height: 256px; max-width: 256px; height: 256px; margin-bottom: 2rem; } .henkilokortti .profile-picture .rounded-circle img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .henkilokortti .contact-details { margin-bottom: 0; } .henkilokortti .social-media-links { margin-top: 0; } .henkilokortti + .tabs-categories > ul { margin: 1rem 0 .25rem; } .controls-hidden .portlet-topper { display: none; } .process-list { margin: 3rem 0; } .process-list .main-title { margin-bottom: 2rem; } .process-list ol { column-count: 2; counter-reset: section; list-style: none; padding-left: 0; margin: 2rem 0px 2rem 2rem; font-size: 1.1875rem; font-family: 'Crimson Text','Times New Roman',sans-serif,serif !important; font-weight: 400 !important; color: #000; } .process-list ol a { color: #000; } .process-list ol li { position: relative; vertical-align: top; margin-left: 2rem; margin-bottom: 0; padding-bottom: 2rem; display: inline-block; max-width: calc(100% - 6rem); } .process-list ol li:last-of-type { border-left: 0; } .process-list ol li:after { content: ''; display: table; clear: both; } .process-list ol li:before { counter-increment: section; content: counter(section); display: block; float: left; width: 50px; height: 50px; margin-left: -4rem; font-family: 'Gilroy-ExtraBold',Arial; font-size: 1.75rem; line-height: 1.75; text-align: center; color: #1a00ad; border: 1px solid #ff8700; border-radius: 50%; background: #ff8700; } .row.reversed div:first-child { order: 2; } .row.reversed div:nth-child(2) { margin-left: 0; } .homepage .lift.article-lead { padding: 5rem 0; } .newsletter-lift { background-size: cover !important; padding: 6rem 20px; } .newsletter-lift .wrapper { margin: 0 auto; max-width: 1040px; text-align: center; } .newsletter-lift .text-content, .newsletter-lift .button-content { display: inline-block; } .newsletter-lift .button-content { vertical-align: super; } .newsletter-lift h2, .newsletter-lift h3, .newsletter-lift h4 { display: inline-block; } .newsletter-lift h2, .newsletter-lift h3, .newsletter-lift h4, .newsletter-lift p { color: #fff; } .newsletter-lift .btn-outline-primary { color: #fff; border-color: #fff; } .newsletter-lift .btn-outline-primary:hover, .newsletter-lift .btn-outline-primary:focus { background-color: #fff !important; border-color: #fff !important; color: #1a00ad; } .newsletter-lift .content-center { display: flex; flex-direction: column; justify-content: center; } .newsletter-lift .content-center .text-content { margin: 0; } .newsletter-lift .content-center .text-content img { max-width: 280px !important; margin-bottom: 2rem; } .top-frame .fessWrapper .searchButton { line-height: 1 !important; } .top-frame .fessWrapper #result > div { margin-bottom: 1.5rem !important; } .top-frame .fessWrapper .fessResult .title.media-heading { margin-top: 0.15rem !important; margin-bottom: 0.15rem !important; } .top-frame .fessWrapper .fessResult .title.media-heading a { color: #1a00ad !important; } .top-frame .fessWrapper .fessResult strong { text-decoration: underline !important; } .top-frame .fessWrapper .fessResult .description { font-weight: 400 !important; font-family: 'Crimson Text','Times New Roman',sans-serif,serif !important; font-size: 1.1875rem !important; margin-bottom: .5rem; display: block; } .top-frame .fessWrapper .fessResult .site cite { font-size: 15px !important; font-style: normal !important; font-weight: 600 !important; color: #979797 !important; font-family: 'Crimson Text','Times New Roman',sans-serif,serif !important; } .top-frame .fessWrapper .fessResult #searchResultList li { padding-bottom: 1.0rem !important; margin-bottom: 1rem !important; } .top-frame .fessWrapper .fessResult .pagination a { color: #1a00ad !important; } .top-frame .fessWrapper .fessResult .pagination .active a { color: #fff !important; background: #1a00ad !important; border-color: #1a00ad !important; } .top-frame #menu .mm-panels .mm-panel, .top-frame .mm-navbar { background: #1a00ad !important; } .top-frame .mm-listitem_selected > .mm-listitem__text { background: rgba(0,0,0,0.4) !important; } .top-frame .signed-out .portlet-boundary.portlet-barebone .portlet:hover .portlet-header:not(.use-custom-title) { position: relative !important; } .mobile-menu-actions { right: 1rem !important; top: 20px; } .mobile-menu-actions a.menu-icon { color: #1a00ad; font-size: 11px; overflow: unset; } .mobile-menu-actions a.menu-icon i { font-size: 1.5rem; } .top-frame .carousel-wrapper { overflow: visible; } .carousel-wrapper { touch-action: manipulation; } .owl-item { margin: 0 25px; } .owl-nav button { position: relative; width: 30px; height: 60px; border: 0; border-bottom: 0; background: #ff8700; color: #1a00ad; font-size: 3rem; line-height: 1; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .owl-nav button.disabled { display: none; } .owl-nav button span { position: absolute; } .owl-nav button .custom-arrow-icon:before { margin: 0 0 15px -4px; } .owl-nav .owl-prev { border-bottom-right-radius: 100px; border-top-right-radius: 100px; left: -20px; } .owl-nav .owl-prev span { margin: -28px 0 0 -6px; } .owl-nav .owl-next { border-bottom-left-radius: 100px; border-top-left-radius: 100px; right: -20px; } .owl-nav .owl-next span { margin: -28px 0px 0 -4px; } @media (min-width: 768px) and (max-width: 979px) { .top-frame .logo img { margin-bottom: 2rem; } } @media (max-width: 1278px) { .top-frame #content { padding: 0 1em; } } @media (max-width: 767px) { .top-frame h1, .top-frame .h1 { font-size: 2.05rem; } .top-frame h2, .top-frame .h2 { font-size: 1.65rem; } header .header-top-right-area { flex-wrap: wrap; } header .header-top-right-area .header-top-bar-links-right { margin: .5rem auto 0; } header .header-top-right-area .search-form { margin: 0 auto 0; } .article-lead .container { padding: 0; } .article-lead img { margin-bottom: 2.5rem; } .journal-content-article ul, .related-content ul, .journal-content-article ol, .related-content ol { margin-left: 1.5rem; } .layout-wide .container { padding: 0; } .list-people .profile-picture .rounded-circle { height: 150px; width: 150px; padding-top: 0 !important; } } @media (min-width: 768px) { header .header-top-left-cell { max-width: 30%; flex: 0 0 30%; } header .header-top-right-cell { max-width: 70%; flex: 0 0 70%; margin-left: 0; } .top-frame footer .col { padding: 0 0 0 2rem !important; border-left: 1px solid #fff; } .top-frame footer .col:first-child { margin-left: 0; border-left: 0; padding-left: 0 !important; } .list-people .article:nth-of-type(2n+2) { margin-left: 2.5641% !important; } .row.reversed div:first-child { margin-left: 2.5641%; } .newsletter-lift .text-content { margin-right: 3rem; } } @media (max-width: 1023px) { .top-frame footer .container { max-width: 100%; } } @media (min-width: 540px) and (max-width: 767px) { .top-frame footer .col { flex: 0 0 50%; max-width: 50%; margin-bottom: 3rem; border-left: 1px solid #fff; padding-left: 2rem; } .top-frame footer .col:first-of-type { padding-right: 3rem; padding-left: 0; border-left: 0; } .top-frame footer .col:nth-of-type(3) { padding-left: 0; border-left: 0; } } @media (max-width: 539px) { .top-frame footer .col { flex: 0 0 100%; max-width: 100%; margin-bottom: 3rem; } } @media (max-width: 639px) { .top-frame footer .footer-bottom-bar .d-block > span { flex-direction: column; } .top-frame footer .footer-bottom-bar .d-block > span p { text-align: left; margin-left: unset; } } @media (min-widht: 980px) and (max-widht: 1260px) { .layout-wrapper-wide-container, .layout-wrapper { padding: 0 20px; } } @media (min-width: 640px) { .partners-list .item { flex: 0 0 50%; max-width: 50%; } .newsletter-lift { padding: 6rem; } } @media (min-width: 980px) { .partners-list .item { flex: 0 0 25%; max-width: 25%; } } @media (min-width: 920px) { .list-people .row .col-md-6 { max-width: 48.71795%; flex: 0 0 48.71795%; } } @media (min-width: 480px) { .list-people .profile-picture { width: 150px; height: 100%; } .list-people .person-details { width: calc(100% - 150px - 3rem); margin-left: 3rem; } } @media (max-width: 679px) { .process-list ol { column-count: 1; } } @media (max-width: 640px) { .process-list ol li { margin-left: 0rem; padding-left: 43px; max-width: calc(100% - 1rem); } .process-list ol li:before { width: 40px; height: 40px; font-size: 1.35rem; } } @media (max-width: 979px) { .newsletter-lift { width: calc(100% + 40px); margin-left: -20px; } }