@import url('/o/common-ui-resources/fonts/open-sans/main.css'); .top-frame body { font-size: 1.2rem; color: #111; font-family: "Open sans",Helvetica,Arial,sans-serif; line-height: 1.6; } .top-frame a { color: #00638d; } .top-frame a:hover, .top-frame a:focus { color: #00638d; } .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: #111; font-weight: bold; font-style: normal; font-family: "Open sans",Helvetica,Arial,sans-serif; display: block; margin: 10px 0; } .top-frame h1 a, .top-frame h2 a, .top-frame h3 a, .top-frame h4 a, .top-frame h5 a, .top-frame h6 a, .top-frame .heading1 a, .top-frame .heading2 a, .top-frame .heading3 a, .top-frame .heading4 a, .top-frame .heading5 a, .top-frame .heading6 a { color: inherit; } .top-frame input.search-query { border-radius: 0.2rem; -moz-border-radius: 0.2rem; -webkit-border-radius: 0.2rem; } .top-frame .btn { border-radius: 0.2rem; -moz-border-radius: 0.2rem; -webkit-border-radius: 0.2rem; } .top-frame .btn.btn-default { border: solid 1px #00638d; background: #00638d; color: #fff; } .top-frame .btn.btn-default:hover { background: #007cb0; } .top-frame .btn.btn-primary, .top-frame .btn.search-form_submit { background-color: #00638d; color: white; } .top-frame .btn.btn-primary:hover, .top-frame .btn.search-form_submit:hover { background-color: #00597f; } .top-frame .btn.search-form_submit { border-color: #00638d; } .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.2rem; -moz-border-radius: 0.2rem; -ms-border-radius: 0.2rem; -o-border-radius: 0.2rem; border-radius: 0.2rem; } .top-frame .badge:not(.error-notice), .top-frame .label, .top-frame .yja-tag { border: 1px solid #111; } .top-frame .portlet-navigation .nav-menu ul a { color: #111; } .top-frame .portlet-navigation .nav-menu ul ul a { color: #131313; } .top-frame .portlet-navigation .nav-menu > ul > li { color: #131313; } .top-frame .events .event-highlight { font-size: 1.1em; border-top: solid 1px #00638d; } .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 #00638d; } .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: #00638d; display: block; position: relative; } .top-frame .events.event-search-portlet .event-list-wrapper > .span12 > .span3 { background: #00638d; } .top-frame .events.event-search-portlet .event-list-wrapper { border-color: #00638d; } .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: #00638d; 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 #00638d; border-right: 1px solid #00638d; border-left: 1px solid #00638d; 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: #00638d; } .top-frame #scrollToTop { color: #fff; background: #00638d; } .top-frame #scrollToTop:hover { background: #00597f; } .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: #00638d; color: white !important; } .top-frame #banner .language-version-selection-portlet .lang-nav ul { background: #00638d; } .top-frame .media-item .small figure { float: left; margin-right: 1em; } .top-frame .media-item .dark-link { color: #111; } .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: #111; } .top-frame .media-item .meta { margin-bottom: em(5px); color: #141414; font-size: .9em; } .top-frame .feed-item.simple .meta { color: #141414; font-size: .9em; } .top-frame .feed-item.simple h6 a { color: #111; } .top-frame ul.position-nav li.selected { background: #00638d; } .top-frame ul.position-nav li.selected:hover { background-color: #00638d; } .top-frame .carousel .description { font-family: "Open sans",Helvetica,Arial,sans-serif; font-weight: normal; } .panel.border-top-emphasis { border-top: solid 4px #00638d; } .top-frame #banner { background-repeat: repeat; background-size: initial; background-position: center top; background-color: transparent; background-image: url('data:image/svg+xml,data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg"/%3E'); color: #fff; } .top-frame #banner a { color: #fff; } .top-frame #heading { height: auto; padding: 0; } .top-frame #heading .yja-site-template-settings-header-portlet { height: 100%; } .top-frame #heading .yja-site-template-settings-header-portlet .portlet-borderless-container, .top-frame #heading .yja-site-template-settings-header-portlet .portlet-body, .top-frame #heading .yja-site-template-settings-header-portlet .header-row { height: 100%; } .top-frame #heading .yja-site-template-settings-header-portlet .header-top-left-cell, .top-frame #heading .yja-site-template-settings-header-portlet .header-top-right-cell { align-self: center; } .top-frame #banner nav ul.site-theme__navigation { background-color: transparent; color: #454545; } .top-frame #banner nav ul.site-theme__navigation li a:hover { background-color: darken(transparent, 10%); } .top-frame #banner nav ul.site-theme__navigation li.selected { background-color: #00638d; 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: #00597f; } .top-frame #banner nav a { color: #454545; } .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: #00638d; color: #fff; } .top-frame #footer a { color: #fff; } .top-frame #footer .footer-bottom-bar { background-color: #00638d; } .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: #daedf2; } .top-frame .homepage .layout-wrapper-wide *, .top-frame .homepage .layout-wrapper-wide .carousel-wrapper ul li h3 a .description { color: #454545; } .top-frame #main-content, .top-frame #footer .container-fluid, .top-frame #banner .main-nav, .top-frame .layout-wrapper, .top-frame .layout-wrapper-wide-container { max-width: 100%; } .mobile-menu-actions { right: 0; } .mobile-menu-actions a.menu-icon { background: #fff; color: #111; } .mobile-menu-actions a { color: #00638d; } .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: #00638d; } .mm-menu { border-color: #00638d; } .mm-menu a { color: white; } .mm-menu a:hover, .mm-menu a:focus { color: white; } .top-frame body { overflow-x: hidden; width: 100%; } .top-frame .container { max-width: 88rem; } .top-frame .portlet-body { position: relative; } .top-frame footer { margin-top: 1rem; } .top-frame footer img { max-width: 70%; } .top-frame footer .footer-main-content { padding: 3rem 0; } .top-frame footer .footer-main-content .row .col { flex-basis: 100%; margin-bottom: 2rem; } .top-frame footer .footer-main-content .row .col h1, .top-frame footer .footer-main-content .row .col h2, .top-frame footer .footer-main-content .row .col h3, .top-frame footer .footer-main-content .row .col h4, .top-frame footer .footer-main-content .row .col h5, .top-frame footer .footer-main-content .row .col h6 { color: white !important; } .top-frame footer .footer-main-content .row .col h2 { font-weight: bold !important; font-size: 1.275rem !important; } .top-frame footer .footer-main-content .row .col div p a { text-decoration: underline !important; } .top-frame footer .footer-main-content .row .col div p a:hover { text-decoration: none !important; } .top-frame footer .footer-main-content .yja-external-link:after { content: "\f08e"; font-family: "fontawesome-alloy"; margin: 0 0 0 4px; display: inline-block; font-size: 0.875em; position: relative; top: 0.1rem; } .top-frame .hero-area .layout-wrapper, .top-frame .valvira-highlight-links, .top-frame .content-width, .top-frame .columns-1-2, .top-frame .listing-layout, .top-frame .button-area, .top-frame .portlet-nested-portlets, .top-frame .portlet-asset-publisher, .top-frame .yja-site-template-settings-header-portlet .layout-wrapper-wide-container, .top-frame .main-nav > ul, .top-frame .link-highlights > ul, .top-frame .footer-main-content, .top-frame .journal-display-page { max-width: 88rem !important; margin-left: auto; margin-right: auto; padding-left: 1rem !important; padding-right: 1rem !important; } .top-frame .journal-display-page { padding-top: 2rem !important; padding-bottom: 4rem !important; } .top-frame .fess-search-portlet, .top-frame .content-text-width, .top-frame .columns-max { max-width: 44rem !important; margin-left: auto; margin-right: auto; padding-left: 1rem !important; padding-right: 1rem !important; padding-top: 2rem !important; padding-bottom: 2rem !important; } .top-frame .portlet-nested-portlets { padding-bottom: 0 !important; } .top-frame .portlet-asset-publisher { padding-bottom: 0 !important; } .top-frame .fess-search-portlet, .top-frame #content .col-md-8 .journal-content-article, .top-frame #content .col-md-8 .excel-reader-portlet { max-width: 900px !important; } .top-frame #content .col-md-9 .portlet-asset-publisher { padding: 1rem 0 2rem 0 !important; } .top-frame .fess-search-portlet h1 { display: none; } .top-frame .fess-search-portlet h2 { font-size: 1.2rem !important; line-height: 1.5 !important; } .top-frame .layout-wide .layout-wrapper-wide { background-color: #daedf2; } .top-frame .layout-wide.listing-layout { margin: 1rem auto 3rem auto; } .top-frame .layout-wide.listing-layout .layout-wrapper-wide { background-color: unset !important; } .top-frame .layout-wrapper-wide { margin: 0; padding: 0; padding-top: 1rem; padding-bottom: 2rem; } .top-frame h1, .top-frame h2, .top-frame h3, .top-frame h4, .top-frame h5, .top-frame h6 { font-weight: 600; } .top-frame h1:not(:first-child), .top-frame h2:not(:first-child), .top-frame h3:not(:first-child), .top-frame h4:not(:first-child), .top-frame h5:not(:first-child), .top-frame h6:not(:first-child) { margin-top: 3rem !important; } .top-frame h1 { font-size: 2.4rem !important; } .top-frame h2 { font-size: 1.8rem !important; } .top-frame h3 { font-size: 1.4rem !important; } .top-frame .lead, .top-frame .ingress { font-size: 1.4rem; } .top-frame p { margin: 0 0 1.4rem 0; } .top-frame .portlet-configuration .table, .top-frame .portlet-configuration-setup .table { width: auto; } .top-frame .portlet-navigation .list-menu { font-size: inherit; } .top-frame .portlet-navigation .list-menu ul.layouts { font-size: 1.1rem; margin-top: 0.5rem; } .top-frame .portlet-navigation .list-menu ul.layouts li a { color: #111; font-weight: 600; hyphens: auto; } .top-frame .portlet-navigation .list-menu ul.layouts li a.selected { background-color: #daedf2; text-decoration: underline; } .top-frame .portlet-navigation .list-menu ul.layouts li a.selected:hover, .top-frame .portlet-navigation .list-menu ul.layouts li a.selected:focus { text-decoration: none; } .top-frame .portlet-navigation .list-menu ul.layouts li a:not(.selected) { text-decoration: none; } .top-frame .portlet-navigation .list-menu ul.layouts li a:not(.selected):hover, .top-frame .portlet-navigation .list-menu ul.layouts li a:not(.selected):focus { text-decoration: underline; } .top-frame .valvira-highlight-links.style-highlights ul { list-style: none; margin: 0 0 2rem 0; padding: 0; display: grid; grid-template-columns: repeat(1, 1fr); grid-column-gap: 1rem; grid-template-rows: repeat(1, 1fr); grid-row-gap: 1rem; justify-items: center; } .top-frame .valvira-highlight-links.style-highlights ul li { width: 100%; } .top-frame .valvira-highlight-links.style-highlights ul li a { display: flex; justify-content: space-between; align-items: center; background-color: #a51762; color: #fff; font-weight: 600; padding: 0.8rem 1.5rem; height: 100%; min-height: 4rem; text-decoration: none !important; } .top-frame .valvira-highlight-links.style-highlights ul li a:after { background-color: #fff; color: #a51762; } .top-frame .valvira-highlight-links.style-highlights ul li a:focus, .top-frame .valvira-highlight-links.style-highlights ul li a:hover, .top-frame .valvira-highlight-links.style-highlights ul li a:active { text-decoration: underline !important; background-color: #ce1d7a !important; color: #fff !important; } .top-frame .valvira-highlight-links.style-popular ul { list-style: none; margin: 0 0 2rem 0; padding: 0; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .top-frame .valvira-highlight-links.style-popular ul li a { display: inline-block; white-space: nowrap; background-color: #fff; border: 2px solid #c2c2c2; color: #111; font-weight: 600; padding: 1.2rem 1.5rem; margin: 0 0.5rem 1rem 0.5rem; text-decoration: none !important; } .top-frame .valvira-highlight-links.style-popular ul li a:focus, .top-frame .valvira-highlight-links.style-popular ul li a:hover, .top-frame .valvira-highlight-links.style-popular ul li a:active { text-decoration: underline !important; background-color: #d6d6d6 !important; border: 2px solid #c2c2c2 !important; color: #111 !important; } .top-frame ul.list__assets.results { margin: 0; padding: 0; } .top-frame ul.list__assets.results li.valvira-news__listing { list-style: none; border-bottom: 1px solid #ccc; padding: 1rem; margin: 0; } .top-frame .valvira-news ul { list-style: none; margin: 0 auto 2rem auto; padding: 0; display: grid; grid-template-columns: repeat(1, minmax(100px, 1fr)); grid-column-gap: 1rem; grid-template-rows: repeat(1, 1fr); grid-row-gap: 1rem; max-width: 88rem; } .top-frame .valvira-news ul li { display: flex; flex-direction: column; } .top-frame .valvira-news ul li section { display: flex; flex-direction: column; flex-grow: 1; } .top-frame .valvira-news ul li section .valvira-news-content { background-color: #fff; padding: 2rem; flex-grow: 1; } .top-frame .valvira-news ul li section .valvira-news-content .meta { font-size: 0.9rem; margin-bottom: 1rem; } .top-frame .valvira-news ul li section .valvira-news-content .meta .published { margin-right: 0.5rem; } .top-frame .valvira-news ul li section .valvira-news-content .meta .tags .yja-category-group .yja-tag { border: 0; background-color: #daedf2; text-transform: unset; color: #111; font-size: 0.9rem; padding: 0.3rem 0.6rem; } .top-frame .valvira-news ul li section .valvira-news-content a { font-weight: 600; font-size: 1.4rem; text-decoration: none; hyphens: auto; } .top-frame .valvira-news ul li section .valvira-news-content a:hover, .top-frame .valvira-news ul li section .valvira-news-content a:focus { text-decoration: underline; } .top-frame .theme-highlight .content-wrapper { display: flex; flex-direction: column; } .top-frame .theme-highlight .content-wrapper .image-wrapper img { width: 100%; } .top-frame .theme-highlight .content-wrapper .text-wrapper { background-color: #fff; padding: 2rem; flex-grow: 1; } .top-frame .theme-highlight .content-wrapper .text-wrapper .meta { font-size: 0.9rem; margin-bottom: 1rem; } .top-frame .theme-highlight .content-wrapper .text-wrapper a { font-weight: 600; font-size: 1.4rem; text-decoration: none; } .top-frame .theme-highlight .content-wrapper .text-wrapper a:hover { text-decoration: underline; } .top-frame .theme-highlight .content-wrapper .text-wrapper .content { font-size: 1rem; } .top-frame .signed-out .portlet:hover .portlet-header { position: relative !important; } .top-frame .signed-out .layout-wrapper-wide-container .portlet-journal-content .portlet:hover .portlet-header { position: absolute !important; } .top-frame .portlet-nested-portlets .portlet, .top-frame .portlet-nested-portlets .portlet .portlet-content, .top-frame .portlet-nested-portlets .portlet .portlet-content .portlet-content-container, .top-frame .portlet-nested-portlets .portlet .portlet-content .portlet-content-container .portlet-body, .top-frame .portlet-nested-portlets .portlet .portlet-content .portlet-content-container .portlet-body > div, .top-frame .portlet-nested-portlets .portlet .portlet-content .portlet-content-container .portlet-body .journal-content-article, .top-frame .portlet-nested-portlets .portlet .portlet-content .portlet-content-container .portlet-body .journal-content-article .theme-highlight, .top-frame .portlet-nested-portlets .portlet .portlet-content .portlet-content-container .portlet-body .journal-content-article .theme-highlight .content-wrapper { height: 100%; } .top-frame .portlet-nested-portlets .col-md-4 { flex-basis: 100%; max-width: 100%; margin-bottom: 2rem; } .top-frame .portlet-title { font-weight: 600; display: block; padding-top: 2rem; padding-bottom: 2rem; width: 100%; max-width: 88rem; margin-left: auto; margin-right: auto; white-space: unset; } .top-frame .center-title .portlet-title { text-align: center; } .top-frame ul.breadcrumb.breadcrumb-horizontal { margin: 0 0 1rem 0; font-size: 0.9rem; color: #00638d; } .top-frame ul.breadcrumb.breadcrumb-horizontal li { color: #111; } .top-frame ul.breadcrumb.breadcrumb-horizontal li a:hover, .top-frame ul.breadcrumb.breadcrumb-horizontal li a:focus { text-decoration: none !important; } .top-frame ul.breadcrumb.breadcrumb-horizontal li.active { color: #111; } .top-frame #yja-cookie-dialog .yja-cookie-dialog-buttons { padding: 0 1rem 1rem 1rem; } .top-frame .has-control-menu.open .sidenav-fixed .panel ul { margin-left: 1rem; } .top-frame .signed-in { padding-top: 4rem; } .top-frame .signed-in .control-menu-nav { margin: 0 !important; } .top-frame .list-menu ul { margin-bottom: 0 !important; } .top-frame .list-menu ul li.hasChild a { padding-right: 2.33333em !important; } .top-frame .list-menu ul li.hasChild ul { padding: 0 !important; } .top-frame .list-menu ul li ul a { padding: 0.66667em 1em 0.6em !important; } .top-frame .list-menu ul li ul.level-2 li > a { padding-left: calc(1em * 2) !important; } .top-frame .list-menu ul li ul.level-3 li > a { padding-left: calc(1em * 3) !important; } .top-frame .adoptio header#banner { display: none; } .top-frame .adoptio a { color: #2e6407 !important; } .top-frame .adoptio #footer a { color: #fff !important; } .top-frame .adoptio #column-10 .portlet-navigation { display: block !important; } .top-frame .adoptio .hero-area .hero-links li a { border-color: #2e6407 !important; } .top-frame .adoptio .hero-area .hero-links li a:hover, .top-frame .adoptio .hero-area .hero-links li a:focus { background-color: #2e6407 !important; } .top-frame .adoptio .layout-wrapper-wide { background-color: #ebf2e6 !important; } .top-frame .adoptio .yja-accordion .yja-accordion-wrapper .yja-accordion-toggle { color: #2e6407 !important; } .top-frame .adoptio .yja-accordion .yja-accordion-wrapper .yja-accordion-toggle button, .top-frame .adoptio .yja-accordion .yja-accordion-wrapper .yja-accordion-toggle .icon { color: #2e6407 !important; } .top-frame .adoptio .valvira-highlight-links.style-highlights ul li a { background-color: #3e820d !important; color: #fff !important; } .top-frame .adoptio .valvira-highlight-links.style-highlights ul li a:after { background-color: #fff !important; color: #3e820d !important; } .top-frame .adoptio .valvira-highlight-links.style-highlights ul li a:focus, .top-frame .adoptio .valvira-highlight-links.style-highlights ul li a:hover, .top-frame .adoptio .valvira-highlight-links.style-highlights ul li a:active { background-color: #2e6407 !important; color: #fff !important; } .top-frame .adoptio .portlet-navigation .list-menu ul.layouts li a.selected { background-color: #f4f4f4; } .top-frame .adoptio .portlet-navigation .list-menu ul.layouts li a:hover, .top-frame .adoptio .portlet-navigation .list-menu ul.layouts li a:focus { text-decoration: underline; } .top-frame .adoptio .valvira-tabs .nav.nav-pills .nav-item.nav-link { color: #3e820d !important; background-color: #f4f4f4 !important; font-weight: normal; } .top-frame .adoptio .valvira-tabs .nav.nav-pills .nav-item.nav-link:hover, .top-frame .adoptio .valvira-tabs .nav.nav-pills .nav-item.nav-link:focus { background-color: #3e820d !important; color: #fff !important; } .top-frame .adoptio .valvira-tabs .nav.nav-pills .nav-item.nav-link.active { background-color: #3e820d !important; color: #fff !important; font-weight: bold; } .top-frame .adoptio .valvira-tabs .nav.nav-pills .nav-item.nav-link.active:hover, .top-frame .adoptio .valvira-tabs .nav.nav-pills .nav-item.nav-link.active:focus { background-color: #3e820d !important; color: #fff !important; } .top-frame .adoptio .valvira-tabs .tab-content { background-color: #f4f4f4; } .top-frame .adoptio .valvira-tabs .tab-content .tab-pane { background-color: #f4f4f4; } .top-frame .adoptio .valvira-tabs a { text-decoration: none; color: #2e6407; } .top-frame .adoptio .valvira-tabs a:hover, .top-frame .adoptio .valvira-tabs a:focus { text-decoration: underline; } .top-frame .adoptio-header { background-color: #fff; padding: 0; margin: 0; } .top-frame .adoptio-header .layout-wrapper { display: flex; } .top-frame .adoptio-header .back-link { margin-bottom: 1rem; } .top-frame .adoptio-header .back-link a { font-size: 1rem; background-color: #f4f4f4; padding: 0.5rem; border-radius: 0.2rem; display: inline-block; text-decoration: none; } .top-frame .adoptio-header .back-link a:hover, .top-frame .adoptio-header .back-link a:focus { text-decoration: underline; } .top-frame .adoptio-header .back-link a:before { content: "\f104" !important; font-family: "fontawesome-alloy"; margin: 0 0.5rem 0 0.5rem !important; display: inline-block; font-size: 1rem !important; position: relative; } .top-frame .adoptio-header .section-title { font-weight: 600; font-size: 2rem; margin-bottom: 1.5rem; } .top-frame .adoptio-header .section-title a { color: #111 !important; text-decoration: none; } .top-frame .adoptio-header .section-title a:hover, .top-frame .adoptio-header .section-title a:focus { text-decoration: underline; } .top-frame .adoptio-header .yja-toolbar { flex-grow: 1; position: relative; display: flex; justify-content: flex-end; align-items: center; max-width: 100%; margin: 0 auto; } .top-frame .adoptio-header .yja-toolbar .yja-links-container { display: flex; } .top-frame .adoptio-header .yja-toolbar .yja-links-container .yja-links ul { display: flex; list-style: none; margin: 0 1rem; padding: 0; } .top-frame .adoptio-header .yja-toolbar .yja-links-container .yja-links ul li { margin: 0 1rem 0 0; padding: 0; } .top-frame .adoptio-header .yja-toolbar .yja-links-container .yja-links ul li a { padding: 0.5rem; text-decoration: none; display: block; } .top-frame .adoptio-header .yja-toolbar .yja-links-container .yja-links ul li a:hover, .top-frame .adoptio-header .yja-toolbar .yja-links-container .yja-links ul li a:focus { text-decoration: underline; } .top-frame .adoptio-header .yja-toolbar .yja-links-container a { color: #111; } .top-frame .adoptio-header .yja-toolbar button { background: transparent; color: #111; border: 0; } .top-frame .adoptio-header .yja-toolbar #adoptioDropdownToggleLanguage { cursor: pointer; display: flex; } .top-frame .adoptio-header .yja-toolbar #adoptioDropdownToggleLanguage .lexicon-icon { margin: 0.1rem; padding: 0.2rem 0.5rem; width: 2rem; height: 1.3rem; } .top-frame .adoptio-header .yja-toolbar #adoptioDropdownToggleLanguage span[aria-hidden="true"] { text-transform: uppercase; } .top-frame .adoptio-header .yja-toolbar #adoptioLanguagesDropdown { text-align: center; } .top-frame .adoptio-header .yja-toolbar .yja-dropdown { margin-right: 1.563rem; grid-area: links; } .top-frame .adoptio-header .yja-toolbar .yja-dropdown__list ul { position: absolute; z-index: 2; list-style-type: none; margin-left: -5rem; padding: 0.625rem 1.25rem; background: white; box-shadow: 0 2px 15px 5px rgba(0,0,0,0.1); width: 10rem; } .top-frame .adoptio-header .yja-toolbar .yja-dropdown__list li { margin-bottom: 0.75rem; } .top-frame .adoptio-header .yja-toolbar .yja-dropdown__list li > a { color: #111; } .top-frame #adoptio-nav { background-color: #3e820d; max-width: 100%; } .top-frame #adoptio-nav > ul { max-width: 88rem; margin-left: auto; margin-right: auto; color: #fff; display: flex; justify-content: space-between; margin-bottom: 0; } .top-frame #adoptio-nav > ul > li { padding: 0 0.4rem; display: flex; align-items: center; position: relative; } .top-frame #adoptio-nav > ul > li > a { background-color: #3e820d; color: #fff !important; font-weight: 600; padding: 1.4rem 0.4rem; text-decoration: none !important; height: 100%; display: flex; align-items: center; } .top-frame #adoptio-nav > ul > li > a:hover, .top-frame #adoptio-nav > ul > li > a:focus { background-color: #2e6407; text-decoration: underline !important; } .top-frame #adoptio-nav > ul > li > button { cursor: pointer; display: inline-block; margin-right: 0.5rem; background: transparent; border: 0; } .top-frame #adoptio-nav > ul > li > button:hover, .top-frame #adoptio-nav > ul > li > button:focus { background-color: #2e6407; } .top-frame #adoptio-nav > ul > li > button .icon.icon-plus:before, .top-frame #adoptio-nav > ul > li > button .icon.icon-minus:before { content: "\f078" !important; color: #fff; } .top-frame #adoptio-nav > ul > li > button[aria-expanded="true"] .icon.icon-minus:before { content: "\f077" !important; color: #fff; } .top-frame #adoptio-nav > ul > li .a11y-nav__sub { z-index: 1; width: auto; right: auto; min-width: 20rem; position: absolute; background: #fff; box-shadow: 0px 3px 6px rgba(0,0,0,0.2); top: 4.7rem; background-color: #fff; color: #111; padding: 0 1rem; } .top-frame #adoptio-nav > ul > li .a11y-nav__sub ul { list-style: none; padding: 0; margin: 0; } .top-frame #adoptio-nav > ul > li .a11y-nav__sub ul li { position: relative; display: inline-block; width: 100%; } .top-frame #adoptio-nav > ul > li .a11y-nav__sub ul li a { display: block; cursor: pointer; background-color: #fff; color: #111; text-decoration: none; border-bottom: 1px solid #c2c2c2; padding: 0.93333em 1em; } .top-frame #adoptio-nav > ul > li .a11y-nav__sub ul li a:hover { text-decoration: underline; } .top-frame #adoptio-nav > ul > li.selected { background-color: #2e6407; } .top-frame #adoptio-nav > ul > li.selected > a { background-color: #2e6407; } .top-frame #adoptio-nav > ul > li:last-child .a11y-nav__sub { right: 0; } .page-wrapper #banner .header-top-bar { background-color: #fff; } .page-wrapper #banner .header-top-bar-links-lang, .page-wrapper #banner .language-version-selection-portlet, .page-wrapper #banner .header-top-right-area { display: none !important; } .page-wrapper #banner .layout-wrapper-wide-container { position: relative; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-left-cell { width: 20rem; flex: 0 0 auto; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-left-cell .logo { position: relative; display: flex; flex: 0 0 170px; margin-right: auto; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-left-cell .logo > img { display: block; max-height: 5rem; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-left-cell .logo:hover, .page-wrapper #banner .layout-wrapper-wide-container .header-top-left-cell .logo:focus { background-color: unset; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-bar-links-right { z-index: 10; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-bar-links-right .yja-toolbar { position: relative; display: flex; justify-content: flex-end; align-items: center; max-width: 100%; margin: 1.25rem auto auto; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-bar-links-right .yja-toolbar .yja-links-container { display: flex; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-bar-links-right .yja-toolbar .yja-links-container .yja-links ul { display: flex; list-style: none; margin: 0 1rem; padding: 0; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-bar-links-right .yja-toolbar .yja-links-container .yja-links ul li { margin: 0 1rem 0 0; padding: 0; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-bar-links-right .yja-toolbar .yja-links-container .yja-links ul li a { padding: 0.5rem; text-decoration: none; display: block; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-bar-links-right .yja-toolbar .yja-links-container .yja-links ul li a:hover, .page-wrapper #banner .layout-wrapper-wide-container .header-top-bar-links-right .yja-toolbar .yja-links-container .yja-links ul li a:focus { text-decoration: underline; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-bar-links-right .yja-toolbar .yja-links-container a { color: #111; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-bar-links-right .yja-toolbar button { background: transparent; color: #111; border: 0; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-bar-links-right .yja-toolbar #yjaDropdownToggleLanguage { cursor: pointer; display: flex; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-bar-links-right .yja-toolbar #yjaDropdownToggleLanguage .lexicon-icon { margin: 0.1rem; padding: 0.2rem 0.5rem; width: 2rem; height: 1.3rem; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-bar-links-right .yja-toolbar #yjaDropdownToggleLanguage span[aria-hidden="true"] { text-transform: uppercase; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-bar-links-right .yja-toolbar .yja-dropdown { margin-right: 1.563rem; grid-area: links; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-bar-links-right .yja-toolbar .yja-dropdown__list ul { position: absolute; z-index: 2; list-style-type: none; margin-left: -5rem; padding: 0.625rem 1.25rem; background: white; box-shadow: 0 2px 15px 5px rgba(0,0,0,0.1); width: 10rem; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-bar-links-right .yja-toolbar .yja-dropdown__list li { margin-bottom: 0.75rem; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-bar-links-right .yja-toolbar .yja-dropdown__list li > a { color: #111; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-bar-links-right .yja-search { border: 1px solid #00638d; padding: 0.313rem; height: 2.813rem; grid-area: search; } .adoptio .page-wrapper #banner .layout-wrapper-wide-container .header-top-bar-links-right .yja-search { border: 1px solid #4ea510; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-bar-links-right .yja-search:focus-within { outline: 4px solid ; outline-offset: 2px; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-bar-links-right .yja-search form input.search-query { border: 0; background: white; padding: 0 0.675rem; flex: 0 0 80%; margin-right: auto; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-bar-links-right .yja-search form input.search-query:focus { outline: 0; background: transparent; box-shadow: none; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-bar-links-right .yja-search button { margin-left: auto; flex: 0 0 auto; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-right-cell .header-top-right-area form.search-form .input-group input.search-query { background-color: #fff; border: 1px solid #00638d; font-size: 1rem; padding: 0.8rem 0.9rem; } .adoptio .page-wrapper #banner .layout-wrapper-wide-container .header-top-right-cell .header-top-right-area form.search-form .input-group input.search-query { border: 1px solid #4ea510; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-right-cell .header-top-right-area form.search-form .input-group .input-group-append input[type="submit"] { background-color: #fff; border: 1px solid #00638d; border-left: 0; color: #00638d; } .adoptio .page-wrapper #banner .layout-wrapper-wide-container .header-top-right-cell .header-top-right-area form.search-form .input-group .input-group-append input[type="submit"] { border: 1px solid #4ea510; } .adoptio .page-wrapper #banner .layout-wrapper-wide-container .header-top-right-cell .header-top-right-area form.search-form .input-group .input-group-append input[type="submit"] { color: #4ea510; } .page-wrapper #banner nav.main-nav { background-color: #00638d; max-width: 100%; } .adoptio .page-wrapper #banner nav.main-nav { background-color: #4ea510; } .page-wrapper #banner nav.main-nav > ul.site-theme__navigation { max-width: 88rem; margin-left: auto; margin-right: auto; color: #fff; display: flex; justify-content: space-between; } .page-wrapper #banner nav.main-nav > ul.site-theme__navigation > li { padding: 0 0.4rem; display: flex; align-items: center; } .page-wrapper #banner nav.main-nav > ul.site-theme__navigation > li > a { background-color: #00638d; color: #fff; font-weight: 600; padding: 1.4rem 0.4rem; text-decoration: none !important; height: 100%; display: flex; align-items: center; } .adoptio .page-wrapper #banner nav.main-nav > ul.site-theme__navigation > li > a { background-color: #4ea510; } .page-wrapper #banner nav.main-nav > ul.site-theme__navigation > li > a:hover, .page-wrapper #banner nav.main-nav > ul.site-theme__navigation > li > a:focus { background-color: #007cb0; text-decoration: underline !important; } .adoptio .page-wrapper #banner nav.main-nav > ul.site-theme__navigation > li > a:hover, .adoptio .page-wrapper #banner nav.main-nav > ul.site-theme__navigation > li > a:focus { background-color: #4ea510; } .page-wrapper #banner nav.main-nav > ul.site-theme__navigation > li > button { cursor: pointer; } .page-wrapper #banner nav.main-nav > ul.site-theme__navigation > li > button:hover, .page-wrapper #banner nav.main-nav > ul.site-theme__navigation > li > button:focus { background-color: #007cb0; } .adoptio .page-wrapper #banner nav.main-nav > ul.site-theme__navigation > li > button:hover, .adoptio .page-wrapper #banner nav.main-nav > ul.site-theme__navigation > li > button:focus { background-color: #ebf2e6; } .page-wrapper #banner nav.main-nav > ul.site-theme__navigation > li > button .icon.icon-plus:before, .page-wrapper #banner nav.main-nav > ul.site-theme__navigation > li > button .icon.icon-minus:before { content: "\f078" !important; color: #fff; } .page-wrapper #banner nav.main-nav > ul.site-theme__navigation > li > button[aria-expanded="true"] .icon.icon-minus:before { content: "\f077" !important; color: #fff; } .page-wrapper #banner nav.main-nav > ul.site-theme__navigation > li .a11y-nav__sub { top: 4.7rem; background-color: #fff; color: #111; padding: 0 1rem; z-index: 10; } .page-wrapper #banner nav.main-nav > ul.site-theme__navigation > li .a11y-nav__sub ul li a { display: block; background-color: #fff; color: #111; text-decoration: none; border-bottom: 1px solid #c2c2c2; } .page-wrapper #banner nav.main-nav > ul.site-theme__navigation > li .a11y-nav__sub ul li a:hover { text-decoration: underline; } .page-wrapper #banner nav.main-nav > ul.site-theme__navigation > li.selected { background-color: #007cb0; } .adoptio .page-wrapper #banner nav.main-nav > ul.site-theme__navigation > li.selected { background-color: #ebf2e6; } .page-wrapper #banner nav.main-nav > ul.site-theme__navigation > li.selected > a { background-color: #007cb0; } .adoptio .page-wrapper #banner nav.main-nav > ul.site-theme__navigation > li.selected > a { background-color: #ebf2e6; } .page-wrapper #banner nav.main-nav > ul.site-theme__navigation > li:last-child .a11y-nav__sub { right: 0; } .page-wrapper #content { margin: 0; padding: 0; } .page-wrapper #content #main-content { padding: 0; } blockquote, .yjaInfoBox { background-color: #daedf2; padding: 2rem; border-top: 0.2rem solid #00638d; margin-bottom: 2rem; } blockquote a, .yjaInfoBox a { text-decoration: underline !important; } blockquote a:hover, .yjaInfoBox a:hover { text-decoration: none !important; } .adoptio blockquote, .adoptio .yjaInfoBox { border-top: 0.2rem solid #4ea510; } blockquote *, .yjaInfoBox * { font-style: normal !important; } blockquote *:last-child, .yjaInfoBox *:last-child { margin-bottom: 0 !important; } .page-wrapper a { text-decoration: underline; } .page-wrapper a:hover, .page-wrapper a:focus, .page-wrapper a:active { color: #00597f; text-decoration: none; } .adoptio .page-wrapper a:hover, .adoptio .page-wrapper a:focus, .adoptio .page-wrapper a:active { color: #38750c; } .page-wrapper a, .page-wrapper button { -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; } .page-wrapper a.btn, .page-wrapper button.btn { display: inline-block; padding: 0.8rem 1.5rem; border-radius: 0.2rem; border: 1px solid #00638d; font-weight: 600; text-decoration: none !important; font-size: 1.1rem !important; margin-bottom: 1rem; } .adoptio .page-wrapper a.btn, .adoptio .page-wrapper button.btn { background-color: #3e820d; border: 1px solid #3e820d; color: #fff !important; } .page-wrapper a.btn.btn-default:focus, .page-wrapper button.btn.btn-default:focus { box-shadow: 0 0 0 .2rem rgba(0,0,0,0.75) !important; } .page-wrapper a.btn.btn-primary, .page-wrapper button.btn.btn-primary { background-color: #00638d; color: #fff; } .adoptio .page-wrapper a.btn.btn-primary, .adoptio .page-wrapper button.btn.btn-primary { background-color: #3e820d; } .page-wrapper a.btn.btn-primary:hover, .page-wrapper button.btn.btn-primary:hover, .page-wrapper a.btn.btn-primary:focus, .page-wrapper button.btn.btn-primary:focus, .page-wrapper a.btn.btn-primary:active, .page-wrapper button.btn.btn-primary:active { border: 1px solid #00638d; background-color: #007cb0; color: #fff; cursor: pointer; } .adoptio .page-wrapper a.btn.btn-primary:hover, .adoptio .page-wrapper button.btn.btn-primary:hover, .adoptio .page-wrapper a.btn.btn-primary:focus, .adoptio .page-wrapper button.btn.btn-primary:focus, .adoptio .page-wrapper a.btn.btn-primary:active, .adoptio .page-wrapper button.btn.btn-primary:active { border: 1px solid #2e6407; background-color: #295a06; } .page-wrapper a.btn.btn-primary:focus, .page-wrapper button.btn.btn-primary:focus { box-shadow: 0 0 0 .2rem rgba(0,0,0,0.75) !important; } .page-wrapper a.btn:hover, .page-wrapper button.btn:hover, .page-wrapper a.btn:focus, .page-wrapper button.btn:focus, .page-wrapper a.btn:active, .page-wrapper button.btn:active { border: 1px solid #00638d; background-color: #00597f; color: #fff; cursor: pointer; text-decoration: underline !important; } .adoptio .page-wrapper a.btn:hover, .adoptio .page-wrapper button.btn:hover, .adoptio .page-wrapper a.btn:focus, .adoptio .page-wrapper button.btn:focus, .adoptio .page-wrapper a.btn:active, .adoptio .page-wrapper button.btn:active { border: 1px solid #2e6407; background-color: #295a06; } .page-wrapper a:focus-within, .page-wrapper button:focus-within { position: relative; z-index: 10; } .page-wrapper .arrow-right.yja-external-link span:first-child:after { content: "\f08e"; font-family: "fontawesome-alloy"; margin: 0 0 0 0.5rem; display: inline-block; font-size: 0.875em; position: relative; top: 0; } .page-wrapper .arrow-right:after { content: "\f105" !important; font-family: "fontawesome-alloy"; margin: 0.1rem 0 0 0.5rem !important; display: block; font-size: 1.2rem !important; position: relative; } .page-wrapper .yja-external-link:after { content: "\f08e"; font-family: "fontawesome-alloy"; margin: 0 0 0 4px; display: inline-block; font-size: 0.875em; position: relative; top: 0.1rem; } .page-wrapper .after-rounded:after { width: 2rem; height: 2rem; text-align: center; border-radius: 1rem; opacity: 0.9; flex-shrink: 0; flex-grow: 0; } .page-wrapper ul, .page-wrapper ol { margin: 0 1rem 1rem 2rem; } .page-wrapper table { border: 0; border-spacing: 0; width: 100%; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; table-layout: fixed; border-collapse: collapse; } .page-wrapper table td { border: 0; padding: 0.5rem 0.8rem; border-bottom: 1px solid #f4f4f4; } .page-wrapper table th { border: 0; padding: 0.5rem 0.8rem; background: #00638d; color: #fff; font-weight: 600; } .page-wrapper table tr { background: #fff; } .page-wrapper table tr:nth-child(even) { background: #f4f4f4; } .page-wrapper input[type="text"], .page-wrapper input[type="search"], .page-wrapper textarea, .page-wrapper select { height: auto; font-size: 1.1rem !important; } .page-wrapper .web-content-listing-portlet form { background-color: #daedf2 !important; } .adoptio .page-wrapper .web-content-listing-portlet form { background-color: #ebf2e6 !important; } .adoptio .page-wrapper .web-content-listing-portlet li.page-item:not(.active):not(.disabled) a { color: #3e820d; } .adoptio .page-wrapper .web-content-listing-portlet li.page-item.active .page-link { background-color: #3e820d !important; border-color: #3e820d; color: #fff !important; } .page-wrapper .web-content-listing-portlet .page-link:focus { box-shadow: 0 0 0 0.2rem rgba(0,0,0,0.75) !important; } .valvira-article-links h2, .valvira-article-contacts h2 { color: #2e6407; } .valvira-article-links .links li div a, .valvira-article-contacts .links li div a { text-decoration: underline !important; } .valvira-article-links .links li div a:hover, .valvira-article-contacts .links li div a:hover { text-decoration: none !important; } .hero-area { background-color: #f4f4f4; padding: 2rem 0; margin: 0 0 2rem 0; } .hero-area > div { display: flex; } .hero-area > div .text-wrapper { display: flex; } .hero-area > div .desc { padding: 0 2rem 1rem 0; } .hero-area > div .hero-links { display: flex; flex-wrap: wrap; margin: 1rem 0; padding: 0; } .hero-area > div .hero-links li { list-style: none; margin: 0 1rem 1rem 0; padding: 0; } .hero-area > div .hero-links li a { display: flex; align-items: center; padding: 0.8rem 1.5rem; border-radius: 0.2rem; border: 1px solid #00638d; font-weight: 600; text-decoration: none; } .adoptio .hero-area > div .hero-links li a { border: 1px solid #4ea510; } .hero-area > div .hero-links li a.style-blue { background-color: #00638d; color: #fff; } .hero-area > div .hero-links li a:hover, .hero-area > div .hero-links li a:focus, .hero-area > div .hero-links li a:active { border: 1px solid #00638d; background-color: #00597f; color: #fff; cursor: pointer; } .adoptio .hero-area > div .hero-links li a:hover, .adoptio .hero-area > div .hero-links li a:focus, .adoptio .hero-area > div .hero-links li a:active { border: 1px solid #4ea510; } .hero-area > div .hero-links li a:hover span, .hero-area > div .hero-links li a:focus span, .hero-area > div .hero-links li a:active span { text-decoration: underline; } .hero-area.with-image > div { flex-direction: column; } .hero-area.with-image > div .text-wrapper { flex-direction: column; justify-content: center; } .hero-area.no-image > div { flex-direction: column; } .hero-area.no-image > div .text-wrapper { flex-direction: column; align-items: center; padding-top: 1rem; } .hero-area.no-image > div .text-wrapper .content .desc { padding-bottom: 0; } .hero-area.no-image > div .text-wrapper .content .desc:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; } .hero-area.no-image > div .text-wrapper .content .hero-links { display: none; } .button-area { margin-bottom: 4rem; } .button-area .link-buttons { display: flex; flex-wrap: wrap; justify-content: flex-end; margin: 1rem 0; padding: 0; } .button-area .link-buttons li { list-style: none; margin: 0 0 1rem 1rem; padding: 0; } .button-area .link-buttons li a { display: flex; align-items: center; padding: 0.6rem 1.2rem; border-radius: 0.2rem; border: 1px solid #00638d; font-weight: 600; text-decoration: none; font-size: 1rem; color: #00638d !important; } .adoptio .button-area .link-buttons li a { border: 1px solid #2e6407; color: #2e6407 !important; } .button-area .link-buttons li a.style-blue { background-color: #00638d; color: #fff !important; } .adoptio .button-area .link-buttons li a.style-blue { background-color: #2e6407; } .button-area .link-buttons li a * { color: inherit !important; } .button-area .link-buttons li a:hover, .button-area .link-buttons li a:focus, .button-area .link-buttons li a:active { border: 1px solid #00638d; background-color: #00597f; color: #fff !important; cursor: pointer; } .adoptio .button-area .link-buttons li a:hover, .adoptio .button-area .link-buttons li a:focus, .adoptio .button-area .link-buttons li a:active { border: 1px solid #2e6407; background-color: #295a06; } .button-area .link-buttons li a:hover span, .button-area .link-buttons li a:focus span, .button-area .link-buttons li a:active span { text-decoration: underline; color: inherit; } .valvira-tabs { margin-bottom: 2rem; } .valvira-tabs .nav.nav-pills { margin: 1rem 0 0 0; padding: 0; flex-wrap: nowrap; } .valvira-tabs .nav.nav-pills .nav-item.nav-link { text-decoration: none !important; color: #00638d; word-break: break-word; hyphens: auto; -webkit-hyphens: auto; background-color: #f4f4f4; border-radius: 0; padding: 1.4rem 2rem; font-size: 1.2rem; } .adoptio .valvira-tabs .nav.nav-pills .nav-item.nav-link { color: #4ea510; } .valvira-tabs .nav.nav-pills .nav-item.nav-link:hover, .valvira-tabs .nav.nav-pills .nav-item.nav-link:focus { background-color: #00638d; color: #fff; cursor: pointer; } .adoptio .valvira-tabs .nav.nav-pills .nav-item.nav-link:hover, .adoptio .valvira-tabs .nav.nav-pills .nav-item.nav-link:focus { background-color: #4ea510; } .valvira-tabs .nav.nav-pills .nav-item.nav-link:hover span, .valvira-tabs .nav.nav-pills .nav-item.nav-link:focus span { text-decoration: underline; } .valvira-tabs .nav.nav-pills .nav-item.nav-link.active { background-color: #daedf2 !important; font-weight: bold; } .valvira-tabs .nav.nav-pills .nav-item.nav-link.active:hover, .valvira-tabs .nav.nav-pills .nav-item.nav-link.active:focus { background-color: #daedf2 !important; color: #00638d; cursor: default; } .adoptio .valvira-tabs .nav.nav-pills .nav-item.nav-link.active:hover, .adoptio .valvira-tabs .nav.nav-pills .nav-item.nav-link.active:focus { color: #4ea510; } .valvira-tabs .nav.nav-pills .nav-item.nav-link.active:hover span, .valvira-tabs .nav.nav-pills .nav-item.nav-link.active:focus span { text-decoration: none; } .valvira-tabs .tab-content { background-color: #daedf2; padding: 2rem; } .valvira-tabs .tab-content .tab-pane { background-color: #daedf2; padding: 0; } .valvira-tabs .tab-content .row .col-12 ul li a { text-decoration: underline; } .valvira-tabs .tab-content .row .col-12 ul li a:hover, .valvira-tabs .tab-content .row .col-12 ul li a:focus { text-decoration: none; } ul.faq-list { list-style: none; margin: 0 0 2rem 0; padding: 0; } ul.faq-list li { list-style: none; margin: 0 0 1rem 0; padding: 0; } ul.faq-list li button.question { background-color: #f0f0f0 !important; color: #00638d; display: block; width: 100%; padding: 1rem !important; margin: 0; cursor: pointer; position: relative; font-size: 1.2rem !important; font-weight: 600; } .adoptio ul.faq-list li button.question { color: #4ea510; } ul.faq-list li button.question:hover, ul.faq-list li button.question:focus { text-decoration: underline; } ul.faq-list li button.question:hover .icon, ul.faq-list li button.question:focus .icon { text-decoration: none !important; } ul.faq-list li button.question .icon { position: absolute; right: 2rem; top: 0; line-height: 2.5; } ul.faq-list li button.question .icon.icon-plus:before { content: "\f078" !important; } ul.faq-list li button.question .icon.icon-minus:before { content: "\f077" !important; } ul.faq-list li section.answer { background-color: #fff; border: 1px solid #f0f0f0; border-top: 0; padding: 2rem 3rem; } ul.faq-list li section.answer p:last-child { margin-bottom: 0 !important; } .yja-accordion { margin: 0 0 2rem 0; padding: 0; } .yja-accordion .yja-accordion-wrapper { margin: 0 0 1rem 0; padding: 0; } .yja-accordion .yja-accordion-wrapper .yja-accordion-toggle { margin: 0 !important; padding: 0 !important; background-color: #f0f0f0 !important; color: #00638d !important; display: flex; justify-content: flex-start; align-items: center; } .adoptio .yja-accordion .yja-accordion-wrapper .yja-accordion-toggle { color: #4ea510 !important; } .yja-accordion .yja-accordion-wrapper .yja-accordion-toggle button.yja-accordion-toggle--button { background-color: #f0f0f0 !important; color: #00638d !important; display: block; width: 100%; padding: 1rem !important; margin: 0 1rem 0 0; cursor: pointer; position: relative; font-size: 1.2rem !important; font-weight: 600 !important; background: transparent; text-align: left; box-shadow: none; border-radius: 0; border: 0; } .adoptio .yja-accordion .yja-accordion-wrapper .yja-accordion-toggle button.yja-accordion-toggle--button { color: #2e6407 !important; } .yja-accordion .yja-accordion-wrapper .yja-accordion-toggle button.yja-accordion-toggle--button:hover, .yja-accordion .yja-accordion-wrapper .yja-accordion-toggle button.yja-accordion-toggle--button:focus { text-decoration: underline; } .yja-accordion .yja-accordion-wrapper .yja-accordion-toggle .icon { line-height: 2.5; color: #00638d !important; } .adoptio .yja-accordion .yja-accordion-wrapper .yja-accordion-toggle .icon { color: #4ea510 !important; } .yja-accordion .yja-accordion-wrapper .yja-accordion-content { background-color: #fff; border: 1px solid #f0f0f0; border-top: 0; padding: 2rem 3rem; } .yja-accordion .yja-accordion-wrapper .yja-accordion-content p:last-child { margin-bottom: 0 !important; } .yja-accordion .yja-accordion-wrapper .yja-accordion-content ul li a { text-decoration: underline; } .yja-accordion .yja-accordion-wrapper .yja-accordion-content ul li a:hover, .yja-accordion .yja-accordion-wrapper .yja-accordion-content ul li a:focus { text-decoration: none; } .valvira-article-links { background-color: #f0f0f0; padding: 2rem; margin-top: 2rem; margin-bottom: 1rem; } .valvira-article-links h2 { color: #00638d; font-size: 1.4rem; } .adoptio .valvira-article-links h2 { color: #4ea510; } .valvira-article-links h2:not(:first-child) { margin-top: 2rem; } .valvira-article-links .content p:last-child { margin-bottom: 0.2rem !important; } .valvira-article-links ul.links { list-style: none; margin: 0 0 1rem 0; } .valvira-article-links ul.links li { margin: 0 0 1rem 0; } .valvira-article-contacts { background-color: #00638d; padding: 2rem; margin-top: 2rem; margin-bottom: 1rem; } .adoptio .valvira-article-contacts { background-color: #3e820d; } .valvira-article-contacts h2 { color: #fff; font-size: 1.4rem; } .valvira-article-contacts h2:not(:first-child) { margin-top: 2rem; } .valvira-article-contacts .content { color: #fff; } .valvira-article-contacts .content * { color: inherit !important; } .valvira-article-contacts .content a { color: #fff !important; } .valvira-article-contacts .content a:hover, .valvira-article-contacts .content a:focus { background-color: #007cb0 !important; } .adoptio .valvira-article-contacts .content a:hover, .adoptio .valvira-article-contacts .content a:focus { background-color: #ebf2e6; } .valvira-article-contacts .contacts { list-style: none; margin: 0; padding: 0; color: #fff; } .valvira-article-contacts .contacts * { color: inherit !important; } .valvira-article-contacts .contacts li { margin: 0 0 1rem 0; padding: 0; } .valvira-article-contacts .contacts li .name { font-weight: bold; } #professionList { background-color: #daedf2; padding-top: 2rem; padding-bottom: 2rem; } #professionList #selectProfessionWrapper, #professionList #selectCountry, #professionList #selectionDetails { margin: 0 2rem 2rem 2rem; } #professionList #selectProfessionWrapper:blank, #professionList #selectCountry:blank, #professionList #selectionDetails:blank { display: none; } #professionList #selectProfessionWrapper { border-bottom: 1px solid #00638d; } .adoptio #professionList #selectProfessionWrapper { border-bottom: 1px solid #4ea510; } #professionList label[for="selectProfession"] { display: block; font-size: 1.4rem !important; } #professionList #selectProfession { padding: 0.5rem; min-width: 15rem; max-width: 100%; margin-top: 0.5rem; margin-bottom: 2rem; white-space: nowrap; text-overflow: ellipsis; } #professionList #selectCountry { border-bottom: 1px solid #00638d; padding-bottom: 1rem; } .adoptio #professionList #selectCountry { border-bottom: 1px solid #4ea510; } #professionList #selectCountry input[type="radio"] { margin: 1rem 0.5rem 1rem 1rem; } #professionList #selectionDetails { border: 1px solid #00638d; background-color: #fff; padding: 2rem; border-radius: 0.2rem; } .adoptio #professionList #selectionDetails { border: 1px solid #4ea510; } #professionList #selectionDetails a.btn { display: flex; align-items: center; font-size: 1.2rem; max-width: max-content; padding: 0.8rem 1.5rem; border-radius: 0.2rem; border: 1px solid #00638d; font-weight: 600; text-decoration: none; text-align: left; word-break: break-word; white-space: unset; } .adoptio #professionList #selectionDetails a.btn { border: 1px solid #4ea510; } #professionList #selectionDetails a.btn:hover, #professionList #selectionDetails a.btn:focus { text-decoration: underline !important; } #professionList #selectionDetails a.btn.style-blue { background-color: #00638d; color: #fff; } .adoptio #professionList #selectionDetails a.btn.style-blue { background-color: #4ea510; } .timeline { width: 100%; position: relative; padding-left: 0 !important; } .timeline .panel { width: 100%; margin: 0; padding-bottom: 2rem; position: relative; background: transparent; } .timeline .panel:before { content: ""; display: block; position: absolute; left: 50%; top: 1rem; margin: 0 0 0 8px; width: 0; height: 100%; border-left: 2px dashed ; } .timeline .panel:after { content: ""; display: block; clear: both; } .timeline .panel.panel--last:before { border: 0 !important; } .timeline .panel.panel--even .inner-panel:after { left: 40%; } .timeline .panel.panel--odd .inner-panel:after { right: 40%; } .timeline .panel .inner-panel { width: 40%; float: left; margin: 2.625rem 0 0 0; border-top: 0.1875rem solid #00638d; background-color: #daedf2; padding: 1.25rem; } .adoptio .timeline .panel .inner-panel { border-top: 0.1875rem solid #4ea510; } .timeline .panel .inner-panel .panel__ingress { font-size: 1.125rem; } .timeline .panel .inner-panel:after { content: " "; position: absolute; display: block; top: 2.625rem; width: 10%; height: 0.1875rem; background-color: #00638d; } .adoptio .timeline .panel .inner-panel:after { background-color: #4ea510; } .timeline .panel .inner-panel .item-bullet { display: block; width: 4rem; height: 4rem; padding: 0.25rem 0; position: absolute; top: 0.8rem; left: 50%; margin: 0 0 0 -1.5rem; border-radius: 100%; z-index: 2; font-size: 1.5rem; line-height: 4rem; color: #fff; background-color: #00638d; text-align: center; } .adoptio .timeline .panel .inner-panel .item-bullet { background-color: #4ea510; } .timeline .panel .inner-panel .item-bullet h3, .timeline .panel .inner-panel .item-bullet .h3 { margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.25rem; font-weight: 700; color: ; } .timeline .panel .inner-panel .js-open-modal { background: #00638d; padding: 0.375rem 0.875rem; border: none; margin: 1rem auto 0 auto !important; color: #fff; font-weight: 400; display: inline-block; flex-flow: row wrap; border-radius: 0.25rem; font-size: 1rem; text-decoration: none; } .adoptio .timeline .panel .inner-panel .js-open-modal { background: #4ea510; } .timeline .panel .inner-panel .js-open-modal:hover, .timeline .panel .inner-panel .js-open-modal:focus { text-decoration: underline; } .timeline .panel .inner-panel .js-open-modal:focus { outline: 1px dotted #fff; outline-offset: -4px; } .timeline .panel:nth-child(2n+2) div.inner-panel { float: right; } .timeline .timeline__modal { background-color: #fff; padding: 1.25rem; border: 0.1875rem solid #00638d; box-shadow: 0 0 0.375rem rgba(0,0,0,0.333); margin-top: 6.875rem; outline: 0; width: 100%; max-width: 55%; z-index: 2; } .adoptio .timeline .timeline__modal { border: 0.1875rem solid #4ea510; } .timeline .timeline__modal div:first-child { margin: 0 0 0.5rem; text-align: right; } .timeline .timeline__modal .js-close { background: #00638d; padding: 0.375rem 0.875rem; border: none; color: #fff; font-weight: 400; font-size: 1rem; border-radius: 0.25rem; text-decoration: none; } .adoptio .timeline .timeline__modal .js-close { background: #4ea510; } .timeline .timeline__modal .js-close:hover, .timeline .timeline__modal .js-close:focus { text-decoration: underline; } .timeline .timeline__modal .js-close:focus { outline: 1px dotted #fff; outline-offset: -4px; } .timeline .timeline__modal > p { font-size: 0.9375rem; } .timeline .timeline__modal:after, .timeline .timeline__modal:before { bottom: 100%; left: 89.25%; border-style: solid; border-color: transparent transparent #fff transparent; border-width: 0.9375rem; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 1; } .timeline .timeline__modal:after { border-bottom-color: #00638d; border-width: 1.1875rem; margin-left: -0.25rem; z-index: 0; } .adoptio .timeline .timeline__modal:after { border-bottom-color: #4ea510; } .timeline .timeline__modal:nth-child(2n+2) { margin-left: 45%; } .timeline .timeline__modal:nth-child(2n+2):after, .timeline .timeline__modal:nth-child(2n+2):before { left: 6.75%; } .yja-process-listing ol { counter-reset: yja-valvira-counter; list-style: none; padding-left: 0.5rem; margin-left: 5rem !important; } .yja-process-listing ol li { margin: 0 0 0 -4rem; counter-increment: yja-valvira-counter; position: relative; border-left: 1px solid #00638d; padding: 0.5rem 0 0 4rem; } .adoptio .yja-process-listing ol li { border-left: 1px solid #4ea510; } .yja-process-listing ol li:before { content: counter(yja-valvira-counter); color: #fff; font-size: 2rem; font-weight: 600; position: absolute; left: calc(-1 * 60px + 30px); line-height: 60px; width: 60px; height: 60px; top: 0; background: #00638d; border-radius: 50%; text-align: center; } .adoptio .yja-process-listing ol li:before { background: #4ea510; } .yja-process-listing ol li:after { content: " "; display: block; padding-bottom: 2rem; } .yja-process-listing ol li:last-child { border-left: 0 !important; } .yja-process-listing ol li h2 { position: relative; top: -0.5rem; } .valvira-alerts .valvira-alert { margin-bottom: 1rem; } .valvira-alerts .valvira-alert .valvira-alert__container { text-align: left; width: 100%; max-width: 88rem; margin: 0 auto; padding: 2rem; color: #111; } .valvira-alerts .valvira-alert .valvira-alert__container .valvira-alert__title { font-weight: bold; font-size: 1.4rem; padding-right: 2rem; min-width: 14rem; } .valvira-alerts .valvira-alert .valvira-alert__container .valvira-alert__content { padding-right: 4rem; flex-grow: 1; } .valvira-alerts .valvira-alert .valvira-alert__container .valvira-alert__content .links { margin-top: 0.5rem; } .valvira-alerts .valvira-alert .valvira-alert__container * { color: inherit; } .valvira-alerts .valvira-alert .valvira-alert__container a { color: #00638d !important; } .adoptio .valvira-alerts .valvira-alert .valvira-alert__container a { color: #4ea510 !important; } .valvira-alerts .valvira-alert .valvira-alert__container a:hover, .valvira-alerts .valvira-alert .valvira-alert__container a:focus { color: #111 !important; } .valvira-alerts .valvira-alert .valvira-alert__container button { background: transparent; border: 0; cursor: pointer; align-self: flex-start; display: none; } .valvira-alerts .valvira-alert.valvira-alert--alert { background-color: #daedf2; } .valvira-alerts .valvira-alert.valvira-alert--alert .valvira-alert__title svg.lexicon-icon { fill: #a51762; } .valvira-alerts .valvira-alert.valvira-alert--info { background-color: #f4f4f4; } .valvira-alerts .valvira-alert.valvira-alert--info .valvira-alert__title svg.lexicon-icon { fill: #111; } .a11y-nav #layout_163 { max-width: 250px; line-height: 1.2; } .a11y-nav #layout_402 { max-width: 250px; line-height: 1.2; } .mmenu-toggler:focus { box-shadow: 0 0 0 0.2rem #007bff !important; } .yja-links--mobile { border-top: 1px solid rgba(255,255,255,0.25); padding-top: 1.563rem; } .yja-links--mobile ul { list-style-type: none; margin-left: 1.25rem; } .yja-links--mobile ul > li { padding-top: 0.325rem; padding-bottom: 0.325rem; } .yja-links--mobile ul > li > a:hover, .yja-links--mobile ul > li > a:focus { color: white; text-decoration: underline; } #yja-cookie-dialog-note-text a:not(.btn), .page-wrapper .list.list__assets a:not(.btn), .page-wrapper .journal-content-article p a:not(.btn), .page-wrapper .journal-content-article:not(:has(.valvira-highlight-links)) ul:not(.hero-links) ul:not(.link-buttons) li a:not(.btn) { text-decoration: underline !important; color: #00638d; } #yja-cookie-dialog-note-text a:not(.btn):hover, .page-wrapper .list.list__assets a:not(.btn):hover, .page-wrapper .journal-content-article p a:not(.btn):hover, .page-wrapper .journal-content-article:not(:has(.valvira-highlight-links)) ul:not(.hero-links) ul:not(.link-buttons) li a:not(.btn):hover, #yja-cookie-dialog-note-text a:not(.btn):focus, .page-wrapper .list.list__assets a:not(.btn):focus, .page-wrapper .journal-content-article p a:not(.btn):focus, .page-wrapper .journal-content-article:not(:has(.valvira-highlight-links)) ul:not(.hero-links) ul:not(.link-buttons) li a:not(.btn):focus { text-decoration: none !important; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #daedf2 !important; color: black !important; } .select2-container--default .select2-results__option--selected { text-decoration: underline !important; } @media (max-width: 1400px) { .top-frame body { font-size: 1rem; } } @media (max-width: 767px) { .top-frame body { font-size: 1rem; } #professionList #selectProfessionWrapper, #professionList #selectCountry, #professionList #selectionDetails { margin: 0 1rem 1rem 1rem; } #professionList #selectionDetails { padding: 1rem; } } @media (min-width: 550px) { .top-frame footer .footer-main-content .row .col { flex-basis: 50%; } .top-frame .valvira-highlight-links.style-highlights ul { grid-template-columns: repeat(2, 1fr); } .top-frame .valvira-highlight-links.style-highlights ul li { } .top-frame .valvira-highlight-links.style-highlights ul li a { min-height: 6rem; } } @media (max-width: 1366px) { .top-frame footer .footer-main-content .row .col h2 { font-size: 1.063rem !important; } } @media (max-width: 992px) { .top-frame .hero-area .layout-wrapper, .top-frame .valvira-highlight-links, .top-frame .content-width, .top-frame .columns-1-2, .top-frame .listing-layout, .top-frame .button-area, .top-frame .portlet-nested-portlets, .top-frame .portlet-asset-publisher, .top-frame .yja-site-template-settings-header-portlet .layout-wrapper-wide-container, .top-frame .main-nav > ul, .top-frame .link-highlights > ul, .top-frame .footer-main-content, .top-frame .journal-display-page { padding-left: 2rem !important; padding-right: 2rem !important; } .top-frame .fess-search-portlet, .top-frame .content-text-width, .top-frame .columns-max { padding-left: 2rem !important; padding-right: 2rem !important; } .page-wrapper table { display: block; width: 100%; margin-bottom: 1rem; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } } @media (min-width: 767px) { .top-frame .valvira-highlight-links.style-highlights ul { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1280px) { .top-frame .valvira-highlight-links.style-highlights ul { grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); } .top-frame .adoptio-header .yja-toolbar .yja-dropdown { margin-top: 0.45rem; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-bar-links-right .yja-toolbar .yja-dropdown { margin-top: 0.45rem; } } @media (max-width: 630px) { .top-frame ul.list__assets.results li.valvira-news__listing .feed-item__heading { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .top-frame .yja-site-template-settings-header-portlet .portlet .portlet-content .portlet-content-container .portlet-body { display: flex; flex-direction: column-reverse; } .top-frame .page-wrapper #banner .layout-wrapper-wide-container { margin: 0 auto 0 0 !important; } .top-frame .header-top-bar-links-right { position: static; top: unset !important; } .top-frame .header-top-bar-links-right .yja-toolbar { display: flex; flex-wrap: wrap; width: 100%; position: unset !important; justify-content: center !important; } .top-frame .mobile-menu-actions { position: absolute !important; top: 1rem; right: 2rem; margin: 1.5rem 1.25rem 0 0; } .top-frame .adoptio-header .yja-toolbar .yja-links-container { margin-bottom: 1.25rem; flex-direction: column; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-left-cell .logo { margin-top: 0.25rem; margin-bottom: 2rem; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-bar-links-right .yja-toolbar { display: grid; grid-template-columns: 100%; grid-template-areas: "links" "search"; margin-right: 0; margin-top: 5rem; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-bar-links-right .yja-toolbar .yja-links-container { margin-bottom: 1.25rem; flex-direction: column; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-bar-links-right .yja-search { width: 100%; } } @media (max-width: 420px) { .top-frame .valvira-news ul li section .valvira-news-content a { font-size: 1.2rem; } .top-frame .theme-highlight .content-wrapper .text-wrapper a { font-size: 1.2rem; } } @media (min-width: 979px) { .top-frame .valvira-news ul { grid-template-columns: repeat(3, 1fr); } blockquote, .yjaInfoBox { float: right; max-width: 50%; margin-left: 4rem; } .hero-area.with-image > div { flex-direction: row-reverse; } .hero-area.with-image > div .text-wrapper, .hero-area.with-image > div .image-wrapper { width: 50%; } .hero-area.no-image > div .text-wrapper { flex-direction: row; } .hero-area.no-image > div .text-wrapper .title { min-width: 50%; width: 50%; max-width: 50%; padding-right: 2rem; } } @media (min-width: 992px) { .top-frame .portlet-nested-portlets .col-md-4 { flex-basis: 31.5%; max-width: 31.5%; } } @media (min-width: 1314px) { .top-frame .portlet-nested-portlets .col-md-4 { flex-basis: 32.5%; max-width: 32.5%; } } @media (min-width: 768px) { .top-frame .portlet-nested-portlets .row[class*="col-md-4"] { margin-left: 0; max-width: 32.5%; flex-basis: 32.5%; } .top-frame .portlet-nested-portlets .row .col-md-4 + .col-md-4 { margin-left: 1rem; } .valvira-alerts .valvira-alert .valvira-alert__container { display: flex; } } @media (max-width: 1279px) { .top-frame .yja-site-template-settings-header-portlet .portlet .portlet-content .portlet-content-container .portlet-body { display: flex; flex-direction: column-reverse; } .top-frame .yja-site-template-settings-header-portlet .portlet .portlet-content .portlet-content-container .portlet-body, .top-frame .yja-site-template-settings-header-portlet .portlet .portlet-content .portlet-content-container .portlet-body .header-top-bar, .top-frame .yja-site-template-settings-header-portlet .portlet .portlet-content .portlet-content-container .portlet-body .layout-wrapper-wide-container { position: unset !important; } .top-frame .page-wrapper #banner .layout-wrapper-wide-container { margin: 0 !important; } .top-frame .header-top-bar-links-right { top: unset !important; } .top-frame .header-top-bar-links-right .yja-toolbar { display: flex; flex-wrap: wrap; width: 100%; position: unset !important; justify-content: center !important; } .top-frame .mobile-menu-actions { position: static; display: block !important; } .top-frame header#banner { border-bottom: 0.5rem solid #00638d; } .top-frame nav.main-nav { display: none !important; } .top-frame .mobile-menu-actions button { width: 5rem; height: 5rem; background-color: #00638d !important; color: #fff !important; cursor: pointer; float: none; font-size: 1rem !important; margin: 0 0 0 2rem; } .top-frame .adoptio-header .yja-toolbar .yja-links-container .yja-links ul { display: none; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-bar-links-right .yja-toolbar .yja-links-container .yja-links ul { display: none; } } @media (max-width: 991px) { .top-frame .adoptio-header .layout-wrapper { flex-direction: column; margin-bottom: 2rem; } } @media (max-width: 1439.99px) { .top-frame .adoptio-header .yja-toolbar { padding-left: 1.25rem; padding-right: 1.25rem; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-bar-links-right .yja-toolbar { padding-left: 1.25rem; padding-right: 1.25rem; } } @media (max-width: 768px) { .top-frame .adoptio-header .yja-toolbar { flex-wrap: wrap; justify-content: center !important; width: 100%; margin-right: calc(3 * 1.563rem); } .page-wrapper #banner .layout-wrapper-wide-container .header-top-left-cell .logo { max-width: none; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-left-cell { position: relative; margin: 0 auto; display: flex; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-left-cell .logo { display: flex; justify-content: center; flex: 0 0 100%; text-align: center; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-left-cell .logo > img { max-width: 70%; } .page-wrapper #banner .layout-wrapper-wide-container .header-top-bar-links-right .yja-toolbar { margin-right: calc(3 * 1.563rem); } } @media (min-width: 1279px) { .page-wrapper #banner .header-top-bar { top: -5rem; } } @media (max-width: 979px) { .page-wrapper #banner .layout-wrapper-wide-container .header-row { padding: 0; } .hero-area.with-image > div .image-wrapper { margin-bottom: 1rem; } .valvira-tabs .nav.nav-pills .nav-item.nav-link { padding: .625rem .625rem; } } @media (max-width: 768px) and (min-width: 631px) { .page-wrapper #banner .layout-wrapper-wide-container .header-top-left-cell .logo { margin-top: 6rem; margin-bottom: 1rem; } } @media (min-width: 768.1px) { .page-wrapper #banner .layout-wrapper-wide-container .header-top-bar-links-right .main-nav.d-md-block { display: flex !important; align-items: center; } } @media (max-width: 550px) { .valvira-tabs .nav.nav-pills .nav-item.nav-link { width: 100%; } .valvira-tabs .nav.nav-pills .nav-item.nav-link:not(:last-child) { margin-right: 0.2rem; } #professionList #selectProfessionWrapper, #professionList #selectCountry, #professionList #selectionDetails { margin: 0 0.5rem 1rem 0.5rem; } #professionList #selectionDetails { padding: 0.5rem; } } @media (min-width: 551px) { .valvira-tabs .nav.nav-pills .nav-item.nav-link:not(:last-child) { margin-right: 0.4rem; } } @media (max-width: ) { .timeline .panel:before { display: none; } .timeline .panel .inner-panel { width: 100%; padding-top: 3.375rem; text-align: center; } .timeline .timeline__modal { max-width: 100%; margin-top: 6.875rem; } .timeline .timeline__modal:after, .timeline .timeline__modal:before { left: 45.75% !important; } .timeline .timeline__modal:nth-child(2n+2) { margin-left: 0; } } @media (min-width: 1) and (max-width: ) { .timeline .timeline__modal:after, .timeline .timeline__modal:before { left: 88.5% !important; } .timeline .timeline__modal:after, .timeline .timeline__modal:before { left: 47.5% !important; } .timeline .timeline__modal:nth-child(2n+2):after, .timeline .timeline__modal:nth-child(2n+2):before { left: 5.75% !important; } }