@import url('/o/common-ui-resources/fonts/open-sans/main.css'); .top-frame body { font-size: 100%; color: #2c2c2c; font-family: "Open sans",Helvetica,Arial,sans-serif; line-height: 1.4; } .top-frame a { color: #004f8c; } .top-frame a:hover, .top-frame a:focus { color: #0095e5; } .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: #2c2c2c; font-weight: bold; font-style: normal; font-family: "Open sans",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 #b6d5d5; background: #666; color: #2c2c2c; } .top-frame .btn.btn-default:hover { background: #454545; } .top-frame .btn.btn-primary, .top-frame .btn.search-form_submit { background-color: #00ada8; color: white; } .top-frame .btn.btn-primary:hover, .top-frame .btn.search-form_submit:hover { background-color: #009c97; } .top-frame .btn.search-form_submit { border-color: #00ada8; } .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 #2c2c2c; } .top-frame .portlet-navigation .nav-menu ul a { color: #2c2c2c; } .top-frame .portlet-navigation .nav-menu ul ul a { color: #303030; } .top-frame .portlet-navigation .nav-menu > ul > li { color: #303030; } .top-frame .events .event-highlight { font-size: 1.1em; border-top: solid 1px #00ada8; } .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 #00ada8; } .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: #004f8c; display: block; position: relative; } .top-frame .events.event-search-portlet .event-list-wrapper > .span12 > .span3 { background: #00ada8; } .top-frame .events.event-search-portlet .event-list-wrapper { border-color: #00ada8; } .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: #00ada8; 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 #00ada8; border-right: 1px solid #00ada8; border-left: 1px solid #00ada8; 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: #004f8c; } .top-frame #scrollToTop { color: #fff; background: #00ada8; } .top-frame #scrollToTop:hover { background: #009c97; } .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: #00ada8; color: white !important; } .top-frame #banner .language-version-selection-portlet .lang-nav ul { background: #00ada8; } .top-frame .media-item .small figure { float: left; margin-right: 1em; } .top-frame .media-item .dark-link { color: #2c2c2c; } .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: #2c2c2c; } .top-frame .media-item .meta { margin-bottom: em(5px); color: #353535; font-size: .9em; } .top-frame .feed-item.simple .meta { color: #353535; font-size: .9em; } .top-frame .feed-item.simple h6 a { color: #2c2c2c; } .top-frame ul.position-nav li.selected { background: #00ada8; } .top-frame ul.position-nav li.selected:hover { background-color: #00ada8; } .top-frame .carousel .description { font-family: "Open sans",Helvetica,Arial,sans-serif; font-weight: normal; } .panel.border-top-emphasis { border-top: solid 4px #00ada8; } .top-frame #banner { background-repeat: repeat; background-size: initial; background-position: center top; background-color: #fff; background-image: url('data:image/svg+xml,data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg"/%3E'); color: #111; } .top-frame #banner a { color: #111; } .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: #00ada8; 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: #009c97; } .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: #434343; color: #fff; } .top-frame #footer a { color: #fff; } .top-frame #footer .footer-bottom-bar { background-color: #434343; } .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: #eef6f9; } .top-frame .homepage .layout-wrapper-wide *, .top-frame .homepage .layout-wrapper-wide .carousel-wrapper ul li h3 a .description { color: #00a09c; } .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: #2c2c2c; } .mobile-menu-actions a { color: #004f8c; } .mobile-menu-actions a.menu-icon { font-family: "Open sans",Helvetica,Arial,sans-serif; } .mobile-menu-actions a:active, .mobile-menu-actions a:focus, .mobile-menu-actions a:hover { color: #0095e5; } .mm-menu { border-color: #00ada8; } .mm-menu a { color: white; } .mm-menu a:hover, .mm-menu a:focus { color: white; } .tem-contact-list-portlet .header.toggler-header:before { font-family: fontawesome-alloy; } .p-b-0 { padding-bottom: 0 !important; } .m-b-0 { margin-bottom: 0 !important; } .p-b-05 { padding-bottom: 0.5em !important; } .m-b-05 { margin-bottom: 0.5em !important; } .p-b-075 { padding-bottom: 0.75em !important; } .m-b-075 { margin-bottom: 0.75em !important; } .set-max-1280 { max-width: 1280px !important; margin: 0 auto !important; } .top-frame .portlet-navigation .list-menu { font-size: 1em !important; line-height: 20px; } .top-frame .portlet-navigation .list-menu h2 { margin-top: 2em; font-size: 1.1em; text-transform: uppercase; } .top-frame .portlet-navigation .list-menu ul li .toggleVisibility { background: none; border: 0; font-size: 15px; padding: 0.8em 0.93333em 0.8em; } .top-frame .portlet-navigation .list-menu ul li a { color: #2c2c2c; padding: 1em 1.9em 1em 10px !important; } .top-frame .portlet-navigation .list-menu ul li.selected.active-li a { background-color: #fbfcfd; } .top-frame .portlet-navigation .list-menu ul li.selected.active-li a.selected { background-color: #f1f6f9; } .top-frame .portlet-navigation .list-menu ul li.selected.active-li ul a { background-color: #fbfcfd; padding-left: 16px !important; } .top-frame .portlet-navigation .list-menu ul ul { position: relative; margin: 0; } .top-frame .portlet-navigation .list-menu .level-1 > li.selected.active-li > ul:before { border-left: solid 6px #9ddbdb; content: ""; position: absolute; height: 100%; left: 0px; } .top-frame .portlet-navigation .list-menu .level-2 > li.selected.hasChild.active-li:before { border-left: solid 6px rgba(0,212,206,0.2); content: ""; position: absolute; height: 100%; left: 0; } .top-frame .portlet-navigation .list-menu ul li a.selected { font-weight: 700 !important; } .lfr-add-panel .add-content-menu h1 { position: inherit !important; margin-top: 0 !important; display: inline-block !important; } .modal-content .modal-header h3 { position: inherit; margin-top: 0; display: inline-block; } .modal-content .modal-header h3:before { content: ""; display: none; } .signed-out .portlet-borderless-bar { display: none; } .top-frame .article-form-edit a.btn { display: inline-block; padding: 4px 12px; margin-bottom: 0; font-size: 15px; text-align: center; vertical-align: middle; cursor: pointer; color: #333; background-color: #eaeaea; border: 1px solid #cfcfcf; text-transform: none; } .top-frame .portlet-title-text { white-space: normal; } .top-frame #banner nav ul { margin-bottom: 0 !important; padding-bottom: 0 !important; } .mobile-menu-actions a { color: #fff !important; background-color: transparent !important; } .mobile-menu-actions button { margin-right: 8px; } .mm-listview li > a { color: #fff !important; } .mm-listview .mm-selected { font-weight: 600; } .mm-navbar .mm-title { color: #fff !important; } .mm-custom-top .close-mm-menu { text-decoration: none; width: 30px; height: 30px; text-align: center; padding-top: 7px; } .top-frame .logo img { max-width: 100%; } .top-frame .breadcrumb { padding: 8px 15px; background: none; margin-left: auto; margin-right: auto; line-height: 2em; margin-bottom: 0; font-size: 0.9em; } .top-frame .breadcrumb > li:before { padding: 0 5px; } .top-frame .breadcrumb li a { color: #6e6e6e; } .top-frame .breadcrumb li a:hover { color: #555; } .top-frame .breadcrumb li:first-child a { text-transform: uppercase; } .top-frame #content button.btn, .top-frame #content button.btn-cancel { border: solid 1px #aaa; background-color: #ddd; } .top-frame #content button.close { border: solid 1px #555; background-color: #ddd; height: 30px; width: 30px; color: #333; } .top-frame #content button.btn-primary, .top-frame #content option.btn { border: solid 1px #00ada8; background-color: #00ada8; color: white; } .top-frame #content button.btn-primary:hover, .top-frame #content option.btn:hover, .top-frame #content button.btn-primary:focus, .top-frame #content option.btn:focus { background-color: #009c97; } .top-frame #content option.btn:hover, .top-frame #content option.btn:focus, .top-frame #content option.btn:active { border-color: #99d9d7; background-color: rgba(0,212,206,0.1); color: white; } .top-frame #content a.btn { font-weight: 600; padding: 0.3rem 0.2rem 0.3rem 0.2rem; margin-right: 0.5em; margin-bottom: 0.4em; border-top: solid 0px transparent; border-left: solid 0px transparent; border-right: solid 0px transparent; border-bottom: solid 3px; background-color: transparent; color: #2c2c2c; box-shadow: none; text-decoration: none; } .top-frame #content a.btn:hover, .top-frame #content a.btn:focus { background-color: rgba(0,212,206,0.1); } .top-frame #content a.btn:active { background-color: rgba(0,212,206,0.1); } .top-frame #content a.btn-notice { border-color: #ff965f; } .top-frame #content a.btn-notice:hover, .top-frame #content a.btn-notice:focus { background-color: rgba(255,149,94,0.1) !important; } .top-frame #content a.dropdown-toggle-tukes, .top-frame #content a.btn.btn-primary { border-color: #99d9d7; } .top-frame #content a.dropdown-toggle-tukes { min-width: 150px; font-size: 14px; } .top-frame #content a.btn.btn-default { border-color: #99d9d7; } .top-frame #content button.btn--submit { border-color: #00d4ce; border-radius: 30px; padding: 5px 15px 5px 15px; } .top-frame #content a.btn-large { font-size: 1.1em !important; border-bottom: solid 5px #00d4ce; } .top-frame #content a.btn-medium { font-size: 0.9em !important; } .top-frame #content a.btn-small { font-size: 0.8em !important; } .top-frame #content .btn.btn-default:not(.btn-medium):not(.btn-primary) { border: solid 1px #00ada8; background-color: #00ada8; color: white; } .top-frame #content .btn.btn-default:not(.btn-medium):not(.btn-primary):hover, .top-frame #content .btn.btn-default:not(.btn-medium):not(.btn-primary):focus { color: #2c2c2c; } .top-frame #content .btn { white-space: normal; } .top-frame #content form a.btn, .top-frame #content form button.btn:not(.searchButton) { color: #000 !important; border: solid 1px #99d9d7 !important; background-color: #99d9d7 !important; padding: 0.66667em 1em; margin-bottom: 0; font-size: .875rem; font-weight: 600; } .top-frame #content form a.btn:hover, .top-frame #content form button.btn:not(.searchButton):hover, .top-frame #content form a.btn:focus, .top-frame #content form button.btn:not(.searchButton):focus { background-color: rgba(0,160,156,0.7) !important; } .top-frame .btn.btn-default.search-form_submit { background-color: #00ada8; color: white; } .top-frame #banner .header-top-bar { background-color: #525252; } .top-frame #banner .header-top-bar .header-top-bar-links-lang ul li { border-color: #fff; } .top-frame #banner .header-top-bar .header-top-bar-links-lang ul li a { color: #fff; } .top-frame #heading form .btn { border-radius: 0 30px 30px 0; } .top-frame #heading form input.search-query { border-radius: 30px 0 0 30px; } .top-frame .logo img { width: 150px; } .top-frame #banner nav ul.site-theme__navigation li { margin-bottom: 0; vertical-align: bottom; } .top-frame #banner nav ul.site-theme__navigation li a { font-weight: 600; cursor: pointer; padding: 0.8em 0.8em 0.8em; height: 50px; font-size: 1.15em; } .top-frame #banner nav ul.site-theme__navigation li a:hover, .top-frame #banner nav ul.site-theme__navigation li a:focus { background-color: rgba(0,160,156,0.3); } .top-frame #banner nav ul.site-theme__navigation li.selected { background-color: rgba(0,160,156,0.7); } .top-frame #banner nav ul.site-theme__navigation li.selected a { color: #000; } .top-frame #banner nav ul > li:first-child { vertical-align: bottom; } .top-frame #banner nav ul > li:first-child a { width: 37px; height: 50px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='31' viewBox='0 0 39 31' version='1.1'%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-227.000000, -170.000000)' stroke='%23000000' fill-rule='nonzero' fill='%23000000'%3E%3Cg transform='translate(228.000000, 171.000000)'%3E%3Cpath d='M18.4 0C18.3 0 18.3 0 18.2 0.1L0.2 14.1C0 14.2-0.1 14.6 0.1 14.8 0.2 15 0.6 15 0.8 14.9L18.5 1.1 36.2 14.9C36.4 15 36.7 15 36.9 14.8 37.1 14.6 37 14.2 36.8 14.1L18.8 0.1C18.7 0 18.5 0 18.4 0ZM5.2 12.5L5.2 28.5C5.2 28.8 5.4 29 5.7 29L14.7 29C15 29 15.2 28.8 15.2 28.5L15.2 19.6 21.8 19.6 21.8 28.5C21.8 28.8 22 29 22.3 29L31.3 29C31.6 29 31.8 28.8 31.8 28.5L31.8 12.5 30.8 11.7 30.8 28.1 22.8 28.1 22.8 19.2C22.8 18.9 22.6 18.7 22.3 18.7L14.7 18.7C14.4 18.7 14.2 18.9 14.2 19.2L14.2 28.1 6.2 28.1 6.2 11.7 5.2 12.5Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 50% 50%; margin-bottom: -6px; } .top-frame #banner nav ul > li:first-child span { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .top-frame .layout-wrapper-wide-container, .top-frame #banner .main-nav, .top-frame .phenomenon > .portlet, .top-frame .landingpage-layout, .top-frame .listing-layout, .top-frame #footer .footer-main-content, .top-frame .footer-bottom-bar .portlet-site-map, .top-frame .search-layout { max-width: 1280px !important; margin: 0 auto !important; } .top-frame #main-content .hero:not(.hero--lower) .portlet-borderless-container, .top-frame #main-content .hero:not(.hero--lower) .portlet-content-container { max-width: 1280px; margin: 0 auto; } .top-frame #main-content .portlet-layout:first-of-type { max-width: 100%; } .top-frame #main-content .portlet-layout:first-of-type .portlet-boundary .portlet-body { max-width: 100%; margin: 0 auto; } .top-frame #main-content .portlet-layout:first-of-type .portlet-boundary.hero { padding-top: 3rem; background-position: center; background-repeat: no-repeat; background-size: cover; } .top-frame #main-content .portlet-layout:first-of-type .portlet-boundary.hero .hero__heading-content { background: #fff; margin-bottom: 1em; margin-top: 1em; } .top-frame #main-content .portlet-layout:first-of-type .portlet-boundary.hero--lower .portlet-borderless-container, .top-frame #main-content .portlet-layout:first-of-type .portlet-boundary.hero--lower .portlet-content-container { margin-bottom: 6rem; background-color: #fff; padding-top: 1em; } .top-frame #main-content .portlet-layout:first-of-type .portlet-boundary.hero--lower .portlet-borderless-container div, .top-frame #main-content .portlet-layout:first-of-type .portlet-boundary.hero--lower .portlet-content-container div { margin-bottom: auto; } .top-frame #main-content .portlet-layout:first-of-type .portlet-boundary.hero--lower .portlet-borderless-container .portlet-body, .top-frame #main-content .portlet-layout:first-of-type .portlet-boundary.hero--lower .portlet-content-container .portlet-body { max-width: 1280px; margin: 0 auto; } .top-frame #main-content .portlet-layout:first-of-type .portlet-boundary.hero--lower .portlet-borderless-container .portlet-body div, .top-frame #main-content .portlet-layout:first-of-type .portlet-boundary.hero--lower .portlet-content-container .portlet-body div { margin-bottom: auto; } .top-frame #main-content .portlet-layout:first-of-type .portlet-boundary.hero--lower .portlet-borderless-container .portlet-rss, .top-frame #main-content .portlet-layout:first-of-type .portlet-boundary.hero--lower .portlet-content-container .portlet-rss { max-width: 600px; } .top-frame #content #displayFieldOfExpertice { border: 0; font-size: 1.125rem !important; margin-bottom: 1rem !important; } .field-of-expertice-group { position: relative; text-align: center; } .display-field-of-expertice { margin: 0 !important; padding: 0em 0em 0em 0em !important; display: inline-block !important; } .display-field-of-expertice button { padding: .5em .8em .5em; font-weight: 600; font-size: 0.85em !important; display: block !important; margin: 4px !important; width: 100%; box-sizing: border-box; background-color: #fff; } .display-field-of-expertice button .icon { margin-left: 1rem; } .field-of-expertice { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); list-style: none; margin: 0 !important; padding: 0 !important; width: 100%; text-align-last: left; } .field-of-expertice li { border: solid 2px #b6d5d5; padding: .5em .8em .5em; margin: 4px; font-weight: 600; font-size: 0.85em !important; background-color: #fff; text-align: left; } .field-of-expertice li:hover { background-color: #fdf5a5; border-color: #005aa7; } .field-of-expertice li a { word-wrap: break-word; color: #222; } .field-of-expertice li a:hover, .field-of-expertice li a:focus { color: #222; } .top-frame .journal-content-article p, .top-frame .journal-content-article ul, .top-frame .journal-content-article ol { padding-bottom: 0.8rem !important; max-width: 80ch; font-size: 1.1rem !important; line-height: 1.5 !important; margin-bottom: 0 !important; } .top-frame .journal-content-article p li ul, .top-frame .journal-content-article ul li ul, .top-frame .journal-content-article ol li ul { padding-bottom: 0.4rem !important; } .top-frame .journal-content-article p li ul li ul, .top-frame .journal-content-article ul li ul li ul, .top-frame .journal-content-article ol li ul li ul { margin-bottom: 0.4rem !important; } .top-frame .journal-content-article td { font-size: 1.1rem !important; line-height: 1.5 !important; } .top-frame .journal-content-article h1, .top-frame .journal-content-article h2, .top-frame .journal-content-article h3, .top-frame .journal-content-article h4, .top-frame .journal-content-article h5, .top-frame .journal-content-article h6 { max-width: 80em; } .top-frame .journal-content-article li { margin-bottom: 0.3em; line-height: 1.5; } .top-frame .journal-content-article p.lead, .top-frame .journal-content-article p.ingress { font-size: 1.4em !important; } .top-frame .journal-content-article p.well { margin-bottom: 0.6em !important; } .top-frame .hyphenate { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .top-frame h1, .top-frame .heading1 { clear: both; font-size: 1.8rem; padding-bottom: 0.4em; margin-top: 0.8em; } .top-frame h2, .top-frame .heading2 { clear: both; font-size: 1.6rem; padding-bottom: 0.4em; margin-top: 1.5em; } .top-frame h2.portlet-title { font-size: 1.6rem; padding-top: 0.5em !important; } .top-frame h3, .top-frame .heading3, .top-frame .portlet-title { clear: both; font-size: 1.4rem; padding-bottom: 0.4em; margin-top: 1em; } .top-frame .portlet-title { clear: both; text-transform: uppercase; font-size: 1.1em; margin-top: 2em !important; } .top-frame h4, .top-frame .heading4 { clear: both; font-size: 1.3rem; padding-bottom: 0.4em; margin-top: 1em; } .top-frame h5, .top-frame .heading5 { clear: both; font-size: 1.2rem; padding-bottom: 0.4em; margin-top: 1em; } .top-frame .caseheading { text-transform: uppercase; font-size: 1rem; padding-bottom: 0.4em; font-size: 0.85rem; line-height: 1.3rem; font-weight: 700; color: #00ada8; } .top-frame h6, .top-frame .heading6 { clear: both; font-size: 1.1rem; } .top-frame .top-border-none:before { display: none; } .top-frame h1 { position: relative; } .top-frame h2 { position: relative; } .top-frame h2:before { content: ""; position: absolute; top: -18px; left: 0; width: 70px; height: 5px; background-color: #99d9d7; } .top-frame .portlet-title { position: relative; } .top-frame .portlet-title:before { content: ""; position: absolute; top: -12px; left: 0; width: 70px; height: 5px; background-color: #99d9d7; } .top-frame .frontpage-heading { margin-top: 3em; font-weight: 800; text-transform: none; font-size: 1.8em; max-width: 400px; } .top-frame .frontpage-heading:before { content: ""; position: absolute; background-color: transparent; } .top-frame .frontpage-title-1 { margin-top: 3em; font-weight: 800; text-transform: uppercase; } .top-frame .frontpage-title-1:before { content: ""; position: absolute; top: -12px; left: 0; width: 90px; height: 5px; background-color: #9ddbdb; } .top-frame .frontpage-title-2 { margin-top: 3em; font-weight: 800; text-transform: uppercase; } .top-frame .frontpage-title-2:before { content: ""; position: absolute; top: -12px; left: 0; width: 90px; height: 5px; background-color: #5aa9c6; } .top-frame .frontpage-title-3 { margin-top: 3em; font-weight: 800; text-transform: uppercase; } .top-frame .frontpage-title-3:before { content: ""; position: absolute; top: -12px; left: 0; width: 90px; height: 5px; background-color: #ff965f; } .top-frame .hero h2:before { display: none; font-size: 1.2rem; } .top-frame .hero h3 { font-weight: 600; margin-top: 0; text-transform: uppercase; font-size: 1rem; } .top-frame .hero h3:before { display: none; font-size: 1rem; } .top-frame .hero h5 { font-weight: 600; margin-top: 0; text-transform: uppercase; font-size: 1rem; } .top-frame .hero h6 { font-weight: 400; } .top-frame .hero .date { font-weight: 200; color: #6e6e6e; font-size: 0.75rem; } .top-frame #footer h2:before { display: none; } .top-frame #footer h3 { margin-top: 0; } .top-frame #footer h3:before { display: none; } .top-frame #footer h1, .top-frame #footer .heading1 { color: #fff; } .top-frame #footer h2, .top-frame #footer .heading2 { color: #fff; } .top-frame #footer h3, .top-frame #footer .heading3, .top-frame #footer .portlet-title { color: #fff; } .top-frame #footer h4, .top-frame #footer .heading4 { color: #fff; } .top-frame #footer h5, .top-frame #footer .heading5 { color: #fff; } .top-frame #footer h6, .top-frame #footer .heading6 { color: #fff; } .top-frame .current-posts { margin: 0 -5px 2rem; display: flex; flex-wrap: wrap; } .top-frame .current-posts h2:before { display: none; } .top-frame .current-posts h3:before { display: none; } .top-frame .current-posts .current-posts__item { flex: 1 0 31%; margin: 5px; border: solid 2px #d4f0f0; } .top-frame .current-posts .current-posts__item:hover, .top-frame .current-posts .current-posts__item:focus { background-color: #fdf5a5; border-color: #005aa7; } .top-frame .current-posts .current-posts__item:hover a, .top-frame .current-posts .current-posts__item:focus a { color: #2c2c2c; } .top-frame .current-posts .article-content { padding: .5em 1em 5em 1em; position: relative; height: 100%; } .top-frame .current-posts .article-content .post-footer { position: absolute; bottom: 0; font-size: .9em; color: #4a4a4a; } .top-frame .current-posts .article-content h3 { font-weight: 400; text-transform: none; font-size: 1.2em; } .top-frame .current-posts.with-image .article-content { margin-top: 0; padding: 0; background: transparent; } .top-frame .current-posts.with-image .article-text { padding: .5em 1em 5em 1em; } .top-frame .current-posts.with-image img { width: 100%; } .top-frame .current-posts .meta { float: left; } .top-frame .current-posts .icon-time { display: none; } .top-frame .footer-main-content> .row> div:first-child p > a { display: inline-block; line-height: 1.5em; padding: 0.2em 0.2em 0.2em 0.2em; border-bottom: #9ddbdb solid 2px; color: #4a4a4a; text-decoration: none; margin-right: 2em; margin-bottom: .75em; text-transform: uppercase; } .top-frame .footer-main-content> .row> div:first-child p > a:hover, .top-frame .footer-main-content> .row> div:first-child p > a:focus { color: #4a4a4a; background-color: rgba(0,212,206,0.1); text-decoration: none; } .top-frame .footer-main-content> .row> div:nth-child(2) { margin-top: 1em; } .top-frame .footer-main-content> .row> div:nth-child(2) a { text-decoration: none; } .top-frame .footer-main-content> .row> div:nth-child(3) { margin-top: 1em; } .top-frame .footer-main-content> .row> div:nth-child(3) p:first-child { margin-bottom: 2em; } .top-frame .footer-main-content> .row> div:nth-child(3) p> a { display: inline-block; margin-bottom: 1em; } .top-frame .footer-main-content> .row> div:nth-child(3) p> a> img { width: 32px; margin-left: 1em; } .top-frame .image-grid { display: flex; flex-wrap: wrap; } .top-frame .image-grid .image-grid__item { border: solid 2px #b6d5d5; margin: 0 4px; margin-bottom: 8px !important; background-color: rgba(255,255,255,0.5); flex: 1 0 31%; } .top-frame .image-grid .image-grid__item .image-grid__link { display: block; text-align: center; color: #2c2c2c; padding: 0 .8em .8em; } .top-frame .image-grid .image-grid__item .image-grid__link:hover, .top-frame .image-grid .image-grid__item .image-grid__link:focus { background-color: rgba(0,212,206,0.1); } .top-frame .image-grid .image-grid__item p { font-size: .85em !important; margin: 0; font-weight: 600; } .top-frame .image-grid .image-grid__item:hover, .top-frame .image-grid .image-grid__item:focus { background-color: rgba(0,212,206,0.1); } .top-frame .image-grid .image-grid__item .image-grid__image img, .top-frame .image-grid .image-grid__item .image-grid__image svg { height: auto; max-width: 50px; max-height: 50px; margin: 1em 0 .5em; } .top-frame .image-grid .image-grid__item .image-grid__image svg { fill: #2c2c2c; } .top-frame #heading form input.search-query { padding: 0.8em 1.25em 0.7em; width: 72%; } .top-frame #heading form .btn { padding: 0.8em 1.2em 0.7em; font-size: 1rem; font-weight: 600; } .top-frame .breadcrumb { padding-top: 10px !important; } .top-frame .journal-content-article table:not(.nostyle) { overflow-x: auto; border: solid 1px #ddd !important; border-collapse: separate; border-spacing: 0; } .top-frame .journal-content-article table:not(.nostyle) th, .top-frame .journal-content-article table:not(.nostyle) td { font-size: 90%; border: solid 1px #ddd !important; padding: 5px; } .top-frame .journal-content-article table:not(.nostyle) th p, .top-frame .journal-content-article table:not(.nostyle) td p { padding-bottom: 0.2em !important; } .top-frame .journal-content-article table:not(.nostyle) th { background-color: #d4f0f0 !important; } .top-frame .journal-content-article table:not(.nostyle) tr:hover td { background-color: rgba(0,212,206,0.1) !important; } .top-frame .journal-content-article table:not(.nostyle) tbody > tr:nth-child(odd) > td, .top-frame .journal-content-article table:not(.nostyle) tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } .top-frame .table-tukes th { background-color: #d4f0f0 !important; } .top-frame .table-bordered, .top-frame .table-bordered th, .top-frame .table-bordered td { border: solid 1px #ddd !important; } .top-frame .table-tukes.table-bordered, .top-frame .table-tukes.table-bordered th, .top-frame .table-tukes.table-bordered td { border: solid 1px #9ddbdb !important; } .top-frame .table-tukes.table-hover tr:hover td { background-color: rgba(0,212,206,0.1) !important; } .top-frame .table-responsive { overflow-x: auto; } .top-frame .article--custom table.table__style--scroll { display: block; overflow-x: auto; } .top-frame .article--custom table th, .top-frame .article--custom table td, .top-frame .article--custom table td p, .top-frame .article--custom table td span, .top-frame .article--custom table td a { font-size: 12px !important; } .top-frame .breadcrumb { padding-left: 0; } .top-frame .breadcrumb { font-size: 0.9rem; } .top-frame .breadcrumb li:last-child .divider { display: none; } .top-frame .journal-content-article ul, .top-frame .journal-content-article ol { margin: 0 0 1.5em 1.5rem; list-style-position: outside; padding-left: 40px; } .top-frame a { color: #004f8c; text-decoration: none; cursor: pointer; } ul .top-frame a { text-decoration: underline; } .top-frame p a { position: relative; text-decoration: underline; } .top-frame .journal-content-article li a { text-decoration: underline; } .top-frame #content { padding-top: 0; } .top-frame h1 { font-size: 32px; position: relative; margin-top: 0; } .top-frame .large-block-grid-4 { list-style: none; margin: 1rem 0 3rem 0; padding-left: 0; } .top-frame .large-block-grid-4 li { position: relative; padding: 12px 14px; border-bottom: 1px solid #f0f0f0; } .top-frame .large-block-grid-4 li:before { content: ""; position: absolute; left: 0; top: 50%; width: 5px; height: 5px; background-color: #00a09c; transform: translateY(-50%); } .top-frame .large-block-grid-4 a { font-weight: 600; color: #444; font-size: 1.1em; } .top-frame .feed-item.simple a { color: #2c2c2c; font-weight: normal; font-size: 1.1rem; margin: 0.66667em 0 0.33333em; } .top-frame .feed-item.simple h6 a { color: #004f8c; text-decoration: underline; } .top-frame .feed-item.simple:last-child { margin-bottom: 0.5rem; } .top-frame .portlet-asset-publisher { min-height: 30px; } .top-frame .feed-entry-container { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -0.5rem 3rem; padding-bottom: 3rem; border-bottom: 1px solid #ddd; } .top-frame .feed-entry-container .blog-item { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; padding: 0 0.5rem; } .top-frame .feed-entry-container .blog-item h4 { margin-top: 0; font-size: 1.25rem; } .top-frame .feed-entry-container .blog-item p { margin-bottom: 0; font-size: 0.9rem; } .top-frame .footer-bottom-bar { color: #fff; font-size: 0.9rem; background-image: url('data:image/svg+xml,data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg"/%3E'); padding-top: 3em !important; } .top-frame .footer-main-content img { width: 150px; } .top-frame .footer-main-content h5 { margin-bottom: 1.5rem; } .top-frame .footer-main-content ul { list-style: none; padding-left: 0; margin-left: 0; } .top-frame .footer-main-content ul li { margin-bottom: 10px; } .top-frame .footer-main-content ul li a { text-decoration: underline; } .top-frame .socialMediaLinks { margin: 1.5rem 0; } .top-frame .socialMediaLinks a { text-decoration: none; color: #3a3a3a; font-size: 22px; margin-right: 0.5rem; } .top-frame .socialMediaLinks a:hover, .top-frame .socialMediaLinks a:focus { color: #004f8c; } .top-frame .breadcrumb .active { color: #222; } .top-frame ul.inline, .top-frame ol.inline { padding-left: 0; } .top-frame .btn.btn-search { padding: 11px 21px; } .top-frame .mediaItem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .top-frame .mediaItem__figure { margin-right: 1.3em; width: 130px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .top-frame .mediaItem__body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .top-frame .top-locale-actions .taglib-language-list-text { font-size: 0.75rem; text-decoration: underline; text-decoration-color: #004f8c; } .top-frame #banner .header-top-bar-links-right { top: 0; } .top-frame #banner .header-top-bar-links-right a { background-color: #2b2b2b; padding: 5px 10px 6px; display: block; border-radius: 20px; color: #fff; margin-top: 3px; } .top-frame .news-page h2:before, .top-frame .news-page h3:before, .top-frame .news-page h4:before { background-color: transparent !important; } .top-frame .signed-in.controls-visible .portlet-nested-portlets .portlet-borderless-bar { position: relative; } .top-frame .portlet-borderless-container, .top-frame .portlet-content-container { min-height: 0; padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; } #heading .portlet-content-container { max-width: 100% !important; } .landingpage__content__card { padding-top: 2em; padding-right: 2em; } .landingpage__content__card .landingpage__content__description h4 { text-transform: uppercase; font-size: 1.1em; padding-bottom: 0.8em; } .landingpage__content__card .landingpage__content__heading { text-transform: uppercase; } .landingpage__content__card .landingpage__content__links ul { list-style: none; margin: 0 !important; padding: 0; padding-left: 0 !important; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .landingpage__content__card .landingpage__content__links ul li { margin: 0 1em 1em 0em !important; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; width: 45%; background-color: rgba(0,212,206,0.04); -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .landingpage__content__card .landingpage__content__links ul li a { width: 100%; height: 100%; text-align: left; line-height: 1.5em; padding: 0.2em 0.2em 0.2em 0.2em; color: #4a4a4a; background: #fff; border-bottom: #9ddbdb solid 2px; text-decoration: none; } .landingpage__content__card .landingpage__content__links ul li a > span[role] { display: none; } .landingpage__content__card .landingpage__content__links ul li a:hover, .landingpage__content__card .landingpage__content__links ul li a:focus { color: #4a4a4a; background-color: #fdf5a5; border-color: #005aa7; } .landingpage__hero { min-height: 300px; background-repeat: no-repeat; background-size: cover; background-position: center; } .landingpage__hero .layout-wrapper-wide-container { padding-bottom: 2em; padding-top: 2em; } .landingpage__hero .layout-wrapper-wide-container .landingpage__hero__card .landingpage__hero__card__content h1:before { content: none !important; } .landingpage__hero .layout-wrapper-wide-container .landingpage__hero__card .landingpage__hero__card__image { padding-bottom: 1em; } .landingpage__hero .layout-wrapper-wide-container .landingpage__hero__card .landingpage__hero__card__image .image-container img, .landingpage__hero .layout-wrapper-wide-container .landingpage__hero__card .landingpage__hero__card__image .image-container svg { max-width: 100%; height: auto; min-width: 300px; margin: 1em 0 .5em; } .landingpage__hero .layout-wrapper-wide-container .landingpage__hero__card .landingpage__hero__card__image .image-container svg { fill: #2c2c2c; } .landingpage__hero .layout-wrapper-wide-container .landingpage__hero__card .landingpage__hero__card__image img { max-height: 400px; } a.infographics-icon-link:hover #Oval-green, a.infographics-icon-link:focus #Oval-green { fill: #00e6de; } a.infographics-icon-link:hover #Oval-orange, a.infographics-icon-link:focus #Oval-orange { fill: #ffc861; } a.infographics-icon-link:hover #Oval-yellow, a.infographics-icon-link:focus #Oval-yellow { fill: #f5ff00; } .videoplayer { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .videoplayer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .fb-wrapper { margin-right: 0.2em !important; } #fb-root { float: right; } .youtube-wrapper { margin-right: 0.2em !important; } .twitter-wrapper { margin-right: 0.2em !important; border: solid 1px #efefef; } .top-frame .social-share-buttons { margin-top: 3em !important; } .top-frame .four-columns { background-color: transparent; } .top-frame .four-columns .row { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-flow: row wrap; } .top-frame .read-more-lift-wrapper { width: 100% !important; margin-left: 0 !important; margin-bottom: 0.5em; } .top-frame .read-more-lift-wrapper-no-image { width: 100% !important; margin: 0; margin-left: 0 !important; padding: 0; border: solid 2px #e9f7f7; height: 100%; margin-bottom: 0.5em; } .top-frame .read-more-lift-wrapper-no-image:hover, .top-frame .read-more-lift-wrapper-no-image:focus { background-color: #e9f7f7; } .top-frame .read-more-lift-wrapper-no-image:hover a, .top-frame .read-more-lift-wrapper-no-image:focus a { color: #4a4a4a !important; } .top-frame .read-more-lift-title { text-transform: none; padding-bottom: 0.4em; font-size: 1.1em; line-height: 1.3em; font-weight: 600; color: #00a39e; } .top-frame .read-more-lift-link { color: #2c2c2c; } .top-frame .read-more-lift-link:hover, .top-frame .read-more-lift-link:focus { color: #004f8c; } .top-frame .read-more-lift-wrapper .read-more-lift { border-left: none; border-right: none; border-bottom: none; border-top: none; min-height: 300px; background-color: transparent !important; font-family: inherit !important; font-size: inherit !important; } ul.faq-list { list-style: none; margin: 0 0 0 0 !important; padding: 0 0 2rem 0 !important; } ul.faq-list li { position: relative; } ul.faq-list .answer { display: none; } ul.faq-list .answer p { font-size: 1em; line-height: 1.5em; } ul.faq-list li:not(.faq-list__item) .question { cursor: pointer; font-size: 1.1em; font-weight: 500; text-transform: none; margin-top: 0.6em; padding-left: 20px; } ul.faq-list li:not(.faq-list__item) .question .icon { position: absolute; top: 2px; left: 0; } ul.faq-list li:not(.faq-list__item) .question:hover, ul.faq-list li:not(.faq-list__item) .question:focus { color: #222; } ul.faq-list li.faq-list__item { margin-top: 0.6em; margin-bottom: .625rem; padding-left: 20px; } ul.faq-list li.faq-list__item button.faq-list__heading { margin-bottom: .675rem; } ul.faq-list li.faq-list__item button.faq-list__heading .icon { position: absolute; top: 5px; left: 0; } ul.faq-list li.faq-list__item button.faq-list__heading:hover, ul.faq-list li.faq-list__item button.faq-list__heading:focus { color: #222; } ul.faq-list li.faq-list__item li { list-style-type: disc; } ul.faq-list li.faq-list__item li p { margin-left: .2rem; } .g-recaptcha { margin-bottom: 1.5rem; } .image__container { position: absolute; width: 100%; height: 100%; margin-top: 50px; background-size: 100% auto; background-repeat: no-repeat; } .journal-content-article .article--custom { position: relative; } .journal-content-article .article--custom.article--with-ingress { padding: 0; } .journal-content-article .article__hero { background-color: white; margin-bottom: 20px; padding-bottom: 10px; } .journal-content-article .article__hero p:last-child { margin-bottom: 0; } .journal-content-article .article__wrapper .row { position: relative; } .journal-content-article .article--with-background .article__hero { padding: 50px 25px; } .journal-content-article .article--with-background article.article.col-md-8 { background: white; } .journal-content-article .article.col-md-8 { background: white; margin-top: 0; float: none; } .journal-content-article .article.col-md-8 blockquote { border: none; } .journal-content-article .article.col-md-8 blockquote:before, .journal-content-article .article.col-md-8 blockquote:after { display: none; } .journal-content-article .article__wrapper aside { float: none; } .journal-content-article .article__wrapper aside> .article__toc { background-color: #eef6f9; padding: 10px 20px; margin-bottom: 40px; z-index: 100; max-height: -webkit-fill-available; max-height: 100%; max-width: fit-content; overflow-y: auto; word-break: break-word; } .journal-content-article .article__wrapper aside> .article__toc .heading4:before { display: none; } .journal-content-article .article__wrapper aside> .article__toc ul { list-style-type: none; margin: 0; padding: 0; } .journal-content-article .article__wrapper aside> .article__toc li { margin-bottom: 10px; border-bottom: 1px solid #ddd; padding-bottom: 5px; font-size: 14px; } .journal-content-article .article__wrapper aside> .article__toc li:last-child { border-bottom: 0; } .journal-content-article .article__wrapper aside> .article__toc li> a { color: #4a4a4a; text-decoration: underline; } .journal-content-article .article__wrapper aside> .article__toc li> a:hover, .journal-content-article .article__wrapper aside> .article__toc li> a:focus { color: #3d85c6; } .journal-content-article .article__wrapper aside> .article__toc .toc__link--close { display: none; text-align: center; cursor: pointer; } .journal-content-article .article__wrapper aside> .article__toc.toc--visible .toc__link--close { display: block; } .journal-content-article .article__wrapper aside> .article__toc button { width: 100vw !important; padding: 10px; line-height: 2; font-size: 16px; color: white; background-color: #00a39e; border: 0; font-weight: 700; text-align: left; cursor: pointer; padding-left: 20px; } .journal-content-article .article__wrapper aside> .article__toc button:before { display: inline-block; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgOTYgOTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2IDk2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I2ZmZmZmZjt9PC9zdHlsZT48ZyBpZD0iWE1MSURfMl8iPjxwYXRoIGlkPSJYTUxJRF8xMl8iIGNsYXNzPSJzdDAiIGQ9Ik0yOC40LDYyLjd2NS45YzAsMC4zLTAuMSwwLjUtMC4zLDAuN2MtMC4yLDAuMi0wLjQsMC4zLTAuNywwLjNoLTUuOWMtMC4zLDAtMC41LTAuMS0wLjctMC4zYy0wLjItMC4yLTAuMy0wLjQtMC4zLTAuN3YtNS45YzAtMC4zLDAuMS0wLjUsMC4zLTAuN2MwLjItMC4yLDAuNC0wLjMsMC43LTAuM2g1LjljMC4zLDAsMC41LDAuMSwwLjcsMC4zQzI4LjMsNjIuMiwyOC40LDYyLjUsMjguNCw2Mi43eiBNMjguNCw1MC45djUuOWMwLDAuMy0wLjEsMC41LTAuMywwLjdjLTAuMiwwLjItMC40LDAuMy0wLjcsMC4zaC01LjljLTAuMywwLTAuNS0wLjEtMC43LTAuM2MtMC4yLTAuMi0wLjMtMC40LTAuMy0wLjd2LTUuOWMwLTAuMywwLjEtMC41LDAuMy0wLjdjMC4yLTAuMiwwLjQtMC4zLDAuNy0wLjNoNS45YzAuMywwLDAuNSwwLjEsMC43LDAuM1MyOC40LDUwLjcsMjguNCw1MC45eiBNMjguNCwzOS4ydjUuOWMwLDAuMy0wLjEsMC41LTAuMywwLjdTMjcuNiw0NiwyNy40LDQ2aC01LjljLTAuMywwLTAuNS0wLjEtMC43LTAuM2MtMC4yLTAuMi0wLjMtMC40LTAuMy0wLjd2LTUuOWMwLTAuMywwLjEtMC41LDAuMy0wLjdjMC4yLTAuMiwwLjQtMC4zLDAuNy0wLjNoNS45YzAuMywwLDAuNSwwLjEsMC43LDAuM1MyOC40LDM4LjksMjguNCwzOS4yeiBNNzUuNSw2Mi43djUuOWMwLDAuMy0wLjEsMC41LTAuMywwLjdjLTAuMiwwLjItMC40LDAuMy0wLjcsMC4zSDMzLjNjLTAuMywwLTAuNS0wLjEtMC43LTAuM2MtMC4yLTAuMi0wLjMtMC40LTAuMy0wLjd2LTUuOWMwLTAuMywwLjEtMC41LDAuMy0wLjdjMC4yLTAuMiwwLjQtMC4zLDAuNy0wLjNoNDEuM2MwLjMsMCwwLjUsMC4xLDAuNywwLjNDNzUuNCw2Mi4yLDc1LjUsNjIuNSw3NS41LDYyLjd6IE0yOC40LDI3LjR2NS45YzAsMC4zLTAuMSwwLjUtMC4zLDAuN2MtMC4yLDAuMi0wLjQsMC4zLTAuNywwLjNoLTUuOWMtMC4zLDAtMC41LTAuMS0wLjctMC4zYy0wLjItMC4yLTAuMy0wLjQtMC4zLTAuN3YtNS45YzAtMC4zLDAuMS0wLjUsMC4zLTAuN2MwLjItMC4yLDAuNC0wLjMsMC43LTAuM2g1LjljMC4zLDAsMC41LDAuMSwwLjcsMC4zUzI4LjQsMjcuMSwyOC40LDI3LjR6IE03NS41LDUwLjl2NS45YzAsMC4zLTAuMSwwLjUtMC4zLDAuN2MtMC4yLDAuMi0wLjQsMC4zLTAuNywwLjNIMzMuM2MtMC4zLDAtMC41LTAuMS0wLjctMC4zYy0wLjItMC4yLTAuMy0wLjQtMC4zLTAuN3YtNS45YzAtMC4zLDAuMS0wLjUsMC4zLTAuN2MwLjItMC4yLDAuNC0wLjMsMC43LTAuM2g0MS4zYzAuMywwLDAuNSwwLjEsMC43LDAuM1M3NS41LDUwLjcsNzUuNSw1MC45eiBNNzUuNSwzOS4ydjUuOWMwLDAuMy0wLjEsMC41LTAuMywwLjdTNzQuOCw0Niw3NC41LDQ2SDMzLjNjLTAuMywwLTAuNS0wLjEtMC43LTAuM2MtMC4yLTAuMi0wLjMtMC40LTAuMy0wLjd2LTUuOWMwLTAuMywwLjEtMC41LDAuMy0wLjdjMC4yLTAuMiwwLjQtMC4zLDAuNy0wLjNoNDEuM2MwLjMsMCwwLjUsMC4xLDAuNywwLjNTNzUuNSwzOC45LDc1LjUsMzkuMnogTTc1LjUsMjcuNHY1LjljMCwwLjMtMC4xLDAuNS0wLjMsMC43Yy0wLjIsMC4yLTAuNCwwLjMtMC43LDAuM0gzMy4zYy0wLjMsMC0wLjUtMC4xLTAuNy0wLjNjLTAuMi0wLjItMC4zLTAuNC0wLjMtMC43di01LjljMC0wLjMsMC4xLTAuNSwwLjMtMC43YzAuMi0wLjIsMC40LTAuMywwLjctMC4zaDQxLjNjMC4zLDAsMC41LDAuMSwwLjcsMC4zUzc1LjUsMjcuMSw3NS41LDI3LjR6Ii8+PC9nPjwvc3ZnPg=='); background-size: cover; content: ""; width: 32px; height: 33px; vertical-align: bottom; } .journal-content-article .article__wrapper aside> .article__toc button> i { font-size: 18px; margin-right: 10px; vertical-align: baseline; } .journal-content-article> .sticky--toc .article__toc { position: fixed; } .journal-content-article> .sticky--toc.sticky--freeze .article__toc { position: absolute; top: auto; } .journal-content-article> .sticky--toc.sticky--freeze.freeze--bottom .article__toc { bottom: 0; } .parallax #column-9 .portlet-navigation { position: relative; background-color: white; margin-top: 35px; margin-left: -20px; margin-right: -20px; padding: 20px; } a.external-link:after { content: "\f08e"; font-family: "fontawesome-alloy"; margin: 0 0 0 3px; display: inline-block; font-size: 0.625em; position: relative; top: -5px; } .missing-laguage-version { margin: 15px !important; background-color: #f1f5f8 !important; border-color: #99d9d7 !important; color: #444 !important; } .phenomenon-text { font-size: 1em; text-transform: uppercase; color: #20496f; } .phenomenon-image { margin-bottom: 0.75rem; width: 100%; -webkit-filter: contrast(90%) grayscale(15%) sepia(35%) brightness(110%); filter: contrast(90%) grayscale(15%) sepia(35%) brightness(110%); width: 100%; } .phenomenon-image:hover, .phenomenon-image:focus { -webkit-filter: contrast(90%) grayscale(15%) sepia(35%) brightness(120%); filter: contrast(90%) grayscale(15%) sepia(35%) brightness(120%); } .phenomenon-link { color: #2c2c2c !important; text-decoration: none !important; } .phenomenon-link:hover, .phenomenon-link:focus { color: #2c2c2c !important; text-decoration: none !important; } .frontpage .portlet-layout:nth-child(7) { max-width: 1280px !important; margin: 0 auto !important; } .frontpage .portlet-layout:nth-child(6) { max-width: 100% !important; margin: 0 auto !important; } .frontpage .portlet-layout:nth-child(6) .phenomenon { background-color: #eef6f9; padding-bottom: 1rem; margin-top: 3rem; } .top-frame .yja-accordion .yja-accordion-content { display: none; padding: 1.1875em; } .top-frame .yja-accordion h2.yja-accordion-toggle, .top-frame .yja-accordion h3.yja-accordion-toggle, .top-frame .yja-accordion h4.yja-accordion-toggle, .top-frame .yja-accordion h5.yja-accordion-toggle { display: flex; justify-content: flex-start; align-items: center; color: #555 !important; margin: 0; padding: 0; cursor: pointer; text-transform: none !important; background-color: #d4f0f0 !important; } .top-frame .yja-accordion h2.yja-accordion-toggle .accordion-small, .top-frame .yja-accordion h3.yja-accordion-toggle .accordion-small, .top-frame .yja-accordion h4.yja-accordion-toggle .accordion-small, .top-frame .yja-accordion h5.yja-accordion-toggle .accordion-small { padding: 10px; } .top-frame .yja-accordion h2.yja-accordion-toggle i, .top-frame .yja-accordion h3.yja-accordion-toggle i, .top-frame .yja-accordion h4.yja-accordion-toggle i, .top-frame .yja-accordion h5.yja-accordion-toggle i, .top-frame .yja-accordion h2.yja-accordion-toggle span[role], .top-frame .yja-accordion h3.yja-accordion-toggle span[role], .top-frame .yja-accordion h4.yja-accordion-toggle span[role], .top-frame .yja-accordion h5.yja-accordion-toggle span[role] { padding-left: 1rem; padding-top: 0.5rem; padding-right: 0.7rem; color: #555 !important; font-size: 18px; } .top-frame .yja-accordion h2.yja-accordion-toggle button, .top-frame .yja-accordion h3.yja-accordion-toggle button, .top-frame .yja-accordion h4.yja-accordion-toggle button, .top-frame .yja-accordion h5.yja-accordion-toggle button { display: block; background: transparent; color: #555 !important; border: 0; padding: 0.5rem 0.5rem 0.5rem 1rem !important; text-align: left; width: 100%; font-weight: 700; line-height: 1.5em; font-size: 18px; } .top-frame .yja-accordion h2.yja-accordion-toggle:before, .top-frame .yja-accordion h3.yja-accordion-toggle:before, .top-frame .yja-accordion h4.yja-accordion-toggle:before, .top-frame .yja-accordion h5.yja-accordion-toggle:before, .top-frame .yja-accordion h2.yja-accordion-toggle:after, .top-frame .yja-accordion h3.yja-accordion-toggle:after, .top-frame .yja-accordion h4.yja-accordion-toggle:after, .top-frame .yja-accordion h5.yja-accordion-toggle:after { display: none !important; } .top-frame .yja-accordion .yja-accordion-wrapper { border-bottom: solid 1px #99d9d7 !important; } .top-frame .yja-accordion .yja-accordion-wrapper.open { background-color: #e9f7f7 !important; } .top-frame .yja-accordion .yja-accordion-wrapper.open .yja-accordion-content { display: block; } .top-frame .yja-accordion .yja-accordion-wrapper.open h2.yja-accordion-toggle, .top-frame .yja-accordion .yja-accordion-wrapper.open h3.yja-accordion-toggle, .top-frame .yja-accordion .yja-accordion-wrapper.open h4.yja-accordion-toggle, .top-frame .yja-accordion .yja-accordion-wrapper.open h5.yja-accordion-toggle { background-color: #d4f0f0 !important; } .top-frame .image-caption { background-color: #fff !important; border: solid 1px #efefef !important; box-sizing: content-box !important; } .top-frame .image-caption img { background-color: #fff; } .top-frame .image-caption figcaption { background-color: #efefef !important; padding: 0.7em 0.7em 0.7em 0.7em !important; } .top-frame .subscribe-action { position: relative; float: right; display: inline-block; margin-top: -30px; } .sitetemplate__alert { position: relative; width: 100%; background-color: #fc0; padding: 15px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; } .sitetemplate__alert.sticky--alert { position: fixed; top: 0; z-index: 50; } .sitetemplate__alert .alert__meta { display: block; } .sitetemplate__alert .alert__content { display: block; } .sitetemplate__alert .alert__meta p, .sitetemplate__alert .alert__content p { margin-bottom: 0; } .sitetemplate__alert .alert__content p { font-weight: 700; } .top-frame .event__lifts .event__lifts--single { -webkit-box-sizing: border-box; box-sizing: border-box; } .top-frame .event__lifts .event__lifts--single svg { margin-right: auto; margin-left: auto; display: block; } .top-frame .event__lifts .event__lifts--single h5 { text-align: left; } .top-frame .event__lifts .event__lifts--single a { margin-right: auto; margin-left: auto; display: inline-block; } .top-frame .events.event-search-portlet .event-list-wrapper { border-color: #99d9d7 !important; } .top-frame .events.event-search-portlet .event-list-wrapper > .row > .col-md-3 { background: rgba(0,212,206,0.05) !important; } .top-frame .events.event-search-portlet h4.bg { background: transparent !important; color: #222 !important; } .top-frame .events.event-search-portlet .event-item-list { border-bottom: 1px solid #d4f0f0 !important; border-right: 1px solid #d4f0f0 !important; border-left: 1px solid #d4f0f0 !important; background: white; } .top-frame .event__lifts .event__lifts--single .event-lifts__heading { font-size: 1.2rem; padding-bottom: 0.4em; margin-top: 1em; word-break: break-word; } .asset-full-content .asset-actions { margin-top: 30px; } .content--toggleable .content__wrapper { width: 100% !important; margin-left: 0 !important; margin: 0; padding: 10px; border: solid 2px #e9f7f7; height: 100%; margin-bottom: 0.5em; } .content--toggleable .content__wrapper:hover, .content--toggleable .content__wrapper:focus { background-color: #e9f7f7; } .content--toggleable i.icon { font-weight: 500; } .content--toggleable button { display: inline-block; margin-left: .5em; border: none; background: transparent; text-transform: none; padding: 0; font-size: 17.6px; line-height: 1; font-weight: 600; color: #00a39e; } .infograph { position: relative; } .infograph .svg__node { display: flex; flex-wrap: wrap; flex-flow: row; min-height: 7em; overflow: hidden; } .infograph .svg__node figure { position: relative; width: 50px; } .infograph .svg__node figure .svg__arrow { position: absolute; top: 57px; } .infograph .svg__node section { max-width: 90%; margin-left: 1em; } .infograph .svg__node section p { font-size: 14px !important; } .infograph .svg__node.node--odd figure .svg__arrow { left: 4px; } .infograph .svg__node.node--even figure .svg__arrow { left: 0; } .infograph .svg__node + .svg__node { margin-top: 4px; } .infograph tspan { font-size: 100%; } .top-frame #footer .yja_sitemap_columnized .row .sitemap__column-4:first-child { display: none; } .top-frame #footer .sitemap__list { margin-bottom: 20px; } .top-frame #footer .sitemap__list p > a, .top-frame #footer .sitemap__list a { text-decoration: none; font-size: 14px; } .top-frame #footer .sitemap__list p > a.sitemap__title, .top-frame #footer .sitemap__list a.sitemap__title { margin-bottom: .5em; font-size: 19.2px; font-weight: 700; } .top-frame #footer .sitemap__list> li { list-style-type: none; } .top-frame #footer .sitemap__list li { margin-bottom: .25em; } .top-frame #footer .sitemap__list li > ul { margin-left: 20px; } .top-frame #footer .sitemap__list li > ul> li { list-style-type: square; } #footer .portlet-site-map { position: relative; clear: both; margin-top: 20px; } .top-frame #footer .footer-bottom-bar .portlet-site-map .portlet-body > ul { list-style-type: none; margin: 0; padding: 0; } .footer-bottom-bar .portlet-site-map .portlet-body > ul > li { display: none; } .footer-bottom-bar .portlet-site-map .portlet-body > ul > li.sitemap--active { display: block; } .footer-bottom-bar .portlet-site-map .portlet-body > ul > li.sitemap--active> a { display: none; } .footer-bottom-bar .portlet-site-map .portlet-body > ul > li.sitemap--active> ul { display: flex; flex-wrap: wrap; width: 100%; margin-left: 0; } .footer-bottom-bar .portlet-site-map .portlet-body > ul > li.sitemap--active> ul> li { margin-bottom: 3em; list-style-type: none; } .footer-bottom-bar .portlet-site-map .portlet-body > ul > li.sitemap--active> ul> li a { text-decoration: none; } .footer-bottom-bar .portlet-site-map .portlet-body > ul > li.sitemap--active> ul> li> a { font-size: 18px; font-weight: 700; } .footer-bottom-bar .portlet-site-map .portlet-body > ul > li.sitemap--active> ul> li> ul { display: block; margin-top: 1em; } .footer-bottom-bar .portlet-site-map .portlet-body > ul > li.sitemap--active> ul> li> li:first-child { display: none; } .footer-bottom-bar .sitemap--active > ul > li > ul > li > ul { display: none; } .footer-bottom-bar .sitemap--active > ul > li:first-child { display: none; } .form--feedback .js-form-open { background-color: #00ada8; border: 0; padding: 15px 30px; font-size: 18px; color: white; font-weight: 700; } .form--feedback .form__actions a { text-decoration: none; } .list--arrangeable { position: relative; clear: both; margin-top: 1em; } .list--arrangeable .arrangeable__search { margin-bottom: 1em; } .list--arrangeable .list__sort { display: flex; border-bottom: 4px solid #99d9d7; margin-bottom: .75em; } .list--arrangeable .list__sort> div { width: 25%; } .list--arrangeable .list__sort span { display: block; line-height: 1.25; text-align: center; } .list--arrangeable .list__sort button, .list--arrangeable .list__sort span { background: transparent; border: none; padding: .75em; font-size: 16px; font-weight: 700; width: 100%; } .list--arrangeable .list__sort button[class^="sort__"] { background: #cfedec; } .list--arrangeable .list .list__row { display: flex; } .list--arrangeable .list .list__row> div { width: 25%; padding: .75em; } .list--arrangeable .list .list__row> div span, .list--arrangeable .list .list__row> div p { font-size: 14px; line-height: 1.25; } .list--arrangeable .list .list__row> div.resolution p { margin-bottom: .25em; } .list--arrangeable .list .list__row:nth-child(even) { background-color: #eaf7f7; } #tsv-mobile-search { padding: 10px; z-index: 10; background: transparent; border: 0; } #tsv-mobile-search:hover, #tsv-mobile-search:focus { text-decoration: none; } #tsv-mobile-search span:not([role]) { text-transform: uppercase; font-size: 11px; } #tsv-mobile-search span[role] { display: block; font-size: 28px; line-height: 14px; margin-bottom: 0; } #tsv-mobile-search span[role]:before { font-size: 16px; } #tsv-mobile-search { display: block; position: absolute; } #tsv-mobile-search { margin-top: -35px; right: 0; padding: 10px; z-index: 10; } #tsv-mobile-search:hover, #tsv-mobile-search:focus { text-decoration: none; } #tsv-mobile-search span { text-transform: uppercase; font-size: 14px; } #tsv-mobile-search span[role] { display: block; font-size: 28px; line-height: 14px; margin-bottom: 0; } #tsv-mobile-search span[role]:before { font-size: 28px; } .view-on-mobile .header-top-right-area { display: block; } .view-on-mobile .header-top-right-area .search-form { display: block; } #search__form--mobile { display: none; text-align: right; padding: 10px; background: white; } #search__form--mobile .search-form { display: flex; align-items: center; } #search__form--mobile .search-query { width: 70%; margin-top: 1px; } #search__form--mobile .header-advanced-search-link { color: #fff; margin-right: 1em; } .mobile-menu-actions { top: -5px; } .top-frame .sv #main-content > .portlet-layout:nth-child(4) > .portlet-layout:nth-child(4) { max-width: 1280px; margin: 0 auto; } .top-frame .en #main-content > .portlet-layout:nth-child(4) { max-width: 1280px; margin: 0 auto; } .top-frame .general-search-portlet .nav--tabs { height: 40px; } .top-frame .general-search-portlet .nav--tabs li { font-size: 16px; padding-left: 16px; padding-right: 16px; padding-top: 11px; height: 40px; } .top-frame .general-search-portlet .nav--tabs li.active { border-top: 6px solid #99d9d7; padding-top: 8px; } .top-frame .general-search-portlet .general-search-description { font-size: 16px !important; margin-bottom: 20px; } .top-frame .general-search-portlet .contact-search input[type="text"] { height: 40px; } .top-frame .search-by-department-portlet .nav--tabs { height: 40px; } .top-frame .search-by-department-portlet .nav--tabs li { font-size: 16px; padding-left: 16px; padding-right: 16px; padding-top: 11px; height: 40px; } .top-frame .search-by-department-portlet .nav--tabs li.active { border-top: 6px solid #99d9d7; padding-top: 8px; } ul.bannerList { margin: 0 -0.5rem 3rem -0.5rem !important; list-style: none; padding: 0 !important; max-width: 100% !important; display: flex; flex-wrap: wrap; } ul.bannerList li { border: 1px solid #99d9d7; background-color: #f6fdfd; flex: 1 1 46%; margin: 0.5rem; } ul.bannerList li:hover, ul.bannerList li:focus { background-color: #d4f0f0; } ul.bannerList li h3 { text-transform: uppercase; margin: 1.5rem !important; border-bottom: 2px solid #99d9d7; display: inline-block !important; font-size: 1.2rem !important; } ul.bannerList a.external-link:after { color: #2c2c2c; font-size: 1em; left: -1.5rem; top: 0; } .videoWrapper .d-ar-16_9 { display: block; position: relative; padding-top: 56.25%; } .videoWrapper .d-ar-16_9 iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .col-12, .col-md-12, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4 { padding: 0; } .portlet-layout .row { margin-left: 0; margin-right: 0; } .top-frame .btn.btn-default { border: inherit; background: inherit; color: inherit; } .top-frame .journal-content-article p, .top-frame .journal-content-article ul, .top-frame .journal-content-article ol { padding-bottom: 0.8rem !important; max-width: 80ch; font-size: 1.1rem !important; line-height: 1.5 !important; margin-bottom: 0 !important; } .hidden { display: none; visibility: hidden; } .row { margin-left: 0; margin-right: 0; } .row .col-md-3 { padding: 0; max-width: 100%; flex: 0 0 100%; } .row .col-md-3:first-child { margin-left: 0; } .row .col-md-4 { max-width: 100%; flex: 0 0 100%; } .row .col-md-4:first-child { margin-left: 0; } .row .col-md-6 { max-width: 100%; flex: 0 0 100%; } .row .col-md-6:first-child { margin-left: 0; } .top-frame #footer .portlet-topper-toolbar a { color: rgba(0,0,0,0.5); } #content, #main-content { padding-left: 0; padding-right: 0; } .landingpage__hero__card__image iframe { max-width: 100%; } .hero .row-fluid .span8 { max-width: 57.26496%; flex: 0 0 57.26496%; } .hero .row-fluid .span4 { max-width: 40.17094%; flex: 0 0 40.17094%; } #main-content:not(.journal-display-page) .media-item.news-page span.label { display: none !important; } .feedback-form-portlet { display: none; } .form-inline input { vertical-align: unset !important; } .frontapage > .portlet-layout:nth-child(7), .frontapage > .portlet-layout:last-of-type { max-width: 1280px !important; margin: 0 auto !important; } input#_yjasitetemplateheader_WAR_yjasitetemplatesettingsportlet_search-keywords:not('.show-placeholder')::-webkit-input-placeholder { color: transparent; opacity: 0; } input#_yjasitetemplateheader_WAR_yjasitetemplatesettingsportlet_search-keywords:not('.show-placeholder')::-webkit-input-placeholder input#_yjasitetemplateheader_WAR_yjasitetemplatesettingsportlet_search-keywords:not('.show-placeholder'):-moz-placeholder { color: transparent; opacity: 0; } input#_yjasitetemplateheader_WAR_yjasitetemplatesettingsportlet_search-keywords:not('.show-placeholder')::-moz-placeholder { color: transparent; opacity: 0; } input#_yjasitetemplateheader_WAR_yjasitetemplatesettingsportlet_search-keywords:not('.show-placeholder')::-ms-input-placeholder { color: transparent; opacity: 0; } div[role="main"] .row .article__wrapper { margin-left: 0; } .event-list-wrapper .col-md-3 { max-width: 25%; flex: 0 0 25%; } .event-list-wrapper .col-md-9 { margin-left: 0 !important; max-width: 75%; flex: 0 0 75%; } .event-list-wrapper .event-item-list > a { margin-left: 2.5641%; } .event-list-wrapper .event-item-list > a .col-md-3 { max-width: 100%; flex: 0 0 100%; } .event-search-portlet .dates .top-event-nav a { display: inline-block; padding-top: 21px; font-size: 0.9em; color: black; font-weight: bold !important; } .event-search-portlet .dates { padding: 0 15px; } .event-search-portlet p[itemprop="name"] { text-transform: none; font-size: 1.3rem; color: #2c2c2c; font-weight: bold; font-style: normal; font-family: "Open sans",Helvetica,Arial,sans-serif; display: block; } .event-search-portlet p[itemprop="name"] a { color: inherit; text-decoration: none; } .tem-contact-list-portlet .mt-3 { margin-top: 0 !important; } .top-frame .feed-item.simple a { font-weight: bold; } .top-frame .feed-item.simple .feed-item__heading { margin: 10px 0; padding: 0; } .top-frame .homepage .feed-item.simple a { font-weight: 400; } .event-portlet .event-date { float: none; } #footer a::after { display: none; } .portlet .portlet-topper { z-index: 2; } .top-frame #content .feedback-static-form-portlet .btn-default:not(.btn-primary), .top-frame #content .feedback-admin-portlet .btn-default:not(.btn-primary), .top-frame #content .feedback-admin-portlet .btn-secondary:not(.btn-primary) { border: solid 1px #aaa; border-color: #aaa !important; background-color: #ddd; font-size: 0.875rem !important; text-transform: inherit; padding: .66667em 1em; font-weight: normal; margin: 0; } .top-frame #content .feedback-static-form-portlet .btn-default:not(.btn-primary):hover, .top-frame #content .feedback-admin-portlet .btn-default:not(.btn-primary):hover, .top-frame #content .feedback-admin-portlet .btn-secondary:not(.btn-primary):hover, .top-frame #content .feedback-static-form-portlet .btn-default:not(.btn-primary):focus, .top-frame #content .feedback-admin-portlet .btn-default:not(.btn-primary):focus, .top-frame #content .feedback-admin-portlet .btn-secondary:not(.btn-primary):focus { background-color: #ccc; } .top-frame #content .feedback-admin-portlet .badge-danger { color: #fff; background-color: #dc3545; } .top-frame #content .feedback-admin-portlet .badge-warning { color: #212529; background-color: #ffc107; } .top-frame #content .feedback-admin-portlet .badge-success { color: #fff; background-color: #28a745; } .top-frame #content .feedback-admin-portlet .badge-info { border-color: #00ada8; } .portlet-login, .portlet-boundary_fi_yja_sms_login_portlet_SmsLoginPortlet_ { max-width: 1280px; width: 100%; margin: 0 auto; } .top-frame .web-content-listing-portlet .list__assets > .list__item .item__heading { font-size: 1.3rem !important; margin: 0; padding-bottom: 0.4em !important; } .product-catalog { margin: 0; padding: 0; } .product-catalog .product-catalog__link { display: block; background-color: #00a09c; color: white; text-decoration: none; padding: 0.5em 2em; margin: 0.2em 0; text-transform: uppercase; font-style: normal; font-weight: 700; } .product-catalog .product-catalog__link:active, .product-catalog .product-catalog__link:hover, .product-catalog .product-catalog__link:focus { color: white; } .top-frame #content .well { border-left: 5px solid #99d9d7; padding: 1rem; background: #eee; margin-bottom: 1.25rem; } .general-search .nav--tabs a { color: #2c2c2c; } .general-search .btn.btn-primary { font-weight: 600; color: #000 !important; background: #4cbcba !important; } .top-frame .tem-contact-list-portlet .contact-search input[type="text"] { width: auto; } .top-frame #banner nav.main-nav { border-bottom: 6px solid rgba(0,160,156,0.7); max-width: 2048px !important; margin: 0 auto !important; } .top-frame #banner nav.main-nav .a11y-nav { max-width: 1280px !important; margin: 0 auto; } .top-frame .header-advanced-search-link { display: none; } .top-frame .hide-searchbar .header-top-right-area { display: none; } .top-frame .portlet-content { border: 0; } .top-frame .background--blue { background-color: #eef6f9; padding: 2.75rem .5rem; } .top-frame .background--blue .portlet-content-container { background-color: transparent !important; margin-bottom: 0 !important; } .top-frame .background--blue h2, .top-frame .background--blue .frontpage-title-1 { margin-top: .5em; } .top-frame .page-wrapper { overflow: hidden; } .top-frame .full-width-section { position: relative; } .top-frame .full-width-section:before, .top-frame .full-width-section:after { content: ''; height: 100%; width: 100%; background: #eef6f9; position: absolute; top: 0; } .top-frame .full-width-section:before { left: -100%; } .top-frame .full-width-section:after { right: -100%; } .top-frame .hero .portlet-boundary { margin: 0 10px; } .top-frame .hero .portlet-journal-content .portlet-content { background: #fff; padding: 1.5rem; border-bottom: 2px solid #9ddbdb; } .top-frame .hero--lower h2 { text-transform: uppercase; } .top-frame .hero--lower .portlet-content-container { padding: 0 !important; } .top-frame .no-border { border-bottom: 0; } .top-frame .no-border + .portlet-boundary .portlet-content { padding-top: 0; } .top-frame #content .journal-content-article .btn.btn-default:not(.btn-medium):not(.btn-primary) { background-color: #f5ea61; color: #000; border-radius: 14px !important; padding: .25rem .75rem; border: 0; box-shadow: 0 1px 2px; text-transform: inherit; } .top-frame #content .journal-content-article .btn.btn-default:not(.btn-medium):not(.btn-primary):hover, .top-frame #content .journal-content-article .btn.btn-default:not(.btn-medium):not(.btn-primary):focus { box-shadow: 0px 1px 0px #8d8d8d !important; } .top-frame #content .journal-content-article .btn.btn-default.btn-small { padding: .35rem .75rem !important; } .top-frame #content .journal-content-article .btn.btn-block, .top-frame #content .journal-content-article .btn.btn-secondary { background: #4dede9 !important; display: inline-block; width: auto; } .top-frame #content .journal-content-article .btn.btn-block:hover, .top-frame #content .journal-content-article .btn.btn-secondary:hover, .top-frame #content .journal-content-article .btn.btn-block:focus, .top-frame #content .journal-content-article .btn.btn-secondary:focus { box-shadow: 0px 1px 0px #8d8d8d !important; } .top-frame #content .yja-search-container-web .btn.btn-default:not(.btn-medium):not(.btn-primary) { font-size: 0.875rem; padding: 0.66667em 1em; margin-bottom: 0; } .top-frame #content .lfr-pagination-config .btn.btn-default, .top-frame #content .lfr-pagination-config .btn.btn-primary { background-color: #99d9d7 !important; color: #000 !important; font-weight: 600; font-size: 0.875rem; text-transform: inherit; border: 1px solid transparent !important; margin-right: 0.25rem; } .top-frame #content .lfr-pagination-config .btn.btn-default:hover, .top-frame #content .lfr-pagination-config .btn.btn-primary:hover, .top-frame #content .lfr-pagination-config .btn.btn-default:focus, .top-frame #content .lfr-pagination-config .btn.btn-primary:focus { box-shadow: 0px 1px 0px #8d8d8d !important; } .top-frame .yja-cookie-dialog-buttons .btn.btn-primary { align-self: center; margin: 2px 2px; background-color: #f5ea61; color: #000; border-radius: 14px !important; border: 0; box-shadow: 0 1px 2px; text-transform: inherit; font-weight: 600; } .top-frame .event__lifts { display: flex; flex-wrap: wrap; margin: 0 -20px 0 0; } .top-frame .event__lifts--single { flex: 0 1 50%; padding: 15px 30px; max-width: calc(50% - 20px); background-color: white; margin: 0 20px 20px 0 !important; display: flex; flex-wrap: wrap; flex-direction: column; } .top-frame .event__lifts--single svg { fill: #00a09c; } .top-frame .event__lifts--single .btn { margin: auto auto 0 0 !important; } .top-frame .event__lifts--single:hover { background-color: #fdf5a5; } .top-frame .event__lifts--single:hover svg { fill: #005aa7; } .top-frame .event__lifts--single:hover .btn { border-color: #005aa7 !important; } .top-frame .event__lifts--single .btn:hover, .top-frame .event__lifts--single .btn:focus { background-color: transparent !important; } .top-frame .field-of-expertice { position: absolute; z-index: 3; background: #fff; padding: .5rem !important; box-shadow: 0px 4px 6px rgba(0,0,0,0.3); border-bottom: 3px solid #00a09c; } .top-frame .feed-item.simple { margin-bottom: 1.5rem !important; } .top-frame .feed-item.simple a { font-weight: normal; } .top-frame .feed-item.simple .meta { color: #353535; font-size: .875rem; margin-top: .5rem; margin-bottom: 1rem; } .top-frame .portlet-nested-portlets h3 { margin-top: 1rem !important; } .top-frame .portlet-nested-portlets h3:before { display: none; } .top-frame .landingpage__hero { max-width: 2048px; margin: 0 auto; } .top-frame .landingpage__hero__item { background-color: rgba(255,255,255,0.9); padding: 2rem; margin-bottom: 1rem; border-bottom: 2px solid #9ddbdb; } .top-frame .landingpage__hero__item h1, .top-frame .landingpage__hero__item h2, .top-frame .landingpage__hero__item h3, .top-frame .landingpage__hero__item h4 { margin-top: 0; } .top-frame .landingpage__hero__item h1:before, .top-frame .landingpage__hero__item h2:before, .top-frame .landingpage__hero__item h3:before, .top-frame .landingpage__hero__item h4:before { display: none; } .top-frame .landingpage__hero__item.hero__item__link { padding: 0; border-bottom: 0; } .top-frame .landingpage__hero__item.hero__item__link p { padding: 0 !important; } .top-frame .landingpage__hero__item.hero__item__link a { padding: 2rem; border-bottom: 2px solid #9ddbdb; font-size: 1.5rem; font-weight: 700; color: #2c2c2c; text-decoration: none; display: flex; justify-content: space-between; vertical-align: middle; } .top-frame .landingpage__hero__item.hero__item__link a span { margin: auto 0; } .top-frame .landingpage__hero__item.hero__item__link a:after { content: "\f054"; font-family: 'fontawesome-alloy'; line-height: 2; top: 0; } .top-frame .landingpage__hero__item.hero__item__link a:hover, .top-frame .landingpage__hero__item.hero__item__link a:focus { color: #2c2c2c; background: #fdf5a5; border-bottom: 2px solid #005aa7; } .top-frame .lfr-pagination-delta-selector .dropdown-toggle { background-color: #f5ea61; color: #000; border-radius: 14px !important; border: 0; box-shadow: 0 1px 2px; text-transform: inherit; font-weight: 600; font-size: 0.875rem; } .top-frame .lfr-pagination-delta-selector .dropdown-toggle:hover, .top-frame .lfr-pagination-delta-selector .dropdown-toggle:focus { box-shadow: 0px 1px 0px #8d8d8d !important; } .top-frame .lfr-pagination-buttons { margin-bottom: .5rem; } .top-frame .lfr-pagination-buttons .disabled a, .top-frame .lfr-pagination-buttons .disabled span { background-color: rgba(245,234,97,0.2); } .top-frame .lfr-pagination-buttons .disabled a:hover, .top-frame .lfr-pagination-buttons .disabled span:hover, .top-frame .lfr-pagination-buttons .disabled a:focus, .top-frame .lfr-pagination-buttons .disabled span:focus { background-color: rgba(245,234,97,0.2); } .top-frame .lfr-pagination-buttons a { background-color: #f5ea61; color: #20486f !important; border: 0; box-shadow: 0 1px 2px; } .top-frame .lfr-pagination-buttons a:hover, .top-frame .lfr-pagination-buttons a:focus { background-color: #f5ea61; color: #20486f; box-shadow: 0px 1px 0px #8d8d8d !important; } .top-frame .lfr-pagination-buttons .page-item.active a { color: #fff !important; } .top-frame #heading form { max-width: 301px; margin-left: auto; } .top-frame #heading form input.search-query { padding-left: 73px; border-radius: 30px; margin: 0; padding: 0.75rem 1rem 0.75rem 3.25rem; background-color: #e4e9e7; border: 1px solid #005aa7; border-radius: 1.75rem; font-size: 1.00rem; line-height: inherit; width: 100%; max-width: unset; box-shadow: 0px 4px 6px rgba(0,0,0,0.3); } .top-frame #heading form input.search-query::placeholder { color: #2c2c2c; } .top-frame #heading form input.search-query:focus { background-color: #fff; } .top-frame #heading form .search-query:focus + .input-group-append { z-index: 4; } .top-frame #heading form .input-group-append { position: absolute; } .top-frame #heading form .input-group-append:before { content: "\f002"; font-family: 'fontawesome-alloy'; margin-top: 9px; font-size: 1.25rem; margin-left: 22px; } .top-frame #heading form .input-group-append .search-form_submit { background: transparent; color: transparent; position: absolute; left: 0; top: 0; font-size: .75rem; border-radius: 0; } .top-frame .preSelectCategorySearch { background: #fff; padding: 1.5rem; } .top-frame .preSelectCategorySearch form { margin-bottom: 2rem; position: relative; border-radius: 22px; box-shadow: 0px 4px 6px rgba(0,0,0,0.3); } .top-frame .preSelectCategorySearch form input { margin: 0; padding: 0.75rem 1rem 0.75rem 3.25rem; background-color: #e4e9e7; border: 1px solid #005aa7; border-radius: 22px; font-size: 1rem; line-height: inherit; width: 100%; } .top-frame .preSelectCategorySearch form input::placeholder { color: #2c2c2c; } .top-frame .preSelectCategorySearch form input:focus { border-color: transparent; box-shadow: inset 0 1px 1px #fff,0px 1px 2px 2px rgba(0,90,167,0.8); } .top-frame .preSelectCategorySearch form input:focus-visible { outline: 0; } .top-frame .preSelectCategorySearch form button { position: absolute; display: block; height: 2.25rem; width: 2.5rem; top: .5rem; left: .625rem; background-color: transparent; border-width: 0; } .top-frame .preSelectCategorySearch form button:after { content: '\f002'; position: absolute; display: block; top: 0; left: 0; width: 2.5rem; height: 2.5rem; padding: .375rem; color: #000; text-align: center; text-transform: none; font-size: 1.375rem; font-family: 'fontawesome-alloy'; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; } .top-frame .preSelectFavorites p { text-transform: uppercase; } .top-frame .favoritesList { list-style: none; margin: 0; } .top-frame .favoritesList li { display: inline-block; margin: 0 .5rem .5rem 0; } .top-frame .favoritesList a { color: #2c2c2c; background-color: #99d9d7; border-radius: 14px; padding: .5rem .85rem; display: block; line-height: 1; } .top-frame .favoritesList a:hover, .top-frame .favoritesList a:focus { text-decoration: underline; } .top-frame .btn:focus, .top-frame a:focus { outline: 1px solid #005aa7; outline: 5px auto -webkit-focus-ring-color; } .top-frame .controls-hidden .portlet-boundary_fi_yja_socialshare_portlet_SocialSharePortlet_ .portlet:hover .portlet-header:not(.use-custom-title), .top-frame .controls-visible .portlet-boundary_fi_yja_socialshare_portlet_SocialSharePortlet_ .portlet:hover .portlet-header:not(.use-custom-title) { position: relative; } .top-frame .web-content-listing-portlet .nav { margin-left: 0; margin-bottom: 2.5rem !important; } .top-frame .web-content-listing-portlet li.list__item { margin-bottom: 2rem; } .top-frame .web-content-listing-portlet .lfr-pagination-buttons .page-item.active a { background-color: #00ada8; } .top-frame .related-content-container { padding-top: 2rem; } .top-frame .related-content-container .feed-item h3 { padding-bottom: 0; margin-bottom: 0; } .top-frame .journal-display-page { padding-top: 2rem; } .top-frame .journal-display-page > .row > .col-md-9 { max-width: 768px; } .top-frame .journal-display-page .ingress { padding-bottom: 1rem !important; margin-bottom: 2rem !important; position: relative; } .top-frame .journal-display-page .ingress:after { content: ""; position: absolute; bottom: 0; left: 0; width: 70px; height: 5px; background-color: #99d9d7; } .top-frame .journal-display-page .media-item .meta:not(.bottom-meta) { margin-bottom: 1rem; } .top-frame .journal-display-page .media-item .meta:not(.bottom-meta) .published { display: flex; margin-right: auto; margin-left: 0; } .top-frame .journal-display-page .media-item .meta:not(.bottom-meta) .published .yja-category-group > span { display: inline-block; padding: 0.35rem 0.55rem; } .top-frame .journal-display-page .media-item .meta:not(.bottom-meta) .published > div:last-of-type { order: -1; } .top-frame .journal-display-page .media-item .meta:not(.bottom-meta) .d-inline-block { padding-top: 4px; } .top-frame .journal-display-page .media-item .meta:not(.bottom-meta) .icon-time { margin-left: .75rem; } .top-frame .journal-display-page .media-item .meta:not(.bottom-meta) .label { background: #edf8fa; border-color: #c8d6d6; background: #99d9d7; border-color: transparent; padding: 0.35rem 0.55rem; } #events-display .row { margin-left: 0; margin-right: 0; } #events-display .row .col-md-4 { max-width: 31.62393%; flex: 0 0 31.62393%; margin-left: 0; align-self: flex-end; } .top-frame #content .application-finder-portlet .portlet-body { margin-bottom: 2rem; } .top-frame #content .application-finder-portlet .portlet-body .processGuidance__viewStage form .radioContainer:has(input:checked) { background-color: #fdf5a5; border-color: #f5ea61; } .top-frame #content .application-finder-portlet .portlet-body .processGuidance__viewStage form button.nextStageBtn { display: inline-block; margin: 0; padding: .333em 1.333em; font-weight: bold; background-color: #f5ea61; border: solid 1px #aaa; border-color: #aaa !important; border-radius: 1em; box-shadow: 0 1px 2px #000; } .top-frame #content .application-finder-portlet .portlet-body .processGuidance__viewStage form button.nextStageBtn:hover, .top-frame #content .application-finder-portlet .portlet-body .processGuidance__viewStage form button.nextStageBtn:focus { box-shadow: 0px 1px 0px #8d8d8d; } .top-frame #content .application-finder-portlet .portlet-body .processGuidance__viewStage form button.nextStageBtn[disabled] { background-color: #ddd; } .top-frame #content .application-finder-portlet .portlet-body .journal-content-article { margin-bottom: 1.5rem; } .top-frame #content .application-finder-portlet .portlet-body .journal-content-article .itemBox, .top-frame #content .application-finder-portlet .portlet-body .journal-content-article .attentionBox { margin: 1.75rem 0 0; padding: 1.75rem 1rem; background-color: #efefef; border-left: 5px solid #99d9d7; } .top-frame #content .application-finder-portlet .portlet-body .journal-content-article .itemBox h2:before, .top-frame #content .application-finder-portlet .portlet-body .journal-content-article .attentionBox h2:before { display: none; } .top-frame #content .application-finder-portlet .portlet-body .journal-content-article .itemBox *:first-child, .top-frame #content .application-finder-portlet .portlet-body .journal-content-article .attentionBox *:first-child { margin-top: 0; } .top-frame #content .application-finder-portlet .portlet-body .journal-content-article .itemBox *:last-child, .top-frame #content .application-finder-portlet .portlet-body .journal-content-article .attentionBox *:last-child { margin-bottom: 0; } .top-frame #content .application-finder-portlet .portlet-body .journal-content-article .attentionBox strong > a { display: inline-block; margin: 0; padding: .333em 1.333em; color: #000; background-color: #4dede9; border: solid 1px #aaa; border-color: #aaa !important; border-radius: 1em; box-shadow: 0 1px 2px #000; } .top-frame #content .application-finder-portlet .portlet-body .journal-content-article .attentionBox strong > a:hover, .top-frame #content .application-finder-portlet .portlet-body .journal-content-article .attentionBox strong > a:focus { box-shadow: 0px 1px 0px #8d8d8d; } .top-frame #content .application-finder-portlet .portlet-body .journal-content-article .attentionBox + .itemBox { margin-top: 2.5rem; } .top-frame #content .application-finder-portlet .portlet-body .journal-content-article .attentionBox + .attentionBox { margin-top: 0; padding-top: 0; } .top-frame #content .application-finder-portlet .portlet-body .journal-content-article .itemBox + .attentionBox { margin-top: 0; padding-top: 0; } .top-frame #content .application-finder-portlet .portlet-body div:last-child h3 { position: relative; margin-top: 4rem; padding-top: 1rem; } .top-frame #content .application-finder-portlet .portlet-body div:last-child h3:before { content: ""; position: absolute; top: -18px; left: 0; width: 70px; height: 5px; background-color: #99d9d7; } .top-frame #content .application-finder-portlet .portlet-body div:last-child .table--answers { border-collapse: collapse; } .top-frame #content .application-finder-portlet .portlet-body div:last-child .table--answers > tbody > tr td { border-style: solid; border-color: #d4f0f0; border-width: 1px 0; padding: .25rem; } .top-frame #content .application-finder-portlet .portlet-body div:last-child .table--answers > tbody > tr:first-child td { border-top-width: 0; } .top-frame #content .application-finder-portlet .portlet-body div:last-child .table--answers > tbody > tr:last-child td { border-bottom-width: 0; } .top-frame #content .application-finder-portlet .portlet-body div:last-child .table--answers a.removeAnswer { color: #dc3545; font-weight: bold; } .top-frame .tukes-lifts { max-width: 1280px; margin: 0 auto; width: 100%; padding: 3.25rem 0; } .top-frame .tukes-lifts > h2 { margin: 0; } .top-frame .tukes-lifts > .tukes-lifts__columns { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; } .top-frame .tukes-lifts .tukes-lift__column > h3 { margin-top: 0; } .top-frame .tukes-lifts .tukes-lift__column > p { margin-bottom: 1.25rem !important; } .top-frame .tukes-lifts .tukes-lift__column > p:last-child { margin-bottom: 0; } .top-frame .tukes-multicolumns { max-width: 1280px; margin: 2.563rem auto; width: 100%; padding: 0; } .top-frame .tukes-multicolumns .tukes-multicolumn { padding: 3.25rem 1.25rem; } .top-frame .tukes-multicolumns .tukes-multicolumn h2 { margin-top: 0; } .top-frame .tukes-multicolumns .tukes-multicolumn h2:before { background-color: black; } .top-frame .tukes-multicolumns .tukes-multicolumn .landingpage__content__card .landingpage__content__links ul li, .top-frame .tukes-multicolumns .tukes-multicolumn ul li { display: block; width: 100%; background: transparent; align-items: initial; margin: 0 0 1.625rem 0 !important; } .top-frame .tukes-multicolumns .tukes-multicolumn .landingpage__content__card .landingpage__content__links ul li > a, .top-frame .tukes-multicolumns .tukes-multicolumn ul li > a { border-bottom: 0; background: transparent; } .top-frame .tukes-multicolumns .tukes-multicolumn .landingpage__content__card .landingpage__content__links ul li > a span[role], .top-frame .tukes-multicolumns .tukes-multicolumn ul li > a span[role] { display: inline-block; } .top-frame .tukes-multicolumns .tukes-multicolumn .landingpage__content__card .landingpage__content__links ul li > a span[role] > svg, .top-frame .tukes-multicolumns .tukes-multicolumn ul li > a span[role] > svg { width: .75rem; height: .75rem; } .top-frame .tukes-multicolumns .tukes-multicolumn .landingpage__content__card .landingpage__content__links ul li > a:hover, .top-frame .tukes-multicolumns .tukes-multicolumn ul li > a:hover, .top-frame .tukes-multicolumns .tukes-multicolumn .landingpage__content__card .landingpage__content__links ul li > a:focus, .top-frame .tukes-multicolumns .tukes-multicolumn ul li > a:focus { background: transparent; text-decoration: underline; } .site-theme.top-frame #content .journal-content-article .btn.btn-default.btn--noshadow { box-shadow: none !important; } .site-theme.top-frame #content .journal-content-article .btn.btn-default.btn--outline { background: transparent !important; border: 1px solid black; box-shadow: none !important; border-radius: 1rem !important; } .site-theme.top-frame #content .journal-content-article .list--nostyle { margin: 0; padding: 0; list-style-type: none; } .site-theme.top-frame #content .journal-content-article .list--inline { display: flex; flex-wrap: wrap; } .site-theme.top-frame #content .journal-content-article .list--inline > li { margin: 0.375rem .625rem 0.375rem 0; } .site-theme.top-frame #content .journal-content-article .list--inline > li:last-child { margin-right: 0; } .site-theme.top-frame #content .journal-content-article .list--inline > li > a.btn { margin-right: 0; } .site-theme.top-frame .tukes-links--inline .journal-content-article > .landingpage__content__card > .landingpage__content__links ul { max-width: 100%; } .site-theme.top-frame .tukes-links--inline .journal-content-article > .landingpage__content__card > .landingpage__content__links ul > li { flex: 0 0 auto; width: auto; } .site-theme.top-frame .tukes-links--inline .journal-content-article > .landingpage__content__card > .landingpage__content__links ul > li a { background: #f5ea61; padding: .938rem 1.25rem; color: black; border-bottom: 0; } .site-theme.top-frame .tukes-links--inline .journal-content-article > .landingpage__content__card > .landingpage__content__links ul > li a > span[role] { display: inline-block; } .site-theme.top-frame .tukes-links--inline .journal-content-article > .landingpage__content__card > .landingpage__content__links ul > li a > span[role] > svg { width: .75rem; height: .75rem; } .site-theme.top-frame .tukes-links--inline .journal-content-article > .landingpage__content__card > .landingpage__content__links ul > li a:hover, .site-theme.top-frame .tukes-links--inline .journal-content-article > .landingpage__content__card > .landingpage__content__links ul > li a:focus { background: #fdf5a5; } .svg-icon--arrow svg > path { fill: none; stroke: #000; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } .mm-menu#menu { background: #a7d7d6; } .mm-menu#menu .mm-panels .mm-panel, .mm-menu#menu .mm-navbar { background: #a7d7d6 !important; color: #111 !important; } .mm-menu#menu a, .mm-menu#menu .mm-listview .mm-listitem a { color: #111 !important; } .mm-menu#menu .mm-listview a.mm-btn:before, .mm-menu#menu a.mm-btn_next:before, .mm-menu#menu a.mm-btn_prev:before, .mm-menu#menu .mm-listview a.mm-btn:after, .mm-menu#menu a.mm-btn_next:after, .mm-menu#menu a.mm-btn_prev:after { color: #111 !important; border-color: #111 !important; } .mm-menu#menu .close-mm-menu { color: #111 !important; border-color: #111 !important; } @media (max-width: 1280px) { .set-max-1280 { max-width: 1100px !important; } #main-content #column-2, #main-content #column-3, #main-content #column-4, #main-content #column-5, #main-content #column-6, #main-content #column-7, #main-content #column-8, #main-content #column-9 { padding-left: 0.5em; padding-right: 0.5em; } #main-content .landingpage-layout-container #column-2, #main-content .landingpage-layout-container #column-3, #main-content .landingpage-layout-container #column-4, #main-content .landingpage-layout-container #column-5, #main-content .landingpage-layout-container #column-6, #main-content .landingpage-layout-container #column-7, #main-content .landingpage-layout-container #column-8, #main-content .landingpage-layout-container #column-9 { padding-left: 0 !important; padding-right: 0 !important; } #main-content #column-1 { padding-left: 0 !important; padding-right: 0 !important; } .homepage #main-content #column-1 { padding: 0 10px 20px !important; } .listing-layout #column-3, .listing-layout #column-4 { width: 100% !important; margin-left: 0% !important; } .top-frame #banner nav ul li a { font-weight: 600 !important; cursor: pointer; height: 40px; font-size: 1.1em; padding: 0.8em 0.6em 0.8em; } .top-frame #banner nav ul li:first-child a { min-width: 50px; } .top-frame .breadcrumb { max-width: 1100px; } .top-frame .layout-wrapper-wide-container, .top-frame #banner .main-nav, .top-frame .phenomenon > .portlet, .top-frame .landingpage-layout, .top-frame .listing-layout, .top-frame #footer .footer-main-content, .top-frame .footer-bottom-bar .portlet-site-map, .top-frame .search-layout { max-width: 1100px !important; } .top-frame #main-content .hero:not(.hero--lower) .portlet-borderless-container, .top-frame #main-content .hero:not(.hero--lower) .portlet-content-container { max-width: 1100px !important; } .top-frame #main-content .portlet-layout:first-of-type .portlet-boundary.hero--lower .portlet-borderless-container .portlet-body, .top-frame #main-content .portlet-layout:first-of-type .portlet-boundary.hero--lower .portlet-content-container .portlet-body { max-width: 1100px !important; } .top-frame .landingpage-layout-container .portlet-layout .portlet-column { padding-left: 0 !important; padding-right: 0 !important; } .top-frame .hero { height: auto !important; padding-top: 3rem !important; padding-bottom: 1.5rem !important; } .top-frame .hero-content-lift-wrapper { } .top-frame .hero-content-lift-wrapper .hero-content-lift { padding-top: 3rem; } .top-frame .hero-content-lift-wrapper .hero-content-lift p { margin-bottom: 0.4rem !important; } .top-frame .frontpage-title-2 { padding-left: 0.5em; } .top-frame .frontpage-title-3 { padding-left: 0.5em; } .journal-content-article .article__wrapper aside> .article__toc h4, .journal-content-article .article__wrapper aside> .article__toc h2.heading4 { font-size: 1rem; } .frontpage .portlet-layout:nth-child(6) { padding-left: 0 !important; padding-right: 0 !important; } .frontpage .portlet-layout:nth-child(6) .portlet-column { padding-left: 0 !important; padding-right: 0 !important; } .frontpage .portlet-layout:nth-child(6) .portlet-column div { padding-left: initial; padding-right: initial; } .frontpage .portlet-layout:nth-child(6) .phenomenon { padding: 0.5em !important; } .top-frame .journal-display-page { padding-left: 0.5em !important; padding-right: 0.5em !important; } .top-frame .tukes-lifts { max-width: 1100px; padding-left: 1.25rem; padding-right: 1.25rem; } .top-frame .tukes-multicolumns { max-width: 1100px; padding-left: 1.25rem; padding-right: 1.25rem; } } @media (max-width: 550px) { .block-grid-xxs-1 > .block-grid-item { width: 100%; } } @media (max-width: 767px) { .landingpage-layout { margin: 0.5em !important; } .top-frame .logo { width: 100px; } .top-frame .breadcrumb { padding-left: 0.5em; } .top-frame #main-content .portlet-layout:first-of-type .portlet-boundary.hero--lower .portlet-borderless-container, .top-frame #main-content .portlet-layout:first-of-type .portlet-boundary.hero--lower .portlet-content-container { margin-bottom: 0rem; padding-bottom: 1rem; } .top-frame .hero, .top-frame .landingpage__hero { height: auto; padding: 0 !important; } .top-frame .hero-content-lift-wrapper { } .top-frame .hero-content-lift-wrapper .hero-content-lift { margin-bottom: 0.5rem !important; } .top-frame .hero-content-lift-wrapper .hero-content-lift h5 { padding-top: 0.8rem !important; } .top-frame .hero-content-lift-wrapper .hero-content-lift p { margin-bottom: 0.4rem !important; } .header-top-right-area { display: none; } .btn:not(.d-none) { display: inline !important; width: auto !important; } .landingpage__content__card .landingpage__content__links ul li { width: 100%; } .landingpage__hero .layout-wrapper-wide-container { margin-left: 1em !important; margin-right: 1em !important; } .top-frame .four-columns .row > .four-columns-single, .top-frame .four-columns .row > .four-columns-single { width: 50%; } .journal-content-article .article__wrapper aside> .article__toc { margin-left: -10px; margin-right: -10px; padding: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; width: 100vw !important; margin-bottom: $site-gutter; float: none; background-color: #efefef; box-shadow: 0 5px 23px 1px rgba(0, 0, 0, 0.25); } .journal-content-article .article__wrapper aside> .article__toc h4, .journal-content-article .article__wrapper aside> .article__toc h2.heading4 { display: none; visibility: hidden; } .journal-content-article .article__wrapper aside> .article__toc ul { margin: 20px; } .journal-content-article .article__wrapper aside> .article__toc button { display: block; } .journal-content-article> .sticky--toc .article__toc { position: fixed; top: 0; width: 100vw !important; margin-bottom: 0 !important; left: 0; } .journal-content-article> .sticky--toc.sticky--freeze.freeze--bottom .article__toc { bottom: -20px; } .journal-content-article> .sticky--toc.sticky--freeze.freeze--top .article__toc { top: 0 !important; position: relative; margin-bottom: 40px !important; } .top-frame .yja-accordion h2, .top-frame .yja-accordion h3, .top-frame .yja-accordion h4, .top-frame .yja-accordion h5 { } .top-frame .yja-accordion h2.yja-accordion-toggle, .top-frame .yja-accordion h3.yja-accordion-toggle, .top-frame .yja-accordion h4.yja-accordion-toggle, .top-frame .yja-accordion h5.yja-accordion-toggle { line-height: 1.5em; font-size: 0.9em; padding: 0.5em 0.5em 0.5em 1em !important; } .top-frame .yja-accordion h2.yja-accordion-toggle i, .top-frame .yja-accordion h3.yja-accordion-toggle i, .top-frame .yja-accordion h4.yja-accordion-toggle i, .top-frame .yja-accordion h5.yja-accordion-toggle i { padding-left: 0.5em; padding-top: 0.5em; padding-right: 0.5em; } .top-frame .yja-accordion .yja-accordion-wrapper { } .top-frame .yja-accordion .yja-accordion-wrapper.open { background-color: $colorAeroBlue !important; } .top-frame .yja-accordion .yja-accordion-wrapper.open .yja-accordion-content { display: block; } .form--feedback { bottom: 0; } .header-top-right-area .search-form { display: none; } .top-frame .general-search-portlet .nav--tabs { margin-bottom: 60px; } .top-frame .search-by-department-portlet .nav--tabs { margin-bottom: 60px; } .top-frame .landingpage__hero.bg-align-mobile { } .top-frame .landingpage__hero.bg-align-mobile-center { background-position: center; } .top-frame .landingpage__hero.bg-align-mobile-left { background-position: left; } .top-frame .landingpage__hero.bg-align-mobile-right { background-position: right; } } @media (min-width: 1366px) { .top-frame .portlet-navigation .list-menu { font-size: 1.1em !important; } .top-frame #banner nav ul li a { font-weight: 600 !important; cursor: pointer; height: 45px; font-size: 1.2em; padding: 0.8em 0.8em 0.8em; } .top-frame #banner nav ul li:first-child a { min-width: 50px; } .top-frame .hero { height: auto !important; padding-top: 3rem !important; padding-bottom: 1.5rem !important; } .top-frame .hero-content-lift-wrapper { } .top-frame .hero-content-lift-wrapper .hero-content-lift { padding-top: 3rem; } .top-frame .hero-content-lift-wrapper .hero-content-lift p { margin-bottom: 0.4rem !important; } .top-frame body { font-size: 115% !important; } .landingpage__hero .layout-wrapper-wide-container { padding-bottom: 4em; padding-top: 4em; } .landingpage__hero .layout-wrapper-wide-container .landingpage__hero__card .landingpage__hero__card__content { padding: 2em; } .landingpage__hero .layout-wrapper-wide-container .landingpage__hero__card .landingpage__hero__card__image { padding: 2em; } } @media (max-width: 1024px) { .top-frame #banner nav ul li a { font-weight: 600 !important; cursor: pointer; height: 40px; font-size: 0.9em !important; padding: 0.6em 0.5em 0.6em; } .top-frame #banner nav ul li:first-child a { min-width: 50px; } .top-frame #main-content .portlet-layout:first-of-type .portlet-boundary.hero .hero__heading-content { margin: 10px; } .top-frame #main-content .portlet-layout:first-of-type .portlet-boundary.hero--lower .portlet-borderless-container, .top-frame #main-content .portlet-layout:first-of-type .portlet-boundary.hero--lower .portlet-content-container { padding: 0.5em !important; } .top-frame .hero { height: auto; padding: 1em; } .top-frame .hero-content-lift-wrapper { padding: 1em; } .top-frame .hero-content-lift-wrapper .hero-content-lift { padding-top: 2rem; } .top-frame .hero-content-lift-wrapper .hero-content-lift p { margin-bottom: 0.4rem !important; } .landingpage__content__card { padding-left: .5em !important; } .landingpage__hero .layout-wrapper-wide-container { margin-left: 2em !important; margin-right: 2em !important; } .footer-bottom-bar .portlet-site-map .portlet-body > ul > li.sitemap--active> ul> li { width: 50%; } } @media (min-width: 1280px) { .top-frame .breadcrumb { width: 1280px; } .top-frame body { font-size: 110% !important; } } @media (min-width: 768px) { .top-frame .logo { padding: 1.25em 0; } .top-frame .footer-main-content> .row> div:nth-child(2) { margin-top: 42px; } .top-frame .footer-main-content> .row> div:nth-child(3) { margin-top: 25px; } .top-frame .footer-main-content> .row> div:nth-child(3) p:first-child { margin-bottom: 86px; } .journal-content-article .article__hero { max-width: 74.35897%; flex: 0 0 74.35897%; } .journal-content-article .article__wrapper .row { display: flex; flex-wrap: wrap; flex-flow: row-reverse; } .journal-content-article .article--with-background article.article.col-md-8 { padding: 30px; } .journal-content-article .article.col-md-8 { width: 74.35897%; margin-left: 0; margin-right: auto; } .journal-content-article .article.col-md-8 blockquote { float: right; margin-left: 10px; } .journal-content-article .article__wrapper aside { max-width: 23.07692%; flex: 0 0 23.07692%; margin-top: -10px; } .journal-content-article .article__wrapper aside> .article__toc button { display: none; } .journal-content-article> .sticky--toc .article__toc { top: 40px; } #tsv-mobile-search { display: none; } .row .col-md-3 { margin-left: 2.5641%; } .row .col-md-4 { max-width: 31.62393%; flex: 0 0 31.62393%; margin-left: 2.5641%; } .row .col-md-6 { max-width: 48.71795%; flex: 0 0 48.71795%; margin-left: 2.5641%; } .journal-content-article article.article.col-md-8 { max-width: 74.35897%; flex: 0 0 74.35897%; margin-left: 0; margin-right: auto; } .product-catalog .product-catalog__link { position: absolute; margin: 0; border-radius: 2em; font-size: 0.8rem; } .product-catalog .product-catalog__link#productCatalogLink_rungot { top: 68%; left: 35%; } .product-catalog .product-catalog__link#productCatalogLink_ilmanvaihtolaitteet { top: 26%; right: 0; } .product-catalog .product-catalog__link#productCatalogLink_julkisivut { top: 35%; left: 7%; } .product-catalog .product-catalog__link#productCatalogLink_lammitys { top: 60%; right: 12%; } .product-catalog .product-catalog__link#productCatalogLink_perustukset { top: 75%; left: 50%; } .product-catalog .product-catalog__link#productCatalogLink_sisavalmistusvaihe { top: 45%; left: 45%; } .product-catalog .product-catalog__link#productCatalogLink_vesi { top: 90%; left: 10%; } .product-catalog .product-catalog__link#productCatalogLink_ylapohjat { top: 19%; left: 30%; } .product-catalog .product-catalog__link#productCatalogLink_palontorjunta { top: 52%; right: 0; } .product-catalog .product-catalog__link#productCatalogLink_eristeet { top: 37%; right: 0; } .product-catalog .product-catalog__link#productCatalogLink_ranteet { top: 85%; right: 10%; } .product-catalog .product-catalog__link#productCatalogLink_kaapelit { top: 55%; right: 43%; } .top-frame .landingpage__hero.bg-align-desktop { } .top-frame .landingpage__hero.bg-align-desktop-center { background-position: center; } .top-frame .landingpage__hero.bg-align-desktop-left { background-position: left; } .top-frame .landingpage__hero.bg-align-desktop-right { background-position: right; } #events-display .row .col-md-4 { max-width: 31.62393%; flex: 0 0 31.62393%; margin-left: 0; } } @media (max-width: 979px) { .top-frame .hero { height: auto !important; padding: 0 !important; } .top-frame .hero-content-lift-wrapper { padding: 0.5em; } .top-frame .hero-content-lift-wrapper .hero-content-lift { padding-top: 1rem; } .top-frame .hero-content-lift-wrapper .hero-content-lift p { margin-bottom: 0.4rem !important; } .top-frame body { font-size: 95% !important; } .header-top-right-area { } .header-top-right-area .search-query { margin-left: auto; } .header-top-right-area .input-group-append { margin-right: auto; } .top-frame #content { padding: 0; } .journal-content-article .article__wrapper aside> .article__toc h4, .journal-content-article .article__wrapper aside> .article__toc h2.heading4 { font-size: .875rem; } .top-frame .event__lifts .event__lifts--single svg { margin-left: 0; } .top-frame .event__lifts .event__lifts--single h5 { text-align: left; } .top-frame .event__lifts .event__lifts--single p { display: block; } .top-frame .tem-contact-list-portlet .form-search .input-group .btn { clip: unset; left: 0; position: relative; } .top-frame .background--blue { padding: 1.75rem 0.0rem; } } @media (max-width: 1366px) { .top-frame .hero { height: auto !important; padding-top: 3rem !important; padding-bottom: 1.5rem !important; } .top-frame .hero-content-lift-wrapper { } .top-frame .hero-content-lift-wrapper .hero-content-lift { padding-top: 3rem; } .top-frame .hero-content-lift-wrapper .hero-content-lift p { margin-bottom: 0.4rem !important; } } @media (min-width: 1024px) { .top-frame body { font-size: 100% !important; } .footer-bottom-bar .portlet-site-map .portlet-body > ul > li.sitemap--active> ul> li { width: 25%; } } @media (max-width: 786px) { .top-frame .current-posts .current-posts__item { flex: 0 0 100%; } } @media (min-width: 500px) { .top-frame .footer-main-content> .row> div:nth-child(3) p { text-align: right; } #events-display .row .col-md-4 .dates div.row.no-gutters.hidden-sm.hidden-md.hidden-lg { position: relative; top: -3rem; } } @media (max-width: 768px) { .top-frame .image-grid .image-grid__item { flex: 1 0 48%; } .journal-content-article .article.col-md-8 { position: relative; clear: both; padding: 0 20px; } .top-frame .col-md-6 .event__lifts { margin-top: 2rem; } .top-frame .tukes-multicolumns .tukes-multicolumn { margin-bottom: 1.25rem; } } @media (min-width: 767px) { .sitetemplate__alert .alert__meta { display: inline-block; margin-right: 1em; } .sitetemplate__alert .alert__content { display: inline-block; border-left: 3px solid #000; padding-left: 1em; } .row .col-md-3 { max-width: 23.07692%; flex: 0 0 23.07692%; } } @media print { .article__toc { display: none !important; } .article { width: 100% !important; } .yja-social-share-portlet { display: none; } } @media (min-width: 678px) { .landingpage__hero__card__image .infograph.no-title { margin-top: -9px; } } @media (max-width: 677px) { .footer-bottom-bar .portlet-site-map .portlet-body > ul > li.sitemap--active> ul> li { width: 100%; } } @media (max-width: 610px) { .list--arrangeable .list__sort button, .list--arrangeable .list__sort span { font-size: 12px; text-align: left; padding-left: .5em; padding-right: .5em; } .list--arrangeable .list .list__row { flex-flow: column; } .list--arrangeable .list .list__row> div { width: 100%; padding: .5em; } } @media (min-width: 611px) { .list--arrangeable .list .list__row> div.id { text-align: center; } } @media (max-width: 600px) { ul.bannerList { margin: 0 0 3rem 0 !important; } ul.bannerList li { flex: 1 1 100%; margin: 0 0 1rem; } } @media (max-width: 1279.999px) { .portlet-login, .portlet-boundary_fi_yja_sms_login_portlet_SmsLoginPortlet_ { padding: 0 20px; } } @media (max-width: 1100px) { .top-frame .col-md-6 .event__lifts .event__lifts--single { flex: 0 1 100%; max-width: 100%; } } @media (max-width: 767.999px) { .top-frame .tukes-lifts > .tukes-lifts__columns { grid-template-columns: 1fr; } .top-frame #banner .header-top-bar { background-color: #6bbab8; } .top-frame #banner .header-top-bar .header-top-bar-links-lang ul li { border-color: #000; } .top-frame #banner .header-top-bar .header-top-bar-links-lang ul li > a { color: #000; } .mobile-menu-actions a, .mobile-menu-actions button { color: #000; } .mobile-menu-actions a:hover, .mobile-menu-actions button:hover, .mobile-menu-actions a:focus, .mobile-menu-actions button:focus { color: #000; } } @media (max-width: 767.9999px) { .top-frame div[role="main"] .portlet-navigation { display: block; } .top-frame div[role="main"] .portlet-navigation .tukes-nav--mobile { } .top-frame div[role="main"] .portlet-navigation .tukes-nav--mobile > h2 { font-size: 1.25rem; } .top-frame div[role="main"] .portlet-navigation .list-menu > ul { } .top-frame div[role="main"] .portlet-navigation .list-menu > ul li.lfr-nav-item { border-bottom: 0; margin-bottom: .625rem; } .top-frame div[role="main"] .portlet-navigation .list-menu > ul li.lfr-nav-item > a.lfr-nav-item { background: #f5f5f5; padding: .75rem .625rem; display: inline-block; width: auto; } .top-frame div[role="main"] .portlet-navigation .list-menu > ul li.lfr-nav-item > a.lfr-nav-item > span[role] { display: inline-block; } .top-frame div[role="main"] .portlet-navigation .list-menu > ul li.lfr-nav-item > a.lfr-nav-item > span[role] > svg { width: .75rem; height: .75rem; } .top-frame div[role="main"] .portlet-navigation .list-menu > ul li.lfr-nav-item > a.lfr-nav-item:hover, .top-frame div[role="main"] .portlet-navigation .list-menu > ul li.lfr-nav-item > a.lfr-nav-item:focus { background: #fdf5a5; } }