.top-frame body { font-size: 100%; color: #454545; font-family: Helvetica,Arial,sans-serif; line-height: 1.4; } .top-frame a { color: #00458d; } .top-frame a:hover, .top-frame a:focus { color: #017cfb; } .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: #00458d; 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 #0c7f96; background: #0c7f96; color: #fff; } .top-frame .btn.btn-default:hover { background: #1a8897; } .top-frame .btn.btn-primary, .top-frame .btn.search-form_submit { background-color: #0c7f96; color: white; } .top-frame .btn.btn-primary:hover, .top-frame .btn.search-form_submit:hover { background-color: #0b7287; } .top-frame .btn.search-form_submit { border-color: #0c7f96; } .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 #454545; } .top-frame .portlet-navigation .nav-menu ul a { color: #454545; } .top-frame .portlet-navigation .nav-menu ul ul a { color: #4c4c4c; } .top-frame .portlet-navigation .nav-menu > ul > li { color: #4c4c4c; } .top-frame .events .event-highlight { font-size: 1.1em; border-top: solid 1px #0c7f96; } .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 #0c7f96; } .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: #00458d; display: block; position: relative; } .top-frame .events.event-search-portlet .event-list-wrapper > .span12 > .span3 { background: #0c7f96; } .top-frame .events.event-search-portlet .event-list-wrapper { border-color: #0c7f96; } .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: #0c7f96; 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 #0c7f96; border-right: 1px solid #0c7f96; border-left: 1px solid #0c7f96; 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: #00458d; } .top-frame #scrollToTop { color: #fff; background: #0c7f96; } .top-frame #scrollToTop:hover { background: #0b7287; } .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: #0c7f96; color: white !important; } .top-frame #banner .language-version-selection-portlet .lang-nav ul { background: #0c7f96; } .top-frame .media-item .small figure { float: left; margin-right: 1em; } .top-frame .media-item .dark-link { color: #454545; } .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: #00458d; } .top-frame .media-item .meta { margin-bottom: em(5px); color: #535353; font-size: .9em; } .top-frame .feed-item.simple .meta { color: #535353; font-size: .9em; } .top-frame .feed-item.simple h6 a { color: #454545; } .top-frame ul.position-nav li.selected { background: #0c7f96; } .top-frame ul.position-nav li.selected:hover { background-color: #0c7f96; } .top-frame .carousel .description { font-family: Helvetica,Arial,sans-serif; font-weight: normal; } .panel.border-top-emphasis { border-top: solid 4px #0c7f96; } .top-frame #banner { background-repeat: no-repeat; background-size: cover; background-position: center top; background-color: transparent; background-image: url('data:image/svg+xml,data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg"/%3E'); color: #fff; } .top-frame #banner a { color: #fff; } .top-frame #heading { height: auto; padding: 0; } .top-frame #heading .yja-site-template-settings-header-portlet { height: 100%; } .top-frame #heading .yja-site-template-settings-header-portlet .portlet-borderless-container, .top-frame #heading .yja-site-template-settings-header-portlet .portlet-body, .top-frame #heading .yja-site-template-settings-header-portlet .header-row { height: 100%; } .top-frame #heading .yja-site-template-settings-header-portlet .header-top-left-cell, .top-frame #heading .yja-site-template-settings-header-portlet .header-top-right-cell { align-self: center; } .top-frame #banner nav ul.site-theme__navigation { background-color: #fff; color: #454545; } .top-frame #banner nav ul.site-theme__navigation li a:hover { background-color: #e6e6e6; } .top-frame #banner nav ul.site-theme__navigation li.selected { background-color: #0c7f96; 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: #0b7287; } .top-frame #banner nav a { color: #454545; } .top-frame #banner nav.fixed { background: #fff; } .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: #666; color: #fff; } .top-frame #footer a { color: #fff; } .top-frame #footer .footer-bottom-bar { background-color: #545454; } .top-frame body { background-color: #fff; background-image: url('data:image/svg+xml,data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg"/%3E'); background-position: center top; background-repeat: no-repeat; background-size: initial; background-attachment: scroll; } .top-frame .page-wrapper { max-width: 100%; margin: 0 auto; } .top-frame .layout-wrapper, .top-frame #main-content:not(.layout-wide) { background: transparent; padding-left: 0; padding-right: 0; } .top-frame .homepage .layout-wrapper-wide { background: #efefef; } .top-frame .homepage .layout-wrapper-wide *, .top-frame .homepage .layout-wrapper-wide .carousel-wrapper ul li h3 a .description { color: #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: #454545; } .mobile-menu-actions a { color: #00458d; } .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: #017cfb; } .mm-menu { border-color: #0c7f96; } .mm-menu a { color: white; } .mm-menu a:hover, .mm-menu a:focus { color: white; } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src: url('/o/common-ui-resources/fonts/lato/Light/lato-v23-latin-ext_latin-300.eot?t=1663654956'); src: local(''),url('/o/common-ui-resources/fonts/lato/Light/lato-v23-latin-ext_latin-300.eot?t=1663654956?#iefix') format('embedded-opentype'),url('/o/common-ui-resources/fonts/lato/Light/lato-v23-latin-ext_latin-300.woff2?t=1663654956') format('woff2'),url('/o/common-ui-resources/fonts/lato/Light/lato-v23-latin-ext_latin-300.woff?t=1663654956') format('woff'),url('/o/common-ui-resources/fonts/lato/Light/lato-v23-latin-ext_latin-300.ttf?t=1663654956') format('truetype'),url('/o/common-ui-resources/fonts/lato/Light/lato-v23-latin-ext_latin-300.svg?t=1663654956#Lato') format('svg'); } @font-face { font-family: 'Lato'; font-style: italic; font-weight: 300; src: url('/o/common-ui-resources/fonts/lato/LightItalic/lato-v23-latin-ext_latin-300italic.eot?t=1663654956'); src: local(''),url('/o/common-ui-resources/fonts/lato/LightItalic/lato-v23-latin-ext_latin-300italic.eot?t=1663654956?#iefix') format('embedded-opentype'),url('/o/common-ui-resources/fonts/lato/LightItalic/lato-v23-latin-ext_latin-300italic.woff2?t=1663654956') format('woff2'),url('/o/common-ui-resources/fonts/lato/LightItalic/lato-v23-latin-ext_latin-300italic.woff?t=1663654956') format('woff'),url('/o/common-ui-resources/fonts/lato/LightItalic/lato-v23-latin-ext_latin-300italic.ttf?t=1663654956') format('truetype'),url('/o/common-ui-resources/fonts/lato/LightItalic/lato-v23-latin-ext_latin-300italic.svg?t=1663654956#Lato') format('svg'); } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: url('/o/common-ui-resources/fonts/lato/Regular/lato-v23-latin-ext_latin-regular.eot?t=1663654956'); src: local(''),url('/o/common-ui-resources/fonts/lato/Regular/lato-v23-latin-ext_latin-regular.eot?t=1663654956?#iefix') format('embedded-opentype'),url('/o/common-ui-resources/fonts/lato/Regular/lato-v23-latin-ext_latin-regular.woff2?t=1663654956') format('woff2'),url('/o/common-ui-resources/fonts/lato/Regular/lato-v23-latin-ext_latin-regular.woff?t=1663654956') format('woff'),url('/o/common-ui-resources/fonts/lato/Regular/lato-v23-latin-ext_latin-regular.ttf?t=1663654956') format('truetype'),url('/o/common-ui-resources/fonts/lato/Regular/lato-v23-latin-ext_latin-regular.svg?t=1663654956#Lato') format('svg'); } @font-face { font-family: 'Lato'; font-style: italic; font-weight: 400; src: url('/o/common-ui-resources/fonts/lato/Italic/lato-v23-latin-ext_latin-italic.eot?t=1663654956'); src: local(''),url('/o/common-ui-resources/fonts/lato/Italic/lato-v23-latin-ext_latin-italic.eot?t=1663654956?#iefix') format('embedded-opentype'),url('/o/common-ui-resources/fonts/lato/Italic/lato-v23-latin-ext_latin-italic.woff2?t=1663654956') format('woff2'),url('/o/common-ui-resources/fonts/lato/Italic/lato-v23-latin-ext_latin-italic.woff?t=1663654956') format('woff'),url('/o/common-ui-resources/fonts/lato/Italic/lato-v23-latin-ext_latin-italic.ttf?t=1663654956') format('truetype'),url('/o/common-ui-resources/fonts/lato/Italic/lato-v23-latin-ext_latin-italic.svg?t=1663654956#Lato') format('svg'); } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: url('/o/common-ui-resources/fonts/lato/Bold/lato-v23-latin-ext_latin-700.eot?t=1663654956'); src: local(''),url('/o/common-ui-resources/fonts/lato/Bold/lato-v23-latin-ext_latin-700.eot?t=1663654956?#iefix') format('embedded-opentype'),url('/o/common-ui-resources/fonts/lato/Bold/lato-v23-latin-ext_latin-700.woff2?t=1663654956') format('woff2'),url('/o/common-ui-resources/fonts/lato/Bold/lato-v23-latin-ext_latin-700.woff?t=1663654956') format('woff'),url('/o/common-ui-resources/fonts/lato/Bold/lato-v23-latin-ext_latin-700.ttf?t=1663654956') format('truetype'),url('/o/common-ui-resources/fonts/lato/Bold/lato-v23-latin-ext_latin-700.svg?t=1663654956#Lato') format('svg'); } @font-face { font-family: 'Lato'; font-style: italic; font-weight: 700; src: url('/o/common-ui-resources/fonts/lato/BoldItalic/lato-v23-latin-ext_latin-700italic.eot?t=1663654956'); src: local(''),url('/o/common-ui-resources/fonts/lato/BoldItalic/lato-v23-latin-ext_latin-700italic.eot?t=1663654956?#iefix') format('embedded-opentype'),url('/o/common-ui-resources/fonts/lato/BoldItalic/lato-v23-latin-ext_latin-700italic.woff2?t=1663654956') format('woff2'),url('/o/common-ui-resources/fonts/lato/BoldItalic/lato-v23-latin-ext_latin-700italic.woff?t=1663654956') format('woff'),url('/o/common-ui-resources/fonts/lato/BoldItalic/lato-v23-latin-ext_latin-700italic.ttf?t=1663654956') format('truetype'),url('/o/common-ui-resources/fonts/lato/BoldItalic/lato-v23-latin-ext_latin-700italic.svg?t=1663654956#Lato') format('svg'); } @font-face { font-family: 'Arvo'; font-style: normal; font-weight: 400; src: url('/o/common-ui-resources/fonts/arvo/Regular/arvo-v20-latin-regular.eot?t=1663654956'); src: local(''),url('/o/common-ui-resources/fonts/arvo/Regular/arvo-v20-latin-regular.eot?t=1663654956?#iefix') format('embedded-opentype'),url('/o/common-ui-resources/fonts/arvo/Regular/arvo-v20-latin-regular.woff2?t=1663654956') format('woff2'),url('/o/common-ui-resources/fonts/arvo/Regular/arvo-v20-latin-regular.woff?t=1663654956') format('woff'),url('/o/common-ui-resources/fonts/arvo/Regular/arvo-v20-latin-regular.ttf?t=1663654956') format('truetype'),url('/o/common-ui-resources/fonts/arvo/Regular/arvo-v20-latin-regular.svg?t=1663654956#Arvo') format('svg'); } @font-face { font-family: 'Arvo'; font-style: italic; font-weight: 400; src: url('/o/common-ui-resources/fonts/arvo/Italic/arvo-v20-latin-italic.eot?t=1663654956'); src: local(''),url('/o/common-ui-resources/fonts/arvo/Italic/arvo-v20-latin-italic.eot?t=1663654956?#iefix') format('embedded-opentype'),url('/o/common-ui-resources/fonts/arvo/Italic/arvo-v20-latin-italic.woff2?t=1663654956') format('woff2'),url('/o/common-ui-resources/fonts/arvo/Italic/arvo-v20-latin-italic.woff?t=1663654956') format('woff'),url('/o/common-ui-resources/fonts/arvo/Italic/arvo-v20-latin-italic.ttf?t=1663654956') format('truetype'),url('/o/common-ui-resources/fonts/arvo/Italic/arvo-v20-latin-italic.svg?t=1663654956#Arvo') format('svg'); } @font-face { font-family: 'Arvo'; font-style: italic; font-weight: 700; src: url('/o/common-ui-resources/fonts/arvo/BoldItalic/arvo-v20-latin-700italic.eot?t=1663654956'); src: local(''),url('/o/common-ui-resources/fonts/arvo/BoldItalic/arvo-v20-latin-700italic.eot?t=1663654956?#iefix') format('embedded-opentype'),url('/o/common-ui-resources/fonts/arvo/BoldItalic/arvo-v20-latin-700italic.woff2?t=1663654956') format('woff2'),url('/o/common-ui-resources/fonts/arvo/BoldItalic/arvo-v20-latin-700italic.woff?t=1663654956') format('woff'),url('/o/common-ui-resources/fonts/arvo/BoldItalic/arvo-v20-latin-700italic.ttf?t=1663654956') format('truetype'),url('/o/common-ui-resources/fonts/arvo/BoldItalic/arvo-v20-latin-700italic.svg?t=1663654956#Arvo') format('svg'); } @font-face { font-family: 'Arvo'; font-style: normal; font-weight: 700; src: url('/o/common-ui-resources/fonts/arvo/Bold/arvo-v20-latin-700.eot?t=1663654956'); src: local(''),url('/o/common-ui-resources/fonts/arvo/Bold/arvo-v20-latin-700.eot?t=1663654956?#iefix') format('embedded-opentype'),url('/o/common-ui-resources/fonts/arvo/Bold/arvo-v20-latin-700.woff2?t=1663654956') format('woff2'),url('/o/common-ui-resources/fonts/arvo/Bold/arvo-v20-latin-700.woff?t=1663654956') format('woff'),url('/o/common-ui-resources/fonts/arvo/Bold/arvo-v20-latin-700.ttf?t=1663654956') format('truetype'),url('/o/common-ui-resources/fonts/arvo/Bold/arvo-v20-latin-700.svg?t=1663654956#Arvo') format('svg'); } .site-theme.top-frame body { font-family: 'Lato',sans-serif; } .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 h6 { font-family: 'Arvo',serif; font-weight: 500; color: #0a7d9d; } .site-theme.top-frame .portlet-title { margin-bottom: 1rem; } .site-theme.top-frame #banner #heading { margin-bottom: 1.875rem; } .site-theme.top-frame #banner .header-top-bar { background-color: transparent; text-align: right; margin-top: 0.63rem; margin-bottom: 0; } .site-theme.top-frame #banner .logo img { aspect-ratio: 2.61; max-height: 91px; height: 100%; } .site-theme.top-frame #banner .mobile-menu-actions { right: 10px; top: 0; } .site-theme.top-frame #banner .mobile-menu-actions .mmenu-toggler span { color: #00458d; } .site-theme.top-frame #banner .mobile-menu-actions .mmenu-toggler:hover span, .site-theme.top-frame #banner .mobile-menu-actions .mmenu-toggler:focus span { color: #017cfb; } .site-theme.top-frame #banner .mobile-menu-actions .menu-icon { font-size: 15px; height: auto; width: 60px; } .site-theme.top-frame #banner .main-nav ul { display: flex; justify-content: flex-start; align-items: flex-end; } .site-theme.top-frame #banner .main-nav li { border-bottom: 3px solid #2b92af; margin-left: 2rem; } .site-theme.top-frame #banner .main-nav li> a { line-height: 1; font-size: 1.125rem; font-family: 'Arvo',serif; padding: .75rem .5rem; } .site-theme.top-frame #banner .main-nav li> a:hover, .site-theme.top-frame #banner .main-nav li> a:focus, .site-theme.top-frame #banner .main-nav li> a:active { background-color: #71c2da; color: white; } .site-theme.top-frame #banner .main-nav li:first-child { margin-left: 0; } .site-theme.top-frame #banner .main-nav li.selected { border-color: #2b92af; } .site-theme.top-frame #banner .main-nav li.selected> a { background-color: #0a7d9d; color: white; } .site-theme.top-frame .portlet-navigation .list-menu ul> li { border-left: 4px solid #2b92af; margin-bottom: 0.63rem; } .site-theme.top-frame .portlet-navigation .list-menu ul> li> a { font-size: 1rem; color: #0a7d9d; } .site-theme.top-frame .portlet-navigation .list-menu ul> li> a.selected { color: white; font-weight: 400; } .site-theme.top-frame .portlet-navigation .list-menu ul> li.selected { background-color: #0a7d9d; border-bottom-color: #0a7d9d; } .site-theme.top-frame #footer { background-color: transparent; border-top: 1px solid rgba(191,191,191,0.5); } .site-theme.top-frame #footer .footer-main-content { position: relative; max-width: 1280px; width: 100%; margin: 0 auto; color: #454545; } .site-theme.top-frame #footer .footer-main-content p { font-size: 0.875rem; color: #454545; } .site-theme.top-frame #footer .footer-main-content a { color: #00458d; } .site-theme.top-frame .layout-wrapper-wide-container, .site-theme.top-frame #banner nav { position: relative; max-width: 1280px; width: 100%; margin: 0 auto; } .site-theme.top-frame .layout-wrapper-wide-container { margin-bottom: 0; } .site-theme.top-frame .layout-wrapper { margin-bottom: 0; } .site-theme.top-frame .frontpage .portlet-layout:not(:first-of-type) { position: relative; max-width: 1280px; width: 100%; margin: 0 auto; } .site-theme.top-frame .frontpage .layout-wrapper:first-of-type { background-color: #0a7d9d; margin-bottom: 0; } .site-theme.top-frame .frontpage .layout-wrapper:first-of-type .portlet-layout:first-child { margin-bottom: 0; } .site-theme.top-frame .frontpage .layout-wrapper:first-of-type .portlet-layout:nth-child(2) a { color: white; } .site-theme.top-frame .frontpage .layout-wrapper-wide .layout-wrapper-wide-container h1, .site-theme.top-frame .frontpage .layout-wrapper-wide .layout-wrapper-wide-container h2, .site-theme.top-frame .frontpage .layout-wrapper-wide .layout-wrapper-wide-container h3, .site-theme.top-frame .frontpage .layout-wrapper-wide .layout-wrapper-wide-container h4, .site-theme.top-frame .frontpage .layout-wrapper-wide .layout-wrapper-wide-container h5, .site-theme.top-frame .frontpage .layout-wrapper-wide .layout-wrapper-wide-container h6 { color: #0a7d9d; } .site-theme.top-frame .frontpage .border-top-emphasis { border-top: 0px; border: 0px; } .site-theme.top-frame .frontpage .content-lift-wrapper { display: flex; flex-wrap: wrap; } .site-theme.top-frame .frontpage .content-lift-wrapper .span12 { float: none; width: 48.71795%; } .site-theme.top-frame .frontpage .content-lift-wrapper .content-title { font-size: 1.625rem; } .site-theme.top-frame .frontpage .yja-image-carousel { margin-bottom: 0; } .site-theme.top-frame .frontpage #column-11 { padding: 0; } .site-theme.top-frame .frontpage #column-11 .portlet-layout> .span6 { margin: 0; padding: 2rem 1.5rem; } .site-theme.top-frame .frontpage #column-11 .portlet-layout h1, .site-theme.top-frame .frontpage #column-11 .portlet-layout h3, .site-theme.top-frame .frontpage #column-11 .portlet-layout p, .site-theme.top-frame .frontpage #column-11 .portlet-layout p > a, .site-theme.top-frame .frontpage #column-11 .portlet-layout a, .site-theme.top-frame .frontpage #column-11 .portlet-layout figcaption { color: white; } .site-theme.top-frame .frontpage #column-11 .portlet-layout a { text-decoration: none; margin-top: 1.25rem; } .site-theme.top-frame .frontpage #column-11 .portlet-layout a.btn.btn-primary { background-color: #4aaac5; } .site-theme.top-frame .frontpage #column-12 { margin: 0; padding: 2rem 1.5rem; } .site-theme.top-frame .frontpage #column-12 .portlet-asset-publisher .portlet-title, .site-theme.top-frame .frontpage #column-12 .portlet-asset-publisher h6 > a { color: white; } .site-theme.top-frame .frontpage #column-12 .portlet-asset-publisher h6 { margin-bottom: .5rem; } .site-theme.top-frame .frontpage #column-12 .portlet-asset-publisher .meta .label, .site-theme.top-frame .frontpage #column-12 .portlet-asset-publisher .meta .date { color: white; font-size: 12px; } .site-theme.top-frame .frontpage #column-12 .portlet-asset-publisher .meta .label { border-color: rgba(255,255,255,0.5); } .site-theme.top-frame .frontpage #column-12 .portlet-asset-publisher .feed-item { padding-bottom: 0.5rem; margin-bottom: .5rem; border-bottom: 1px solid rgba(255,255,255,0.25); } .site-theme.top-frame .frontpage #column-12 .journal-content-article p > a { text-decoration: underline; } .site-theme.top-frame .homepage .layout-wrapper-wide { margin-bottom: 0; } .site-theme.top-frame .listing-layout .layout-wrapper, .site-theme.top-frame #main-content.landingpage-layout-container { position: relative; max-width: 1280px; width: 100%; margin: 0 auto; } .site-theme.top-frame #content { margin-bottom: 0; } .site-theme.top-frame .journal-content-article blockquote { padding: 2rem 1rem; border-left: 8px solid #2b92af; background-color: rgba(0,88,179,0.07); } .site-theme.top-frame .journal-content-article blockquote h1, .site-theme.top-frame .journal-content-article blockquote h2, .site-theme.top-frame .journal-content-article blockquote h3, .site-theme.top-frame .journal-content-article blockquote h4, .site-theme.top-frame .journal-content-article blockquote h5, .site-theme.top-frame .journal-content-article blockquote h6 { margin-top: 0; } .site-theme.top-frame .journal-content-article blockquote p { font-weight: 700; } .site-theme.top-frame .frontpage #column-11 p, .site-theme.top-frame .frontpage #column-11 h1, .site-theme.top-frame .frontpage #column-11 a, .site-theme.top-frame .frontpage #column-11 li { color: white; } .site-theme.top-frame .frontpage #column-11 .btn-primary { background-color: #64bcd7; } .site-theme.top-frame form { margin-bottom: 0; } .site-theme.top-frame .search-form .search-query { font-family: 'Lato',sans-serif; background-color: transparent; } .site-theme.top-frame .search-form .btn.search-form_submit { background-color: #0a7d9d; border-color: #2b92af; } .site-theme.top-frame .btn.btn-primary { color: white !important; background-color: #0a7d9d; border-left: 6px solid #2b92af; font-weight: 500; } .site-theme.top-frame .btn.btn-primary:hover { background-color: #71c2da; } .site-theme.top-frame .portlet-breadcrumb { padding-left: 1.25rem; padding-bottom: 0.63rem; margin-bottom: 2.50rem; border-bottom: 1px solid rgba(191,191,191,0.5); } .site-theme.top-frame .portlet-breadcrumb ul { margin: 0; padding: 0; } .site-theme.top-frame .portlet-breadcrumb ul li { font-size: 13px; color: #969696; } .site-theme.top-frame .portlet-breadcrumb ul li> a { color: #969696; } .site-theme.top-frame .portlet-asset-publisher .feed-item h6, .site-theme.top-frame .portlet-asset-publisher .feed-item .feed-item__heading { font-family: 'Lato',sans-serif; font-size: 1.0625rem; line-height: 1.2; } .site-theme.top-frame .portlet-asset-publisher .feed-item h6 a, .site-theme.top-frame .portlet-asset-publisher .feed-item .feed-item__heading a { color: #0a7d9d; } .site-theme.top-frame .owl-carousel .image-gallery-text-wrapper { bottom: auto; top: 50%; left: 50%; transform: translateY(-50%); transform: translateX(-50%); max-width: 1280px; width: 100%; background-color: transparent; font-size: 3rem; } .site-theme.top-frame .owl-carousel .image-gallery-text-wrapper p { text-shadow: 0px 0px 14px #000; } .site-theme.top-frame .lift h1, .site-theme.top-frame .lift h2, .site-theme.top-frame .lift h3 { margin-bottom: 1rem; } .site-theme.top-frame .lift figure { margin-bottom: 1em; } .site-theme.top-frame .lift figcaption { padding: 0.5rem; background-color: rgba(1,124,251,0.1); } .site-theme.top-frame .logo-wrapper { margin-bottom: 3.75rem; } .site-theme.top-frame .logo-wrapper ul { display: flex; flex-flow: row; flex-wrap: nowrap; justify-content: space-between; } .site-theme.top-frame .logo-wrapper .landingpage-lift { width: 16.67%; position: relative; padding: 0 .75rem !important; } .site-theme.top-frame .logo-wrapper .landingpage-lift figure { position: relative; margin-bottom: 1.25rem !important; } .site-theme.top-frame .logo-wrapper .landingpage-lift figure img { display: block; } .site-theme.top-frame .logo-wrapper .landingpage-lift .landing-page-title { font-size: 1.1875rem; } .site-theme.top-frame .logo-wrapper .landingpage-lift .description p { color: #454545; } .site-theme.top-frame .logo-wrapper .landingpage-lift a:hover { text-decoration: none; } .site-theme.top-frame .logo-wrapper .landingpage-lift:not(:first-child) { border-left: 1px solid #ddd; } .site-theme.top-frame .yja-social-share-portlet { margin-bottom: 1.25rem; } .site-theme.top-frame:not(.ie11) .logo-wrapper { display: flex; } .site-theme.top-frame:not(.ie11) .logo-wrapper figure { max-height: 80px; height: 100%; } .site-theme.top-frame:not(.ie11) .logo-wrapper img { display: block; margin-top: 50%; margin-left: 50%; min-width: 100%; transform: translate(-50%, -50%); } #main-content, #content { padding-left: 0px; padding-right: 0px; } .col.owl-theme { padding: 0; } .btn-large { font-size: 18.75px; } .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; } .private-page .form-guide { transition: all .2s ease-in-out; } .private-page .form-guide .portlet, .private-page .form-guide .portlet-content, .private-page .form-guide .portlet-content-container, .private-page .form-guide .journal-content-article, .private-page .form-guide .portlet-body { height: 100%; } .private-page .form-guide.sticky { position: fixed; top: 15px; top: 50px; right: 0; top: 10%; bottom: 10%; min-width: 380px; z-index: 2; } .private-page .form-guide.sticky-open { transform: translateX(0); } .private-page .form-guide.sticky-open .btn-toggle:after { content: 'Piilota \a ohjeet'; white-space: pre; } .private-page .form-guide.sticky-closed { transform: translateX(400px); } .private-page .form-guide.sticky-closed .btn-toggle { left: -84px; animation: bounceInLeft .75s 1,shadow-pulse 1.75s 1; } .private-page .form-guide.sticky-closed .btn-toggle:after { content: 'Näytä \a ohjeet'; white-space: pre; } .private-page .form-guide .portlet-topper { z-index: 2; } .private-page .form-guide .portlet-content-container { position: absolute; top: 0; } .private-page .form-guide .guide-section { position: fixed; top: 0px; right: 0; bottom: 0; display: block; background: #fff; width: 380px; padding: 1rem; border-left: 1px solid #0a7d9d; border-bottom: 4px solid #0a7d9d; border-top: 1px solid #0a7d9d; overflow-y: scroll; border-radius: 0px 0px 0px 8px; scroll-behavior: smooth; } .private-page .form-guide .guide-section h2 { margin-top: 0; } .private-page .form-guide .guide-section li { margin-bottom: .75rem; } .private-page .form-guide li.highlighted > strong { color: #0a7d9d; border-bottom: 1px solid; } .private-page .form-guide strong.highlighted { color: #0a7d9d; border-bottom: 1px solid; } .private-page .form-guide .journal-content-article { position: relative; min-width: 380px; } .private-page .form-guide .btn-toggle { position: absolute; bottom: 20px; left: -66px; width: 200px; text-align: left; background: #0a7d9d; color: #fff; transition: all .2s ease-in-out; } .private-page .controls-visible .form-guide .btn-toggle { bottom: 60px; } .private-page .form .hide-this { opacity: 0; height: 0; margin: 0 !important; } .private-page .overflow-hidden { overflow: hidden; } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-40px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: translate3d(0, 0, 0); } } .private-page .overflow-hidden { overflow: hidden; display: none; } p.section { background: #0a7d9d !important; padding: 1rem !important; margin-block: 3rem !important; font-size: 2rem !important; color: white; } @media (max-width: 80.9375rem) { .site-theme.top-frame #banner #heading { padding-left: 1.25rem; padding-right: 1.25rem; } .site-theme.top-frame #footer .footer-main-content { padding-left: 1.25rem; padding-right: 1.25rem; } .site-theme.top-frame .layout-wrapper-wide-container, .site-theme.top-frame #banner nav { padding-left: 1.25rem; padding-right: 1.25rem; } .site-theme.top-frame .layout-wrapper { padding-left: $sgutter; padding-right: 1.25rem; } .site-theme.top-frame .frontpage .layout-wrapper { padding-left: 1.25rem; padding-right: 1.25rem; } .site-theme.top-frame .listing-layout .layout-wrapper, .site-theme.top-frame #main-content.landingpage-layout-container { padding-left: 1.25rem; padding-right: 1.25rem; } .site-theme.top-frame .logo-wrapper ul { flex-wrap: wrap; } .site-theme.top-frame .logo-wrapper .landingpage-lift { width: 33%; margin-bottom: 1.25rem; } .site-theme.top-frame .logo-wrapper .landingpage-lift figure { max-height: 100px; } .site-theme.top-frame .logo-wrapper .landingpage-lift:nth-child(4n) { border-left: 0; } } @media (max-width: 660px) { .site-theme.top-frame #banner #heading { padding: 0; margin-bottom: 0; } .site-theme.top-frame #banner .header-row { padding: 0; } .site-theme.top-frame .layout-wrapper-wide-container { margin-top: 1rem; } } @media (max-width: 659px) { .site-theme.top-frame #banner .header-top-left-cell { text-align: center; } .site-theme.top-frame #banner .logo { max-width: 100%; margin-bottom: 2rem; } } @media (min-width: 501px) { .site-theme.top-frame #banner .logo img { width: 100%; margin-top: -2rem; } } @media (max-width: 500px) { .site-theme.top-frame #banner .logo img { width: 100%; } } @media (max-width: 1400px) { .site-theme.top-frame #banner .main-nav ul { flex-wrap: wrap; justify-content: flex-start; } } @media (max-width: 767px) { .site-theme.top-frame #banner .header-top-bar .header-top-bar-links-lang { display: block; text-align: left; } .site-theme.top-frame .frontpage .layout-wrapper:first-of-type { padding-left: 0; padding-right: 0; } } @media (min-width: 740px) { .site-theme.top-frame .frontpage .layout-wrapper:first-of-type .portlet-layout:nth-child(2) { display: flex; } .site-theme.top-frame .frontpage #column-12 { width: 40%; } } @media (max-width: 979px) { .site-theme.top-frame .frontpage .content-lift-wrapper .span12 { width: 48%; } } @media (max-width: 47.9375rem) { .site-theme.top-frame .frontpage #column-11 { padding-left: 1rem; padding-right: 1rem; } .site-theme.top-frame .homepage .layout-wrapper-wide { padding-left: 1rem; padding-right: 1rem; } .site-theme.top-frame #content { padding: 0; } .site-theme.top-frame .logo-wrapper .landingpage-lift { width: 50%; border: 0 !important; } } @media (min-width: 769px) { .site-theme.top-frame .frontpage #column-11 .portlet-layout { display: flex; } .site-theme.top-frame .frontpage #column-11 .portlet-layout> .span6 { float: none; width: 50%; } } @media (min-width: 768px) { .site-theme.top-frame .frontpage #column-12 { width: 33%; } } @media (max-width: 460px) { .site-theme.top-frame .logo-wrapper .landingpage-lift { width: 100%; border: 0 !important; } .site-theme.top-frame .logo-wrapper .landingpage-lift figure { max-height: none; height: auto; } .site-theme.top-frame .logo-wrapper .landingpage-lift figure img { margin: auto; transform: none; min-width: auto; } } @media (max-width: 1659px) { .private-page.guide-section-open .portlet-boundary_com_liferay_web_form_web_portlet_WebFormPortlet_ .form { margin-left: 0; transition: margin .2s ease-in-out; } }