.top-frame body { font-size: 100%; color: #000; font-family: proxima-nova,sans-serif; line-height: 1.4; } .top-frame a { color: #115740; } .top-frame a:hover, .top-frame a:focus { color: #115740; } .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: #115e67; font-weight: bold; font-style: normal; font-family: rift,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: 0.25rem; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; } .top-frame .btn { border-radius: 0.25rem; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; } .top-frame .btn.btn-default { border: solid 1px transparent; background: #002f6c; color: #fff; } .top-frame .btn.btn-default:hover { background: #002f6c; } .top-frame .btn.btn-primary, .top-frame .btn.search-form_submit { background-color: #002f6c; color: white; } .top-frame .btn.btn-primary:hover, .top-frame .btn.search-form_submit:hover { background-color: #002a61; } .top-frame .btn.search-form_submit { border-color: #002f6c; } .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: 0.25rem; -moz-border-radius: 0.25rem; -ms-border-radius: 0.25rem; -o-border-radius: 0.25rem; border-radius: 0.25rem; } .top-frame .badge:not(.error-notice), .top-frame .label, .top-frame .yja-tag { border: 1px solid #000; } .top-frame .portlet-navigation .nav-menu ul a { color: #000; } .top-frame .portlet-navigation .nav-menu ul ul a { color: #000; } .top-frame .portlet-navigation .nav-menu > ul > li { color: #000; } .top-frame .events .event-highlight { font-size: 1.1em; border-top: solid 1px #002f6c; } .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 #002f6c; } .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: #115740; display: block; position: relative; } .top-frame .events.event-search-portlet .event-list-wrapper > .span12 > .span3 { background: #002f6c; } .top-frame .events.event-search-portlet .event-list-wrapper { border-color: #002f6c; } .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: #002f6c; 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 #002f6c; border-right: 1px solid #002f6c; border-left: 1px solid #002f6c; 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: #115740; } .top-frame #scrollToTop { color: #fff; background: #002f6c; } .top-frame #scrollToTop:hover { background: #002a61; } .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: #002f6c; color: white !important; } .top-frame #banner .language-version-selection-portlet .lang-nav ul { background: #002f6c; } .top-frame .media-item .small figure { float: left; margin-right: 1em; } .top-frame .media-item .dark-link { color: #000; } .top-frame .media-item .dark-link:hover { text-decoration: none; } .top-frame .media-item h2 { margin-bottom: 0; } .top-frame .media-item h2 a { color: #115e67; } .top-frame .media-item .meta { margin-bottom: em(5px); color: #000; font-size: .9em; } .top-frame .feed-item.simple .meta { color: #000; font-size: .9em; } .top-frame .feed-item.simple h6 a { color: #000; } .top-frame ul.position-nav li.selected { background: #002f6c; } .top-frame ul.position-nav li.selected:hover { background-color: #002f6c; } .top-frame .carousel .description { font-family: proxima-nova,sans-serif; font-weight: normal; } .panel.border-top-emphasis { border-top: solid 4px #002f6c; } .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: #000; } .top-frame #banner a { color: #000; } .top-frame #heading { height: auto; padding: 0; } .top-frame #heading .yja-site-template-settings-header-portlet { height: 100%; } .top-frame #heading .yja-site-template-settings-header-portlet .portlet-borderless-container, .top-frame #heading .yja-site-template-settings-header-portlet .portlet-body, .top-frame #heading .yja-site-template-settings-header-portlet .header-row { height: 100%; } .top-frame #heading .yja-site-template-settings-header-portlet .header-top-left-cell, .top-frame #heading .yja-site-template-settings-header-portlet .header-top-right-cell { align-self: center; } .top-frame #banner nav ul.site-theme__navigation { background-color: transparent; color: #115740; } .top-frame #banner nav ul.site-theme__navigation li a:hover { background-color: darken(transparent, 10%); } .top-frame #banner nav ul.site-theme__navigation li.selected { background-color: #002f6c; 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: #002a61; } .top-frame #banner nav a { color: #115740; } .top-frame #banner nav.fixed { background: transparent; } .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: #115e67; color: #fff; } .top-frame #footer a { color: #fff; } .top-frame #footer .footer-bottom-bar { background-color: #115e67; } .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: rgba(148,183,187,0.22); } .top-frame .homepage .layout-wrapper-wide *, .top-frame .homepage .layout-wrapper-wide .carousel-wrapper ul li h3 a .description { color: #115740; } .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: #000; } .mobile-menu-actions a { color: #115740; } .mobile-menu-actions a.menu-icon { font-family: rift,sans-serif; } .mobile-menu-actions a:active, .mobile-menu-actions a:focus, .mobile-menu-actions a:hover { color: #115740; } .mm-menu { border-color: #002f6c; } .mm-menu a { color: white; } .mm-menu a:hover, .mm-menu a:focus { color: white; } .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-in .portlet-journal-content.portlet-barebone .portlet .portlet-header { z-index: 10 !important; } .signed-out .portlet-borderless-bar { display: none; } .mm-listitem__text { white-space: break-spaces; } body { overflow-x: hidden; } .site-theme.top-frame .article-form-edit a.btn { display: inline-block; padding: 4px 12px; margin-bottom: 0; font-size: 15px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333; background-color: #eaeaea; border: 1px solid #cfcfcf; text-transform: none; } .site-theme.top-frame .portlet-borderless-bar { font-family: Arial,Helvetica,sans-serif; } .site-theme.top-frame .portlet-asset-publisher .asset-full-content .lfr-meta-actions.asset-actions { float: none; } .site-theme.top-frame .portlet-dockbar { z-index: 10; } .site-theme.top-frame { font-weight: 400; } .site-theme.top-frame #content { padding: 0; } .site-theme.top-frame #content > #main-content { padding: 0 1rem; } .site-theme.top-frame .container { max-width: 1440px; } .site-theme.top-frame .portlet-body .journal-content-article a { border-bottom: 1px solid #115740; } .top-frame #banner nav > ul { display: flex; width: 100%; max-width: 1440px; justify-content: flex-end; margin: 0 auto !important; } .top-frame #banner nav > ul > li { position: relative; display: flex !important; align-items: flex-end; margin-right: 0.8rem; } .top-frame #banner nav > ul > li > a { font-weight: 700; font-family: rift,sans-serif; font-size: 1.25rem !important; display: inline-block; padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .top-frame #banner nav > ul > li > a:focus, .top-frame #banner nav > ul > li > a:hover { background-color: rgba(148,183,187,0.22); } .top-frame #banner nav > ul > li.selected { background-color: transparent; color: rgba(148,183,187,0.22); } .top-frame #banner nav > ul > li.selected > a { color: #000; } .top-frame #banner nav > ul > li.selected > a:focus, .top-frame #banner nav > ul > li.selected > a:hover { background-color: rgba(148,183,187,0.22); } .top-frame #banner nav > ul > li.selected.hasChildren > a { padding-right: 0.2rem; } .top-frame #banner nav > ul > li > button.toggleVisibility { display: inline-block; border: 0; background: transparent; font-size: 120%; padding: 1rem 0.5rem 2rem 0.2rem; cursor: pointer; color: #115e67; } .top-frame #banner nav > ul > li > ul { display: none; } .top-frame #banner nav > ul > li > ul.open { display: block; position: absolute; z-index: 1000; left: 0; background-color: #e7eeef; width: 16rem; margin: 0; padding: 0.4em 0; top: 3rem; } .top-frame #banner nav > ul > li > ul.open > li { display: block; } .top-frame #banner nav > ul > li > ul.open > li > a { color: #115e67; text-transform: none; line-height: 1; padding: 0.6em 1em; } .site-theme.top-frame #banner { border-style: solid; border-width: 0 0 5px; border-color: #e87722; } .site-theme.top-frame #banner #heading { width: 100%; } .site-theme.top-frame #banner #heading .portlet-body > .header-top-bar { width: 100%; margin: 0; padding: 1rem 0; color: #fff; background-color: #115e67 !important; } .site-theme.top-frame #banner #heading .portlet-body > .header-top-bar > .layout-wrapper-wide-container { display: flex; flex-flow: row nowrap; justify-content: flex-end; max-width: 1440px; margin: 0 auto; padding: 0 1rem; } .site-theme.top-frame #banner #heading .portlet-body > .header-top-bar > .layout-wrapper-wide-container > div { position: relative; display: block; margin: 0 2rem 0 0; } .site-theme.top-frame #banner #heading .portlet-body > .header-top-bar > .layout-wrapper-wide-container > div:last-child { margin-right: 0; top: 0; right: 0; } .site-theme.top-frame #banner #heading .portlet-body > .header-top-bar > .layout-wrapper-wide-container > div a { color: #fff; } .site-theme.top-frame #banner #heading .portlet-body > .header-top-bar > .layout-wrapper-wide-container > div p { margin: 0; font-size: 1.125rem; font-weight: 700; } .site-theme.top-frame #banner #heading .portlet-body > .header-top-bar > .layout-wrapper-wide-container > div ul.lang-nav { float: none !important; margin: 0; padding: 0; } .site-theme.top-frame #banner #heading .portlet-body > .header-top-bar > .layout-wrapper-wide-container > div ul.lang-nav li.lang-text { float: none !important; padding: 0; font-size: 1.125rem; font-weight: 700; overflow: visible; } .site-theme.top-frame #banner #heading .portlet-body > .header-top-bar > .layout-wrapper-wide-container > div ul.lang-nav li.lang-text > a { position: relative; padding: 0 1.5rem 0 0; } .site-theme.top-frame #banner #heading .portlet-body > .header-top-bar > .layout-wrapper-wide-container > div ul.lang-nav li.lang-text > a:after { position: absolute; right: 0; margin-top: 0.125rem; font-size: 1.375rem; content: "\f107"; } .site-theme.top-frame #banner #heading .portlet-body > .header-top-bar > .layout-wrapper-wide-container > div ul.lang-nav li.lang-text ul { top: 1.75rem; right: 0; padding: 0; background-color: #fff; z-index: -9999; } .site-theme.top-frame #banner #heading .portlet-body > .header-top-bar > .layout-wrapper-wide-container > div ul.lang-nav li.lang-text ul li { background-color: rgba(148,183,187,0.22); margin: 0; } .site-theme.top-frame #banner #heading .portlet-body > .header-top-bar > .layout-wrapper-wide-container > div ul.lang-nav li.lang-text ul li a { background-color: transparent !important; color: #000 !important; } .site-theme.top-frame #banner #heading .portlet-body > .header-top-bar > .layout-wrapper-wide-container > div ul.lang-nav li.lang-text ul.fi > li.fi, .site-theme.top-frame #banner #heading .portlet-body > .header-top-bar > .layout-wrapper-wide-container > div ul.lang-nav li.lang-text ul.sv > li.sv, .site-theme.top-frame #banner #heading .portlet-body > .header-top-bar > .layout-wrapper-wide-container > div ul.lang-nav li.lang-text ul.en > li.en { display: none; } .site-theme.top-frame #banner #heading .portlet-body > .header-top-bar > .layout-wrapper-wide-container > div ul.lang-nav li.lang-text.lang-nav-open > a:after { content: "\f106"; } .site-theme.top-frame #banner #heading .portlet-body > .header-top-bar > .layout-wrapper-wide-container > div ul.lang-nav li.lang-text.lang-nav-open ul { z-index: 9; } .site-theme.top-frame #banner #heading .portlet-body > .layout-wrapper-wide-container { max-width: 1440px; margin: 0 auto; padding: 0 1rem; } .site-theme.top-frame #banner #heading .portlet-body > .layout-wrapper-wide-container > .row.header-row { padding: 2.25rem 0 0.75rem; } .site-theme.top-frame #banner #heading .portlet-body > .layout-wrapper-wide-container > .row.header-row .col-md-7 a.logo { height: 6.5rem; padding: 0; } .site-theme.top-frame #banner #heading .portlet-body > .layout-wrapper-wide-container > .row.header-row .col-md-7 a.logo img { height: 6.5rem; image-rendering: -webkit-optimize-contrast; } .site-theme.top-frame #banner #heading .portlet-body > .layout-wrapper-wide-container > .row.header-row .col-md-5 { display: flex; flex-flow: column nowrap; justify-content: center; } .site-theme.top-frame #banner #heading .portlet-body > .layout-wrapper-wide-container > .row.header-row .col-md-5 .header-top-right-area { margin: 0; } .site-theme.top-frame #banner #heading .portlet-body > .layout-wrapper-wide-container > .row.header-row .col-md-5 .header-top-right-area form.search-form input.search-query { max-width: 17.5rem; margin-right: 0.75rem; padding: 1rem 1.5rem; font-size: 1.125rem; font-style: italic; color: #666; border-width: 2px; border-color: #115e67; border-radius: 1.75rem; } .site-theme.top-frame #banner #heading .portlet-body > .layout-wrapper-wide-container > .row.header-row .col-md-5 .header-top-right-area form.search-form input.search-query:active, .site-theme.top-frame #banner #heading .portlet-body > .layout-wrapper-wide-container > .row.header-row .col-md-5 .header-top-right-area form.search-form input.search-query:focus { font-style: normal; color: #000; background-color: #fff; } .site-theme.top-frame #banner #heading .portlet-body > .layout-wrapper-wide-container > .row.header-row .col-md-5 .header-top-right-area form.search-form div.input-group-append { position: relative; } .site-theme.top-frame #banner #heading .portlet-body > .layout-wrapper-wide-container > .row.header-row .col-md-5 .header-top-right-area form.search-form div.input-group-append:after { position: absolute; top: 0.625rem; left: 1rem; content: "\f002"; font-size: 1.5rem; font-family: "fontawesome-alloy"; font-weight: normal; font-style: normal; color: #fff; z-index: 2; } .site-theme.top-frame #banner #heading .portlet-body > .layout-wrapper-wide-container > .row.header-row .col-md-5 .header-top-right-area form.search-form div.input-group-append > input { position: relative; width: 3.5rem; margin: 0; text-indent: 3.5rem; background-color: #115e67; overflow: hidden; border-radius: 1.75rem; z-index: 1; } .site-theme.top-frame #banner #heading .portlet-body > .layout-wrapper-wide-container > .row.header-row .col-md-5 .header-top-right-area a.header-advanced-search-link { display: none; } .site-theme.top-frame #banner nav.main-nav { width: 100%; } .site-theme.top-frame #banner nav.main-nav > ul { display: flex; flex-flow: row nowrap; justify-content: flex-start; max-width: 1440px; margin: 0 auto; padding: 0 1rem; } .site-theme.top-frame #banner nav.main-nav > ul li { background-color: transparent; } .site-theme.top-frame #banner nav.main-nav > ul li a { color: #115e67; } .site-theme.top-frame #banner nav.main-nav > ul li a:hover { background-color: transparent; } .site-theme.top-frame #banner nav.main-nav > ul li a > span { padding: 0.125rem 0 0.25rem 0; border-style: solid; border-width: 0 0 0.25rem; border-color: transparent; display: block; } .site-theme.top-frame #banner nav.main-nav > ul li.selected > a > span { border-color: #e87722; } .site-theme.top-frame .portlet-journal-content .portlet .autofit-col .portlet-title { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 2rem 2rem 2rem; } .container.raja__news { margin: 0; padding: 1rem 0 2rem 0; } .raja__news ul { list-style: none; margin: 0; padding: 0; } .raja__news ul li { list-style: none; margin: 0 0 1rem 0; padding: 0 0 1rem 0; display: block; border-bottom: 1px solid #002f6c; } .raja__news .raja-news-content .meta { color: #202020; } .raja__news .raja-news-content .header { font-family: inherit; font-size: 1.3rem; font-weight: bold; color: #115e67; padding: 0; margin: 0; } .site-theme.top-frame #footer { width: 100%; border-top: 5px solid #e87722; } .site-theme.top-frame #footer > div { max-width: 1440px; margin: 0 auto; padding: 0 1rem; } .site-theme.top-frame #footer > div .portlet-body h1, .site-theme.top-frame #footer > div .portlet-body h2, .site-theme.top-frame #footer > div .portlet-body h3, .site-theme.top-frame #footer > div .portlet-body h4, .site-theme.top-frame #footer > div .portlet-body h5, .site-theme.top-frame #footer > div .portlet-body h6 { color: #fff; text-transform: uppercase; } .site-theme.top-frame #footer > div .portlet-body ul { list-style: none; margin: 1rem; padding: 0; } .site-theme.top-frame #footer > div .portlet-body ul li { position: relative; margin: 0 0 0.75rem; padding-left: 1.375rem; } .site-theme.top-frame #footer > div .portlet-body ul li:last-child { margin-bottom: 0; } .site-theme.top-frame #footer > div .portlet-body ul li:before { content: "\f061"; position: absolute; left: 0; font-family: "fontawesome-alloy"; font-weight: normal; font-style: normal; color: #e87722; } .site-theme.top-frame #footer > div .portlet-body ul li.some-link:before { display: none; } .site-theme.top-frame #footer > div .portlet-body ul li.some-link > span[class*="icon-"] { position: absolute; left: 0; margin-top: 0.125rem; color: #e87722; } .site-theme.top-frame #footer > div .footer-main-content { margin: 0; padding: 2rem 0; } .site-theme.top-frame #footer > div .footer-main-content.container { max-width: 100%; } .site-theme.top-frame #footer > div .footer-main-content > .row > .col { border-right: 1px solid #fff; padding-right: 2rem; } .site-theme.top-frame #footer > div .footer-main-content > .row > .col:first-child img { max-width: 12.5rem; margin: 0 0 2rem 0 !important; } .site-theme.top-frame #footer > div .footer-main-content > .row > .col:last-child { border-right: none; } .site-theme.top-frame #footer > div .footer-main-content > .row > .col span > *:first-child { margin-top: 0; } .site-theme.top-frame #footer > div .footer-main-content > .row > .col span > *:last-child { margin-bottom: 0; } .site-theme.top-frame #footer > div .footer-main-content > .row > .col:nth-child(2) ul li a { text-transform: uppercase; } .site-theme.top-frame #footer > div .footer-bottom-bar { border-top: 1px solid #fff; } .site-theme.top-frame #footer > div .footer-bottom-bar > .container { position: relative; max-width: 100%; padding-right: 4.5rem; } .site-theme.top-frame #footer > div .footer-bottom-bar > .container ul { display: flex; flex-flow: row wrap; } .site-theme.top-frame #footer > div .footer-bottom-bar > .container ul li { margin-right: 2rem; margin-bottom: 0; } .site-theme.top-frame #footer > div .footer-bottom-bar > .container ul li:last-child { margin-right: 0; } .site-theme.top-frame #footer > div .footer-bottom-bar > .container p { position: absolute; top: 0; right: 0; } .site-theme.top-frame #content #main-content.frontpage.layout-wide { padding: 0; } .site-theme.top-frame #content #main-content.frontpage.layout-wide .layout-wrapper .portlet-layout.row:nth-child(2) { max-width: 1440px; margin: 1rem auto; padding: 0 1rem; } .site-theme.top-frame #content #main-content.frontpage.layout-wide .layout-wrapper:first-of-type > div:first-of-type { position: relative; width: 100%; max-width: 100%; margin: 0 0 3rem; padding: 0; } .site-theme.top-frame #content #main-content.landingpage-layout-container, .site-theme.top-frame #content #main-content.layout-content { padding: 0; } .site-theme.top-frame #content #main-content.landingpage-layout-container .landingpage-layout > .portlet-layout.row, .site-theme.top-frame #content #main-content.layout-content .landingpage-layout > .portlet-layout.row { max-width: 1440px; margin: 0 auto; padding: 0 1rem; } .site-theme.top-frame #content #main-content.landingpage-layout-container .landingpage-layout > .portlet-layout.row:first-child, .site-theme.top-frame #content #main-content.layout-content .landingpage-layout > .portlet-layout.row:first-child { max-width: 100%; margin-bottom: 2.5rem; padding: 2.5rem 0 1rem; } .site-theme.top-frame #content .portlet-breadcrumb { background-color: rgba(148,183,187,0.22); } .site-theme.top-frame #content .portlet-breadcrumb ul.breadcrumb { max-width: 1440px; margin: 0 auto; padding: 1rem; } .site-theme.top-frame #content .portlet-breadcrumb ul.breadcrumb li { font-size: 0.9375rem; } .site-theme.top-frame #content .portlet-breadcrumb ul.breadcrumb li:first-child:before { content: " "; padding: 0; } .site-theme.top-frame #content .portlet-breadcrumb ul.breadcrumb li a { text-decoration: none; } .site-theme.top-frame #content .portlet-breadcrumb ul.breadcrumb li a:hover { text-decoration: underline; } .site-theme.top-frame a:focus { outline: 1px dotted ; outline: 5px auto -webkit-focus-ring-color; text-decoration: underline !important; } .site-theme.top-frame h1 { font-size: 2.625rem; line-height: 1.4; } .site-theme.top-frame h2 { font-size: 1.875rem; line-height: 1.4; } .site-theme.top-frame h3 { font-size: 1.5rem; line-height: 1.4; } .site-theme.top-frame #content .portlet-body .journal-content-article > * { margin-top: 1.5rem; margin-bottom: 1.5rem; } .site-theme.top-frame #content .portlet-body .journal-content-article > *:first-child { margin-top: 0; } .site-theme.top-frame #content .portlet-body .journal-content-article > *:last-child { margin-bottom: 0; } .site-theme.top-frame #content .portlet-body .journal-content-article p, .site-theme.top-frame #content .portlet-body .journal-content-article ul, .site-theme.top-frame #content .portlet-body .journal-content-article ol, .site-theme.top-frame #content .portlet-body .journal-content-article table { font-size: 1.1875rem; } .site-theme.top-frame #content .portlet-body .journal-content-article ul { list-style-type: disc; } .site-theme.top-frame #content .portlet-body .journal-content-article ul, .site-theme.top-frame #content .portlet-body .journal-content-article ol { padding-left: 1rem; } .site-theme.top-frame #content .portlet-body .journal-content-article table { border: none; } .site-theme.top-frame #content .portlet-body .journal-content-article table tbody tr:nth-child(odd) { background-color: rgba(148,183,187,0.22); } .site-theme.top-frame #content .portlet-body .journal-content-article table thead tr:nth-child(odd) { background-color: rgba(148,183,187,0.22); } .site-theme.top-frame #content .portlet-body .journal-content-article table thead + tbody tr:nth-child(odd) { background-color: transparent; } .site-theme.top-frame #content .portlet-body .journal-content-article table thead + tbody tr:nth-child(even) { background-color: rgba(148,183,187,0.22); } .site-theme.top-frame #content .portlet-body .journal-content-article table th, .site-theme.top-frame #content .portlet-body .journal-content-article table td { padding: 0.5rem 0.875rem; vertical-align: top; border: none; } .site-theme.top-frame #content .hero { position: relative; padding: 0; background-color: #115e67; min-height: 350px; } .site-theme.top-frame #content .hero .hero-image { position: absolute; top: 0; right: 0; width: 50%; height: 100%; z-index: 1; overflow: hidden; display: flex; align-items: center; } .site-theme.top-frame #content .hero .hero-image picture { min-width: 100%; } .site-theme.top-frame #content .hero .hero-image img { margin: 0 auto; min-width: 100%; } .site-theme.top-frame #content .hero .hero-content { position: relative; width: 100%; max-width: 1440px; margin: 0 auto; } .site-theme.top-frame #content .hero .hero-content .content-wrap { display: flex; flex-flow: column nowrap; justify-content: center; align-items: flex-start; width: 50%; padding: 4rem 2rem 4rem 1rem; } .site-theme.top-frame #content .hero .hero-content .content-wrap h1, .site-theme.top-frame #content .hero .hero-content .content-wrap h2, .site-theme.top-frame #content .hero .hero-content .content-wrap h3, .site-theme.top-frame #content .hero .hero-content .content-wrap p { color: #fff; } .site-theme.top-frame #content .hero .hero-content .content-wrap h1, .site-theme.top-frame #content .hero .hero-content .content-wrap h2, .site-theme.top-frame #content .hero .hero-content .content-wrap h3 { width: 100%; margin: 0 0 0.75rem; font-size: 2.25rem; line-height: 1.3; } .site-theme.top-frame #content .hero .hero-content .content-wrap p { width: 100%; margin: 0 0 1.5rem; font-weight: 700; } .site-theme.top-frame #content .hero .hero-content .content-wrap p:last-child { margin-bottom: 0; } .site-theme.top-frame #content .hero .hero-content .content-wrap a { display: inline-block; padding: 0.875rem 1.75rem; background-color: #002f6c; color: #fff; font-size: 1.25rem; font-weight: 700; text-decoration: none; border-radius: 0.25rem; } .site-theme.top-frame #content .hero .hero-content .content-wrap a:hover, .site-theme.top-frame #content .hero .hero-content .content-wrap a:focus, .site-theme.top-frame #content .hero .hero-content .content-wrap a:active { text-decoration: underline; } .site-theme.top-frame #content .hero .hero-content .content-wrap a:focus { outline: 1px dotted #fff; outline-offset: -3px; } .site-theme.top-frame #content .hero.no-image .hero-content .content-wrap { width: 100%; padding: 4rem 1rem; } .site-theme.top-frame #content .front-hero .hero { position: relative; min-height: 400px; } .site-theme.top-frame #content .front-hero .hero .hero-image { position: static; width: 100%; } .site-theme.top-frame #content .front-hero .hero .hero-content .content-wrap { background-color: #115e67; padding: 2rem; margin: 2rem auto; width: fit-content; max-width: 80vw; } .site-theme.top-frame #content .front-highlights .image-links.container { width: 100%; max-width: 100%; } .site-theme.top-frame #content .front-highlights .image-links.container > .row { padding: 0; margin: 0; width: 100%; max-width: 100%; } .site-theme.top-frame #content .front-highlights .image-links.container > .row > .col-12.col-md-4 { padding: 0; margin: 0; } .site-theme.top-frame #content .front-highlights .image-links ul.row li a { padding-top: 67% !important; } .site-theme.top-frame #content .image-links.container { max-width: 100%; padding: 0; } .site-theme.top-frame #content .image-links ul.row { display: flex; flex-flow: row wrap; list-style: none; max-width: 1440px; margin: 0 auto; padding: 0 1rem; } .site-theme.top-frame #content .image-links ul.row li a { display: block; position: relative; height: 0; padding-top: 100%; margin: 0 0 1.5rem; overflow: hidden; } .site-theme.top-frame #content .image-links ul.row li a .image-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: 1; } .site-theme.top-frame #content .image-links ul.row li a .text-wrapper { display: block; position: absolute; bottom: 0; left: 0; width: 100%; padding: 1.25rem 1.25rem 0; color: #fff; background-color: rgba(0,47,108,0.75); z-index: 2; } .site-theme.top-frame #content .image-links ul.row li a .text-wrapper .title { position: relative; display: block; font-size: 1.125rem; font-weight: 500; margin: 0 0 1rem; padding: 0 0 0 1.75rem; } .site-theme.top-frame #content .image-links ul.row li a .text-wrapper .title > span { position: absolute; display: block; top: 0; left: 0; width: 1.25rem; height: 1.25rem; } .site-theme.top-frame #content .image-links ul.row li a .text-wrapper .title > span svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .site-theme.top-frame #content .image-links ul.row li a .text-wrapper .desc { height: 0; padding-bottom: 0%; margin: 1.25rem 0 0; opacity: 0; transition: padding-bottom 0.2s ease,opacity 0.2s ease; } .site-theme.top-frame #content .image-links ul.row li a:hover .desc { opacity: 1; padding-bottom: 60%; } .site-theme.top-frame #content .image-links ul.row li:nth-child(3n+1) { margin-left: 0; } .site-theme.top-frame #content .content-links { margin-bottom: 1.5rem; } .site-theme.top-frame #content .content-links.container { max-width: 100%; padding: 2rem 0; margin-bottom: 2rem !important; } .site-theme.top-frame #content .content-links .row { position: relative; display: flex; flex-flow: row nowrap; max-width: 1440px; margin: 0 auto 1.5rem; padding: 0 1rem; } .site-theme.top-frame #content .content-links .row:last-child { margin-bottom: 0; } .site-theme.top-frame #content .content-links .row .image-wrapper { height: 0; padding-top: 31.62393%; background-position: center center; background-repeat: no-repeat; background-size: cover; min-height: 350px; } .site-theme.top-frame #content .content-links .row .text-wrapper { display: flex; flex-flow: column nowrap; justify-content: center; padding: 0.5rem 0; } .site-theme.top-frame #content .content-links .row .text-wrapper h1, .site-theme.top-frame #content .content-links .row .text-wrapper h2, .site-theme.top-frame #content .content-links .row .text-wrapper h3 { width: 100%; margin: 0 0 0.75rem; font-size: 2.25rem; line-height: 1.3; } .site-theme.top-frame #content .content-links .row .text-wrapper p { width: 100%; margin: 0 0 1.5rem; font-weight: 700; } .site-theme.top-frame #content .content-links .row .text-wrapper p:last-child { margin-bottom: 0; } .site-theme.top-frame #content .content-links .row .text-wrapper a { display: inline-block; padding: 0.875rem 1.75rem; color: #fff; background-color: #002f6c; font-size: 1.25rem; font-weight: 700; text-decoration: none; border-radius: 0.25rem; } .site-theme.top-frame #content .content-links .row .text-wrapper a:hover, .site-theme.top-frame #content .content-links .row .text-wrapper a:focus, .site-theme.top-frame #content .content-links .row .text-wrapper a:active { text-decoration: underline; } .site-theme.top-frame #content .content-links .row .text-wrapper a:focus { outline: 1px dotted #fff; outline-offset: -3px; } .site-theme.top-frame #content .theme, .site-theme.top-frame #content .theme { background-color: rgba(148,183,187,0.22) !important; margin-bottom: 2rem; } .raja-alert { border: 5px solid #ed9759; margin: 1rem auto !important; position: relative; display: flex; flex-wrap: nowrap; align-items: stretch; align-content: stretch; padding: 0; } .raja-alert .icon { background-color: #ed9759; padding: 1rem; display: flex; width: 6rem; max-width: 6rem; } .raja-alert .icon img { width: 6rem; max-width: 6rem; } .raja-alert .content { padding: 1rem 4rem 1rem 2rem; display: flex; width: 100%; } .raja-alert .content h1, .raja-alert .content h2, .raja-alert .content h3, .raja-alert .content h4 { font-size: 1.8rem; } .raja-alert button.btn-close-alert { position: absolute; top: 1rem; right: 1rem; background-color: #115740; color: #fff; border-radius: 50%; width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; } .raja-alert button.btn-close-alert .close-icon { font-size: 2.5rem; } .raja-alert.raja-alert-infoalert { border-color: #406391; } .raja-alert.raja-alert-infoalert .icon { background-color: #406391; } .raja-alert.raja-alert-infoalert .content h1, .raja-alert.raja-alert-infoalert .content h2, .raja-alert.raja-alert-infoalert .content h3, .raja-alert.raja-alert-infoalert .content h4 { color: #406391; } .raja-alert.raja-alert-infoalert button.btn-close-alert { background-color: #406391; color: #fff; } .site-theme.top-frame #content section.infobox { background-color: rgba(148,183,187,0.22); padding: 1rem 2rem; } .raja-highlight-links, .top-frame .portlet-navigation .list-menu { margin: 0; padding: 0; } .raja-highlight-links ul, .top-frame .portlet-navigation .list-menu ul { list-style: none; margin: 0 auto; padding: 0 1rem 1rem 0; display: flex; width: 100%; max-width: 1440px; justify-content: center; } .raja-highlight-links ul li, .top-frame .portlet-navigation .list-menu ul li { list-style: none; padding: 2rem 1rem; border: 0; width: 100%; } .raja-highlight-links ul li a, .top-frame .portlet-navigation .list-menu ul li a { padding: 2rem 1rem; color: #fff; background-color: #115740; text-align: center; font-size: 1.5rem; font-weight: bold; line-height: 1.6; height: 100%; display: flex; align-items: center; justify-content: center; } .raja-highlight-links ul li a:hover, .top-frame .portlet-navigation .list-menu ul li a:hover, .raja-highlight-links ul li a:focus, .top-frame .portlet-navigation .list-menu ul li a:focus { color: #fff; background-color: #115740; } .top-frame div.col-md-8 .raja-highlight-links ul, .top-frame div.col-md-4 .raja-highlight-links ul, .top-frame .portlet-navigation .list-menu ul { justify-content: left; flex-wrap: wrap; } .raja-contact-listing .journal-content-article, .raja-contact-listing .portlet-body { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: stretch; } .raja-contact-listing .journal-content-article .raja-contact-detail, .raja-contact-listing .portlet-body .asset-full-content { padding: 0 2rem 2rem 0; margin: 0 !important; display: inline-block; width: 33%; } .raja-contact-listing .portlet-body .asset-full-content .raja-contact-detail { width: 100%; margin: 0; } .raja-contact-listing .portlet-body .asset-full-content > .asset-content, .raja-contact-listing .portlet-body .asset-full-content > .asset-content > .journal-content-article { height: 100%; } .frontpage #column-10 .portlet-asset-publisher .portlet-body > .h2, .raja-contact-listing .portlet-body > .h2, .raja-contact-listing .portlet-body > .separator { display: none !important; width: 0; height: 0; overflow: hidden; } .separator { margin: 0 !important; border: 0 !important; } .raja-contact-detail { background-color: #e7eeef; padding: 1.5rem 2rem !important; } .raja-contact-detail h2 { margin-top: 0; line-height: 1.1 !important; } .raja-contact-detail h4 { font-size: 1rem; font-weight: bold; text-transform: none; font-family: proxima-nova,sans-serif; margin-bottom: 0; } .raja-contact-detail .address { margin-bottom: 1rem; } ul.faq-list { list-style: none; margin: 0; padding: 0; } ul.faq-list li { margin: 0 0 1rem; padding: 0; } ul.faq-list li .question { margin: 0; } ul.faq-list li .question button.question-button { margin: 0; padding: 1rem 1rem 1rem 5rem !important; display: block; background-color: #e7eeef !important; width: 100%; color: #000 !important; font-size: 1.2rem; position: relative; cursor: pointer; font-family: "proxima-nova" !important; font-weight: 300; min-height: 6rem; } ul.faq-list li .question button.question-button .icon { margin: 0; background-color: #115e67; color: #fff; position: absolute; top: 0; left: 0; width: 4rem; height: 100%; text-align: center; line-height: 1; font-size: 2rem; padding-top: 1rem; } ul.faq-list li .question button.question-button .icon:before { content: "\f107"; font-size: 120%; } ul.faq-list li .question button.question-button .icon.open:before { content: "\f106"; font-size: 120%; } ul.faq-list li .answer { padding: 0.5rem 1rem 0.5rem 5rem; font-size: 1.1875rem; font-weight: 300; } ul.faq-list li .answer .meta { display: none; } .faq-list li.faq-list__item button.faq-list__heading { margin: 0; padding: 1rem 1rem 1rem 5rem !important; display: block; background-color: #e7eeef !important; width: 100%; color: #000 !important; font-size: 1.2rem; position: relative; cursor: pointer; font-family: "proxima-nova" !important; font-weight: 300; min-height: 6rem; } .faq-list li.faq-list__item button.faq-list__heading:focus { outline: 0; } .faq-list li.faq-list__item button.faq-list__heading > .icon { margin: 0; background-color: #115e67; color: #fff; position: absolute; top: 0; left: 0; width: 4rem; height: 100%; text-align: center; line-height: 1; font-size: 2rem; padding-top: 1rem; } .faq-list li.faq-list__item button.faq-list__heading > .icon:before { content: "\f107"; font-size: 120%; } .faq-list li.faq-list__item button.faq-list__heading > .icon.open:before { content: "\f106"; font-size: 120%; } .journal-content-article .yja-accordion .yja-accordion-toggle { display: flex; justify-content: space-between; width: 100%; background-color: #e7eeef !important; color: #000 !important; padding: 0; margin: 0; font-family: rift,sans-serif !important; font-weight: bold !important; position: relative; } .journal-content-article .yja-accordion .yja-accordion-toggle button { padding: 1rem 3rem 1rem 1rem !important; border: 0; background: none; color: #000 !important; text-align: left; flex-grow: 2; } .journal-content-article .yja-accordion .yja-accordion-toggle .icon { font-size: 1.4rem; color: #000 !important; padding: 1.2rem 1rem; height: 100%; margin: 0; } .journal-content-article .yja-accordion .yja-accordion-wrapper { margin: 0 0 1rem 0; } .journal-content-article .yja-accordion .yja-accordion-wrapper .yja-accordion-content { margin: 0; padding: 1rem 1rem 2rem; } .journal-content-article .yja-accordion .yja-accordion-wrapper.open .yja-accordion-content { display: block !important; } footer .col .lead { font-size: 1.4rem !important; } .lfr-add-panel .add-content-menu .tabular-list-group > .list-group-item > .list-group-item-content h1 { color: #444; font-weight: bold !important; } ul.raja-gallery-list { list-style: none; margin: 0 !important; padding: 0 !important; display: flex; flex-wrap: wrap; align-items: stretch; } ul.raja-gallery-list li { margin: 0 0 2rem 0; padding: 0 1rem 0 0; display: block; width: 50%; } ul.raja-gallery-list li button { border: 0; margin: 0; padding: 0 0 0.5rem 0; background-color: transparent; width: 100%; } ul.raja-gallery-list li button:focus, ul.raja-gallery-list li button:hover, ul.raja-gallery-list li button:active { background-color: rgba(148,183,187,0.22); text-decoration: underline; cursor: pointer; } ul.raja-gallery-list li button picture { display: flex; align-items: center; overflow: hidden; width: 100%; height: 12rem; max-height: 12rem; margin-bottom: 0.5rem; } ul.raja-gallery-list li button picture img { object-fit: cover; height: 100%; width: 100%; } body.rajagallerymodal-open { overflow: hidden; height: 100%; } .rajaModal { display: none; position: fixed; margin: 0 !important; padding: 0 3rem !important; z-index: 100; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: #115e67; } .raja-modal-content { position: relative; background-color: #fff; padding: 0 2rem !important; margin: 0 auto !important; width: 80vw; min-height: 100vh; } .rajaModal .close { color: #fff; position: fixed; top: 1rem; right: 1rem; font-size: 3rem; font-weight: bold; } .rajaModal .close:hover, .rajaModal .close:focus { color: #fff; text-decoration: none; cursor: pointer; } .raja-modal-slide { display: none; align-items: flex-start; height: 100%; min-height: 100vh; } .raja-modal-slide picture { display: flex; align-items: center; width: 100%; max-height: 80vh; } .raja-modal-slide picture img { max-width: 100%; max-height: 100%; object-fit: contain; display: block; margin: 0 auto; } .raja-modal-slide .raja-video-wrapper { display: block; width: 100%; max-height: 80vh; height: 100%; position: relative; margin-top: 28vh; } .raja-modal-slide .raja-video-wrapper .raja-video-embed { position: relative; padding-bottom: 56.25%; height: 0; } .raja-modal-slide .raja-video-wrapper .raja-video-embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .raja-gallery-list > li.video picture { position: relative; } .raja-gallery-list > li.video picture:before { position: absolute; content: ""; background-color: rgba(0,0,0,0.5); background-image: url("/documents/44957406/51157096/raja-icon-play.svg/c28199af-feb1-7f60-c7b7-fbabb2f287bd?t=1624011399840"); background-repeat: no-repeat; background-position: center center; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; display: block; } .raja-modal-slide .content-wrapper { padding: 2rem; width: 40%; align-self: center; } .rajaModal .prev, .rajaModal .next { cursor: pointer; position: fixed; top: 50%; width: 5rem; height: 5rem; padding: 0; text-align: center; margin-top: -2rem; color: #fff; border: 0; background: transparent; font-weight: bold; font-size: 3rem; transition: 0.6s ease; border-radius: 50%; border: 1px solid transparent; user-select: none; -webkit-user-select: none; } .rajaModal .prev { left: 0; } .rajaModal .next { right: 0; } .rajaModal .prev:hover, .rajaModal .next:hover { border: 1px solid #fff; background-color: #fff; color: #115e67; } .web-form-portlet .field-wrapper label { display: block; padding: 1rem 1rem 0.5rem 1rem; margin: 0; } .web-form-portlet .control-label { font-weight: bold; } .media-item.news-page figure, .media-item.news-page img { width: 100% !important; max-width: 100% !important; margin-bottom: 1rem; float: none !important; } .news-room-page .news-show-more { display: none !important; } section.raja-announcements ul { list-style: none; margin: 0; padding: 0; } section.raja-announcements ul li { margin: 0; padding: 0; } section.raja-announcements ul li a.raja-announcement-link { display: flex; border-bottom: 1px solid #115e67; padding: .5rem 0; margin: .5rem 0; } section.raja-announcements ul li a.raja-announcement-link > .icon { padding: 1rem; font-size: 3rem; color: #e7eeef; width: 5rem; text-align: center; } section.raja-announcements ul li a.raja-announcement-link > .icon .icon-exclamation, section.raja-announcements ul li a.raja-announcement-link > .icon .icon-headphones { color: #115e67; } section.raja-announcements ul li a.raja-announcement-link .title { font-weight: bold; font-style: normal; font-family: rift,sans-serif; font-size: 1.4rem; } .raja-announcement-details > header { display: flex; flex-direction: row-reverse; justify-content: flex-end; } .raja-announcement-details { position: relative; } .raja-announcement-details div { font-size: 1.1875rem; } .raja-announcement-details .organisation, .raja-announcement-details .location { font-weight: bold; margin-bottom: 1rem; } .raja-announcement-details > header .icon { padding: 0; font-size: 2.2rem; color: #e7eeef; min-width: 3.5rem; height: 3.5rem; background-color: #115e67; border-radius: 50%; text-align: center; display: flex; align-items: center; justify-content: center; margin-right: .5rem; } .raja-announcement-details .date > * { display: inline-block; } .raja-announcement-details .date .enddate:before { content: "- "; } .blog-highlights li { margin-bottom: 2rem; } .blog-image-wrapper picture { width: 350px; height: 350px; display: flex; align-items: center; background-color: #115e67; } .blog-image-wrapper picture img { object-fit: cover; width: 100%; height: 100%; } .blog-highlights .text-wrapper .header { margin: 0 0 0.75rem; font-size: 2.25rem; line-height: 1.3; color: #115e67; font-weight: bold; font-style: normal; font-family: rift,sans-serif; display: block; } .blog-highlights .text-wrapper .ingress { color: #111; margin: 1.5rem 0 1rem 0; font-size: 1.2rem; } a.service-lift { width: 100%; display: block; margin: 1rem auto; padding: 0rem; border: 0 !important; } a.service-lift figure { display: flex; align-items: center; position: relative; overflow: hidden; min-height: 450px; } a.service-lift figure img { width: 100%; max-width: 100% !important; position: absolute; top: -25%; left: 0; } a.service-lift figure figcaption { padding: 1rem; z-index: 1; max-width: 1440px !important; display: block; margin: 2rem 0 2rem auto; padding: 1rem; min-width: 50%; padding: 1.25rem 1.25rem 0; color: #fff; background-color: rgba(0,47,108,0.75); } a.service-lift figure figcaption h4 { width: 100%; margin: 0 0 0.75rem; font-size: 2.25rem; line-height: 1.3; color: #fff; } a.service-lift figure figcaption p { width: 100%; margin: 0 0 1.5rem; font-weight: 700; color: #fff; } a.service-lift figure figcaption .arrow-link { display: none; } .top-frame #yja-cookie-dialog { border-top: 5px solid #e87722; } .top-frame #yja-cookie-dialog .yja-cookie-dialog-content { margin: 1rem; } .top-frame #yja-cookie-dialog .yja-cookie-dialog-note { margin: 0.5rem auto; } .top-frame #yja-cookie-dialog .yja-cookie-dialog-note a { border-bottom: 1px solid #115740; color: #115740; font-weight: normal; } .top-frame #yja-cookie-dialog .yja-cookie-dialog-buttons button { font-weight: 400; background-color: #115740 !important; } .top-frame #yja-cookie-dialog .yja-cookie-dialog-buttons button:hover, .top-frame #yja-cookie-dialog .yja-cookie-dialog-buttons button:focus { font-weight: bold; text-decoration: underline !important; } .top-frame .yja-mobile-navigation__button--close { padding: 0.8rem; width: 3rem; height: 3rem; text-align: center; line-height: 1.4rem; font-weight: bold; border-radius: 50%; } .top-frame .yja-mobile-navigation .nav-item__container { padding: 0; } .top-frame .yja-mobile-navigation .yja-mobile-navigation__button.yja-mobile-navigation__button--toggler { border-left: 1px solid #000; height: 100%; aspect-ratio: 1; } .top-frame .yja-mobile-navigation ul.mm-listview > li.mm-listitem:after { opacity: 1; } .top-frame .yja-mobile-navigation ul.mm-listview > li.mm-listitem > .nav-item__container > .mm-listitem__text { padding-top: 0.313rem; padding-bottom: 0.313rem; } .top-frame .yja-mobile-navigation ul.mm-listview > li > div.nav-item__container { position: relative; } .top-frame .yja-mobile-navigation ul.mm-listview > li > div.nav-item__container:before { height: 100%; } .top-frame .yja-mobile-navigation .yja-mobile-navigation__tree > ul.mm-listview > li.mm-listitem:last-child:after { content: ''; border-color: inherit; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0; } .site-theme.top-frame #banner nav.main-nav { position: relative; z-index: 20; } .top-frame #banner nav.a11y-navigation .has-children button, .top-frame #banner nav.a11y-navigation .selected button { padding: 1rem 0.5rem 2rem 0.2rem; background: transparent; border: 0; } .top-frame #banner nav.a11y-navigation .has-children button[aria-expanded="true"] > .icon:before, .top-frame #banner nav.a11y-navigation .has-children button[aria-expanded="false"] > .icon:before, .top-frame #banner nav.a11y-navigation .selected button[aria-expanded="true"] > .icon:before, .top-frame #banner nav.a11y-navigation .selected button[aria-expanded="false"] > .icon:before { content: "\f107"; } .top-frame #banner nav.a11y-navigation .has-children button[aria-expanded="true"] .icon:before, .top-frame #banner nav.a11y-navigation .selected button[aria-expanded="true"] .icon:before { transform: rotate(180deg); } .top-frame .a11y-navigation .a11y-nav__sub { top: 50px; background: #e7eeef; } .top-frame .a11y-navigation .a11y-nav__sub ul { padding: 1.25rem 0; } .top-frame .a11y-navigation .a11y-nav__sub li a { padding: .25rem 1.25rem; } @media (max-width: 992px) { .top-frame #banner nav > ul > li { font-size: 90%; } .site-theme.top-frame #banner #heading .portlet-body > .layout-wrapper-wide-container > .row.header-row .logo img { max-width: 50vw !important; height: auto !important; } .site-theme.top-frame #banner #heading .portlet-body > .layout-wrapper-wide-container > .row.header-row .col-md-5 { margin-top: 1rem; } .mobile-menu-actions { top: 8.4rem; right: 1rem; } .mobile-menu-actions a.menu-icon, .mobile-menu-actions button.menu-icon { background: #115e67; padding: .5rem 1rem; width: auto; height: auto; font-size: 1.1rem; } #menu .mm-panels .mm-panel, #menu.mm-menu, .mm-menu.mm-menu_opened .mm-panels, .mm-navbar { background: #e7eeef !important; border-color: #e7eeef !important; color: #000 !important; } .mm-listitem:after, .mm-listview .mm-listitem a, .mm-listview a.mm-btn:after, .mm-listview a.mm-btn:before, .top-frame #menu .close-mm-menu, a.mm-btn_next:after, a.mm-btn_prev:before { color: #000 !important; border-color: #202020 !important; } .mm-listview .mm-listitem a.mm-listitem__text { padding: 1rem 2rem; font-weight: bold; } .top-frame #menu .close-mm-menu { padding: 0.8rem; width: 3rem; height: 3rem; text-align: center; line-height: 1.4rem; font-weight: bold; border-radius: 50%; } } @media (max-width: 1440px) { .site-theme.top-frame #banner #heading .portlet-body > .header-top-bar > .layout-wrapper-wide-container { max-width: 1366px; } .site-theme.top-frame #banner #heading .portlet-body > .layout-wrapper-wide-container { max-width: 1366px; } .site-theme.top-frame #banner nav.main-nav > ul { max-width: 1366px; } .site-theme.top-frame .portlet-journal-content .portlet .autofit-col .portlet-title { max-width: 1366px; } .site-theme.top-frame #footer > div { max-width: 1366px; } .site-theme.top-frame #content #main-content.landingpage-layout-container .landingpage-layout > .portlet-layout.row, .site-theme.top-frame #content #main-content.layout-content .landingpage-layout > .portlet-layout.row { max-width: 1366px; } .site-theme.top-frame #content .portlet-breadcrumb ul.breadcrumb { max-width: 1366px; } .site-theme.top-frame #content .hero .hero-content { max-width: 1366px; } .site-theme.top-frame #content .image-links ul.row { max-width: 1366px; } .site-theme.top-frame #content .content-links .row { max-width: 1366px; } } @media (max-width: 1366px) { .site-theme.top-frame #banner #heading .portlet-body > .header-top-bar > .layout-wrapper-wide-container { max-width: 1280px; } .site-theme.top-frame #banner #heading .portlet-body > .layout-wrapper-wide-container { max-width: 1280px; } .site-theme.top-frame #banner nav.main-nav > ul { max-width: 1280px; } .site-theme.top-frame .portlet-journal-content .portlet .autofit-col .portlet-title { max-width: 1280px; } .site-theme.top-frame #footer > div { max-width: 1280px; } .site-theme.top-frame #content #main-content.landingpage-layout-container .landingpage-layout > .portlet-layout.row, .site-theme.top-frame #content #main-content.layout-content .landingpage-layout > .portlet-layout.row { max-width: 1280px; } .site-theme.top-frame #content .portlet-breadcrumb ul.breadcrumb { max-width: 1280px; } .site-theme.top-frame #content .hero .hero-content { max-width: 1280px; } .site-theme.top-frame #content .image-links ul.row { max-width: 1280px; } .site-theme.top-frame #content .content-links .row { max-width: 1280px; } } @media (max-width: 1280px) { .site-theme.top-frame #banner #heading .portlet-body > .header-top-bar > .layout-wrapper-wide-container { max-width: 1024px; } .site-theme.top-frame #banner #heading .portlet-body > .layout-wrapper-wide-container { max-width: 1024px; } .site-theme.top-frame #banner nav.main-nav > ul { max-width: 1024px; } .site-theme.top-frame .portlet-journal-content .portlet .autofit-col .portlet-title { max-width: 1024px; } .site-theme.top-frame #footer > div { max-width: 1024px; } .site-theme.top-frame #content #main-content.landingpage-layout-container .landingpage-layout > .portlet-layout.row, .site-theme.top-frame #content #main-content.layout-content .landingpage-layout > .portlet-layout.row { max-width: 1024px; } .site-theme.top-frame #content .portlet-breadcrumb ul.breadcrumb { max-width: 1024px; } .site-theme.top-frame #content .hero .hero-content { max-width: 1024px; } .site-theme.top-frame #content .image-links ul.row { max-width: 1024px; } .site-theme.top-frame #content .content-links .row { max-width: 1024px; } } @media (max-width: 1024px) { .site-theme.top-frame #banner #heading .portlet-body > .header-top-bar > .layout-wrapper-wide-container { max-width: 979px; } .site-theme.top-frame #banner #heading .portlet-body > .layout-wrapper-wide-container { max-width: 979px; } .site-theme.top-frame #banner nav.main-nav > ul { max-width: 979px; } .site-theme.top-frame .portlet-journal-content .portlet .autofit-col .portlet-title { max-width: 979px; } .site-theme.top-frame #footer > div { max-width: 979px; } .site-theme.top-frame #content #main-content.landingpage-layout-container .landingpage-layout > .portlet-layout.row, .site-theme.top-frame #content #main-content.layout-content .landingpage-layout > .portlet-layout.row { max-width: 979px; } .site-theme.top-frame #content .portlet-breadcrumb ul.breadcrumb { max-width: 979px; } .site-theme.top-frame #content .hero .hero-content { max-width: 979px; } .site-theme.top-frame #content .image-links ul.row { max-width: 979px; } .site-theme.top-frame #content .content-links .row { max-width: 979px; } .raja-contact-listing .journal-content-article .raja-contact-detail, .raja-contact-listing .portlet-body .asset-full-content { width: 50%; } } @media (max-width: 979px) { .site-theme.top-frame #banner #heading .portlet-body > .header-top-bar > .layout-wrapper-wide-container { max-width: 100%; } .site-theme.top-frame #banner #heading .portlet-body > .layout-wrapper-wide-container { max-width: 100%; } .site-theme.top-frame #banner nav.main-nav > ul { max-width: 100%; } .site-theme.top-frame .portlet-journal-content .portlet .autofit-col .portlet-title { max-width: 100%; } .site-theme.top-frame #footer > div { max-width: 100%; } .site-theme.top-frame #footer > div .footer-main-content > .row > .col { min-width: 40%; border: 0; margin-left: 0; margin-bottom: 2rem; } .site-theme.top-frame #content #main-content.landingpage-layout-container .landingpage-layout > .portlet-layout.row, .site-theme.top-frame #content #main-content.layout-content .landingpage-layout > .portlet-layout.row { max-width: 100%; } .site-theme.top-frame #content .portlet-breadcrumb ul.breadcrumb { width: 100%; flex: 0 1 auto; max-width: 100%; margin: 0; } .site-theme.top-frame #content .hero { flex-flow: column nowrap; } .site-theme.top-frame #content .hero .hero-image { position: relative; width: 100%; } .site-theme.top-frame #content .hero .hero-content { width: 100%; flex: 0 1 auto; max-width: 100%; margin: 0; } .site-theme.top-frame #content .hero .hero-content .content-wrap { width: 100%; padding: 2rem 1rem; } .site-theme.top-frame #content .image-links ul.row { width: 100%; flex: 0 1 auto; max-width: 100%; margin: 0; } .site-theme.top-frame #content .content-links .row { width: 100%; flex: 0 1 auto; max-width: 100%; flex-flow: row wrap; } .raja-contact-listing .journal-content-article .raja-contact-detail, .raja-contact-listing .portlet-body .asset-full-content { width: 100%; } } @media (max-width: 460px) { .site-theme.top-frame #footer > div .footer-main-content > .row > .col { min-width: 100%; width: 100%; max-width: 100%; border: 0; margin-bottom: 2rem; } } @media (min-width: 768px) { .site-theme.top-frame #content .front-hero .hero { height: 35vh; } .site-theme.top-frame #content .front-hero .hero .hero-content { position: absolute; z-index: 10; left: 0; bottom: 1rem; width: 100%; max-width: 100%; } .site-theme.top-frame #content .front-highlights .image-links.container > .row > .col-12.col-md-4 { width: 33.33%; max-width: 33.33%; flex-basis: 33.33%; } .raja-highlight-links ul li, .top-frame .portlet-navigation .list-menu ul li { width: 33.33%; } ul.raja-gallery-list li { width: 33.33%; } .raja-modal-slide picture { width: 60%; height: 100vh; max-height: 100vh; position: sticky; top: 0; } } @media (max-width: 991px) { .raja-highlight-links ul, .top-frame .portlet-navigation .list-menu ul { flex-wrap: wrap; } } @media (min-width: 480px) { .raja-highlight-links ul li, .top-frame .portlet-navigation .list-menu ul li { width: 50%; } } @media (max-width: 767px) { .raja-modal-slide { flex-direction: column; } .raja-modal-slide > * { width: 100% !important; max-width: 100%; } .top-frame .portlet-navigation { display: block !important; } .top-frame .portlet-navigation ul li { display: block !important; width: 100% !important; padding: 0 1rem 1rem 1rem !important; } .top-frame .portlet-navigation ul li a { padding: 1rem !important; } a.service-lift figure img { top: 0; } a.service-lift figure figcaption { width: 100%; position: absolute; bottom: 0; margin: 0; } }