@import url('/o/common-ui-resources/fonts/open-sans/main.css'); body.yja-publication { font-size: 1.125rem; color: #000; font-family: "Open sans",Helvetica,Arial,sans-serif; line-height: 1.5; } .yja-publication a { color: #0052a3; } .yja-publication a:hover, .yja-publication a:focus { color: #006ad2; } .yja-publication h1, .yja-publication .h1, .yja-publication .heading1 { color: #000; font-weight: bold; font-style: normal; font-family: "Open sans",Helvetica,Arial,sans-serif; font-size: 3rem; display: block; margin: 10px 0 1.375rem; } .yja-publication h1 a, .yja-publication .h1 a, .yja-publication .heading1 a { color: inherit; } .yja-publication h2, .yja-publication .h2, .yja-publication .heading2 { color: #000; font-weight: bold; font-style: normal; font-family: "Open sans",Helvetica,Arial,sans-serif; font-size: 2.375rem; display: block; margin: 10px 0 1.375rem; } .yja-publication h2 a, .yja-publication .h2 a, .yja-publication .heading2 a { color: inherit; } .yja-publication h3, .yja-publication .h3, .yja-publication .heading3 { color: #000; font-weight: bold; font-style: normal; font-family: "Open sans",Helvetica,Arial,sans-serif; font-size: 1.75rem; display: block; margin: 10px 0 1.375rem; } .yja-publication h3 a, .yja-publication .h3 a, .yja-publication .heading3 a { color: inherit; } .yja-publication h4, .yja-publication h5, .yja-publication h6, .yja-publication .heading4, .yja-publication .heading5, .yja-publication .heading6 { color: #000; font-weight: bold; font-style: normal; font-family: "Open sans",Helvetica,Arial,sans-serif; font-size: 1.5rem; display: block; margin: 10px 0; } .yja-publication h4 a, .yja-publication h5 a, .yja-publication h6 a, .yja-publication .heading4 a, .yja-publication .heading5 a, .yja-publication .heading6 a { color: inherit; } .yja-publication p, .yja-publication table, .yja-publication .ingress, .yja-publication .lead, .yja-publication .asset-full-content ul, .yja-publication .asset-full-content ol, .yja-publication .asset-full-content dl { line-height: 1.5; } .yja-publication p, .yja-publication table, .yja-publication ul li, .yja-publication ol li, .yja-publication dl li { font-size: 1.125rem; line-height: 1.5; color: #000; } .yja-publication .ingress, .yja-publication .lead { font-size: 1.5rem; } .yja-publication .journal-content-article figure.image--caption figcaption { font-size: 0.85rem; color: #000; } .yja-publication figure figcaption { font-size: 0.85rem; } .yja-publication blockquote { border-color: #fcba61; } .yja-publication blockquote, .yja-publication blockquote p { font-size: 1.25rem; font-family: "Open sans",Helvetica,Arial,sans-serif; } .yja-publication input.search-query { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background-image: none !important; } .yja-publication .btn { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background-image: none !important; font-size: 1.125rem; } .yja-publication .btn.btn-default { border: solid 1px #666; background: #666; color: #fff; } .yja-publication .btn.btn-default:hover, .yja-publication .btn.btn-default:focus { color: #fff !important; background: #454545; } .yja-publication .btn.btn-primary, .yja-publication .btn.search-form_submit { background-color: #fcba61; color: #fff; } .yja-publication .btn.btn-primary:hover, .yja-publication .btn.search-form_submit:hover, .yja-publication .btn.btn-primary:focus, .yja-publication .btn.search-form_submit:focus { color: #fff !important; background-color: #e5c42e; } .yja-publication .btn.search-form_submit { border-color: #fcba61; } .yja-publication .yja-category-group, .yja-publication .yja-tag-group { display: inline; } .yja-publication .label, .yja-publication .yja-tag { text-transform: uppercase; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .yja-publication .badge:not(.error-notice), .yja-publication .label, .yja-publication .yja-tag { border: 1px solid #000; } .yja-publication .portlet-navigation .nav-menu ul a { color: #000; } .yja-publication .portlet-navigation .nav-menu ul ul a { color: #000; } .yja-publication .portlet-navigation .nav-menu > ul > li { color: #000; } .yja-publication .events .event-highlight { font-size: 1.1em; border-top: solid 1px #fcba61; } .yja-publication .events .event-highlight td, .yja-publication .events .event-highlight td.time { font-size: 0.9em; vertical-align: middle; } .yja-publication .events .event-highlight tr { border-bottom: solid 1px #fcba61; } .yja-publication .events .event-highlight .btn { text-align: left; } .yja-publication .events .dark-link, .yja-publication .events .dark-link:hover, .yja-publication .events .dark-link:focus, .yja-publication .events .dark-link:active, .yja-publication .events .dark-link:visited, .yja-publication .events .dark-link:link { color: #0052a3; display: block; position: relative; } .yja-publication .events.event-search-portlet .event-list-wrapper > .span12 > .span3 { background: #fcba61; } .yja-publication .events.event-search-portlet .event-list-wrapper { border-color: #fcba61; } .yja-publication .events.event-search-portlet label, .yja-publication .events.event-search-portlet .prev-date, .yja-publication .events.event-search-portlet .next-date { font-weight: bold !important; } .yja-publication .events.event-search-portlet h4.bg { background: #fcba61; color: #fff; } .yja-publication .events.event-search-portlet .event-list-wrapper { margin-bottom: 10px; } .yja-publication .events.event-search-portlet .event-item-list { border-bottom: 1px solid #fcba61; border-right: 1px solid #fcba61; border-left: 1px solid #fcba61; background: white; } .yja-publication .events.event-search-portlet .event-item-list h4, .yja-publication .events.event-search-portlet .event-item-list .event-time { font-weight: bold !important; } .yja-publication .events.event-search-portlet .event-item-list .event-date { display: block; } .yja-publication .twitter-widget-portlet .user span[data-scribe="element:screen_name"] { color: #0052a3; } .yja-publication #scrollToTop { color: #fff; background: #fcba61; } .yja-publication #scrollToTop:hover { background: #fbaa3f; } .yja-publication #banner .language-version-selection-portlet .lang-text > a:after { content: "\f0d7"; margin-left: .5em; font-family: 'fontawesome-alloy'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .yja-publication #banner .language-version-selection-portlet .lang-nav-open a { background: #fcba61; color: white !important; } .yja-publication #banner .language-version-selection-portlet .lang-nav ul { background: #fcba61; } .yja-publication .well { font-size: 1.125rem; line-height: 1.5; background: #f5f5f5; color: #222; } .breadcrumb { font-size: 1.125rem; color: #000; font-family: "Open sans",Helvetica,Arial,sans-serif; } .yja-publication #content .breadcrumb > li { font-size: 1.125rem; font-family: "Open sans",Helvetica,Arial,sans-serif; } .yja-publication .media-item .small figure { float: left; margin-right: 1em; } .yja-publication .media-item .dark-link { color: #000; } .yja-publication .media-item .dark-link:hover { text-decoration: none; } .yja-publication .media-item h2 { margin-bottom: 0; } .yja-publication .media-item h2 a { color: #000; } .yja-publication .media-item .meta { margin-bottom: em(5px); color: #000; font-size: .9em; } .yja-publication .feed-item.simple .meta { color: #000; font-size: .9em; } .yja-publication .feed-item.simple h6 a { color: #000; } .yja-publication ul.position-nav li.selected { background: #fcba61; } .yja-publication ul.position-nav li.selected:hover { background-color: #fcba61; } .yja-publication .carousel .description { font-family: "Open sans",Helvetica,Arial,sans-serif; font-weight: normal; } .panel.border-top-emphasis { border-top: solid 4px #fcba61; } .yja-publication #banner { background-repeat: no-repeat; background-size: initial; background-position: center top; background-color: transparent; background-image: url('data:image/svg+xml,data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg"/%3E'); color: #fff; } .yja-publication #banner a { color: #fff; } .yja-publication #heading { height: auto; padding: 0; } .yja-publication #heading .yja-publication-theme-header-portlet { height: 100%; } .yja-publication #heading .yja-publication-theme-header-portlet .portlet-borderless-container, .yja-publication #heading .yja-publication-theme-header-portlet .portlet-body, .yja-publication #heading .yja-publication-theme-header-portlet .header-row { height: 100%; } .yja-publication #heading .yja-publication-theme-header-portlet .header-top-left-cell, .yja-publication #heading .yja-publication-theme-header-portlet .header-top-right-cell { align-self: center; } .yja-publication #banner nav ul.publication-theme__navigation { background-color: transparent; color: #454545; } .yja-publication #banner nav ul.publication-theme__navigation li a:hover { background-color: transparent; } .yja-publication #banner nav ul.publication-theme__navigation li.selected { background-color: transparent; color: #000; } .yja-publication #banner nav ul.publication-theme__navigation li.selected a { color: #000; } .yja-publication #banner nav a { color: #454545; } .yja-publication #banner nav.fixed { background: transparent; } .yja-publication .main-navigation { background: transparent; } .yja-publication nav li { line-height: 1.5; } .yja-publication nav li a { font-size: 1rem; color: #454545; padding: 0.45rem; } .yja-publication nav li.selected > a { color: #000; background: transparent; } .yja-publication #footer { background-image: url(none); background-repeat: repeat; background-size: initial; background-position: center top; background-color: #fcba61; color: #000; } .yja-publication #footer a { color: #000; } .yja-publication #footer .footer-bottom-bar { background-color: #545454; } .yja-publication body { background-color: #fff; background-image: url(none); background-position: center top; background-repeat: no-repeat; background-size: initial; background-attachment: scroll; } .yja-publication .page-wrapper { max-width: 100%; margin: 0 auto; } .yja-publication .layout-wrapper, .yja-publication #main-content:not(.layout-wide) { background: transparent; padding-left: 0; padding-right: 0; } .yja-publication .homepage .layout-wrapper-wide { background: #efefef; } .yja-publication .homepage .layout-wrapper-wide *, .yja-publication .homepage .layout-wrapper-wide .carousel-wrapper ul li h3 a .description { color: #000; } .mobile-menu-actions { right: 0; } .mobile-menu-actions a.menu-icon { background: #fff; color: #000; } .mobile-menu-actions a { color: #0052a3; } .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: #006ad2; } .mm-menu { border-color: #fcba61; } .mm-menu a { color: white; } .mm-menu a:hover, .mm-menu a:focus { color: white; } .yja-publication .control-menu .control-menu-body, .yja-publication .control-menu p, .yja-publication .control-menu table, .yja-publication .control-menu ul li, .yja-publication .control-menu ol li, .yja-publication .control-menu dl li { font-size: .875rem; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; line-height: 1.5; } .yja-publication h1, .yja-publication h2, .yja-publication h3, .yja-publication h4, .yja-publication h5, .yja-publication h6 { font-family: 'Work Sans','Opens Sans',sans-serif; font-weight: 700; color: #23195a; overflow-wrap: anywhere; hyphens: auto; } .yja-publication h1, .yja-publication .media-item h1 { font-size: 2.25rem; line-height: 1.2; margin: 1.75rem 0 2.75rem 0; } .yja-publication h2, .yja-publication .media-item h2, .yja-publication .h2 { font-size: 1.75rem; line-height: 1; margin: 1.25rem 0 1.875rem 0; } .yja-publication h3, .yja-publication .media-item h3, .yja-publication .h3 { font-size: 1.5rem; line-height: 1.3; margin: 1.75rem 0 1.875rem 0; } .yja-publication h4, .yja-publication .media-item h4, .yja-publication .h4 { font-size: 1.375rem; line-height: 1.3; margin: 1.75rem 0 1.875rem 0; } .yja-publication h5, .yja-publication .media-item h5, .yja-publication .h5 { font-size: 1.25rem; line-height: 1.3; margin: 1.75rem 0 1.875rem 0; } .yja-publication h6, .yja-publication .media-item h6, .yja-publication .h6 { font-size: 1.125rem; line-height: 1.3; margin: 1.75rem 0 1.875rem 0; } .yja-publication p { margin-bottom: 1.25rem; } .yja-publication p.lead, .yja-publication p.ingress, .yja-publication p.ingressi { font-size: 1.5rem; line-height: 1.3; margin-bottom: 2.5rem; } .yja-publication ul, .yja-publication ol { margin-bottom: 1.25rem; } .yja-publication ul > li > ul, .yja-publication ol > li > ul, .yja-publication ul ol, .yja-publication ol ol { margin-bottom: 0; } .yja-publication table { border: 0; border-collapse: collapse; margin-bottom: 1.25rem; } .yja-publication table th, .yja-publication table td { padding: .75rem; hyphens: auto; } .yja-publication table th { border-bottom: 2px solid #e80069; } .yja-publication table td { vertical-align: top; } .yja-publication blockquote { padding: 1.875rem; border-left: 4px solid #e80069; margin: 1.75rem 0 1.875rem 0; font-size: 1.5rem; line-height: 1.3; } .yja-publication blockquote > p { font-style: normal; font-weight: 300; } .yja-publication .yjaInfoBox { margin: 1.25rem 0; padding: 1.875rem; background: #f8f4f0; border-top: 4px solid #e80069; border-left: 0; } .yja-publication .well { margin: 1.25rem 0; padding: 1.875rem; background: #f8f4f0; border-top: 4px solid #e80069; } .yja-publication .row.full-width { overflow: unset; } .yja-publication figure > img { margin-top: 0; } .yja-publication .logo { max-width: 150px; text-align: right; margin-left: auto; display: flex; } .yja-publication .portlet-nested-portlets .columns-2 > .row { align-items: center; } [id^="portlet_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE"]:after, #portlet_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_Ypg3Rik1sPjy:after { display: inline; position: absolute; height: 6px; bottom: -10px; content: ""; margin-bottom: 10px; width: 100%; background-image: linear-gradient(#fcba61, #fcba61); background-position: 0 100%; background-repeat: no-repeat; } .yja-publication .navigation-vertical .yja-publication__language-selector { max-width: 1300px; margin: 0 auto; } .yja-publication .navigation-vertical .language-version-selection-portlet { margin-left: 1.25rem; margin-right: 1.25rem; visibility: hidden; } .yja-publication .navigation-vertical .language-version-selection-portlet ul { justify-content: flex-end; margin: 0; } .yja-publication .navigation-vertical .language-version-selection-portlet ul > li > a { color: #000; } .yja-publication .navigation-vertical .default-layout #column-3 { display: none; } .yja-publication #footer .footer-main-content { max-width: 1300px; } .yja-publication #footer .footer-main-content a { border: 1px solid transparent; display: inline-block; padding: 1rem; } .yja-publication #footer .footer-main-content a:hover, .yja-publication #footer .footer-main-content a:focus { text-decoration: none !important; border: 1px solid #111; } .yja-publication #footer .footer-main-content a img { display: inline-block; } .yja-publication #footer .footer-main-content .footer-content { display: flex; } .yja-publication #footer .footer-main-content .footer-content div:first-child { margin-right: 2rem; } .yja-publication #footer .row { display: block; } .yja-publication #footer .yja_footer__container div[class*="col-md-"] { max-width: 100%; } .yja-publication #footer .yja_footer__container ul { list-style-type: none; padding-left: 0; margin-left: 0; } .yja-publication #footer .yja_footer__container .stuk-footer__icons .footer__icon { display: block; margin-bottom: .75rem; } .yja-publication #footer .yja_footer__container .stuk-footer__icons .footer__icon > a { display: flex; align-items: center; } .yja-publication #footer .yja_footer__container .stuk-footer__icons .footer__icon > a svg { margin-right: .938rem; } .yja-publication #footer .footer-main-content { padding-bottom: .688rem; } .yja-publication #footer .footer-main-content .row > .col-md-12:last-of-type { margin-top: 1.25rem; margin-left: 0; } .yja-publication .hero { border-bottom-color: #fcba61; } .yja-publication .hero > .hero-container { top: auto; bottom: 0; left: 0; right: 0; transform: none; } .yja-publication #banner .stuk-alert { position: relative; } .yja-publication #banner .stuk-alert .stuk-alert--info { background: #dfdfdf; color: #000; } .yja-publication #banner .stuk-alert .stuk-alert--info p, .yja-publication #banner .stuk-alert .stuk-alert--info a, .yja-publication #banner .stuk-alert .stuk-alert--info button { color: #000; } .yja-publication #banner .stuk-alert .stuk-alert--alert { background: #e80069; color: white; } .yja-publication #banner .stuk-alert .stuk-alert--alert p, .yja-publication #banner .stuk-alert .stuk-alert--alert a, .yja-publication #banner .stuk-alert .stuk-alert--alert button { color: white; } .yja-publication #banner .stuk-alert .stuk-alert--alert button { border-color: white; } .yja-publication #banner .stuk-alert .stuk-alert__container { position: relative; padding-top: 2.5rem; padding-bottom: 2.5rem; display: flex; max-width: 1300px; margin: 0 auto; align-items: center; } .yja-publication #banner .stuk-alert .stuk_alert__header { position: absolute; right: .75rem; top: 1.5rem; } .yja-publication #banner .stuk-alert .stuk_alert__header > button { position: absolute; right: 0; top: 0; background: transparent; border-width: 1px; box-shadow: none; text-shadow: none; } .yja-publication #banner .stuk-alert .stuk_alert__header > button:hover { cursor: pointer; } .yja-publication #banner .stuk-alert .stuk-alert__title { text-align: left; } .yja-publication #banner .stuk-alert .stuk-alert__title > p { font-size: 1.5rem; font-weight: 700; margin-bottom: 0; } .yja-publication #banner .stuk-alert .stuk-alert__title > p svg { margin-right: .635rem; } .yja-publication #banner .stuk-alert p { margin-bottom: 0; } .yja-publication #banner .stuk-alert p > a { font-weight: 600; } .yja-publication .stuk-hero__container { position: relative; justify-content: center; background: #f8f4f0; } .yja-publication .stuk-hero { display: grid; grid-template-columns: 1fr; grid-gap: 2.125rem; } .yja-publication .stuk-hero .stuk-hero__title { margin-bottom: 1.875rem; } .yja-publication .stuk-hero .stuk-hero__buttons { margin-top: 1.25rem; } .yja-publication .stuk-hero .stuk-hero__buttons > a { margin-bottom: 1.25rem; } .yja-publication .stuk-hero.stuk-hero--noimage { display: block; position: relative; } .yja-publication .stuk-hero.stuk-hero--noimage .stuk-hero__content { position: relative; display: grid; grid-template-columns: 1fr; grid-gap: 0; max-width: 1300px; margin: 0 auto; z-index: 1; } .yja-publication .stuk-hero.stuk-hero--noimage .stuk-hero__content .stuk-hero__title { padding: 2.5rem calc(2 * 1.875rem) 2.5rem 0; align-items: center; background: #23195a; margin-bottom: 0; } .yja-publication .stuk-hero.stuk-hero--noimage .stuk-hero__content .stuk-hero__title h1, .yja-publication .stuk-hero.stuk-hero--noimage .stuk-hero__content .stuk-hero__title h2, .yja-publication .stuk-hero.stuk-hero--noimage .stuk-hero__content .stuk-hero__title h3 { color: white; margin-bottom: 0; } .yja-publication .stuk-hero.stuk-hero--noimage .stuk-hero__content .stuk-hero__text { display: flex; height: 100%; align-items: center; background: #c0dbf6; padding: 2.5rem 0 2.5rem calc(2 * 1.875rem); } .yja-publication .stuk-hero.stuk-hero--noimage .stuk-hero__content .stuk-hero__text p > { font-size: 1.313rem; line-height: 1.6; } .yja-publication .stuk-hero.stuk-hero--news { max-width: 1300px; margin: 0 auto; } .yja-publication .stuk-linklist .stuk-linklist__wrapper { position: relative; max-width: 1300px; width: 100%; margin: 0 auto; padding: 2.5rem 0; } .yja-publication .stuk-linklist .linklist__header h1, .yja-publication .stuk-linklist .linklist__header h2, .yja-publication .stuk-linklist .linklist__header h3, .yja-publication .stuk-linklist .linklist__header h4 { font-weight: 400; font-size: 1.375rem; margin-bottom: 1.875rem; } .yja-publication .stuk-linklist .stuk-linklist--box { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 1.25rem; } .yja-publication .stuk-linklist .stuk-linklist--box .stuk-linklist__item { position: relative; padding: 1.85rem 1.563rem; z-index: 1; background: white; transition: background .3s ease-in-out; border-bottom: 4px solid transparent; } .yja-publication .stuk-linklist .stuk-linklist--box .stuk-linklist__item:hover { border-bottom-color: #fcba61; } .yja-publication .stuk-linklist .stuk-linklist--box .stuk-linklist__item .stuk-linklist__image { margin-left: -1.563rem; margin-right: -1.563rem; margin-top: -1.85rem; } .yja-publication .stuk-linklist .stuk-linklist--box .stuk-linklist__item a { font-size: 1.25rem; margin-bottom: .938rem; color: #000; } .yja-publication .stuk-linklist .stuk-linklist--box .stuk-linklist__item a:before { position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; } .yja-publication .stuk-linklist .stuk-linklist--box .stuk-linklist__item a:after { position: absolute; content: "\f105"; font-family: "fontawesome-alloy"; margin-left: .625rem; line-height: 1.4; font-size: 1.5rem; margin-top: -2px; } .yja-publication .stuk-linklist .stuk-linklist--box .stuk-linklist__item a:hover, .yja-publication .stuk-linklist .stuk-linklist--box .stuk-linklist__item a:focus { outline: 0; text-decoration: underline; } .yja-publication .stuk-linklist .stuk-linklist--box .stuk-linklist__item a:hover:after, .yja-publication .stuk-linklist .stuk-linklist--box .stuk-linklist__item a:focus:after { text-decoration: none; } .yja-publication .stuk-linklist .stuk-linklist--box .stuk-linklist__item svg { fill: #fcba61; } .yja-publication .stuk-linklist .stuk-linklist--button { display: flex; flex-flow: wrap; } .yja-publication .stuk-linklist .stuk-linklist--button .stuk-linklist__item { margin-bottom: 1.25rem; margin-right: 1.25rem; } .yja-publication .stuk-linklist .stuk-linklist--button .stuk-linklist__item a.btn-secondary:hover, .yja-publication .stuk-linklist .stuk-linklist--button .stuk-linklist__item a.btn-secondary:focus { background: #fcba61; color: white; border-color: #fcba61; text-decoration: underline; } .yja-publication .stuk-linklist.stuk-linklist--blue { background: rgba(255,221,0,0.58); } .yja-publication .stuk-linklist.stuk-linklist--blue-light { background: #dbeeff; } .yja-publication .stuk-linklist.stuk-linklist--grey-dark { background: #d2d2d2; } .yja-publication .stuk-linklist.stuk-linklist--grey-light { background: #f8f4f0; } .yja-publication #content > .landingpage-layout-container .stuk-linklist--box { grid-template-columns: 1fr 1fr 1fr; } .yja-publication .stuk-articles__listing { display: block; } .yja-publication .stuk-articles__listing.stuk-articles__listing--grid { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 1.875rem; } .yja-publication .stuk-articles__listing.stuk-articles__listing--grid .stuk-article__item:not(:last-of-type):after { position: absolute; top: 0; bottom: 0rem; right: -15px; content: ""; margin-left: .75rem; width: 1px; background: #d2d2d2; } .yja-publication .stuk-article__item { position: relative; margin-bottom: 2.5rem; } .yja-publication .stuk-article__item .feed-item__heading { margin: 0 0 calc(1.875rem / 2) 0; font-weight: 400; line-height: 1.3; font-size: 1.375rem; } .yja-publication .stuk-article__item .feed-item__heading > .link--main { color: #000; } .yja-publication .stuk-article__item .stuk-article__meta { margin-bottom: calc(1.875rem / 2); } .yja-publication .stuk-article__item .stuk-article__meta span { font-size: .813rem; } .yja-publication .faq-list { list-style-type: none; margin-left: 0; } .yja-publication .faq-list > li.fag-list__item { padding: 0; margin-bottom: calc(1.25rem / 2); position: relative; border: 0; } .yja-publication .faq-list > li.fag-list__item.open:before { position: absolute; z-index: 0; content: ""; top: 0; left: 0; right: 0; bottom: 0; background: #f8f4f0; border-radius: 1.875rem; } .yja-publication .faq-list > li.fag-list__item button.faq-list__heading { position: relative; display: flex; width: 100%; background: rgba(255,221,0,0.58); padding: .938rem 2.5rem; border-radius: 1.875rem; font-size: 1.25rem; color: #000; font-weight: 600; border: 0; text-align: left; z-index: 1; cursor: pointer; } .yja-publication .faq-list > li.fag-list__item button.faq-list__heading span[role] { display: flex; margin-left: auto; background: #000; color: #fff; border-radius: 50%; width: 2.188rem !important; height: 2.188rem !important; justify-content: center; align-items: center; flex-shrink: 0; flex-grow: 0; } .yja-publication .faq-list > li.fag-list__item button.faq-list__heading span[role]:before { font-size: 1.5rem; } .yja-publication .faq-list > li.fag-list__item .faq-list__content { position: relative; z-index: 1; padding: 2.5rem; } .yja-publication .faq-list > li.fag-list__item .faq-list__content p > a { color: currentColor; text-decoration: underline; } .yja-publication .yja-accordion-wrapper { position: relative; margin-bottom: calc(1.25rem / 2); } .yja-publication .yja-accordion-wrapper h2.yja-accordion-toggle, .yja-publication .yja-accordion-wrapper h3.yja-accordion-toggle, .yja-publication .yja-accordion-wrapper h4.yja-accordion-toggle { position: relative; display: flex; width: 100%; background: rgba(255,221,0,0.58); padding: .938rem 2.5rem !important; border-radius: 1.875rem; font-family: "Open sans",Helvetica,Arial,sans-serif; text-align: left; z-index: 1; cursor: pointer; } .yja-publication .yja-accordion-wrapper h2.yja-accordion-toggle > button.yja-accordion-toggle--button, .yja-publication .yja-accordion-wrapper h3.yja-accordion-toggle > button.yja-accordion-toggle--button, .yja-publication .yja-accordion-wrapper h4.yja-accordion-toggle > button.yja-accordion-toggle--button { border: 0; font-size: 1.25rem !important; color: #000 !important; font-weight: 600 !important; padding: 0 !important; background: transparent; } .yja-publication .yja-accordion-wrapper h2.yja-accordion-toggle > .icon, .yja-publication .yja-accordion-wrapper h3.yja-accordion-toggle > .icon, .yja-publication .yja-accordion-wrapper h4.yja-accordion-toggle > .icon { position: unset; display: flex; margin-left: auto; background: #000; color: rgba(255,221,0,0.58); border-radius: 50%; width: 2.188rem; height: 2.188rem; justify-content: center; align-items: center; margin-right: 0; aspect-ratio: 1; } .yja-publication .yja-accordion-wrapper h2.yja-accordion-toggle > .icon:before, .yja-publication .yja-accordion-wrapper h3.yja-accordion-toggle > .icon:before, .yja-publication .yja-accordion-wrapper h4.yja-accordion-toggle > .icon:before { font-size: 1.5rem; } .yja-publication .yja-accordion-wrapper h2.yja-accordion-toggle > .icon.icon-chevron-down::before, .yja-publication .yja-accordion-wrapper h3.yja-accordion-toggle > .icon.icon-chevron-down::before, .yja-publication .yja-accordion-wrapper h4.yja-accordion-toggle > .icon.icon-chevron-down::before { content: "\f067"; } .yja-publication .yja-accordion-wrapper h2.yja-accordion-toggle > .icon.icon-chevron-right::before, .yja-publication .yja-accordion-wrapper h3.yja-accordion-toggle > .icon.icon-chevron-right::before, .yja-publication .yja-accordion-wrapper h4.yja-accordion-toggle > .icon.icon-chevron-right::before { content: "\f068"; } .yja-publication .yja-accordion-wrapper .yja-accordion-content { border: 0; } .yja-publication .yja-accordion-wrapper .yja-accordion-content::after { position: absolute; z-index: -1; content: ""; top: 0; left: 0; right: 0; bottom: 0; background: #f8f4f0; border-radius: 1.875rem; } .yja-publication .stuk-paths > .stuk-paths__header { margin-bottom: 2.188rem; } .yja-publication .stuk-paths .stuk-path { display: grid; grid-template-columns: 4.813rem 1fr; column-gap: 3rem; padding-bottom: 1.5rem; } .yja-publication .stuk-paths .stuk-path .stuk-path__index { position: relative; } .yja-publication .stuk-paths .stuk-path .stuk-path__index:after { position: absolute; content: ""; top: 4.813rem; bottom: -1.5rem; left: calc(50% - 1px); width: 2px; background: #707070; } .yja-publication .stuk-paths .stuk-path .stuk-path__index > .stuk-path__index--value { position: absolute; font-size: 1.75rem; font-weight: 600; left: 0; top: 1.25rem; width: 100%; text-align: center; line-height: 1.2; color: white; } .yja-publication .stuk-paths .stuk-path > .stuk-path__content > h2, .yja-publication .stuk-paths .stuk-path > .stuk-path__content h3, .yja-publication .stuk-paths .stuk-path > .stuk-path__content h4 { margin-top: 0; } .yja-publication .stuk-paths .stuk-path.stuk-path--last .stuk-path__index:after { display: none; } .yja-publication .stuk-paths > .stuk-path--accordion .stuk-path__question { position: relative; display: flex; align-items: center; width: 100%; background: transparent; border: 0; text-align: left; padding-left: 0; font-family: 'Work Sans','Opens Sans',sans-serif; font-weight: 700; } .yja-publication .stuk-paths > .stuk-path--accordion .stuk-path__question > .stuk-path__icon--toggler { display: flex; background: #23195a; color: white; border-radius: 50%; width: 2.188rem; height: 2.188rem; justify-content: center; align-items: center; margin-left: auto; } .yja-publication .stuk-paths > .stuk-path--accordion .stuk-path__question > .stuk-path__icon--toggler:before { font-size: 1.5rem; } .yja-publication .stuk-paths > .stuk-path--accordion .stuk-path__question > .stuk-path__title { width: 90%; font-weight: 600; color: #23195a; } .yja-publication .stuk-paths > .stuk-path--accordion .stuk-path__question[aria-expanded="true"] > .stuk-path__icon--toggler:before { content: "\f068"; } .yja-publication .stuk-paths > .stuk-path--accordion .stuk-path__answer { padding-top: 1.031rem; } .yja-publication .stuk-paths .stuk-heading__style--2 { font-size: 1.75rem; } .yja-publication .stuk-paths .stuk-heading__style--3 { font-size: 1.5rem; } .yja-publication .stuk-paths .stuk-heading__style--4 { font-size: 1.375rem; } #mmenu { display: none; } .yja-mobile-navigation__logo { max-width: 33vw; margin: 0 auto; } .yja-mobile-navigation__header { max-width: 150px; margin: 0 auto; } @media (max-width: 500px) { .yja-publication h1, .yja-publication .media-item h1, .yja-publication .h1 { font-size: $h1-sm-size; } .yja-publication h2, .yja-publication .media-item h2, .yja-publication .h2 { font-size: $h2-sm-size; } .yja-publication h3, .yja-publication .media-item h3, .yja-publication .h3 { font-size: $h3-sm-size; } .yja-publication h4, .yja-publication .media-item h4, .yja-publication .h4 { font-size: $h4-sm-size; } .yja-publication h5, .yja-publication .media-item h5, .yja-publication .h5 { font-size: $h5-sm-size; } .yja-publication h6, .yja-publication .media-item h6, .yja-publication .h6 { font-size: $h6-sm-size; } .yja-publication .stuk-linklist .stuk-linklist--button .stuk-linklist__item { display: block; width: 100%; } .yja-publication .stuk-linklist .stuk-linklist--button .stuk-linklist__item > a { display: block; } .yja-publication .stuk-paths > .stuk-path { grid-template-columns: 50px 1fr; column-gap: 1.5rem; } .yja-publication .stuk-paths > .stuk-path .stuk-path__index { } .yja-publication .stuk-paths > .stuk-path .stuk-path__index > .stuk-path__index--icon { } .yja-publication .stuk-paths > .stuk-path .stuk-path__index > .stuk-path__index--icon > svg { width: 50px; height: 50px; } .yja-publication .stuk-paths > .stuk-path .stuk-path__index .stuk-path__index--value { top: 8px; } .yja-publication .stuk-paths > .stuk-path .stuk-path__index:after { top: 50px; } .yja-publication .stuk-paths > .stuk-path > .stuk-path__content { padding-top: 0; } } @media (min-width: 768.1px) { .yja-publication .yjaInfoBox { float: right; width: 40%; margin: 0 0 1.25rem 1.25rem; } .yja-publication .portlet-navigation { margin-top: 3rem; } .yja-publication .portlet-navigation .portlet-body > .yja-publication__header { display: grid; grid-template-columns: minmax(min-content, 300px) 1fr; align-items: center; max-width: 1440px; margin: 0 auto; padding: 0 1.25rem; } .yja-publication .portlet-navigation .sidebar-logo { max-width: 250px; width: 100%; text-align: right; margin-left: 0; display: flex !important; } .yja-publication .list-menu, .yja-publication nav.main-navigation { } .yja-publication .list-menu > ul, .yja-publication nav.main-navigation > ul { display: flex; } .yja-publication .list-menu > ul > li, .yja-publication nav.main-navigation > ul > li { padding: .75rem .25rem; margin: 0; } .yja-publication .list-menu > ul > li > a, .yja-publication nav.main-navigation > ul > li > a { display: none; } .yja-publication .list-menu > ul > li.list-menu__header, .yja-publication nav.main-navigation > ul > li.list-menu__header { } .yja-publication .list-menu > ul > li.list-menu__header > ul, .yja-publication nav.main-navigation > ul > li.list-menu__header > ul { display: flex; } .yja-publication .list-menu > ul > li.list-menu__header > ul > li, .yja-publication nav.main-navigation > ul > li.list-menu__header > ul > li { position: relative; display: flex; align-items: center; } .yja-publication .list-menu > ul > li.list-menu__header > ul > li > a, .yja-publication nav.main-navigation > ul > li.list-menu__header > ul > li > a { font-size: 1.125rem; margin-right: 1.5rem; color: #000; font-weight: 700; } .yja-publication .list-menu > ul > li.list-menu__header > ul > li > a:hover, .yja-publication nav.main-navigation > ul > li.list-menu__header > ul > li > a:hover { text-decoration: none; } .yja-publication .list-menu > ul > li.list-menu__header > ul > li > a > span, .yja-publication nav.main-navigation > ul > li.list-menu__header > ul > li > a > span { position: relative; } .yja-publication .list-menu > ul > li.list-menu__header > ul > li > a > span:after, .yja-publication nav.main-navigation > ul > li.list-menu__header > ul > li > a > span:after { display: inline; position: absolute; height: 4px; bottom: -10px; left: 0; content: ""; margin-top: 5px; width: 100%; background-image: linear-gradient(#e5c42e, #e5c42e); background-position: 0 100%; background-repeat: no-repeat; background-size: 0 4px; transition: all .5s; } .yja-publication .list-menu > ul > li.list-menu__header > ul > li > button.a11y-toggler, .yja-publication nav.main-navigation > ul > li.list-menu__header > ul > li > button.a11y-toggler { top: auto; } .yja-publication .list-menu > ul > li.list-menu__header > ul > li:hover, .yja-publication nav.main-navigation > ul > li.list-menu__header > ul > li:hover, .yja-publication .list-menu > ul > li.list-menu__header > ul > li:focus-within, .yja-publication nav.main-navigation > ul > li.list-menu__header > ul > li:focus-within { } .yja-publication .list-menu > ul > li.list-menu__header > ul > li:hover > a > span:after, .yja-publication nav.main-navigation > ul > li.list-menu__header > ul > li:hover > a > span:after, .yja-publication .list-menu > ul > li.list-menu__header > ul > li:focus-within > a > span:after, .yja-publication nav.main-navigation > ul > li.list-menu__header > ul > li:focus-within > a > span:after { background-size: 100% 4px; } .yja-publication .list-menu > ul > li.list-menu__header > ul > li:not(:first-child), .yja-publication nav.main-navigation > ul > li.list-menu__header > ul > li:not(:first-child) { margin-left: 1.25rem; } .yja-publication .list-menu > ul > li a, .yja-publication nav.main-navigation > ul > li a { padding: 0; color: $textColor; font-weight: $font-weight-bold; font-size: $font-size-md; } .yja-publication .list-menu > ul > li.has-children, .yja-publication nav.main-navigation > ul > li.has-children { } .yja-publication .list-menu > ul > li.has-children button, .yja-publication nav.main-navigation > ul > li.has-children button { margin-right: 0; } .yja-publication .list-menu > ul > li.has-children > div, .yja-publication nav.main-navigation > ul > li.has-children > div { padding: 1.25rem; margin-top: 1.25rem; } .yja-publication .list-menu > ul > li.has-children > div > ul, .yja-publication nav.main-navigation > ul > li.has-children > div > ul { padding: 0; margin-left: 0; margin-right: auto; text-align: left; } .yja-publication .list-menu > ul > li.has-children > div > ul > li, .yja-publication nav.main-navigation > ul > li.has-children > div > ul > li { margin-bottom: 1.25rem; } .yja-publication .list-menu > ul > li.has-children > div > ul > li a, .yja-publication nav.main-navigation > ul > li.has-children > div > ul > li a { font-weight: $font-weight-normal; color: $textColor; } .yja-publication .list-menu > ul > li.has-children > div > ul > li a:hover, .yja-publication nav.main-navigation > ul > li.has-children > div > ul > li a:hover { background: transparent; color: $orange; } .yja-publication .list-menu > ul > li.has-children > div > ul > li.selected, .yja-publication nav.main-navigation > ul > li.has-children > div > ul > li.selected { background: transparent; } .yja-publication .list-menu > ul > li.has-children > div > ul > li:last-child, .yja-publication nav.main-navigation > ul > li.has-children > div > ul > li:last-child { margin-bottom: 0; } .yja-publication .list-menu > ul > li:hover, .yja-publication nav.main-navigation > ul > li:hover { } .yja-publication .list-menu .a11y-nav__sub, .yja-publication nav.main-navigation .a11y-nav__sub { padding: 1.25rem; margin-top: 2.5rem; top: 0; z-index: 10; width: auto; right: auto; min-width: 20rem; position: absolute; background: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); } .yja-publication .list-menu .a11y-nav__sub > ul, .yja-publication nav.main-navigation .a11y-nav__sub > ul { padding: 0; margin-bottom: 0; } .yja-publication .list-menu .a11y-nav__sub > ul li, .yja-publication nav.main-navigation .a11y-nav__sub > ul li { margin-bottom: .625rem; } .yja-publication .list-menu .a11y-nav__sub > ul li > a, .yja-publication nav.main-navigation .a11y-nav__sub > ul li > a { color: #000; } } @media (min-width: 940px) { .yja-publication .navigation-vertical .sidebar-left + .portlet-column { margin: 0 auto; } } @media (max-width: 768px) { .yja-publication #banner .mobile-navigation .mobile-navigation-container nav { } .yja-publication #banner .mobile-navigation .mobile-navigation-container nav > .a11y-nav { max-width: 100%; padding: 0; } .yja-publication #banner .mobile-navigation .mobile-navigation-container nav > .a11y-nav li.list-menu__header, .yja-publication #banner .mobile-navigation .mobile-navigation-container nav > .a11y-nav li.a11y-nav__item { border-bottom: 1px solid #d2d2d2; } .yja-publication #banner .mobile-navigation .mobile-navigation-container nav > .a11y-nav li.list-menu__header > a, .yja-publication #banner .mobile-navigation .mobile-navigation-container nav > .a11y-nav li.a11y-nav__item > a { color: #000; } .yja-publication #banner .mobile-navigation .mobile-navigation-container nav > .a11y-nav li.a11y-nav__item:last-of-type { border-bottom: 0; } .yja-publication #banner .mobile-navigation .mobile-navigation-container nav > .a11y-nav ul { border-top: 1px solid #d2d2d2; } .yja-publication #banner .mobile-navigation .mobile-navigation-container nav .a11y-toggler .icon-plus:before { transform: rotate(-90deg); } .yja-publication #banner .mobile-navigation .mobile-navigation-container nav .a11y-navgroup { margin-bottom: 0; } } @media (min-width: 768px) { .yja-publication #footer .yja_footer__container { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 1.25rem; } .yja-publication .stuk-hero.stuk-hero--noimage:before { position: absolute; content: ""; height: 100%; width: 50%; left: 0; top: 0; bottom: 0; right: auto; background: #23195a; z-index: 0; } .yja-publication .stuk-hero.stuk-hero--noimage:after { position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: auto; width: 50%; height: 100%; background: #c0dbf6; z-index: 0; } .yja-publication .stuk-hero.stuk-hero--noimage .stuk-hero__content { align-items: center; grid-template-columns: minmax(auto, 28rem) 60%; } } @media (max-width: 767.9999px) { .yja-publication #footer .yja_footer__container { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1.25rem; } } @media (max-width: 520px) { .yja-publication #footer .yja_footer__container { display: grid; grid-template-columns: 1fr; grid-gap: 1.25rem; } } @media (max-width: 1199.99px) { .yja-publication #banner .stuk-alert .stuk-alert__container { padding-left: 1.25rem; padding-right: 1.25rem; } } @media (max-width: 630px) { .yja-publication #banner .stuk-alert .stuk-alert__container { display: block; } .yja-publication #banner .stuk-alert .stuk-alert__title { width: 100%; } .yja-publication #banner .stuk-alert .stuk-alert__content { width: 100%; } } @media (min-width: 630.1px) { .yja-publication #banner .stuk-alert .stuk-alert__title { width: 100%; flex: 0 0 20%; margin-right: 2%; } .yja-publication #banner .stuk-alert .stuk-alert__content { flex: 0 0 70%; } } @media (max-width: 1300px) { .yja-publication .stuk-hero { padding: 0 1.25rem; } } @media (min-width: 1024.999px) { .yja-publication .stuk-hero { align-items: center; grid-template-columns: 1fr 1fr; } } @media (min-width: 768px) and (max-width: 1424px) { .yja-publication .stuk-hero.stuk-hero--noimage .stuk-hero__content { padding-left: 1.25rem; padding-right: 1.25rem; } } @media (max-width: 767.999px) { .yja-publication .stuk-hero.stuk-hero--noimage .stuk-hero__content { padding-left: 0; padding-right: 0; } .yja-publication .stuk-hero.stuk-hero--noimage .stuk-hero__content .stuk-hero__title { margin-bottom: 0; padding-left: calc(2 * 1.875rem); } .yja-publication .stuk-hero.stuk-hero--noimage .stuk-hero__content .stuk-hero__text { padding-right: calc(2 * 1.875rem); } } @media (max-width: 1024.999px) { .yja-publication .stuk-hero:not(.stuk-hero--noimage) .stuk-hero__content { padding-left: 1.25rem; padding-right: 1.25rem; } } @media (max-width: 1424px) { .yja-publication .stuk-linklist { padding-left: 1.25rem; padding-right: 1.25rem; } } @media (max-width: 767.9px) { .yja-publication .stuk-linklist .stuk-linklist--box { grid-template-columns: 1fr; } .yja-publication #content > .landingpage-layout-container .stuk-linklist--box { grid-template-columns: 1fr; } } @media (max-width: 899px) { .yja-publication #content > .landingpage-layout-container .stuk-linklist--box { grid-template-columns: 1fr 1fr; } } @media (max-width: 1023.999px) { .yja-publication .stuk-articles__listing.stuk-articles__listing--grid { grid-template-columns: 1fr 1fr; } } @media (max-width: 619.999px) { .yja-publication .stuk-articles__listing.stuk-articles__listing--grid { grid-template-columns: 1fr; } } @media (min-width: 620px) { .yja-publication .stuk-articles__listing.stuk-articles__listing--grid.grid--half { grid-template-columns: 1fr 1fr; } }