@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin-ext'); .top-frame body { font-size: 100%; color: #2c2c2c; font-family: "Open sans",Helvetica,Arial,sans-serif; line-height: 1.4; } .top-frame a { color: #3d85c6; } .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 { 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 { 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: #3d85c6; 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 h4, .top-frame .events.event-search-portlet .event-item-list .event-time { font-weight: bold !important; } .top-frame .events.event-search-portlet .event-item-list .event-date { display: block; } .top-frame .twitter-widget-portlet .user span[data-scribe="element:screen_name"] { color: #3d85c6; } .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 { vertical-align: middle; } .top-frame #banner nav ul[role="menubar"] { background-color: #fff; color: #454545; } .top-frame #banner nav ul[role="menubar"] li a:hover { background-color: #e6e6e6; } .top-frame #banner nav ul[role="menubar"] li.selected { background-color: #00ada8; color: white; } .top-frame #banner nav ul[role="menubar"] li.selected a { color: white; } .top-frame #banner nav ul[role="menubar"] li.selected a:hover { background-color: #009c97; } .top-frame #banner nav a { color: #454545; } .top-frame #banner nav.fixed { background: #fff; } .top-frame #footer { background-image: url(none); background-repeat: repeat; background-size: initial; background-position: center top; background-color: #666; color: #fff; } .top-frame #footer a { color: #fff; } .top-frame #footer .footer-bottom-bar { background-color: #434343; } .top-frame body { background-color: #fff; background-image: url(none); 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: #3d85c6; } .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; } .aui .tem-contact-list-portlet .header.toggler-header:before { font-family: fontawesome-alloy; } .p-b-0 { padding-bottom: 0em !important; } .m-b-0 { margin-bottom: 0em !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: 0px auto !important; } #layout-column_column-2 { margin-top: 2em !important; } .aui.top-frame .portlet-navigation .nav-menu { font-size: 1em !important; } .aui.top-frame .portlet-navigation .nav-menu h2 { margin-top: 2em; font-size: 1.1em; text-transform: uppercase; } .aui.top-frame .portlet-navigation .nav-menu ul li .toggleVisibility { background: none; border: 0; } .aui.top-frame .portlet-navigation .nav-menu ul > li > a { padding: 0.66667em 1.9em 1em 0em !important; } .aui.top-frame .portlet-navigation .nav-menu ul > li > ul > li > a { padding: 0.66667em 1.9em 0.6em 0em !important; } .aui.top-frame .portlet-navigation .nav-menu .level-1 > li.selected.active-li { padding-left: 10px; background-color: rgba(0,212,206,0.03999999910593033); margin-bottom: .4em; } .aui.top-frame .portlet-navigation .nav-menu .level-1 > li.selected.active-li:before { border-left: solid 6px #9ddbdb; content: ""; position: absolute; height: 100%; left: 0px; } .aui.top-frame .portlet-navigation .nav-menu .level-2 > li { padding-left: 10px; } .aui.top-frame .portlet-navigation .nav-menu .level-2 > li.selected.active-li { background-color: rgba(0,212,206,0.03999999910593033); } .aui.top-frame .portlet-navigation .nav-menu .level-2 > li.selected.hasChild.active-li:before { border-left: solid 6px rgba(0,212,206,0.20000000298023224); content: ""; position: absolute; height: 100%; left: 0px; } .aui.top-frame .portlet-navigation .nav-menu ul li a.selected { font-weight: 600 !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; } .aui.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; } .aui.top-frame #banner nav ul[role="menubar"] { margin-bottom: 0px !important; padding-bottom: 0px !important; } .mobile-menu-actions a { color: #fff !important; background-color: transparent !important; } .mm-listview li > a { color: #fff !important; } .mm-listview .mm-selected { font-weight: 600; } .aui .mm-navbar .mm-title { color: #fff !important; } .aui .mm-custom-top .close-mm-menu { text-decoration: none; width: 30px; height: 30px; text-align: center; padding-top: 7px; } .aui.top-frame .breadcrumb { background: none; margin-left: auto; margin-right: auto; line-height: 2em; margin-bottom: 0px; font-size: 0.9em; } .aui.top-frame .breadcrumb li a { color: #808080; } .aui.top-frame .breadcrumb li a:hover { color: #555; } .aui.top-frame .breadcrumb li:first-child a { text-transform: uppercase; } .aui.top-frame button.btn, .aui.top-frame button.btn-cancel { border: solid 1px #aaa; background-color: #ddd; } .aui.top-frame button.close { border: solid 1px #555; background-color: #ddd; height: 30px; width: 30px; color: #333; } .aui.top-frame button.btn-primary, .aui.top-frame option.btn { border: solid 1px #00ada8; background-color: #00ada8; color: white; } .aui.top-frame option.btn:hover, .aui.top-frame option.btn:focus, .aui.top-frame option.btn:active { border-color: #99d9d7; background-color: rgba(0,212,206,0.10000000149011612); color: white; } .aui.top-frame 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; text-transform: uppercase; background-color: transparent; color: #2c2c2c; box-shadow: none; text-decoration: none; } .aui.top-frame a.btn:hover { background-color: rgba(0,212,206,0.10000000149011612); } .aui.top-frame a.btn:active { background-color: rgba(0,212,206,0.10000000149011612); } .aui.top-frame a.btn-notice { border-color: #ff965f; } .aui.top-frame a.btn-notice:hover { background-color: colorAtomicTangerineOpacity !important; } .aui.top-frame a.dropdown-toggle-tukes, .aui.top-frame a.btn-primary { border-color: #99d9d7; } .aui.top-frame a.dropdown-toggle-tukes { min-width: 150px; font-size: 14px; } .aui.top-frame a.btn-default { border-color: #99d9d7; } .aui.top-frame button.btn--submit { border-color: #00d4ce; border-radius: 30px; padding: 5px 15px 5px 15px; } .aui.top-frame a.btn-large { font-size: 1.1em !important; border-bottom: solid 5px #00d4ce; } .aui.top-frame a.btn-medium { font-size: 0.9em !important; } .aui.top-frame a.btn-small { font-size: 0.8em !important; } .aui.top-frame #banner .header-top-bar { background-color: #525252; } .aui.top-frame #banner .header-top-bar .header-top-bar-links-lang ul li { border-color: #fff; } .aui.top-frame #banner .header-top-bar .header-top-bar-links-lang ul li a { color: #fff; } .aui.top-frame #heading form .btn { border-radius: 0 30px 30px 0; } .aui.top-frame #heading form input.search-query { border-radius: 30px 0 0 30px; } .aui.top-frame .logo img { width: 150px; } .aui.top-frame #banner nav ul[role="menubar"] { border-bottom: 6px solid #99d9d7; } .aui.top-frame #banner nav ul[role="menubar"] li { margin-bottom: 0; vertical-align: bottom; } .aui.top-frame #banner nav ul[role="menubar"] li a { font-weight: 600; cursor: pointer; padding: 0.8em 0.8em 0.8em; height: 50px; font-size: 1.15em; } .aui.top-frame #banner nav ul[role="menubar"] li a:hover { background-color: rgba(22,224,163,0.10000000149011612); } .aui.top-frame #banner nav ul[role="menubar"] li.selected { background-color: #99d9d7; } .aui.top-frame #banner nav ul[role="menubar"] li.selected a { color: #000; } .aui.top-frame #banner nav ul > li:first-child { vertical-align: bottom; } .aui.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%; padding-left: 2em; } .aui.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; } .aui.top-frame .layout-wrapper-wide-container, .aui.top-frame #banner .main-nav, .aui.top-frame .phenomenon > .portlet-borderless-container, .aui.top-frame .landingpage-layout, .aui.top-frame .listing-layout, .aui.top-frame #footer .footer-main-content, .aui.top-frame .footer-bottom-bar .portlet-site-map, .aui.top-frame .search-layout { max-width: 1280px !important; margin: 0 auto !important; } .aui.top-frame #main-content .hero:not(.hero--lower) .portlet-borderless-container { max-width: 1280px; margin: 0 auto; } .aui.top-frame #main-content .portlet-layout:first-of-type { max-width: 100%; } .aui.top-frame #main-content .portlet-layout:first-of-type .portlet-boundary .portlet-body { max-width: 100%; margin: 0 auto; } .aui.top-frame #main-content .portlet-layout:first-of-type .portlet-boundary.hero { padding-top: 3rem; background-image: url('/documents/5470659/7893954/vesitipat-veden-eri-muodot-2018.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .aui.top-frame #main-content .portlet-layout:first-of-type .portlet-boundary.hero .hero__heading-content { background: #fff; padding: 1em; margin-bottom: 1em; margin-top: 1em; } .aui.top-frame #main-content .portlet-layout:first-of-type .portlet-boundary.hero--lower { padding-bottom: 1rem; } .aui.top-frame #main-content .portlet-layout:first-of-type .portlet-boundary.hero--lower .portlet-borderless-container { margin-bottom: 6rem; background-color: #fff; padding-top: 1em; } .aui.top-frame #main-content .portlet-layout:first-of-type .portlet-boundary.hero--lower .portlet-borderless-container div { margin-bottom: auto; } .aui.top-frame #main-content .portlet-layout:first-of-type .portlet-boundary.hero--lower .portlet-borderless-container .portlet-body { max-width: 1280px; margin: 0 auto; } .aui.top-frame #main-content .portlet-layout:first-of-type .portlet-boundary.hero--lower .portlet-borderless-container .portlet-body div { margin-bottom: auto; } .aui.top-frame #main-content .portlet-layout:first-of-type .portlet-boundary.hero--lower .portlet-borderless-container .portlet-rss { max-width: 600px; } .display-field-of-expertice { margin: 0em !important; padding: .8em 0em 0em 0em !important; } .display-field-of-expertice button { border: solid 2px #b6d5d5; 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; } .field-of-expertice { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); list-style: none; margin: 0em !important; padding: 0 !important; width: 100%; } .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; } .field-of-expertice li a:link { color: #222; } .field-of-expertice li a:hover { color: #222; } .aui.top-frame .journal-content-article p, .aui.top-frame .journal-content-article ul, .aui.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: 0em !important; } .aui.top-frame .journal-content-article p li ul { padding-bottom: 0.4rem !important; } .aui.top-frame .journal-content-article p li ul li ul { margin-bottom: 0.4rem !important; } .aui.top-frame .journal-content-article td { font-size: 1.1rem !important; line-height: 1.5 !important; } .aui.top-frame .journal-content-article h1, .aui.top-frame .journal-content-article h2, .aui.top-frame .journal-content-article h3, .aui.top-frame .journal-content-article h4, .aui.top-frame .journal-content-article h5, .aui.top-frame .journal-content-article h6 { max-width: 80ch; } .aui.top-frame .journal-content-article li { margin-bottom: 0.3em; line-height: 1.5; } .aui.top-frame .journal-content-article p.lead, .aui.top-frame .journal-content-article p.ingress { font-size: 1.4em !important; } .aui.top-frame .journal-content-article p.well { margin-bottom: 0.6em !important; } .aui.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; } .aui.top-frame h1, .aui.top-frame .heading1 { clear: both; font-size: 1.8rem; padding-bottom: 0.4em; margin-top: 0.8em; } .aui.top-frame h2, .aui.top-frame .heading2 { clear: both; font-size: 1.6rem; padding-bottom: 0.4em; margin-top: 1.5em; } .aui.top-frame h3, .aui.top-frame .heading3, .aui.top-frame .portlet-title { clear: both; font-size: 1.4rem; padding-bottom: 0.4em; margin-top: 1em; } .aui.top-frame .portlet-title { clear: both; text-transform: uppercase; font-size: 1.1em; margin-top: 2em !important; } .aui.top-frame h4, .aui.top-frame .heading4 { clear: both; font-size: 1.3rem; padding-bottom: 0.4em; margin-top: 1em; } .aui.top-frame h5, .aui.top-frame .heading5 { clear: both; font-size: 1.2rem; padding-bottom: 0.4em; margin-top: 1em; } .aui.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; } .aui.top-frame h6, .aui.top-frame .heading6 { clear: both; font-size: 1.1rem; } .aui.top-frame .top-border-none:before { display: none; } .aui.top-frame h1 { position: relative; } .aui.top-frame h1:before { content: ""; position: absolute; top: -12px; left: 0; width: 70px; height: 7px; background-color: #99d9d7; } .aui.top-frame h2 { position: relative; } .aui.top-frame h2:before { content: ""; position: absolute; top: -12px; left: 0; width: 70px; height: 7px; background-color: #99d9d7; } .aui.top-frame .portlet-title { position: relative; } .aui.top-frame .portlet-title:before { content: ""; position: absolute; top: -12px; left: 0; width: 70px; height: 7px; background-color: #99d9d7; } .aui.top-frame .frontpage-heading { margin-top: 3em; font-weight: 800; text-transform: none; font-size: 1.8em; max-width: 400px; } .aui.top-frame .frontpage-heading:before { content: ""; position: absolute; background-color: transparent; } .aui.top-frame .frontpage-title-1 { margin-top: 3em; font-weight: 800; text-transform: uppercase; } .aui.top-frame .frontpage-title-1:before { content: ""; position: absolute; top: -12px; left: 0; width: 90px; height: 7px; background-color: #9ddbdb; } .aui.top-frame .frontpage-title-2 { margin-top: 3em; font-weight: 800; text-transform: uppercase; } .aui.top-frame .frontpage-title-2:before { content: ""; position: absolute; top: -12px; left: 0; width: 90px; height: 7px; background-color: #5aa9c6; } .aui.top-frame .frontpage-title-3 { margin-top: 3em; font-weight: 800; text-transform: uppercase; } .aui.top-frame .frontpage-title-3:before { content: ""; position: absolute; top: -12px; left: 0; width: 90px; height: 7px; background-color: #ff965f; } .aui.top-frame .hero h2:before { display: none; font-size: 1.2rem; } .aui.top-frame .hero h3 { font-weight: 600; margin-top: 0; text-transform: uppercase; font-size: 1rem; } .aui.top-frame .hero h3:before { display: none; font-size: 1rem; } .aui.top-frame .hero h5 { font-weight: 600; margin-top: 0; text-transform: uppercase; font-size: 1rem; } .aui.top-frame .hero h6 { font-weight: 400; } .aui.top-frame .hero .date { font-weight: 200; color: #808080; font-size: 0.75rem; } .aui.top-frame #footer h2:before { display: none; } .aui.top-frame #footer h3 { margin-top: 0; } .aui.top-frame #footer h3:before { display: none; } .aui.top-frame #footer h1, .aui.top-frame #footer .heading1 { color: #fff; } .aui.top-frame #footer h2, .aui.top-frame #footer .heading2 { color: #fff; } .aui.top-frame #footer h3, .aui.top-frame #footer .heading3, .aui.top-frame #footer .portlet-title { color: #fff; } .aui.top-frame #footer h4, .aui.top-frame #footer .heading4 { color: #fff; } .aui.top-frame #footer h5, .aui.top-frame #footer .heading5 { color: #fff; } .aui.top-frame #footer h6, .aui.top-frame #footer .heading6 { color: #fff; } .aui.top-frame .current-posts { margin-left: -5px; margin-right: -5px; } .aui.top-frame .current-posts h2:before { display: none; } .aui.top-frame .current-posts h3:before { display: none; } .aui.top-frame .current-posts .article-content { margin: 5px; padding: .5em 1em 5em 1em; position: relative; border: solid 2px #d4f0f0; } .aui.top-frame .current-posts .article-content:hover { background-color: #d4f0f0; } .aui.top-frame .current-posts .article-content .post-footer { position: absolute; bottom: 0; font-size: .9em; color: #4a4a4a; } .aui.top-frame .current-posts .article-content h3 { font-weight: 400; text-transform: none; font-size: 1.2em; } .aui.top-frame .current-posts.with-image .article-content { margin-top: 0; padding: 0; background: transparent; border-left: solid 2px #d4f0f0; border-right: solid 2px #d4f0f0; border-bottom: solid 2px #d4f0f0; } .aui.top-frame .current-posts.with-image .article-content:hover { background-color: #d4f0f0; } .aui.top-frame .current-posts.with-image .article-text { padding: .5em 1em 5em 1em; } .aui.top-frame .current-posts.with-image img { width: 100%; } .aui.top-frame .current-posts .meta { float: left; } .aui.top-frame .footer-main-content> .row-fluid> 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; } .aui.top-frame .footer-main-content> .row-fluid> div:first-child p > a:hover { color: #4a4a4a; background-color: rgba(0,212,206,0.10000000149011612); text-decoration: none; } .aui.top-frame .footer-main-content> .row-fluid> div:nth-child(2) { margin-top: 1em; } .aui.top-frame .footer-main-content> .row-fluid> div:nth-child(2) a { text-decoration: none; } .aui.top-frame .footer-main-content> .row-fluid> div:nth-child(3) { margin-top: 1em; } .aui.top-frame .footer-main-content> .row-fluid> div:nth-child(3) p:first-child { margin-bottom: 2em; } .aui.top-frame .footer-main-content> .row-fluid> div:nth-child(3) p> a { display: inline-block; margin-bottom: 1em; } .aui.top-frame .footer-main-content> .row-fluid> div:nth-child(3) p> a> img { width: 32px; margin-left: 1em; } .aui.top-frame .image-grid { text-align: center; font-size: 100% !important; } .aui.top-frame .image-grid .image-grid-item { border: solid 2px #b6d5d5; padding: 0 .8em .8em; background-color: rgba(255,255,255,0.5); margin: 4px; max-height: 150px; } .aui.top-frame .image-grid .image-grid-item a { color: #2c2c2c; } .aui.top-frame .image-grid .image-grid-item p { font-size: .85em !important; margin: 0; font-weight: 600; } .aui.top-frame .image-grid .image-grid-item:hover { background-color: rgba(0,212,206,0.10000000149011612); } .aui.top-frame .image-grid .image-container img, .aui.top-frame .image-grid .image-container svg { max-width: 100%; height: auto; max-width: 50px; max-height: 50px; margin: 1em 0 .5em; } .aui.top-frame .image-grid .image-container svg { fill: #2c2c2c; } .aui.top-frame #heading form input.search-query { padding: 0.8em 1.25em 0.7em; width: 72%; } .aui.top-frame #heading form .btn { padding: 0.8em 1.2em 0.7em; font-size: 1rem; font-weight: 600; } .aui.top-frame .breadcrumb { padding-top: 10px !important; } .aui.top-frame .journal-content-article table:not(.nostyle) { overflow-x: auto; border: solid 1px #ddd !important; } .aui.top-frame .journal-content-article table:not(.nostyle) th, .aui.top-frame .journal-content-article table:not(.nostyle) td { font-size: 90%; border: solid 1px #ddd !important; padding: 5px; } .aui.top-frame .journal-content-article table:not(.nostyle) th p { padding-bottom: 0.2em !important; } .aui.top-frame .journal-content-article table:not(.nostyle) th { background-color: #d4f0f0 !important; } .aui.top-frame .journal-content-article table:not(.nostyle) tr:hover td { background-color: rgba(0,212,206,0.10000000149011612) !important; } .aui.top-frame .journal-content-article table:not(.nostyle) tbody > tr:nth-child(odd) > td, .aui.top-frame .journal-content-article table:not(.nostyle) tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } .aui.top-frame .table-tukes th { background-color: #d4f0f0 !important; } .aui.top-frame .table-bordered, .aui.top-frame .table-bordered th, .aui.top-frame .table-bordered td { border: solid 1px #ddd !important; } .aui.top-frame .table-tukes.table-bordered, .aui.top-frame .table-tukes.table-bordered th, .aui.top-frame .table-tukes.table-bordered td { border: solid 1px #9ddbdb !important; } .aui.top-frame .table-tukes.table-hover tr:hover td { background-color: rgba(0,212,206,0.10000000149011612) !important; } .aui.top-frame .table-responsive { overflow-x: auto; } .aui.top-frame .sortable th.descend:after { color: #444; content: "\25B2"; } .aui.top-frame .sortable th.ascend:after { color: #444; content: "\25BC"; } .aui.top-frame .sortable th:after { color: #adadad; padding-left: 10px; content: "\25B2"; } .aui.top-frame .table-tukes.sortable th.descend:after { color: #00ada8; content: "\25B2"; } .aui.top-frame .table-tukes.sortable th.ascend:after { color: #00ada8; content: "\25BC"; } .aui.top-frame .table-tukes.sortable th:after { color: #99d9d7; padding-left: 10px; content: "\25B2"; } .aui.top-frame .article--custom table.table__style--scroll { display: block; overflow-x: auto; } .aui.top-frame .article--custom table th, .aui.top-frame .article--custom table td, .aui.top-frame .article--custom table td p, .aui.top-frame .article--custom table td span, .aui.top-frame .article--custom table td a { font-size: 12px !important; } .aui.top-frame .breadcrumb { padding-left: 0; } .aui.top-frame .breadcrumb { font-size: 0.9rem; } .aui.top-frame .breadcrumb li:last-child .divider { display: none; } .aui.top-frame .journal-content-article ul, .aui.top-frame .journal-content-article ol { margin: 0 0 1.5em 1.5rem; list-style-position: outside; padding-left: 40px; } .aui.top-frame a { color: #3d85c6; text-decoration: none; cursor: pointer; } .aui.top-frame a:link { text-decoration-skip: ink; } ul .aui.top-frame a { text-decoration: underline; } .aui.top-frame p a { position: relative; text-decoration: underline; } .aui.top-frame #content { padding-top: 0; } .aui.top-frame h1 { font-size: 32px; position: relative; margin-top: 0; } .aui.top-frame .large-block-grid-4 { list-style: none; margin: 1rem 0 3rem 0; padding-left: 0; } .aui.top-frame .large-block-grid-4 li { position: relative; padding: 12px 14px; border-bottom: 1px solid #f0f0f0; } .aui.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%); } .aui.top-frame .large-block-grid-4 a { font-weight: 600; color: #444; font-size: 1.1em; } .aui.top-frame .feed-item.simple:last-child { margin-bottom: 0.5rem; } .aui.top-frame .portlet-asset-publisher { min-height: 30px; } .aui.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; } .aui.top-frame .feed-entry-container .blog-item { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; padding: 0 0.5rem; } .aui.top-frame .feed-entry-container .blog-item h4 { margin-top: 0; font-size: 1.25rem; } .aui.top-frame .feed-entry-container .blog-item p { margin-bottom: 0; font-size: 0.9rem; } .aui.top-frame .footer-bottom-bar { color: #fff; font-size: 0.9rem; background-image: url(none); padding-top: 3em !important; } .aui.top-frame .footer-main-content img { width: 150px; } .aui.top-frame .footer-main-content h5 { margin-bottom: 1.5rem; } .aui.top-frame .footer-main-content ul { list-style: none; padding-left: 0; margin-left: 0; } .aui.top-frame .footer-main-content ul li { margin-bottom: 10px; } .aui.top-frame .footer-main-content ul li a { text-decoration: underline; } .aui.top-frame .socialMediaLinks { margin: 1.5rem 0; } .aui.top-frame .socialMediaLinks a { text-decoration: none; color: #3a3a3a; font-size: 22px; margin-right: 0.5rem; } .aui.top-frame .socialMediaLinks a:hover { color: #3d85c6; } .aui.top-frame .breadcrumb .active { color: #222; } .aui.top-frame ul.inline, .aui.top-frame ol.inline { padding-left: 0; } .aui.top-frame .btn.btn-search { padding: 11px 21px; } .aui.top-frame .mediaItem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .aui.top-frame .mediaItem__figure { margin-right: 1.3em; width: 130px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .aui.top-frame .mediaItem__body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .aui.top-frame .top-locale-actions { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 1.5rem; } .aui.top-frame .top-locale-actions .taglib-language-list-text { border: 1px solid #ddd; border-right: none; padding: 5px 8px 4px; font-size: 0.75rem; width: 35px; text-align: center; } .aui.top-frame .top-locale-actions .taglib-language-list-text.last { border-right: 1px solid #ddd; } .aui.top-frame .top-locale-actions .taglib-language-list-text:hover { border-color: #ccc; background-color: #f0f0f0; text-decoration: none; color: #000; } .aui.top-frame #banner .header-top-bar-links-right { top: 0; } .aui.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; } .aui.top-frame .news-page h2:before, .aui.top-frame .news-page h3:before, .aui.top-frame .news-page h4:before { background-color: transparent !important; } .aui.top-frame .signed-in.controls-visible .portlet-nested-portlets .portlet-borderless-bar { position: relative; } .aui.top-frame .portlet-borderless-container { min-height: 0; padding-top: 0px !important; padding-bottom: 0px !important; padding-left: 0px !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__links ul { list-style: none; margin: 0em !important; padding: 0em; padding-left: 0em !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: 0em 1em 1em 0em !important; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0em; width: 45%; background-color: rgba(0,212,206,0.03999999910593033); border-bottom: #9ddbdb solid 2px; -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; column-span: 1; color: #4a4a4a; } .landingpage__content__card .landingpage__content__links ul li a:hover { color: #4a4a4a; background-color: rgba(0,212,206,0.10000000149011612); } .landingpage__hero { min-height: 300px; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position: center; } .landingpage__hero .layout-wrapper-wide-container { padding-bottom: 2em; padding-top: 2em; } .landingpage__hero .layout-wrapper-wide-container .row-fluid { background-color: rgba(255,255,255,0.8999999761581421); } .landingpage__hero .layout-wrapper-wide-container .landingpage__hero__card { padding: 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 { fill: #00e6de; } a.infographics-icon-link:hover #Oval-orange { fill: #ffc861; } a.infographics-icon-link:hover #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; } .aui.top-frame .social-share-buttons { margin-top: 3em !important; } .aui.top-frame .four-columns { background-color: transparent; } .aui.top-frame .four-columns .row-fluid { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-flow: row wrap; } .aui.top-frame .read-more-lift-wrapper { width: 100% !important; margin-left: 0px !important; margin-bottom: 0.5em; } .aui.top-frame .read-more-lift-wrapper-no-image { width: 100% !important; margin-left: 0px !important; margin: 0px; padding: 0px; border: solid 2px #e9f7f7; height: 100%; margin-bottom: 0.5em; } .aui.top-frame .read-more-lift-wrapper-no-image:hover { background-color: #e9f7f7; } .aui.top-frame .read-more-lift-wrapper-no-image:hover a { color: #4a4a4a !important; } .aui.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; } .aui.top-frame .read-more-lift-link { color: #2c2c2c; } .aui.top-frame .read-more-lift-link:hover { color: #3d85c6; } .aui.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; } .aui ul.faq-list { list-style: none; margin: 0 0 0 0 !important; padding: 0 0 2rem 0 !important; } .aui ul.faq-list li { position: relative; border-bottom: 1px solid #ddd; } .aui ul.faq-list .answer { display: none; } .aui ul.faq-list .answer p { font-size: 1em; line-height: 1.5em; } .aui ul.faq-list .question { cursor: pointer; font-size: 1.1em; font-weight: 500; text-transform: none; margin-top: 0.6em; padding-left: 20px; } .aui ul.faq-list .question .icon { position: absolute; top: 2px; left: 0; } .aui ul.faq-list .question:hover { color: #222; } .g-recaptcha { margin-bottom: 1.5rem; } .aui .image__container { position: absolute; width: 100%; height: 100%; margin-top: 50px; background-size: 100% auto; background-repeat: no-repeat; } .aui .journal-content-article .article--custom { position: relative; } .aui .journal-content-article .article--custom.article--with-ingress { padding: 0; } .aui .journal-content-article .article__hero { background-color: white; margin-bottom: 20px; padding-bottom: 10px; } .aui .journal-content-article .article__hero p:last-child { margin-bottom: 0; } .aui .journal-content-article .article__wrapper { position: relative; } .aui .journal-content-article .article--with-background .article__hero { padding: 50px 25px; } .aui .journal-content-article article.article.span8 { background: white; margin-top: 0; float: none; } .aui .journal-content-article article.article.span8 blockquote { border: none; } .aui .journal-content-article article.article.span8 blockquote:before, .aui .journal-content-article article.article.span8 blockquote:after { display: none; } .aui .journal-content-article .article__wrapper > aside { float: none; } .aui .journal-content-article .article__wrapper > aside> .article__toc { background-color: white; padding: 10px; margin-bottom: 40px; z-index: 100; } .aui .journal-content-article .article__wrapper > aside> .article__toc ul { list-style-type: none; margin: 0; padding: 0; } .aui .journal-content-article .article__wrapper > aside> .article__toc li { margin-bottom: 10px; border-bottom: 1px solid #ddd; padding-bottom: 5px; font-size: 14px; } .aui .journal-content-article .article__wrapper > aside> .article__toc li> a { color: #4a4a4a; } .aui .journal-content-article .article__wrapper > aside> .article__toc .toc__link--close { display: none; text-align: center; cursor: pointer; } .aui .journal-content-article .article__wrapper > aside> .article__toc.toc--visible .toc__link--close { display: block; } .aui .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: 0px; font-weight: 700; text-align: left; cursor: pointer; padding-left: 20px; } .aui .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; } .aui .journal-content-article .article__wrapper > aside> .article__toc button> i { font-size: 18px; margin-right: 10px; vertical-align: baseline; } .aui .journal-content-article> .sticky--toc .article__toc { position: fixed; } .aui .journal-content-article> .sticky--toc.sticky--freeze .article__toc { position: absolute; top: auto; } .aui .journal-content-article> .sticky--toc.sticky--freeze.freeze--bottom .article__toc { bottom: 0; } .aui .parallax #column-9 .portlet-navigation { position: relative; background-color: white; margin-top: 35px; margin-left: -20px; margin-right: -20px; padding: 20px; } .aui 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: #357f9a; } .phenomenon-image { 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 { -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 { color: #2c2c2c !important; text-decoration: none !important; } .frontpage .portlet-layout:nth-child(7) { max-width: 1280px !important; margin: 0px auto !important; } .frontpage .portlet-layout:nth-child(6) { max-width: 100% !important; margin: 0px auto !important; } .frontpage .portlet-layout:nth-child(6) .phenomenon { background-color: #eef6f9; padding-bottom: 1rem; } .aui.top-frame .yja-accordion .yja-accordion-content { display: none; padding: 1.1875em; } .aui.top-frame .yja-accordion h4.yja-accordion-toggle { color: #555 !important; margin: 0px; cursor: pointer; text-transform: none !important; background-color: #d4f0f0 !important; } .aui.top-frame .yja-accordion h4.yja-accordion-toggle .accordion-small { padding: 10px; } .aui.top-frame .yja-accordion h4.yja-accordion-toggle i { padding-left: 1em; padding-top: 0.5em; padding-right: 0.7em; color: #555 !important; } .aui.top-frame .yja-accordion h4.yja-accordion-toggle button { display: block; background: transparent; color: #555 !important; border: 0px; padding: 0.5em 0.5em 0.5em 1em; text-align: left; width: 100%; font-weight: 700; line-height: 1.5em; font-size: 18px; } .aui.top-frame .yja-accordion .yja-accordion-wrapper { border-bottom: solid 1px #99d9d7 !important; } .aui.top-frame .yja-accordion .yja-accordion-wrapper.open { background-color: #e9f7f7 !important; } .aui.top-frame .yja-accordion .yja-accordion-wrapper.open .yja-accordion-content { display: block; } .aui.top-frame .yja-accordion .yja-accordion-wrapper.open h4.yja-accordion-toggle { background-color: #d4f0f0 !important; } .aui.top-frame .image-caption { background-color: #fff !important; border: solid 1px #efefef !important; box-sizing: content-box !important; } .aui.top-frame .image-caption img { background-color: #fff; } .aui.top-frame .image-caption figcaption { background-color: #efefef !important; padding: 0.7em 0.7em 0.7em 0.7em !important; } .aui.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; } .aui.top-frame .event__lifts { display: block; width: 100%; height: auto; min-height: 230px; padding: 0em 0em 1em 0em !important; } .aui.top-frame .event__lifts .event__lifts--single { padding: 15px; height: auto; float: left; display: block; width: 25%; height: 100%; min-height: 210px; border-right: solid 2px #fff; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: rgba(0,212,206,0.05000000074505806); } .aui.top-frame .event__lifts .event__lifts--single svg { margin-right: auto; margin-left: auto; display: block; } .aui.top-frame .event__lifts .event__lifts--single h5 { text-align: left; } .aui.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 > .span12 > .span3 { background: rgba(0,212,206,0.05000000074505806) !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; } .aui .asset-full-content .asset-actions { margin-top: 30px; } .content--toggleable .content__wrapper { width: 100% !important; margin-left: 0px !important; margin: 0px; padding: 10px; border: solid 2px #e9f7f7; height: 100%; margin-bottom: 0.5em; } .content--toggleable .content__wrapper:hover { 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; } .aui .infograph { position: relative; } .aui .infograph .svg__node { display: flex; flex-wrap: wrap; flex-flow: row; min-height: 7em; overflow: hidden; } .aui .infograph .svg__node figure { position: relative; width: 50px; } .aui .infograph .svg__node figure .svg__arrow { position: absolute; top: 57px; } .aui .infograph .svg__node section { max-width: 90%; margin-left: 1em; } .aui .infograph .svg__node section p { font-size: 14px !important; } .aui .infograph .svg__node.node--odd figure .svg__arrow { left: 4px; } .aui .infograph .svg__node.node--even figure .svg__arrow { left: 0px; } .aui .infograph .svg__node + .svg__node { margin-top: 4px; } .aui .infograph tspan { font-size: 100%; } .aui.top-frame .footer__sitemap .sitemap__columns { margin-bottom: 20px; } .aui.top-frame .footer__sitemap .sitemap__columns p > a, .aui.top-frame .footer__sitemap .sitemap__columns a { text-decoration: none; } .aui.top-frame .footer__sitemap .sitemap__columns p { margin-bottom: .25em; font-size: 19.2px; font-weight: 700; } .aui.top-frame .footer__sitemap .sitemap__columns li { margin-bottom: 0; } .footer-bottom-bar .portlet-site-map { position: relative; clear: both; margin-top: 20px; } .aui.top-frame #footer .footer-bottom-bar .portlet-site-map .portlet-body > ul { list-style-type: none; margin: 0; padding: 0; } .aui .footer-bottom-bar .portlet-site-map .portlet-body > ul > li { display: none; } .aui .footer-bottom-bar .portlet-site-map .portlet-body > ul > li.sitemap--active { display: block; } .aui .footer-bottom-bar .portlet-site-map .portlet-body > ul > li.sitemap--active> a { display: none; } .aui .footer-bottom-bar .portlet-site-map .portlet-body > ul > li.sitemap--active> ul { display: flex; flex-wrap: wrap; width: 100%; margin-left: 0; } .aui .footer-bottom-bar .portlet-site-map .portlet-body > ul > li.sitemap--active> ul> li { margin-bottom: 3em; list-style-type: none; } .aui .footer-bottom-bar .portlet-site-map .portlet-body > ul > li.sitemap--active> ul> li a { text-decoration: none; } .aui .footer-bottom-bar .portlet-site-map .portlet-body > ul > li.sitemap--active> ul> li> a { font-size: 18px; font-weight: 700; } .aui .footer-bottom-bar .portlet-site-map .portlet-body > ul > li.sitemap--active> ul> li> ul { display: block; margin-top: 1em; } .aui .footer-bottom-bar .portlet-site-map .portlet-body > ul > li.sitemap--active> ul> li> li:first-child { display: none; } .aui .footer-bottom-bar .sitemap--active > ul > li > ul > li > ul { display: none; } .aui .footer-bottom-bar .sitemap--active > ul > li:first-child { display: none; } .aui .feedback--edit { position: relative; clear: both; margin-top: 30px; } .aui .feedback--edit .lfr-input-text, .aui .feedback--edit .input-text-wrapper textarea { width: 100%; max-width: 100% !important; } .aui .feedback--edit .input-text-wrapper textarea { min-height: 10em; } .aui .feedback--edit .timeline--static .timeline__stage:nth-child(even):before, .aui .feedback--edit .timeline--static .timeline__stage:nth-child(even):after { margin-top: -2px; } .aui .form--feedback .js-form-open { background-color: #00ada8; border: 0px; padding: 15px 30px; font-size: 18px; color: white; font-weight: 700; } .aui .form--feedback .form__actions a { text-decoration: none; } .aui .list--arrangeable { position: relative; clear: both; margin-top: 1em; } .aui .list--arrangeable .arrangeable__search { margin-bottom: 1em; } .aui .list--arrangeable .list__sort { display: flex; border-bottom: 4px solid #99d9d7; margin-bottom: .75em; } .aui .list--arrangeable .list__sort> div { width: 25%; } .aui .list--arrangeable .list__sort span { display: block; line-height: 1.25; text-align: center; } .aui .list--arrangeable .list__sort button, .aui .list--arrangeable .list__sort span { background: transparent; border: none; padding: .75em; font-size: 16px; font-weight: 700; width: 100%; } .aui .list--arrangeable .list__sort button[class^="sort__"] { background: #cfedec; } .aui .list--arrangeable .list .list__row { display: flex; } .aui .list--arrangeable .list .list__row> div { width: 25%; padding: .75em; } .aui .list--arrangeable .list .list__row> div span, .aui .list--arrangeable .list .list__row> div p { font-size: 14px; line-height: 1.25; } .aui .list--arrangeable .list .list__row> div.resolution p { margin-bottom: .25em; } .aui .list--arrangeable .list .list__row:nth-child(even) { background-color: #eaf7f7; } .aui #tsv-mobile-search { padding: 10px; z-index: 10; } .aui #tsv-mobile-search:hover, .aui #tsv-mobile-search:focus { text-decoration: none; } .aui #tsv-mobile-search span { text-transform: uppercase; font-size: 11px; } .aui #tsv-mobile-search i { display: block; font-size: 28px; line-height: 14px; margin-bottom: 0px; } .aui #tsv-mobile-search i:before { font-size: 16px; } .aui #tsv-mobile-search { display: block; position: absolute; } .aui #tsv-mobile-search { margin-top: -35px; right: 1em; padding: 10px; z-index: 10; } .aui #tsv-mobile-search:hover, .aui #tsv-mobile-search:focus { text-decoration: none; } .aui #tsv-mobile-search span { text-transform: uppercase; font-size: 14px; } .aui #tsv-mobile-search i { display: block; font-size: 28px; line-height: 14px; margin-bottom: 0px; } .aui #tsv-mobile-search i:before { font-size: 28px; } .aui .view-on-mobile .header-top-right-area { display: block; } .aui .view-on-mobile .header-top-right-area .search-form { display: block; } .aui #search__form--mobile { display: none; text-align: right; padding: 10px; background: white; } .aui #search__form--mobile .search-form { display: flex; align-items: center; } .aui #search__form--mobile .search-query { width: 70%; margin-top: 1px; } .aui #search__form--mobile .header-advanced-search-link { color: #fff; margin-right: 1em; } .aui .mobile-menu-actions { top: -5px; } .aui.top-frame .sv #main-content > .portlet-layout:nth-child(4) > .portlet-layout:nth-child(4) { max-width: 1280px; margin: 0 auto; } .aui.top-frame .en #main-content > .portlet-layout:nth-child(4) { max-width: 1280px; margin: 0 auto; } .aui.top-frame .general-search-portlet .nav--tabs { height: 40px; } .aui.top-frame .general-search-portlet .nav--tabs li { font-size: 16px; padding-left: 16px; padding-right: 16px; padding-top: 11px; height: 40px; } .aui.top-frame .general-search-portlet .nav--tabs li.active { border-top: 6px solid #99d9d7; padding-top: 8px; } .aui.top-frame .general-search-portlet .general-search-description { font-size: 16px !important; margin-bottom: 20px; } .aui.top-frame .general-search-portlet .contact-search input[type="text"] { height: 40px; } .aui.top-frame .search-by-department-portlet .nav--tabs { height: 40px; } .aui.top-frame .search-by-department-portlet .nav--tabs li { font-size: 16px; padding-left: 16px; padding-right: 16px; padding-top: 11px; height: 40px; } .aui.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 { 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; } @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: 0em !important; padding-right: 0em !important; } #main-content #column-1 { padding-left: 0em !important; padding-right: 0em !important; } .listing-layout #column-3, .listing-layout #column-4 { width: 100% !important; margin-left: 0% !important; } .aui.top-frame #banner nav ul[role="menubar"] li a { font-weight: 600 !important; cursor: pointer; height: 40px; font-size: 1.1em; padding: 0.8em 0.6em 0.8em; } .aui.top-frame #banner nav ul[role="menubar"] li:first-child a { min-width: 50px; } .aui.top-frame .breadcrumb { max-width: 1100px; } .aui.top-frame .layout-wrapper-wide-container, .aui.top-frame #banner .main-nav, .aui.top-frame .phenomenon > .portlet-borderless-container, .aui.top-frame .landingpage-layout, .aui.top-frame .listing-layout, .aui.top-frame #footer .footer-main-content, .aui.top-frame .footer-bottom-bar .portlet-site-map, .aui.top-frame .search-layout { max-width: 1100px !important; } .aui.top-frame #main-content .hero:not(.hero--lower) .portlet-borderless-container { max-width: 1100px !important; } .aui.top-frame #main-content .portlet-layout:first-of-type .portlet-boundary.hero--lower .portlet-borderless-container .portlet-body { max-width: 1100px !important; } .aui.top-frame .landingpage-layout-container .portlet-layout .portlet-column { padding-left: 0em !important; padding-right: 0em !important; } .aui.top-frame .hero { height: auto !important; padding-top: 3rem !important; padding-bottom: 1.5rem !important; } .aui.top-frame .hero-content-lift-wrapper { } .aui.top-frame .hero-content-lift-wrapper .hero-content-lift { padding-top: 3rem; } .aui.top-frame .hero-content-lift-wrapper .hero-content-lift p { margin-bottom: 0.4rem !important; } .aui.top-frame .frontpage-title-1 { padding-left: 0.5em; } .aui.top-frame .frontpage-title-2 { padding-left: 0.5em; } .aui.top-frame .frontpage-title-3 { padding-left: 0.5em; } .frontpage .portlet-layout:nth-child(6) { padding-left: 0em !important; padding-right: 0em !important; } .frontpage .portlet-layout:nth-child(6) .portlet-column { padding-left: 0em !important; padding-right: 0em !important; } .frontpage .portlet-layout:nth-child(6) .portlet-column div { padding-left: auto; padding-right: auto; } .frontpage .portlet-layout:nth-child(6) .phenomenon { padding: 0.5em !important; } } @media (max-width: 550px) { .block-grid-xxs-1 > .block-grid-item { width: 100%; } #layout-column_column-2 { margin-top: 0.5em !important; } } @media (max-width: 767px) { .landingpage-layout { margin: 0.5em !important; } .aui.top-frame #banner .header-top-bar { } .aui.top-frame .logo { width: 100px; } .aui.top-frame .breadcrumb { padding-left: 0.5em; } .aui.top-frame #main-content .portlet-layout:first-of-type .portlet-boundary.hero--lower .portlet-borderless-container { margin-bottom: 0rem; padding-bottom: 1rem; } .aui.top-frame .hero, .aui.top-frame .landingpage__hero { height: auto; padding: 0em !important; } .aui.top-frame .hero-content-lift-wrapper { } .aui.top-frame .hero-content-lift-wrapper .hero-content-lift { margin-bottom: 0.5rem !important; } .aui.top-frame .hero-content-lift-wrapper .hero-content-lift h5 { padding-top: 0.8rem !important; } .aui.top-frame .hero-content-lift-wrapper .hero-content-lift p { margin-bottom: 0.4rem !important; } .header-top-right-area { display: none; } .aui .btn { 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; } .landingpage__hero .layout-wrapper-wide-container .landingpage__hero__card { padding: 1em !important; font-size: 90%; } .aui.top-frame .four-columns .row-fluid > .four-columns-single, .aui.top-frame .four-columns .row-fluid > .four-columns-single { width: 50%; } .aui .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: 0px 5px 23px 1px rgba(0, 0, 0, 0.25); } .aui .journal-content-article .article__wrapper > aside> .article__toc h4 { display: none; visibility: hidden; } .aui .journal-content-article .article__wrapper > aside> .article__toc ul { margin: 20px; } .aui .journal-content-article .article__wrapper > aside> .article__toc button { display: block; } .aui .journal-content-article> .sticky--toc .article__toc { position: fixed; top: 0; width: 100vw !important; margin-bottom: 0 !important; left: 0; } .aui .journal-content-article> .sticky--toc.sticky--freeze.freeze--bottom .article__toc { bottom: -20px; } .aui .journal-content-article> .sticky--toc.sticky--freeze.freeze--top .article__toc { top: 0 !important; position: relative; margin-bottom: 40px !important; } .aui.top-frame .yja-accordion h4.yja-accordion-toggle { line-height: 1.5em; font-size: 0.9em; padding: 0.5em 0.5em 0.5em 1em; } .aui.top-frame .yja-accordion h4.yja-accordion-toggle i { padding-left: 0.5em; padding-top: 0.5em; padding-right: 0.5em; } .aui.top-frame .yja-accordion .yja-accordion-wrapper { } .aui.top-frame .yja-accordion .yja-accordion-wrapper.open { background-color: $colorAeroBlue !important; } .aui.top-frame .yja-accordion .yja-accordion-wrapper.open .yja-accordion-content { display: block; } .aui.top-frame .yja-accordion .yja-accordion-wrapper.open h4.yja-accordion-toggle { } .aui .form--feedback { bottom: 0; } .aui .header-top-right-area .search-form { display: none; } .aui.top-frame .general-search-portlet .nav--tabs { margin-bottom: 60px; } .aui.top-frame .search-by-department-portlet .nav--tabs { margin-bottom: 60px; } } @media (min-width: 1366px) { .aui.top-frame .portlet-navigation .nav-menu { font-size: 1.1em !important; } .aui.top-frame #banner nav ul[role="menubar"] li a { font-weight: 600 !important; cursor: pointer; height: 45px; font-size: 1.2em; padding: 0.8em 0.8em 0.8em; } .aui.top-frame #banner nav ul[role="menubar"] li:first-child a { min-width: 50px; } .aui.top-frame .hero { height: auto !important; padding-top: 3rem !important; padding-bottom: 1.5rem !important; } .aui.top-frame .hero-content-lift-wrapper { } .aui.top-frame .hero-content-lift-wrapper .hero-content-lift { padding-top: 3rem; } .aui.top-frame .hero-content-lift-wrapper .hero-content-lift p { margin-bottom: 0.4rem !important; } .aui.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) { .aui.top-frame #banner nav ul[role="menubar"] li a { font-weight: 600 !important; cursor: pointer; height: 40px; font-size: 0.9em !important; padding: 0.8em 0.5em 0.8em; } .aui.top-frame #banner nav ul[role="menubar"] li:first-child a { min-width: 50px; } .aui.top-frame #main-content .portlet-layout:first-of-type .portlet-boundary.hero .hero__heading-content { margin: 10px; } .aui.top-frame #main-content .portlet-layout:first-of-type .portlet-boundary.hero--lower .portlet-borderless-container { padding: 0.5em !important; } .aui.top-frame .hero { height: auto; padding: 1em; } .aui.top-frame .hero-content-lift-wrapper { padding: 1em; } .aui.top-frame .hero-content-lift-wrapper .hero-content-lift { padding-top: 2rem; } .aui.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; } .aui .footer-bottom-bar .portlet-site-map .portlet-body > ul > li.sitemap--active> ul> li { width: 50%; } } @media (min-width: 1280px) { .aui.top-frame .breadcrumb { width: 1280px; } .aui.top-frame body { font-size: 110% !important; } } @media (max-width: 979px) { .aui.top-frame .hero { height: auto !important; padding: 0em !important; } .aui.top-frame .hero-content-lift-wrapper { padding: 0.5em; } .aui.top-frame .hero-content-lift-wrapper .hero-content-lift { padding-top: 1rem; } .aui.top-frame .hero-content-lift-wrapper .hero-content-lift p { margin-bottom: 0.4rem !important; } .aui.top-frame body { font-size: 95% !important; } .header-top-right-area { } .header-top-right-area .search-query { width: 200px !important; } .aui.top-frame #content { padding: 0em; } .aui.top-frame .event__lifts .event__lifts--single { display: block; width: 100%; min-height: 50px; margin-bottom: 0.3em; min-height: auto; } .aui.top-frame .event__lifts .event__lifts--single svg { float: left; } .aui.top-frame .event__lifts .event__lifts--single h5 { text-align: left; } .aui.top-frame .event__lifts .event__lifts--single p { display: block; } .aui.top-frame .event__lifts .event__lifts--single a { } } @media (max-width: 1366px) { .aui.top-frame .hero { height: auto !important; padding-top: 3rem !important; padding-bottom: 1.5rem !important; } .aui.top-frame .hero-content-lift-wrapper { } .aui.top-frame .hero-content-lift-wrapper .hero-content-lift { padding-top: 3rem; } .aui.top-frame .hero-content-lift-wrapper .hero-content-lift p { margin-bottom: 0.4rem !important; } } @media (min-width: 1024px) { .aui.top-frame body { font-size: 100% !important; } .aui .footer-bottom-bar .portlet-site-map .portlet-body > ul > li.sitemap--active> ul> li { width: 25%; } } @media (min-width: 768px) { .aui.top-frame .footer-main-content> .row-fluid> div:nth-child(2) { margin-top: 42px; } .aui.top-frame .footer-main-content> .row-fluid> div:nth-child(3) { margin-top: 25px; } .aui.top-frame .footer-main-content> .row-fluid> div:nth-child(3) p:first-child { margin-bottom: 86px; } .aui .journal-content-article .article__hero { width: 74.35897%; } .aui .journal-content-article .article__wrapper { display: flex; flex-wrap: wrap; flex-flow: row-reverse; } .aui .journal-content-article .article--with-background article.article.span8 { padding: 30px; } .aui .journal-content-article article.article.span8 { width: 74.35897%; margin-left: 0; margin-right: auto; } .aui .journal-content-article article.article.span8 blockquote { float: right; margin-left: 10px; } .aui .journal-content-article .article__wrapper > aside { width: 23.07692%; margin-top: -10px; } .aui .journal-content-article .article__wrapper > aside> .article__toc button { display: none; } .aui .journal-content-article> .sticky--toc .article__toc { top: 40px; } .aui #tsv-mobile-search { display: none; } } @media (min-width: 500px) { .aui.top-frame .footer-main-content> .row-fluid> div:nth-child(3) p { text-align: right; } } @media (max-width: 768px) { .aui .journal-content-article article.article.span8 { position: relative; clear: both; padding: 0 20px; } } @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; } } @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) { .aui .footer-bottom-bar .portlet-site-map .portlet-body > ul > li.sitemap--active> ul> li { width: 100%; } } @media (max-width: 610px) { .aui .list--arrangeable .list__sort button, .aui .list--arrangeable .list__sort span { font-size: 12px; text-align: left; padding-left: .5em; padding-right: .5em; } .aui .list--arrangeable .list .list__row { flex-flow: column; } .aui .list--arrangeable .list .list__row> div { width: 100%; padding: .5em; } } @media (min-width: 611px) { .aui .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; } }