.top-frame body { font-size: 100%; color: #454545; font-family: Helvetica,Arial,sans-serif; line-height: 1.4; } .top-frame a { color: #313131; } .top-frame a:hover, .top-frame a:focus { color: #f7731d; } .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: #454545; 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: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .top-frame .btn { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .top-frame .btn.btn-default { border: solid 1px #666; background: #666; color: #fff; } .top-frame .btn.btn-default:hover { background: #454545; } .top-frame .btn.btn-primary, .top-frame .btn.search-form_submit { background-color: #f7731d; color: white; } .top-frame .btn.btn-primary:hover, .top-frame .btn.search-form_submit:hover { background-color: #f06508; } .top-frame .btn.search-form_submit { border-color: #f7731d; } .top-frame .yja-category-group, .top-frame .yja-tag-group { display: inline; } .top-frame .label, .top-frame .yja-tag { text-transform: uppercase; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .top-frame .badge:not(.error-notice), .top-frame .label, .top-frame .yja-tag { border: 1px solid #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 #f7731d; } .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 #f7731d; } .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: #313131; display: block; position: relative; } .top-frame .events.event-search-portlet .event-list-wrapper > .span12 > .span3 { background: #f7731d; } .top-frame .events.event-search-portlet .event-list-wrapper { border-color: #f7731d; } .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: #f7731d; 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 #f7731d; border-right: 1px solid #f7731d; border-left: 1px solid #f7731d; 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: #313131; } .top-frame #scrollToTop { color: #fff; background: #f7731d; } .top-frame #scrollToTop:hover { background: #f06508; } .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: #f7731d; color: white !important; } .top-frame #banner .language-version-selection-portlet .lang-nav ul { background: #f7731d; } .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: #454545; } .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: #f7731d; } .top-frame ul.position-nav li.selected:hover { background-color: #f7731d; } .top-frame .carousel .description { font-family: Helvetica,Arial,sans-serif; font-weight: normal; } .panel.border-top-emphasis { border-top: solid 4px #f7731d; } .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: #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: transparent; color: #454545; } .top-frame #banner nav ul.site-theme__navigation li a:hover { background-color: darken(transparent, 10%); } .top-frame #banner nav ul.site-theme__navigation li.selected { background-color: #f7731d; 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: #f06508; } .top-frame #banner nav a { color: #454545; } .top-frame #banner nav.fixed { background: transparent; } .top-frame #footer { background-image: url(none); 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: #fff; } .top-frame body { background-color: #f7731d; 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: 1440px; } .mobile-menu-actions { right: 0; } .mobile-menu-actions a.menu-icon { background: #fff; color: #454545; } .mobile-menu-actions a { color: #313131; } .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: #f7731d; } .mm-menu { border-color: #f7731d; } .mm-menu a { color: white; } .mm-menu a:hover, .mm-menu a:focus { color: white; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; src: url('/o/common-ui-resources/fonts/inter/Regular/inter-v12-latin-regular.eot?t=1662458555'); src: local(''),url('/o/common-ui-resources/fonts/inter/Regular/inter-v12-latin-regular.eot#iefix?t=1662458555') format('embedded-opentype'),url('/o/common-ui-resources/fonts/inter/Regular/inter-v12-latin-regular.woff2?t=1662458555') format('woff2'),url('/o/common-ui-resources/fonts/inter/Regular/inter-v12-latin-regular.woff?t=1662458555') format('woff'),url('/o/common-ui-resources/fonts/inter/Regular/inter-v12-latin-regular.ttf?t=1662458555') format('truetype'),url('/o/common-ui-resources/fonts/inter/Regular/inter-v12-latin-regular.svg#Inter?t=1662458555') format('svg'); } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; src: url('/o/common-ui-resources/fonts/inter/SemiBold/inter-v12-latin-600.eot?t=1662458555'); src: local(''),url('/o/common-ui-resources/fonts/inter/SemiBold/inter-v12-latin-600.eot#iefix?t=1662458555') format('embedded-opentype'),url('/o/common-ui-resources/fonts/inter/SemiBold/inter-v12-latin-600.woff2?t=1662458555') format('woff2'),url('/o/common-ui-resources/fonts/inter/SemiBold/inter-v12-latin-600.woff?t=1662458555') format('woff'),url('/o/common-ui-resources/fonts/inter/SemiBold/inter-v12-latin-600.ttf?t=1662458555') format('truetype'),url('/o/common-ui-resources/fonts/inter/SemiBold/inter-v12-latin-600.svg#Inter?t=1662458555') format('svg'); } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 800; src: url('/o/common-ui-resources/fonts/inter/ExtraBold/inter-v12-latin-800.eot?t=1662458555'); src: local(''),url('/o/common-ui-resources/fonts/inter/ExtraBold/inter-v12-latin-800.eot#iefix?t=1662458555') format('embedded-opentype'),url('/o/common-ui-resources/fonts/inter/ExtraBold/inter-v12-latin-800.woff2?t=1662458555') format('woff2'),url('/o/common-ui-resources/fonts/inter/ExtraBold/inter-v12-latin-800.woff?t=1662458555') format('woff'),url('/o/common-ui-resources/fonts/inter/ExtraBold/inter-v12-latin-800.ttf?t=1662458555') format('truetype'),url('/o/common-ui-resources/fonts/inter/ExtraBold/inter-v12-latin-800.svg#Inter?t=1662458555') format('svg'); } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 900; src: url('/o/common-ui-resources/fonts/inter/Black/inter-v12-latin-900.eot?t=1662458555'); src: local(''),url('/o/common-ui-resources/fonts/inter/Black/inter-v12-latin-900.eot#iefix?t=1662458555') format('embedded-opentype'),url('/o/common-ui-resources/fonts/inter/Black/inter-v12-latin-900.woff2?t=1662458555') format('woff2'),url('/o/common-ui-resources/fonts/inter/Black/inter-v12-latin-900.woff?t=1662458555') format('woff'),url('/o/common-ui-resources/fonts/inter/Black/inter-v12-latin-900.ttf?t=1662458555') format('truetype'),url('/o/common-ui-resources/fonts/inter/Black/inter-v12-latin-900.svg#Inter?t=1662458555') format('svg'); } a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 2px solid #131313 !important; } .top-frame body { font-family: 'Inter',sans-serif; background-color: #f8f8f8; } .top-frame #content { overflow: hidden; padding-top: 0; } .top-frame h1, .top-frame .h1 { font-size: 2rem; font-weight: 900; letter-spacing: 0; } .top-frame h2, .top-frame .h2 { font-size: 1.625rem; font-weight: 900; letter-spacing: 0.04em; } .top-frame h3, .top-frame .h3 { font-size: 1.25rem; font-weight: 800; letter-spacing: 0em; } .top-frame h4, .top-frame .h4 { font-size: 1.125rem; font-weight: 800; letter-spacing: 0em; } .top-frame h1, .top-frame h2, .top-frame h3, .top-frame h4, .top-frame .media-item h1, .top-frame .media-item h2, .top-frame .media-item h3, .top-frame .media-item h4 { font-family: 'Inter',sans-serif; margin-bottom: 1.5rem; } .top-frame .hed-section { margin-top: 3rem; } .top-frame p + h2, .top-frame p + h3, .top-frame p + h4, .top-frame ul + h2, .top-frame ul + h3, .top-frame ul + h4, .top-frame ol + h2, .top-frame ol + h3, .top-frame ol + h4 { margin-top: 3rem !important; } .top-frame .page-wrapper p, .top-frame .page-wrapper ul, .top-frame .page-wrapper ol, .top-frame .page-wrapper blockquote { font-size: 1.0625rem; line-height: 1.425; margin-bottom: 1rem; } .top-frame button { cursor: pointer; } .top-frame button:focus { outline-width: 2px; } .top-frame .btn.btn-primary:not(.assetSearchSubmit) { font-size: 1.125rem; color: #131313; border-radius: 40px; padding: 15px 55px 15px 30px; position: relative; } .top-frame .btn.btn-primary:not(.assetSearchSubmit):after { content: "\f061"; font-family: 'fontawesome-alloy'; margin-left: 1rem; speak-as: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1.5; position: absolute; -webkit-font-smoothing: antialiased; transition: all .2s cubic-bezier(.55, 0, .55, 1); } .top-frame .btn.btn-primary:not(.assetSearchSubmit):hover, .top-frame .btn.btn-primary:not(.assetSearchSubmit):focus { text-decoration: underline; } .top-frame .btn.btn-primary:not(.assetSearchSubmit):hover:after, .top-frame .btn.btn-primary:not(.assetSearchSubmit):focus:after { margin-left: 1.5rem; } .top-frame .logo { display: grid; } .top-frame .logo img { padding: .5rem 1rem .5rem 0; } .top-frame .logo img:first-child { padding: 0.3rem 1rem .3rem 0; } .top-frame .journal-content-article a, .top-frame .faq-list .item a { text-decoration: underline; color: #0071eb; } .top-frame .journal-content-article a:hover, .top-frame .faq-list .item a:hover, .top-frame .journal-content-article a:focus, .top-frame .faq-list .item a:focus { color: #f7731d; } .top-frame .journal-content-article a.btn { text-decoration: none; } .top-frame .journal-content-article .yjaInfoBox { margin: 2.5rem 0; padding: 2rem; background-color: #ffefe3; border-radius: .3125rem; } .top-frame .journal-content-article .yjaInfoBox > *:first-child { margin-top: 0; } .top-frame .journal-content-article .yjaInfoBox > *:last-child { margin-bottom: 0; } .top-frame .journal-content-article .yjaInfoBox a { color: #454545; } .top-frame .journal-content-article .yjaInfoBox a:hover, .top-frame .journal-content-article .yjaInfoBox a:focus { color: #454545; } .top-frame #main-content.columns-1 .yjaInfoBox a { text-decoration: none; } .top-frame #main-content.columns-1 .yjaInfoBox a:hover, .top-frame #main-content.columns-1 .yjaInfoBox a:focus { text-decoration: underline; } .top-frame #banner { background: #fff; border-bottom: 2px solid #f7731d; } .top-frame #banner .header-top-bar { background-color: #fff; margin-bottom: 0; } .top-frame #banner .header-top-left-cell { flex: 0 1; max-width: unset; min-height: 54px; } .top-frame #banner .layout-wrapper-wide-container .header-top-right-cell { display: flex; flex: 1 0; max-width: unset; justify-content: end; } .top-frame #banner .layout-wrapper-wide-container .header-top-right-cell .header-advanced-search-link { display: none; } .top-frame #banner .layout-wrapper-wide-container .header-top-right-cell .header-top-bar-links-lang { display: block; padding-top: 12px; margin-left: auto; } .top-frame #banner .layout-wrapper-wide-container .header-top-right-cell .header-top-bar-links-lang ul { margin: 0 25px; } .top-frame #banner .layout-wrapper-wide-container .header-top-right-cell .header-top-bar-links-lang ul a { font-size: .8rem; } .top-frame #banner .search-form .search-query::placeholder { font-style: italic; } .top-frame #banner .search-form .input-group-append { position: absolute; right: 0; height: 100%; } .top-frame #banner .search-form .input-group-append:before { content: "\f002"; font-family: 'fontawesome-alloy'; width: 20px; height: 20px; color: #313131; margin-top: 6px; margin-right: 6px; } .top-frame #banner .search-form .input-group-append input { position: absolute; background: transparent; font-size: 0; color: #131313; border: 0; right: 0; width: 40px; height: 100%; } .top-frame .language-version-selection-portlet li { border-color: #646464; } .top-frame .language-version-selection-portlet a { font-size: .9375rem !important; color: #131313 !important; } .top-frame .header-top-bar-links-lang { display: flex; justify-content: end; } .top-frame .mobile-menu-actions { top: 36px; } .top-frame .mobile-menu-actions .mmenu-toggler { color: #131313; width: auto; height: auto; margin-right: 10px; } .top-frame .mobile-menu-actions .mmenu-toggler span { color: #131313; } .top-frame .mobile-menu-actions .mmenu-toggler span:nth-of-type(1) { font-size: 1.6rem !important; margin-top: 0 !important; } .top-frame .main-nav .site-theme__navigation { display: flex; justify-content: end; } .top-frame .main-nav .site-theme__navigation ul { margin-left: auto; } .top-frame .main-nav .site-theme__navigation a span:after { content: ''; display: block; margin: 4px auto 0; height: 2px; width: 0; background: #f7731d; transition: width .2s ease-in-out; } .top-frame .main-nav .site-theme__navigation a:hover span:after, .top-frame .main-nav .site-theme__navigation a:focus span:after { width: 70%; } .top-frame .main-nav .site-theme__navigation li.selected > a { font-weight: 600; } .top-frame .main-nav .site-theme__navigation li.selected > a:hover, .top-frame .main-nav .site-theme__navigation li.selected > a:focus { background: transparent !important; } .top-frame .main-nav .site-theme__navigation > li.selected > a span:after { width: 70%; } .top-frame .main-nav .site-theme__navigation > li.selected > button .icon { color: #fff; } .top-frame .main-nav .site-theme__navigation > li.selected .a11y-nav__sub a { color: #131313 !important; } .top-frame .main-nav .site-theme__navigation > li.selected .a11y-nav__sub a:hover, .top-frame .main-nav .site-theme__navigation > li.selected .a11y-nav__sub a.focus { background: transparent !important; } .top-frame .main-nav .site-theme__navigation > li.selected .a11y-nav__sub li.selected { background: transparent !important; } .top-frame .main-nav .site-theme__navigation button { cursor: pointer; background: none; border: 0; margin-bottom: auto; margin-top: 13px; } .top-frame .main-nav .site-theme__navigation button .icon { color: #f7731d; font-size: 1.5rem; } .top-frame .main-nav .site-theme__navigation button[aria-expanded="false"] .icon:before { content: "\f0d7" !important; } .top-frame .main-nav .site-theme__navigation button[aria-expanded="true"] .icon:before { content: "\f0d8" !important; } .top-frame .main-nav .site-theme__navigation .a11y-nav__item { display: flex !important; } .top-frame .main-nav .site-theme__navigation .a11y-nav__item a { text-align: center; } .top-frame .main-nav .site-theme__navigation .a11y-nav__item> a[aria-haspopup] { padding-right: .25rem !important; } .top-frame .main-nav .site-theme__navigation .a11y-nav__item.secial-nav-open { background: #ffefe3; } .top-frame .main-nav .site-theme__navigation .a11y-nav__sub { background: #ffefe3; border-top: 1px solid #f7731d; top: 3.25rem; padding: .75rem .5rem 1rem; } .top-frame .main-nav .site-theme__navigation .a11y-nav__sub.position-right { right: 0; } .top-frame .main-nav .site-theme__navigation .a11y-nav__sub .a11y-nav__item { padding: 0 .75rem; } .top-frame .main-nav .site-theme__navigation .a11y-nav__sub .a11y-nav__item a { width: 100%; text-align: left; border-bottom: 1px solid #ffd2b1; } .top-frame .main-nav .site-theme__navigation .a11y-nav__sub .a11y-nav__item a:hover { font-weight: 600; border-bottom: 1px solid #f7731d; } .top-frame .main-nav .site-theme__navigation .a11y-nav__sub .a11y-nav__item:last-of-type a { border-bottom: 0; } .top-frame #menu .mm-navbar { color: #131313 !important; background: #ffd3b1 !important; } .top-frame #menu .mm-navbar .mm-navbar__btn { color: #131313 !important; } .top-frame #menu button.mm-tabend { background: transparent !important; } .top-frame #menu .mm-panels .mm-panel { background: #fff !important; } .top-frame #menu .close-mm-menu { border-color: #f7731d !important; background: #f7731d; width: 28px; height: 28px; } .top-frame #menu .mm-listview .mm-listitem:after { border-color: #ffd3b1; left: 0; } .top-frame #menu .mm-listview .mm-listitem a { color: #131313 !important; } .top-frame #menu .mm-listview a.mm-btn:after, .top-frame #menu .mm-listview a.mm-btn:before { border-color: #f7731d !important; } .top-frame #menu a.mm-btn_next:after, .top-frame #menu a.mm-btn_prev:before { border-color: #f7731d !important; } .top-frame #menu .mm-listitem__btn:not(.mm-listitem__text) { border-color: #ffd3b1; } .top-frame #menu .mm-listitem_selected > .mm-listitem__text { font-weight: 600; background: #ffefe3 !important; } .top-frame #menu .mm-panels > .mm-panel > .mm-navbar + .mm-listview { margin-top: -16px; } .top-frame .breadcrumb { margin-left: 0; } .top-frame .breadcrumb li { font-size: .875rem; color: #131313; } .top-frame .breadcrumb li:nth-of-type(2) { display: none; } .top-frame .breadcrumb a { color: #131313; } .top-frame #footer { font-size: .9375rem; line-height: 2; color: #131313; background: transparent; max-width: 1440px; margin: 0 auto; } .top-frame #footer ul { list-style: none; margin-left: 0; margin-bottom: 1rem; } .top-frame #footer a { color: #131313; } .top-frame #footer .container { max-width: 1440px; padding: 0; } .top-frame #footer .yja-site-template-settings-footer-portlet { background: #fff; padding: 2.66667em 20px; } .top-frame #footer .footer-main-content { max-width: unset; padding: 0; } .top-frame #footer .footer-bottom-bar { border-top: 1px solid #f7731d; margin-top: 1rem; padding-top: 1rem; } .top-frame #footer .footer-bottom-bar ul { display: flex; flex-wrap: wrap; } .top-frame #footer .footer-bottom-bar ul li { margin-right: 1rem; } .top-frame #footer .footer-socialmedia a[class^="icon"] { font-size: 48px; line-height: 1; } .top-frame #footer .footer-socialmedia a[class^="icon"]:hover, .top-frame #footer .footer-socialmedia a[class^="icon"]:focus { text-decoration: none; } .top-frame #footer .footer-socialmedia a[class^="icon"]:hover:before, .top-frame #footer .footer-socialmedia a[class^="icon"]:focus:before { color: #f7731d; } .top-frame #footer a.icon-twitter { color: #1da1f2; } .top-frame #footer .footer-logo { max-width: 330px; } .top-frame #main-content, .top-frame #content { padding-left: 20px; padding-right: 20px; } .top-frame body:not(.homepage) #main-content .col-md-4 .portlet-column-content, .top-frame body:not(.homepage) #main-content .col-md-8 .portlet-column-content { background: #fff; } .top-frame body:not(.homepage) #main-content .col-md-4 .portlet-column-content { padding: 1rem; } .top-frame body:not(.homepage) #main-content .col-md-8 .portlet-column-content { padding: 1rem 2rem 2rem; } .top-frame .landingpage-layout-container > .portlet-layout.row { display: none; } .top-frame .portlet-nested-portlets .hed-section { text-align: center; margin-left: auto; margin-right: auto; } .top-frame .portlet-nested-portlets .columns-1-2-1 .row:last-of-type { margin: 3rem 0; } .top-frame .portlet-navigation .list-menu a { font-size: 1rem; font-weight: 600; color: #131313; } .top-frame .portlet-navigation .list-menu a.selected { background: #ffefe3; font-weight: 700; } .top-frame .portlet-navigation .list-menu a.selected .toggleVisibility { color: #131313; } .top-frame .portlet-navigation .list-menu .toggleVisibility { color: #f7731d; } .top-frame .portlet-navigation .list-menu .hasChild ul { margin-bottom: 0rem; } .top-frame .portlet-navigation .list-menu .hasChild ul> li { border-top: 1px solid #ffd3b1; } .top-frame .portlet-navigation .list-menu> ul > li { border-top: 1px solid #ffd3b1; border-bottom: 0; } .top-frame .portlet-navigation .list-menu> ul > li:last-of-type { border-bottom: 1px solid #ffd3b1; } .top-frame .lfr-pagination-buttons li:not(.disabled) a { cursor: pointer; } .top-frame .fess-search-portlet .fessWrapper { padding: 2.66667em 20px !important; } .top-frame .fess-search-portlet .fessWrapper .searchButton:after { content: '' !important; } .top-frame .fess-search-portlet .fessWrapper .searchButton .fa-search { display: none !important; } .top-frame .fess-search-portlet .fessWrapper h1, .top-frame .fess-search-portlet .fessWrapper .h1 { font-size: 2rem; font-weight: 900; letter-spacing: 0; } .top-frame .fess-search-portlet .fessWrapper h1, .top-frame .fess-search-portlet .fessWrapper h2, .top-frame .fess-search-portlet .fessWrapper h3 { font-family: 'Inter',sans-serif; margin-bottom: 1.5rem; line-height: 1.5; } .top-frame .fess-search-portlet .fessWrapper .media .title { font-weight: 800 !important; font-size: 1.25rem !important; } .top-frame .fess-search-portlet .fessWrapper a:hover, .top-frame .fess-search-portlet .fessWrapper a:focus { color: #f7731d; } .top-frame .fess-search-portlet .fessWrapper .fessResultBox #searchResultList li { margin-bottom: 16px !important; padding-bottom: 16px; } .top-frame .fess-search-portlet .fessWrapper .pagination li a { color: #131313 !important; } .top-frame .fess-search-portlet .fessWrapper .pagination li.active > a { background: #f7731d; color: #131313; border-color: #131313; } .top-frame .fess-search-portlet .fessWrapper .pagination li.active > a:hover, .top-frame .fess-search-portlet .fessWrapper .pagination li.active > a:focus { color: #131313; } .homepage .hero { margin-bottom: 3rem; } .hero { background: #ffd2b1; position: relative; margin-bottom: 1rem; background-size: 50% auto; background-position: bottom right; background-repeat: no-repeat; } .hero:before, .hero:after { content: ''; position: absolute; height: 100%; width: 50vw; top: 0; background: #ffd2b1; } .hero:before { left: -50vw; } .hero:after { left: 100%; } .hero .hero-content { padding-top: 54px; padding-bottom: 34px; } .hero .hero-content p { margin-bottom: 2rem; } .hero .hero-background { background-size: contain; background-repeat: no-repeat; background-position: bottom center; } .portlet-msg-info { color: #131313; background: #fff8bc; border: 1px solid #dbb50f; margin: 1.5rem 0; padding: 1rem 1.25rem 1rem 80px; } .portlet-msg-info strong { margin-bottom: .25rem; display: inline-block; } .portlet-msg-info:before { content: ''; display: block; position: absolute; width: 56px; height: 56px; left: 16px; top: 12px; background-image: url('/documents/96414315/98092389/info.svg/37327896-85e7-582a-36e2-bb06b572467f?t=1636723273424'); background-position: center; background-repeat: no-repeat; background-size: contain; } .top-frame .lifts ul { display: flex; flex-wrap: wrap; list-style: none; margin-left: 0; } .top-frame .lifts ul li { flex: 1 0 50%; max-width: 50%; border-color: transparent; border-style: solid; border-width: 0px 11px 11px 0px; } .top-frame .lifts ul li:nth-of-type(even) { border-right: 0; } .top-frame .lifts .content { display: block; color: #131313; background: #fff; text-align: center; height: 100%; padding: 2rem; border-radius: 5px; border: 1px solid transparent; text-decoration: none; transition: all .3s cubic-bezier(0, 0, .45, 1); } .top-frame .lifts .content img { max-width: 130px !important; } .top-frame .lifts .content a { color: #131313; display: block; text-decoration: none; } .top-frame .lifts .content a:hover, .top-frame .lifts .content a:focus { text-decoration: none; } .top-frame .lifts .content a:hover .content-heading, .top-frame .lifts .content a:focus .content-heading { text-decoration: underline; } .top-frame .lifts.slim .content { display: flex; padding: 1.5rem 1.5rem 1.5rem .5rem; } .top-frame .lifts.slim .content .content-image { flex: 0 0 130px; max-width: 130px; } .top-frame .lifts.slim .content .content-image img { max-width: 130px !important; } .top-frame .lifts.slim .content .content-text { display: flex; flex: 1 1 auto; text-align: left; } .top-frame .lifts.slim .content .content-heading { margin-top: auto; margin-bottom: auto; } .top-frame .lifts.slim .content .p { margin-top: 1.5rem; } .top-frame .lifts.single-line .item { margin-bottom: 2.5rem; } .top-frame .lifts.single-line .content { display: flex; background: #fff; min-height: 274px; border-radius: 5px; overflow: hidden; padding: 0; } .top-frame .lifts.single-line .content .content-image, .top-frame .lifts.single-line .content .content-text { display: flex; flex: 1 0 50%; max-width: 50%; } .top-frame .lifts.single-line .content .content-image { position: relative; } .top-frame .lifts.single-line .content .content-image img { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; object-fit: cover; height: 100%; width: 100%; max-width: unset !important; } .top-frame .lifts.single-line .content .content-text { padding: 2rem; margin: auto 0; } .top-frame .lifts.single-line .content .content-text a { color: #131313; text-decoration: unset; text-align: left; } .top-frame .lifts.single-line .content .content-text a:hover, .top-frame .lifts.single-line .content .content-text a:focus { text-decoration: none; } .top-frame .lifts.single-line .content .content-text a:hover .content-heading, .top-frame .lifts.single-line .content .content-text a:focus .content-heading { text-decoration: underline; } .top-frame .lifts.single-line .content .content-text a:hover .icon-arrow-right, .top-frame .lifts.single-line .content .content-text a:focus .icon-arrow-right { background: #f7731d; color: #fff; } .top-frame .lifts.single-line .content .content-text .icon-arrow-right { display: flex; width: 40px; height: 40px; font-size: 20px; line-height: 36px; color: #f7731d; border: 1px solid #f7731d; border-radius: 50%; justify-content: center; transition: all .2s ease-in-out; } .top-frame .lifts:not(.single-line) .content:hover, .top-frame .lifts:not(.single-line) .content:focus { background: #ffefe3; border-color: #f7731d; } .top-frame .lifts:not(.single-line) .content:hover .content-heading, .top-frame .lifts:not(.single-line) .content:focus .content-heading { text-decoration: underline; } .top-frame .quicklinks ul { list-style: none; margin-left: 0; margin-bottom: 2rem; } .top-frame .quicklinks ul li { margin-bottom: 1rem; } .top-frame .quicklinks ul a { color: #131313; font-size: 1.125rem; text-decoration: none; } .top-frame .quicklinks ul a:before { content: "\f105"; display: inline-block; color: #f7731d; font-family: 'fontawesome-alloy'; font-weight: 600; margin: 0 1rem 0 .75rem; } .top-frame .quicklinks ul a:hover, .top-frame .quicklinks ul a:focus { text-decoration: underline; } .feed-item.simple { background: #fff; padding: 1rem; margin-bottom: 1rem; display: flex; flex-direction: column-reverse; } .feed-item.simple .label { background-color: #ffd3b1; color: #131313; font-size: 0.875rem; line-height: 1; text-transform: inherit; padding: .5rem; margin: auto 0 auto 1rem; border: 0; } .feed-item.simple .meta { display: flex; flex-direction: row-reverse; justify-content: flex-end; } .feed-item.simple .meta .date { font-size: 1rem; line-height: 1; margin: auto 0; } .feed .label { background-color: #ffd3b1; color: #131313; font-size: 0.875rem; line-height: 1; text-transform: inherit; padding: .5rem; margin: auto 0 auto 1rem; border: 0; } .feed .feed-item .feed-item__content { padding: 1rem; background: #fff; } .feed.columns-2 { display: flex; flex-wrap: wrap; } .feed.columns-2 .feed-item { flex: 1 0 49%; margin-right: 2%; } .feed.columns-2 .feed-item:nth-of-type(even) { margin-right: 0; } .feed.columns-3 { display: flex; flex-wrap: wrap; margin: 0 -.5rem; } .feed.columns-3 .feed-item { padding: 0 .5rem; margin-bottom: 1rem; display: flex; flex-flow: column; flex: 0 0 100%; max-width: 100%; } .feed.columns-3 .feed-item .feed-item__content { height: 100%; } body:not(.homepage) .feed .feed-row { display: flex; margin-bottom: 1.875rem; } body:not(.homepage) .feed .feed-row .feed-item__image { max-width: 240px; flex: 1 0 auto; } body:not(.homepage) .feed .feed-row .feed-item__content { padding: 0 1rem; } body:not(.homepage) .feed .feed-row .feed-item__content .feed-heading { margin-top: 0; margin-bottom: .75rem; } body:not(.homepage) .feed .feed-row .feed-item__content .meta { margin-bottom: .5rem; } .media-item .ministries.date, .media-item .icon-time, .media-item .time { display: none; } .media-item .meta { margin-bottom: 1.5rem !important; } .media-item .meta .d-inline-block + div { display: inline-block; } .media-item .meta .label { background-color: #ffd3b1; color: #131313; font-size: 0.875rem; line-height: 1; text-transform: inherit; padding: .5rem; margin: auto 0 auto 1rem; border: 0; } .media-item .image-caption { width: 100% !important; margin-bottom: 3rem; } .media-item figcaption { font-size: .85rem; } .media-item .og-image { max-width: unset !important; margin-bottom: 2rem; float: none !important; } .social-share-buttons .some-print, .social-share-buttons .some-divider { display: none; } .custom-bg { margin-bottom: 2rem; } .custom-bg .portlet-content { background-color: #ffd2b1; position: relative; padding: 2rem; overflow: hidden; } .custom-bg .portlet-content .portlet-content-container { position: relative; z-index: 1; } .custom-bg .portlet-content:after { background-size: contain; background-repeat: no-repeat; background-position: bottom right; opacity: .5; content: ''; width: 250px; height: 250px; bottom: 0; right: 0; position: absolute; transform: rotate(-25deg); } .custom-bg.bg-pen .portlet-content:after { background-image: url('/documents/96414315/98092389/kuvitus_kyn%C3%A4.svg/b85dd35d-202b-b093-7f70-adbef58a5612?t=1636726243287'); width: 230px; height: 100%; opacity: .2; } .custom-bg.bg-magnifying-glass .portlet-content:after { background-image: url('/documents/96414315/98092389/suurennuslasi.svg/925ca15e-8ea5-14be-0f4c-47d595b8cb47?t=1636723274185'); width: 180px; height: 260px; opacity: .25; } .faq-list { list-style: none; margin-left: 0 !important; } .faq-list .item { margin-bottom: 1rem; background: #fff; border-radius: 0 0 4px 4px; display: flex; flex-direction: column; } .faq-list .answer { padding: 0 1.5rem; margin: 2rem; border-left: 2px solid #f7731d; position: relative; } .faq-list .answer ol, .faq-list .answer ul { margin-bottom: 1rem; } .faq-list button { display: flex; width: 100%; background-color: #ffefe3; padding: 1rem; border-radius: 4px; border: 1px solid #ffd3b1; cursor: pointer; } .faq-list button .icon { margin-left: auto; } .faq-list button .icon:after { content: "\f078"; font-family: 'fontawesome-alloy'; } .faq-list button[aria-expanded="true"] .icon:after { content: "\f077"; } p + .numbered-path { margin: 3rem 0; } .numbered-path { margin: 3rem 0; } .numbered-path .main-title { margin-bottom: 2rem; } .numbered-path ol { counter-reset: section; list-style: none; padding-left: 0; } .numbered-path ol li { position: relative; vertical-align: top; margin-left: 2rem; margin-bottom: 0; padding-left: 2.4375rem; padding-bottom: 2rem; border-left: 1px solid #f7731d; } .numbered-path ol li:last-of-type { border-left: 0; } .numbered-path ol li:after { content: ''; display: table; clear: both; } .numbered-path ol li:before { counter-increment: section; content: counter(section); display: block; float: left; width: 3.125rem; height: 3.125rem; margin-left: -4rem; color: #fff; font-size: 1.125rem; line-height: 2.7; text-align: center; border: 1px solid #f7731d; border-radius: 50%; background: #f7731d; } .numbered-path ol li .title { margin-top: 0; padding-top: .85rem; } .numbered-path ol li .btn { margin: .25rem 0 1.5rem; } .true-or-false-portlet { color: #131313; background: #ffd3b1; } .true-or-false-portlet .portlet-content { padding: 1rem; } .true-or-false-portlet .hed-section { color: #131313; margin: 2rem 0 0; } .true-or-false-portlet button { background: #f7731d; } .true-or-false-portlet button:hover, .true-or-false-portlet button:focus { text-decoration: underline; } .searchContainer { margin-bottom: 1rem; } .searchContainer form { display: flex; padding: 1rem; background: #f8f8f8; } .searchContainer .searchTermContainer { width: calc(100% - 60px); } .searchContainer .searchTermContainer .input-text-wrapper { margin-bottom: 0; } .searchContainer .searchTermContainer .wordSearch { border-radius: 4px 0 0 4px; background: #fff; } .searchContainer .assetSearchSubmit { width: 60px; line-height: 1.5; height: 2.375rem; margin: auto 0 0; padding: 6px; color: #131313; } .assetSearchFilesContainer { display: block; flex-wrap: unset; } .documentlist .link-return { display: inline-block; margin-bottom: 1rem; font-weight: 400; color: #131313; } .documentlist .link-return span { margin-right: .25rem; } .documentlist .row { margin: 0 -6px; } .documentlist .col-5 { margin: 0 !important; padding: 6px !important; } .documentlist .item { height: 100%; border: 1px solid #ddd; } .documentlist .document__image img { position: absolute; object-fit: cover; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); } .documentlist .document__details { padding: 0.5rem .5rem 1rem !important; } .documentlist .document__title { text-overflow: ellipsis; overflow: hidden; } .documentlist .document__title a { font-size: .875rem; color: #131313; white-space: nowrap; } .documentlist .document__meta { font-size: .875rem; display: none; } .documentlist .document__summary { font-size: 0.875rem !important; line-height: 1.5 !important; } .documentlist .file-ext { font-size: 14px; background: #fff; padding: 1px 5px; border-radius: 4px; border: 1px solid #ddd; position: absolute; bottom: 6px; left: 6px; z-index: 1; } .portlet-hidden--public .portlet-body { position: relative; } .portlet-hidden--public .portlet-body:after { content: 'Tämä sisältö on piilotettu julkipuolelta'; display: block; position: absolute; top: -18px; left: 0; background: #fff; border: 1px solid #b5b5b5; padding: 0.25rem 0.75rem; border-radius: 4px 4px; font-size: .925rem; font-style: italic; } .skip-link { left: -999px; position: absolute; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: -999; } .skip-link:focus { display: inline-block; padding: 0.5rem 1rem; border-radius: 4px; margin-bottom: 1rem; background: #ffd3b1; color: #131313 !important; font-size: .825rem; width: 100%; height: auto; overflow: auto; z-index: 999; right: 0; left: 0; top: -26px; } .event-details strong { font-weight: 600; display: block; } .article-event { display: flex; flex-wrap: wrap; } .article-event .meta-top { margin-bottom: 1rem; } .event-container { padding-left: 25px; border-left: 1px solid #ddd; padding-top: 16px; padding-bottom: 16px; } .event-container > div { margin-bottom: 1rem; } .event-location .icon { margin-right: 6px; font-size: 1.25rem; } .event-registration-link { position: relative; padding-left: 34px; } .event-registration-link:before { content: "\f105"; display: inline-block; font-family: 'fontawesome-alloy'; font-weight: 600; position: absolute; top: 0; left: 0; margin: 0; width: 24px; height: 24px; background: #f7731d; color: #fff; border-radius: 4px; text-align: center; } .top-frame .controls-visible .subscribe-action { top: 42px; } .site-theme.top-frame > body.public-page #content .keyfigures .row .col-md-4 { max-width: 31.62393%; flex: 0 0 31.62393%; } .site-theme.top-frame > body.public-page #content .keyfigures ul.row { display: flex; flex-flow: row wrap; justify-content: flex-start; margin: 2rem 0 1rem; list-style: none; } .site-theme.top-frame > body.public-page #content .keyfigures ul.row > li { display: block; padding: 2rem .5rem; margin-bottom: 1.25rem; text-align: center; background-color: #ffe0c8; font-weight: 900; } .site-theme.top-frame > body.public-page #content .keyfigures ul.row > li > span.keyfigures-figure { position: relative; display: block; margin: 0 auto; font-size: 3rem; font-weight: 900; line-height: 1; color: #454545; } .site-theme.top-frame > body.public-page #content .keyfigures ul.row > li > span.keyfigures-figure::after { content: ''; display: block; width: 7.75rem; height: .3125rem; margin: 1.5rem auto 1.875rem; background-color: #f7731d; } .eusa-card-filter.row { justify-content: center; margin-bottom: 2rem; } .eusa-card-filter.row > a { max-width: 25%; margin-right: 0.8547%; margin-left: 0.8547%; padding: 1rem .125rem !important; font-weight: 900; } .eusa-card-filter.row > a::after { display: none !important; } .eusa-card-filter.row > a:active { text-decoration: none; } .eusa-card-filter.row > a:hover { text-decoration: underline; } .eusa-card-filter.row > button[aria-pressed="true"] { background-color: #ffd2b1; border-style: solid; border-width: .125rem; padding: .875rem 0 !important; text-decoration: none; } .eusa-card-filter.row > button[aria-pressed="true"]::before { content: '\f00c'; position: absolute; top: calc(50% - 0.75rem); left: 1.5rem; height: 1.5rem; width: 1rem; font-family: 'fontawesome-alloy'; font-size: 1.5rem; font-style: normal; font-weight: normal; font-variant: normal; color: #131313; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .eusa-card-filter.row > button[aria-pressed="true"]:active { text-decoration: none; } .eusa-card-filter.row > button[aria-pressed="true"]:hover { background-color: #ffd2b1; } .card-deck.ventures.row .card { margin-right: 0.8547%; margin-bottom: 1rem; margin-left: 0.8547%; border: none; } .card-deck.ventures.row .card .card-body { display: block; padding: 1.25rem 1.25rem 1.75rem; } .card-deck.ventures.row .venture.col { max-width: 31.62393%; flex: 0 0 31.62393%; padding-right: 0; padding-left: 0; } .card-deck.ventures.row .venture a:hover, .card-deck.ventures.row .venture a:focus { color: #454545; text-decoration: none; } .card-deck.ventures.row .venture a:hover span.card-body .card-title, .card-deck.ventures.row .venture a:focus span.card-body .card-title { text-decoration: underline; } #content .media-item.venture-page .ingress { font-size: 1.125rem; font-weight: 900; } #content .media-item.venture-page img[itemprop="image"] { margin: 0 0 1.5rem; } #content .media-item.venture-page .yjaInfoBox p { line-height: 1.75; margin-bottom: .5rem; } #content .media-item.venture-page .yjaInfoBox span.badge { margin: 0 .3125rem 0 0; padding: .3125rem .5rem; background-color: #ffd3b1; color: #131313; font-size: .875rem; border: none; } #content .media-item.venture-page .quicklinks { margin-bottom: 1.5rem; } #content .media-item.venture-page .quicklinks ul { margin-bottom: 1rem; padding-bottom: 1.5rem; border-bottom: 1px solid #f7731d; } #content .media-item.venture-page .quicklinks a.separated-link { color: #131313; font-size: 1.125rem; text-decoration: none; } #content .media-item.venture-page .quicklinks a.separated-link:before { content: "\f105"; display: inline-block; color: #f7731d; font-family: 'fontawesome-alloy'; font-weight: 600; margin: 0 1rem 0 .75rem; } #content .media-item.venture-page .quicklinks a.separated-link:hover, #content .media-item.venture-page .quicklinks a.separated-link:focus { text-decoration: underline; } .top-frame .yja-mobile-navigation .yja-mobile-navigation__button--close { border-color: #f7731d !important; background: #f7731d; width: 28px; height: 28px; color: white !important; padding: 0; border-radius: 4px; } .top-frame .yja-mobile-navigation .yja-mobile-navigation__button { color: #f7731d; } .top-frame .yja-mobile-navigation .yja-mobile-navigation__button.yja-mobile-navigation__button--toggler { border-left: 1px solid rgba(247,115,29,0.35); } .top-frame .yja-mobile-navigation ul.mm-listview > li.mm-listitem { background: transparent; } .top-frame .yja-mobile-navigation ul.mm-listview > li.mm-listitem:after { opacity: 1; } .top-frame .yja-mobile-navigation ul.mm-listview > li.mm-listitem > .nav-item__container:before { height: calc(100% - 1px); } .top-frame .yja-mobile-navigation ul.mm-listview li.mm-listitem[aria-current=page] > .nav-item__container > a { font-weight: 600; } .top-frame .yja-mobile-navigation ul.mm-listview li.mm-listitem[aria-current=page] > .nav-item__container:before { opacity: 1; background: #ffefe3; } @media (min-width: 981px) { .top-frame .logo { grid-template-columns: 1fr 1fr; } } @media (max-width: 980px) { .top-frame .logo { grid-template-columns: 1fr; } } @media (min-width: 980px) { .top-frame .logo img { max-height: 90px; } } @media (max-width: 767px) { .top-frame .logo img { height: auto; max-height: min-content; width: 100%; } .top-frame .logo img:first-child { padding: 1rem 4.5rem 1rem 0; } .top-frame .logo img:last-child { padding: 0; } .top-frame #banner .layout-wrapper-wide-container .header-top-right-cell .header-top-bar-links-lang { margin-left: 0; margin-right: auto; } .top-frame #banner .layout-wrapper-wide-container .header-top-right-cell .header-top-bar-links-lang ul { margin-left: 0; } .top-frame #footer .col { max-width: 100%; flex: 0 0 100%; } .top-frame #footer .col > div { margin-bottom: 1rem; } .top-frame #footer .col:last-of-type > div { margin-bottom: 0; } .top-frame #footer .footer-bottom-bar { padding-left: 0; padding-right: 0; } .top-frame .lifts.slim ul li { flex: 1 0 100%; max-width: 100%; border-right: 0; } .top-frame .lifts.single-line .content { flex-direction: column; } .top-frame .lifts.single-line .content .content-image, .top-frame .lifts.single-line .content .content-text { flex: 1 0 100%; max-width: 100%; } .top-frame .lifts.single-line .content .content-image { min-height: 274px; } .feed.columns-2 .feed-item { flex: 1 0 100%; margin-right: 0; } .true-or-false-portlet .true-or-false { padding: 2rem 0; } } @media (min-width: 540px) and (max-width: 767px) { .top-frame .logo img { max-width: 80%; } .top-frame #banner .header-top-right-area { width: 100%; } .top-frame #banner .search-form { max-width: 50%; margin: 0 0 0 auto; } .site-theme.top-frame[lang="en-US"] .logo img:first-child, .site-theme.top-frame[lang="sv-SE"] .logo img:first-child { padding: 1rem 5.5rem 1rem 0; } } @media (max-width: 539px) { .top-frame .logo img:first-child { padding: 1rem 15% 1rem 0; } .top-frame #banner .header-top-right-area { width: 100%; } .top-frame #banner .search-form { } .top-frame #banner .search-form .search-query { max-width: unset; } .site-theme.top-frame[lang="en-US"] .logo img:first-child, .site-theme.top-frame[lang="sv-SE"] .logo img:first-child { padding: 1rem 25% 1rem 0; } } @media (min-width: 980px) and (max-width: 1439px) { .top-frame #heading { padding: 0 10px !important; } } @media (min-width: 880px) { .top-frame #banner .layout-wrapper-wide-container .header-top-bar-links-lang { display: none; } } @media (max-width: 879px) { .top-frame #banner .layout-wrapper-wide-container .header-top-right-cell .header-top-bar-links-lang { display: none; } .top-frame #banner .header-top-bar-links-right { display: block; position: relative; right: 0; text-align: right; top: 0; } .top-frame #banner .header-top-bar-links-right ul { padding-bottom: 0 !important; } .top-frame #banner .header-top-bar-links-right a { font-size: .8rem !important; } .top-frame .mobile-menu-actions { top: 68px; } } @media (min-width: 768px) and (max-width: 1023px) { .top-frame .main-nav .site-theme__navigation { flex-wrap: wrap; } } @media (max-width: 679px) { .top-frame .lifts ul li { flex: 1 0 100%; max-width: 100%; border-right: 0; } body:not(.homepage) .feed .feed-row { flex-wrap: wrap; } body:not(.homepage) .feed .feed-row .feed-item__image { max-width: 100%; } body:not(.homepage) .feed .feed-row .feed-item__content { padding: 1rem 0; } } @media (min-width: 768px) { .top-frame .lifts.single-line .item.align-image-right .content { flex-direction: row-reverse; } .documentlist .col-5 { flex: 0 0 33.3333% !important; max-width: 33.3333% !important; } .journal-display-page .row .col-md-4, .landingpage-layout .row .col-md-4 { max-width: 23.07692%; flex: 0 0 23.07692%; } .journal-display-page .row .col-md-8, .landingpage-layout .row .col-md-8 { max-width: 74.35897%; flex: 0 0 74.35897%; } } @media (min-width: 680px) and (max-width: 991px) { .feed.columns-3 .feed-item { flex: 0 0 50%; max-width: 50%; } } @media (min-width: 992px) { .feed.columns-3 .feed-item { flex: 0 0 33.3333%; max-width: 33.3333%; } .article-main { flex: 0 0 calc(100% - 275px); } .event-details { flex: 1 0 250px; margin-left: 25px; } } @media (min-width: 768px) and (max-width: 991px) { body:not(.homepage) .feed .feed-row { flex-wrap: wrap; } body:not(.homepage) .feed .feed-row .feed-item__image { max-width: 100%; } body:not(.homepage) .feed .feed-row .feed-item__content { padding: 1rem 0; } } @media (max-width: 640px) { .numbered-path ol li { margin-left: 1rem; padding-left: 2.6875rem; } .numbered-path ol li:before { width: 2.5rem; height: 2.5rem; font-size: 1.35rem; line-height: 1.8; } } @media (min-width: 1024px) { .documentlist .col-5 { flex: 0 0 25% !important; max-width: 25% !important; } } @media (mix-width: 1280px) { .documentlist .col-5 { flex: 0 0 20% !important; max-width: 20% !important; } } @media (max-width: 991px) { .event-details { width: 100%; } .event-container { border-left: 0; border-top: 1px solid #ddd; padding-left: 0; padding-top: 27px; } } @media (min-width: 540.02px) and (max-width: 1280px) { .site-theme.top-frame > body.public-page #content .keyfigures .row .col-md-4 { max-width: 48.71795%; flex: 0 0 48.71795%; } .site-theme.top-frame > body.public-page #content .keyfigures ul.row > li { max-width: 48.71795%; flex: 0 0 48.71795%; } .site-theme.top-frame > body.public-page #content .keyfigures ul.row > li:nth-child(odd) { margin-left: 0; } .site-theme.top-frame > body.public-page #content .keyfigures ul.row > li:nth-child(even) { margin-left: 2.5641%; } } @media (max-width: 540px) { .site-theme.top-frame > body.public-page #content .keyfigures .row .col-md-4 { max-width: 100%; flex: 0 0 100%; } .site-theme.top-frame > body.public-page #content .keyfigures ul.row > li { max-width: 100%; flex: 0 0 100%; margin-left: 0; } } @media (min-width: 1280.02px) { .site-theme.top-frame > body.public-page #content .keyfigures ul.row > li:nth-child(3n+1) { margin-left: 0; } } @media (max-width: 768px) { .eusa-card-filter.row > a { max-width: 100%; flex: 0 0 100%; margin-right: 0; margin-bottom: 1rem; margin-left: 0; } .card-deck.ventures.row .venture.col { max-width: 100%; flex: 0 0 100%; margin-right: 0; margin-left: 0; } } @media (min-width: 768.02px) and (max-width: 1280px) { .card-deck.ventures.row .venture.col { max-width: 48.71795%; flex: 0 0 48.71795%; margin-right: 0.641%; margin-left: 0.641%; } }