html {
font-size: 16px;
}
body {
margin: 0;
padding: 0;
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.125rem;
color: #455a64;
font-family: "Roboto", sans-serif;
}
@media all and (min-width: 768px) {
body {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
body {
font-size: 1rem;
line-height: 1.25rem;
}
}
.preload * {
transition: none !important;
}
*,
*:before,
*:after {
box-sizing: border-box;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
margin: unset;
}
img {
display: block;
}
ul {
list-style-type: none;
-webkit-padding-start: 0;
padding-inline-start: 0;
}
ul,
ol {
margin: 0;
}
a {
text-decoration: none;
color: #163e87;
font-weight: 700;
transition: color 0.3s;
}
a:focus {
outline: 2px solid #000;
}
a:hover,
a:focus {
color: #1d67f1;
}
input,
select,
textarea {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
p a {
text-decoration: underline;
font-weight: 400;
}
h1 {
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 700;
font-size: 2.75rem;
line-height: 3.25rem;
}
@media all and (min-width: 768px) {
h1 {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
h1 {
font-size: 3.5rem;
line-height: 4rem;
}
}
h2 {
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 700;
font-size: 2.125rem;
line-height: 2.625rem;
}
@media all and (min-width: 768px) {
h2 {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
h2 {
font-size: 2.5rem;
line-height: 3rem;
}
}
h3 {
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 700;
font-size: 1.75rem;
line-height: 1.75rem;
}
@media all and (min-width: 768px) {
h3 {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
h3 {
font-size: 1.5rem;
line-height: 2rem;
}
}
h4 {
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 700;
font-size: 1.125rem;
line-height: 1.5rem;
}
@media all and (min-width: 768px) {
h4 {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
h4 {
font-size: 1.25rem;
line-height: 1.625rem;
}
}
h5 {
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 700;
font-size: 0.875rem;
line-height: 1.125rem;
}
@media all and (min-width: 768px) {
h5 {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
h5 {
font-size: 1rem;
line-height: 1.25rem;
}
}
h6 {
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.125rem;
}
@media all and (min-width: 768px) {
h6 {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
h6 {
font-size: 1rem;
line-height: 1.25rem;
}
}
.high-contrast a:focus {
outline: 2px solid #fff;
}
.high-contrast a,
.high-contrast a:hover,
.high-contrast a > * {
color: #ff0 !important;
}
/** https://css-tricks.com/creating-a-maintainable-icon-system-with-sass/ **/
.ico-carret-down-filled {
display: block;
max-width: 0;
max-height: 0;
padding: 7px 12px 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
background-image: url('data:image/svg+xml;utf-8,');
}
.ico-carret-down-filled--primary {
background-image: url('data:image/svg+xml;utf-8,');
}
.ico-carret-down-filled--primaryLight {
background-image: url('data:image/svg+xml;utf-8,');
}
.ico-magnifying-glass {
display: block;
max-width: 0;
max-height: 0;
padding: 19.999px 20px 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
background-image: url('data:image/svg+xml;utf-8,');
}
.ico-magnifying-glass--primary {
background-image: url('data:image/svg+xml;utf-8,');
}
.ico-minus {
display: block;
max-width: 0;
max-height: 0;
padding: 2px 14.739px 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
background-image: url('data:image/svg+xml;utf-8,');
}
.ico-plus {
display: block;
max-width: 0;
max-height: 0;
padding: 14.739px 14.739px 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
background-image: url('data:image/svg+xml;utf-8,');
}
.ico-circle-half-filled {
display: block;
max-width: 0;
max-height: 0;
padding: 19.917px 19.917px 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
background-image: url('data:image/svg+xml;utf-8,');
}
.ico-arrow-right {
display: block;
max-width: 0;
max-height: 0;
padding: 21.532px 24.606px 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
background-image: url('data:image/svg+xml;utf-8,');
}
.ico-calendar {
display: block;
max-width: 0;
max-height: 0;
padding: 21.532px 24.606px 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
background-image: url('data:image/svg+xml;utf-8,');
}
.ico-arrow-right--primary {
background-image: url('data:image/svg+xml;utf-8,');
}
.ico-arrow-right--primaryLight {
background-image: url('data:image/svg+xml;utf-8,');
}
.ico-arrow-right--white {
background-image: url('data:image/svg+xml;utf-8,');
}
.ico-check {
display: block;
max-width: 0;
max-height: 0;
padding: 6.694px 8.408px 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
background-image: url('data:image/svg+xml;utf-8,');
}
.ico-check--white {
background-image: url('data:image/svg+xml;utf-8,');
}
.ico-file-pdf {
display: block;
max-width: 0;
max-height: 0;
padding: 31.5px 31.5px 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
background-image: url('data:image/svg+xml;utf-8,');
}
.ico-file-pdf--primary {
background-image: url('data:image/svg+xml;utf-8,');
}
.ico-printer {
display: block;
max-width: 0;
max-height: 0;
padding: 33.751px 33.75px 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
background-image: url('data:image/svg+xml;utf-8,');
}
.ico-printer--primary {
background-image: url('data:image/svg+xml;utf-8,');
}
.ico-star {
display: block;
max-width: 0;
max-height: 0;
padding: 23px 24px 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
background-image: url('data:image/svg+xml;utf-8,');
}
.ico-star--gold {
background-image: url('data:image/svg+xml;utf-8,');
}
.ico-arrow-square-out {
display: block;
max-width: 0;
max-height: 0;
padding: 18px 18px 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
background-image: url('data:image/svg+xml;utf-8,');
}
.ico-arrow-square-out--primary {
background-image: url('data:image/svg+xml;utf-8,');
}
.ico-pl-flag {
display: block;
max-width: 0;
max-height: 0;
padding: 25.94px 38.91px 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
background-image: url('data:image/svg+xml;utf-8,');
}
.ico-zh-flag {
display: block;
max-width: 0;
max-height: 0;
padding: 25.94px 38.91px 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
background-image: url('data:image/svg+xml;utf-8,');
}
.ico-es-flag {
display: block;
max-width: 0;
max-height: 0;
padding: 25.94px 38.91px 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
background-image: url('/bundles/contaomigrantapp/img/es-flag.svg');
}
.ico-fil-flag {
display: block;
max-width: 0;
max-height: 0;
padding: 25.94px 38.91px 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
background-image: url('/bundles/contaomigrantapp/img/fil-flag.svg');
}
.ico-en-flag {
display: block;
max-width: 0;
max-height: 0;
padding: 25.94px 38.91px 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
background-image: url('data:image/svg+xml;utf-8,');
}
.ico-ru-flag {
display: block;
max-width: 0;
max-height: 0;
padding: 25.94px 38.91px 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
background-image: url('data:image/svg+xml;utf-8,');
}
.ico-ua-flag {
display: block;
max-width: 0;
max-height: 0;
padding: 25.94px 38.91px 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
background-image: url('data:image/svg+xml;utf-8,');
}
.ico-ge-flag {
display: block;
max-width: 0;
max-height: 0;
padding: 25.94px 38.91px 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
background-image: url('data:image/svg+xml;utf-8,');
}
.ico-fr-flag {
display: block;
max-width: 0;
max-height: 0;
padding: 25.94px 38.91px 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
background-image: url('data:image/svg+xml;utf-8,');
}
.ico-vn-flag {
display: block;
max-width: 0;
max-height: 0;
padding: 25.94px 38.91px 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
background-image: url('data:image/svg+xml;utf-8,');
}
.ico-accordion-bottom {
display: block;
max-width: 0;
max-height: 0;
padding: 18px 18px 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
background-image: url("data:image/svg+xml; utf8, ");
}
.headline-hero {
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 700;
font-size: 3.75rem;
line-height: 4.25rem;
}
@media all and (min-width: 768px) {
.headline-hero {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
.headline-hero {
font-size: 4.5rem;
line-height: 5rem;
}
}
.h1 {
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 700;
font-size: 2.75rem;
line-height: 3.25rem;
margin: unset;
}
@media all and (min-width: 768px) {
.h1 {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
.h1 {
font-size: 3.5rem;
line-height: 4rem;
}
}
.h2 {
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 700;
font-size: 2.125rem;
line-height: 2.625rem;
margin: unset;
}
@media all and (min-width: 768px) {
.h2 {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
.h2 {
font-size: 2.5rem;
line-height: 3rem;
}
}
.h3 {
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 700;
font-size: 1.75rem;
line-height: 1.75rem;
margin: unset;
}
@media all and (min-width: 768px) {
.h3 {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
.h3 {
font-size: 1.5rem;
line-height: 2rem;
}
}
.h4 {
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 700;
font-size: 1.125rem;
line-height: 1.5rem;
margin: unset;
}
@media all and (min-width: 768px) {
.h4 {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
.h4 {
font-size: 1.25rem;
line-height: 1.625rem;
}
}
.h5 {
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 700;
font-size: 0.875rem;
line-height: 1.125rem;
margin: unset;
}
@media all and (min-width: 768px) {
.h5 {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
.h5 {
font-size: 1rem;
line-height: 1.25rem;
}
}
.h6 {
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.125rem;
margin: unset;
}
@media all and (min-width: 768px) {
.h6 {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
.h6 {
font-size: 1rem;
line-height: 1.25rem;
}
}
.text-lead {
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 400;
font-size: 1.125rem;
line-height: 1.5rem;
}
@media all and (min-width: 768px) {
.text-lead {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
.text-lead {
font-size: 1.25rem;
line-height: 1.625rem;
}
}
.text-small {
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 400;
font-size: 0.625rem;
line-height: 0.875rem;
}
@media all and (min-width: 768px) {
.text-small {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
.text-small {
font-size: 0.75rem;
line-height: 1rem;
}
}
.text-description {
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.125rem;
}
@media all and (min-width: 768px) {
.text-description {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
.text-description {
font-size: 1rem;
line-height: 1.25rem;
}
}
.text-description a {
text-decoration: underline;
font-weight: 400;
}
.text-description-lead {
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 400;
font-size: 1.125rem;
line-height: 1.5rem;
}
@media all and (min-width: 768px) {
.text-description-lead {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
.text-description-lead {
font-size: 1.25rem;
line-height: 1.625rem;
}
}
.text-description-lead a {
text-decoration: underline;
font-weight: 400;
}
.container {
display: flex;
flex-direction: column;
padding-top: 30px;
padding-bottom: 40px;
padding-left: 25px;
padding-right: 25px;
gap: 30px;
max-width: unset;
}
@media all and (min-width: 1024px) {
.container {
padding-left: 50px;
padding-right: 50px;
}
}
@media all and (min-width: 1200px) {
.container {
padding-left: 75px;
padding-right: 75px;
}
}
@media all and (min-width: 1536px) {
.container {
padding-left: 125px;
padding-right: 125px;
}
}
.container > .container-sidebar {
display: flex;
flex-direction: column;
width: 100%;
}
.container > .container-content {
display: flex;
flex-direction: column;
width: 100%;
gap: 30px;
}
.container > .container-content > .mod_article {
display: flex;
flex-direction: column;
width: 100%;
gap: 15px;
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 400;
font-size: 1rem;
line-height: 1.25rem;
}
@media all and (min-width: 768px) {
.container > .container-content > .mod_article {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
.container > .container-content > .mod_article {
font-size: 1.125rem;
line-height: 1.5rem;
}
}
@media all and (min-width: 1024px) {
.container {
padding-top: 30px;
padding-bottom: 80px;
flex-direction: row;
max-width: 1920px;
}
.container > .container-sidebar {
width: 27.4390243902%;
}
.container > .container-content {
width: 72.5609756098%;
}
}
.large-text-display .container {
flex-direction: column;
}
.large-text-display .container > .container-sidebar {
width: 100%;
max-width: unset;
}
.large-text-display .container > .container-content {
width: 100%;
max-width: unset;
}
.mask-link {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
text-indent: -9999px;
}
.high-contrast,
.high-contrast
*:not([class^="ico-"]):not([class^="btn"]):not(.toggle-checkbox *):not(
.migrant-card
):not(.migrant-card *):not(.header-details-logo *):not(
.footer-partners-group *
):not(.splide__slide *):not(.lang-select *):not(.form-input-status):not(
.mask-link
):not(.article-details *):not(.articles-pagination *):not(.cookiebar):not(
.cookiebar *
) {
background: #000 !important;
color: #fff;
border-color: #ff0 !important;
}
.btn,
.cookiebar > .cookiebar__button {
border: unset;
display: flex;
padding: unset;
cursor: pointer;
-moz-column-gap: 20px;
column-gap: 20px;
transition: 0.3s;
width: -moz-fit-content;
width: fit-content;
flex-direction: row;
align-items: center;
color: #fff;
background-color: #163e87;
}
.btn:focus,
.cookiebar > .cookiebar__button:focus,
.btn:focus-visible,
.cookiebar > .cookiebar__button:focus-visible,
.btn:active,
.cookiebar > .cookiebar__button:active {
outline: 2px solid #000;
}
.btn:focus-visible,
.cookiebar > .cookiebar__button:focus-visible {
box-shadow: unset !important;
}
.btn:focus,
.cookiebar > .cookiebar__button:focus,
.btn:hover,
.cookiebar > .cookiebar__button:hover,
.btn:active,
.cookiebar > .cookiebar__button:active,
.btn:focus-visible,
.cookiebar > .cookiebar__button:focus-visible {
box-shadow: unset;
color: #fff !important;
background-color: #1d67f1 !important;
}
.btn-outline {
background-color: unset;
color: #163e87;
border: 1px solid #163e87;
}
.btn-outline:focus,
.btn-outline:hover {
color: #1d67f1;
border: 1px solid #1d67f1;
background-color: rgba(29, 103, 241, 0.15);
}
.btn-outline:focus > span,
.btn-outline:hover > span {
background-image: url('data:image/svg+xml;utf-8,');
}
.btn-large {
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 700;
font-size: 1.125rem;
line-height: 1.5rem;
border-radius: 7px;
padding: 17px 30px 17px 30px;
}
@media all and (min-width: 768px) {
.btn-large {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
.btn-large {
font-size: 1.25rem;
line-height: 1.625rem;
}
}
.btn-large > span {
display: block;
max-width: 0;
max-height: 0;
padding: 16px 14px 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
}
.btn-basic,
.cookiebar > .cookiebar__button {
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 700;
font-size: 0.875rem;
line-height: 1.125rem;
border-radius: 5px;
padding: 15px 30px 15px 30px;
}
@media all and (min-width: 768px) {
.btn-basic,
.cookiebar > .cookiebar__button {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
.btn-basic,
.cookiebar > .cookiebar__button {
font-size: 1rem;
line-height: 1.25rem;
}
}
.btn-basic > span,
.cookiebar > .cookiebar__button > span {
display: block;
max-width: 0;
max-height: 0;
padding: 14px 12px 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
}
.btn-small {
border-radius: 4px;
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 400;
font-size: 0.625rem;
line-height: 0.875rem;
font-weight: 700;
padding: 10px 20px 10px 20px;
}
@media all and (min-width: 768px) {
.btn-small {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
.btn-small {
font-size: 0.75rem;
line-height: 1rem;
}
}
.btn-small > span {
display: block;
max-width: 0;
max-height: 0;
padding: 12px 10px 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
}
.checkbox,
.cookiebar > .cookiebar__analytics > .cookiebar__analytics-label {
display: flex;
-moz-column-gap: 10px;
column-gap: 10px;
align-items: center;
flex-direction: row;
}
.checkbox-input,
.checkbox input,
.cookiebar > .cookiebar__analytics > .cookiebar__analytics-label input {
width: 20px;
height: 20px;
margin: unset;
cursor: pointer;
min-width: 20px;
min-height: 20px;
-webkit-appearance: unset;
-moz-appearance: unset;
appearance: unset;
position: relative;
}
.checkbox-input::before,
.checkbox input::before,
.cookiebar > .cookiebar__analytics > .cookiebar__analytics-label input::before {
content: "";
width: 20px;
height: 20px;
display: block;
transition: 0.3s;
border-radius: 3px;
border: 1px solid #163e87;
}
.checkbox-input::after,
.checkbox input::after,
.cookiebar > .cookiebar__analytics > .cookiebar__analytics-label input::after {
content: "";
transition: 0.3s;
position: absolute;
filter: opacity(0);
top: 6px;
left: 5px;
display: block;
max-width: 0;
max-height: 0;
padding: 8px 10px 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
background-image: url('data:image/svg+xml;utf-8,');
}
.checkbox-input:hover::before,
.checkbox-input:focus::before,
.checkbox input:hover::before,
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
input:hover::before,
.checkbox input:focus::before,
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
input:focus::before {
border: 1px solid #1d67f1;
}
.checkbox-input:checked::before,
.checkbox input:checked::before,
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
input:checked::before {
background-color: #163e87;
}
.checkbox-input:checked::after,
.checkbox input:checked::after,
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
input:checked::after {
filter: opacity(1);
}
.checkbox-input:disabled,
.checkbox input:disabled,
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
input:disabled {
cursor: unset;
}
.checkbox-input:disabled::before,
.checkbox input:disabled::before,
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
input:disabled::before {
border: 1px solid #cfd8dc;
}
.checkbox-input:disabled:checked::before,
.checkbox input:disabled:checked::before,
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
input:disabled:checked::before {
background-color: #cfd8dc;
}
.checkbox-label,
.checkbox label,
.cookiebar > .cookiebar__analytics > .cookiebar__analytics-label label,
.checkbox span,
.cookiebar > .cookiebar__analytics > .cookiebar__analytics-label span {
cursor: pointer;
transition: 0.3s;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.checkbox > input:checked + label,
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
> input:checked
+ label,
.checkbox input:checked + span,
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
input:checked
+ span {
color: #163e87;
}
.checkbox > input:hover + label,
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
> input:hover
+ label,
.checkbox > input:hover + span,
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
> input:hover
+ span,
.checkbox input:focus + label,
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
input:focus
+ label,
.checkbox input:focus + span,
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
input:focus
+ span {
color: #1d67f1;
}
.checkbox > input:disabled + label,
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
> input:disabled
+ label,
.checkbox input:disabled + span,
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
input:disabled
+ span {
color: #cfd8dc;
cursor: unset;
}
.radio {
display: flex;
-moz-column-gap: 10px;
column-gap: 10px;
flex-direction: row;
align-items: center;
}
.radio > input {
width: 20px;
height: 20px;
margin: unset;
cursor: pointer;
min-width: 20px;
min-height: 20px;
-webkit-appearance: unset;
-moz-appearance: unset;
appearance: unset;
position: relative;
}
.radio > input::before {
content: "";
width: 20px;
height: 20px;
display: block;
transition: 0.3s;
border-radius: 50%;
border: 1px solid #163e87;
}
.radio > input::after {
width: 8px;
height: 8px;
content: "";
display: block;
transition: 0.3s;
position: absolute;
border-radius: 50%;
transform: scale(0);
top: 6px;
left: 6px;
background-color: #fff;
}
.radio > input:hover::before,
.radio > input:focus::before {
border: 1px solid #1d67f1;
}
.radio > input:checked::before {
background-color: #163e87;
}
.radio > input:checked::after {
transform: scale(1);
}
.radio > input:disabled {
cursor: unset;
}
.radio > input:disabled::before {
border: 1px solid #cfd8dc;
}
.radio > input:disabled:checked::before {
background-color: #cfd8dc;
}
.radio > label {
cursor: pointer;
transition: 0.3s;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.radio > input:checked + label {
color: #163e87;
}
.radio > input:hover + label,
.radio input:focus + label {
color: #1d67f1;
}
.radio > input:disabled + label {
color: #cfd8dc;
cursor: unset;
}
.toggle-checkbox > input {
width: 44px;
height: 24px;
display: block;
cursor: pointer;
-webkit-appearance: unset;
-moz-appearance: unset;
appearance: unset;
position: relative;
border-radius: 9999px;
background-color: #1d67f1;
}
.toggle-checkbox > input::before {
content: "";
width: 18px;
height: 18px;
display: block;
transition: 0.3s;
border-radius: 50%;
position: absolute;
top: 3px;
transform: translateX(23px);
background-color: #fff;
}
.toggle-checkbox > input::after {
content: "";
display: block;
position: absolute;
filter: opacity(0);
transition-duration: 0.3s;
top: 8.65px;
left: 7.2px;
display: block;
max-width: 0;
max-height: 0;
padding: 6.7px 8.4px 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
background-image: url('data:image/svg+xml;utf-8,');
}
.toggle-checkbox > input:checked {
background-color: #163e87;
}
.toggle-checkbox > input:checked::before {
transform: translateX(3px);
}
.toggle-checkbox > input:checked::after {
filter: opacity(1);
transition-delay: 0.2s;
}
.toggle-checkbox > input:disabled {
background-color: #cfd8dc;
cursor: unset;
}
.toggle-checkbox > input:disabled:checked::after {
background-image: url('data:image/svg+xml;utf-8,');
}
.high-contrast .btn,
.high-contrast .cookiebar > .cookiebar__button {
color: #000 !important;
background-color: #ff0;
border: 2px solid #ff0;
}
.high-contrast .btn > span,
.high-contrast .cookiebar > .cookiebar__button > span {
background-image: url('data:image/svg+xml;utf-8,');
}
.high-contrast .btn:focus,
.high-contrast .cookiebar > .cookiebar__button:focus,
.high-contrast .btn:focus-visible,
.high-contrast .cookiebar > .cookiebar__button:focus-visible,
.high-contrast .btn:active,
.high-contrast .cookiebar > .cookiebar__button:active {
outline: 2px solid #fff;
}
.high-contrast .btn:focus,
.high-contrast .cookiebar > .cookiebar__button:focus,
.high-contrast .btn:hover,
.high-contrast .cookiebar > .cookiebar__button:hover,
.high-contrast .btn:active,
.high-contrast .cookiebar > .cookiebar__button:active,
.high-contrast .btn:focus-visible,
.high-contrast .cookiebar > .cookiebar__button:focus-visible {
color: #ff0 !important;
background-color: unset !important;
}
.high-contrast .btn:focus > span,
.high-contrast .cookiebar > .cookiebar__button:focus > span,
.high-contrast .btn:hover > span,
.high-contrast .cookiebar > .cookiebar__button:hover > span,
.high-contrast .btn:active > span,
.high-contrast .cookiebar > .cookiebar__button:active > span,
.high-contrast .btn:focus-visible > span,
.high-contrast .cookiebar > .cookiebar__button:focus-visible > span {
background-image: url('data:image/svg+xml;utf-8,');
}
.high-contrast .btn-outline {
border: 2px solid #ff0;
color: #ff0 !important;
background-color: unset;
}
.high-contrast .btn-outline > span {
background-image: url('data:image/svg+xml;utf-8,');
}
.high-contrast .btn-outline:focus,
.high-contrast .btn-outline:hover {
color: #000 !important;
background-color: #ff0 !important;
}
.high-contrast .btn-outline:focus > span,
.high-contrast .btn-outline:hover > span {
background-image: url('data:image/svg+xml;utf-8,');
}
.high-contrast .checkbox-input::before,
.high-contrast .checkbox input::before,
.high-contrast
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
input::before {
border: 1px solid #ff0;
}
.high-contrast .checkbox-input::after,
.high-contrast .checkbox input::after,
.high-contrast
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
input::after {
background-image: url('data:image/svg+xml;utf-8,');
}
.high-contrast .checkbox-input:checked::before,
.high-contrast .checkbox input:checked::before,
.high-contrast
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
input:checked::before {
background-color: #ff0;
}
.high-contrast .checkbox-input:disabled::before,
.high-contrast .checkbox input:disabled::before,
.high-contrast
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
input:disabled::before {
border: 1px solid rgba(255, 255, 0, 0.5);
}
.high-contrast .checkbox-input:disabled:checked::before,
.high-contrast .checkbox input:disabled:checked::before,
.high-contrast
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
input:disabled:checked::before {
background-color: rgba(255, 255, 0, 0.5) !important;
}
.high-contrast .checkbox > input:checked + label,
.high-contrast
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
> input:checked
+ label,
.high-contrast .checkbox input:checked + span,
.high-contrast
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
input:checked
+ span {
color: #ff0;
}
.high-contrast .checkbox > input:hover + label,
.high-contrast
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
> input:hover
+ label,
.high-contrast .checkbox > input:hover + span,
.high-contrast
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
> input:hover
+ span,
.high-contrast .checkbox input:focus + label,
.high-contrast
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
input:focus
+ label,
.high-contrast .checkbox input:focus + span,
.high-contrast
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
input:focus
+ span {
color: #ff0;
}
.high-contrast .checkbox > input:disabled + label,
.high-contrast
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
> input:disabled
+ label,
.high-contrast .checkbox input:disabled + span,
.high-contrast
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
input:disabled
+ span {
color: rgba(255, 255, 0, 0.5);
}
.high-contrast .radio > input::before {
border: 1px solid #ff0;
}
.high-contrast .radio > input::after {
background-color: #000;
}
.high-contrast .radio > input:checked::before {
background-color: #ff0;
}
.high-contrast .radio > input:disabled::before {
border: 1px solid rgba(255, 255, 0, 0.5);
}
.high-contrast .radio > input:disabled:checked::before {
background-color: rgba(255, 255, 0, 0.5);
}
.high-contrast .radio > input:checked + label {
color: #ff0;
}
.high-contrast .radio > input:hover + label,
.high-contrast .radio input:focus + label {
color: #ff0;
}
.high-contrast .radio > input:disabled + label {
color: rgba(255, 255, 0, 0.5);
}
.high-contrast .toggle-checkbox > input {
background-color: rgba(255, 255, 0, 0.85);
}
.high-contrast .toggle-checkbox > input::before {
background-color: #000;
}
.high-contrast .toggle-checkbox > input::after {
background-image: url('data:image/svg+xml;utf-8,');
}
.high-contrast .toggle-checkbox > input:checked {
background-color: #ff0;
}
.high-contrast .toggle-checkbox > input:disabled {
background-color: rgba(255, 255, 0, 0.5);
}
.high-contrast .toggle-checkbox > input:disabled:checked::after {
background-image: url('data:image/svg+xml;utf-8,');
}
.cookiebar {
gap: 20px;
z-index: 1;
width: 100%;
flex-wrap: wrap;
position: sticky;
padding-top: 20px;
align-items: center;
padding-bottom: 20px;
padding-left: 25px;
padding-right: 25px;
justify-content: space-between;
background-color: #163e87;
}
@media all and (min-width: 1024px) {
.cookiebar {
padding-left: 50px;
padding-right: 50px;
}
}
@media all and (min-width: 1200px) {
.cookiebar {
padding-left: 75px;
padding-right: 75px;
}
}
@media all and (min-width: 1536px) {
.cookiebar {
padding-left: 125px;
padding-right: 125px;
}
}
.cookiebar > .cookiebar__text {
color: #fff;
}
.cookiebar > .cookiebar__text .cookiebar__link {
font-weight: 400;
text-decoration: underline;
color: #fff;
}
.cookiebar > .cookiebar__text .cookiebar__link:hover,
.cookiebar > .cookiebar__text .cookiebar__link:focus {
color: #1d67f1;
}
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
> input::before {
border-color: #fff;
}
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
> input:checked::before {
border-color: #1d67f1;
background-color: #1d67f1;
}
.cookiebar > .cookiebar__analytics > .cookiebar__analytics-label > span {
color: #fff;
}
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
> input:checked
+ span {
color: #fff;
}
.cookiebar > .cookiebar__button {
margin-left: auto;
border: 1px solid transparent;
color: #fff;
background-color: #1d67f1;
}
.cookiebar > .cookiebar__button:focus,
.cookiebar > .cookiebar__button:hover,
.cookiebar > .cookiebar__button:active,
.cookiebar > .cookiebar__button:focus-visible {
background-color: unset !important;
color: #fff !important;
border: 1px solid #fff;
}
.cookiebar.cookiebar--active {
display: flex !important;
}
.cookiebar.cookiebar--position-top {
top: 0;
}
.cookiebar.cookiebar--position-bottom {
bottom: 0;
}
.high-contrast .cookiebar {
background-color: #1c1c1c !important;
}
.high-contrast
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
> input::before {
border-color: #fff;
}
.high-contrast
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
> input
+ label,
.high-contrast
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
> input
+ span {
color: #fff;
}
.high-contrast
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
> input:hover::before,
.high-contrast
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
> input:focus::before {
border-color: #ff0 !important;
}
.high-contrast
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
> input:hover
+ label,
.high-contrast
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
> input:hover
+ span,
.high-contrast
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
> input:focus
+ label,
.high-contrast
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
> input:focus
+ span {
color: #ff0;
}
.high-contrast
.cookiebar
> .cookiebar__analytics
> .cookiebar__analytics-label
> input:checked::before {
border-color: #ff0 !important;
}
.high-contrast .cookiebar > .cookiebar__button:focus,
.high-contrast .cookiebar > .cookiebar__button:hover,
.high-contrast .cookiebar > .cookiebar__button:active,
.high-contrast .cookiebar > .cookiebar__button:focus-visible {
border: 2px solid #ff0;
}
.header-heading {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
clip-path: inset(0px 0px 99.9% 99.9%);
overflow: hidden;
height: 1px;
width: 1px;
}
.header {
width: 100%;
min-height: 110px;
display: flex;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 25px;
padding-right: 25px;
flex-direction: row;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 25px;
background-color: #eceff1;
}
@media all and (min-width: 1250px) {
.header {
flex-wrap: nowrap;
}
}
@media all and (min-width: 1024px) {
.header {
padding-left: 50px;
padding-right: 50px;
}
}
@media all and (min-width: 1200px) {
.header {
padding-left: 75px;
padding-right: 75px;
}
}
@media all and (min-width: 1536px) {
.header {
padding-left: 125px;
padding-right: 125px;
}
}
.header > .header-details {
display: flex;
flex-direction: row;
align-items: center;
-moz-column-gap: 55px;
column-gap: 55px;
flex-wrap: wrap;
width: 100%;
row-gap: 20px;
justify-content: center;
}
.header > .header-details > .header-details-logo {
display: flex;
align-items: center;
flex-direction: row;
-moz-column-gap: 40px;
column-gap: 40px;
flex-wrap: wrap;
row-gap: 20px;
justify-content: center;
}
.header > .header-details > .header-details-logo > a > img,
.header > .header-details > .header-details-logo img {
max-height: 75px;
max-width: -moz-fit-content;
max-width: fit-content;
}
.header > .header-details > .header-details-help-line {
display: flex;
max-width: 200px;
width: max-content;
row-gap: 5px;
flex-direction: column;
text-align: center;
}
.header > .header-details > .header-details-help-line > a {
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 700;
font-size: 1.125rem;
line-height: 1.5rem;
min-width: -moz-max-content;
min-width: max-content;
}
@media all and (min-width: 768px) {
.header > .header-details > .header-details-help-line > a {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
.header > .header-details > .header-details-help-line > a {
font-size: 1.25rem;
line-height: 1.625rem;
}
}
.header > .header-details > .header-details-help-line > span {
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 400;
font-size: 0.625rem;
line-height: 0.875rem;
}
@media all and (min-width: 768px) {
.header > .header-details > .header-details-help-line > span {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
.header > .header-details > .header-details-help-line > span {
font-size: 0.75rem;
line-height: 1rem;
}
}
.header > .header-actions {
display: flex;
flex-direction: row;
align-items: center;
-moz-column-gap: 20px;
column-gap: 20px;
flex-wrap: wrap;
width: 100%;
row-gap: 20px;
justify-content: center;
}
.header > .header-actions > .btn {
min-width: -moz-max-content;
min-width: max-content;
}
.header > .header-actions > .header-actions-search-box {
width: 100%;
max-width: 370px;
min-height: 50px;
}
.header > .header-actions > .header-actions-search-box > form {
border: 1px solid #90a4ae;
height: 100%;
width: 100%;
background-color: #fff;
display: flex;
flex-direction: row;
align-items: center;
border-radius: 7px;
-moz-column-gap: 10px;
column-gap: 10px;
overflow: hidden;
}
.header > .header-actions > .header-actions-search-box > form > input {
width: 100%;
border: unset;
background-color: unset;
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.125rem;
padding: unset;
margin: 2px;
padding: 14px 5px 14px 20px;
color: #455a64;
}
@media all and (min-width: 768px) {
.header > .header-actions > .header-actions-search-box > form > input {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
.header > .header-actions > .header-actions-search-box > form > input {
font-size: 1rem;
line-height: 1.25rem;
}
}
.header
> .header-actions
> .header-actions-search-box
> form
> input::-moz-placeholder {
color: #90a4ae;
}
.header
> .header-actions
> .header-actions-search-box
> form
> input::placeholder {
color: #90a4ae;
}
.header > .header-actions > .header-actions-search-box > form > button {
padding: unset;
border: unset;
background-color: unset;
cursor: pointer;
outline: unset;
padding: 14px 20px 14px 5px;
}
.header > .header-actions > .header-actions-search-box > form > button > span {
margin: 2px;
}
.header
> .header-actions
> .header-actions-search-box
> form
> button:focus
> span {
outline: 2px solid #000;
}
.header > .header-actions > .header-actions-accessibility {
display: flex;
flex-direction: row;
-moz-column-gap: 20px;
column-gap: 20px;
}
.header > .header-actions > .header-actions-accessibility > .header-font-size {
display: flex;
flex-direction: row;
-moz-column-gap: 18px;
column-gap: 18px;
}
.header
> .header-actions
> .header-actions-accessibility
> .header-font-size
> span {
font-size: 1.375rem;
line-height: 1.75rem;
color: #000;
}
.header
> .header-actions
> .header-actions-accessibility
> .header-font-size
> button {
background-color: unset;
padding: unset;
border: unset;
cursor: pointer;
}
.header
> .header-actions
> .header-actions-accessibility
> .header-font-size
> button:hover.js-downscale-font-size
> span,
.header
> .header-actions
> .header-actions-accessibility
> .header-font-size
> button:focus.js-downscale-font-size
> span {
background-image: url('data:image/svg+xml;utf-8,');
}
.header
> .header-actions
> .header-actions-accessibility
> .header-font-size
> button:hover.js-upscale-font-size
> span,
.header
> .header-actions
> .header-actions-accessibility
> .header-font-size
> button:focus.js-upscale-font-size
> span {
background-image: url('data:image/svg+xml;utf-8,');
}
.header
> .header-actions
> .header-actions-accessibility
> .header-high-contrast {
display: flex;
}
.header
> .header-actions
> .header-actions-accessibility
> .header-high-contrast
> button {
background-color: unset;
padding: unset;
border: unset;
cursor: pointer;
}
.header
> .header-actions
> .header-actions-accessibility
> .header-high-contrast
> button:hover
> span,
.header
> .header-actions
> .header-actions-accessibility
> .header-high-contrast
> button:focus
> span {
background-image: url('data:image/svg+xml;utf-8,');
}
.header > .header-actions > .header-actions-language {
width: -moz-fit-content;
width: fit-content;
height: -moz-fit-content;
height: fit-content;
position: relative;
}
.header
> .header-actions
> .header-actions-language
> .lang-select
> #langMenuButton {
padding: 2px;
border: unset;
display: flex;
-moz-column-gap: 15px;
column-gap: 15px;
flex-direction: row;
align-items: center;
background-color: unset;
}
.header
> .header-actions
> .header-actions-language
> .lang-select
> #langMenuButton
> .ico-carret-down-filled {
transition: 0.3s;
}
.header
> .header-actions
> .header-actions-language
> .lang-select
> #langMenuButton[aria-expanded="true"]
> .ico-carret-down-filled {
transform: rotate(180deg);
background-image: url('data:image/svg+xml;utf-8,');
}
.header
> .header-actions
> .header-actions-language
> .lang-select
> .lang-select-menu {
gap: 20px;
padding: 20px;
min-width: unset;
flex-direction: column;
inset: 15px auto auto 0 !important;
border: 1px solid #455a64;
}
.header
> .header-actions
> .header-actions-language
> .lang-select
> .lang-select-menu
> a {
gap: 15px;
display: flex;
align-items: center;
flex-direction: row;
min-width: max-content;
}
.header
> .header-actions
> .header-actions-language
> .lang-select
> .lang-select-menu.show {
display: flex;
}
.header
> .header-actions
> .header-actions-language
> .lang-select:hover
> #langMenuButton
> .ico-carret-down-filled {
background-image: url('data:image/svg+xml;utf-8,');
}
@media all and (min-width: 576px) {
.header > .header-actions > .header-actions-search-box {
min-width: 200px;
}
}
@media all and (min-width: 1024px) {
.header > .header-details {
flex-wrap: unset;
width: unset;
justify-content: unset;
}
.header > .header-details > .header-details-logo {
justify-content: unset;
}
.header > .header-details > .header-details-help-line {
text-align: unset;
}
.header > .header-actions {
flex-wrap: unset;
width: unset;
-moz-column-gap: 40px;
column-gap: 40px;
justify-content: unset;
}
.header > .header-actions > .header-actions-search-box {
min-width: 250px;
}
.header > .header-actions > .header-actions-accessibility {
-moz-column-gap: 50px;
column-gap: 50px;
}
}
@media all and (min-width: 1536px) {
.header {
justify-content: space-between;
}
}
.high-contrast .header > .header-details > .header-details-logo > a > img {
filter: saturate(0) invert(1);
}
.high-contrast .header > .header-details > .header-details-logo > img {
filter: saturate(0) invert(1);
}
.high-contrast .header > .header-actions > .header-actions-search-box > form {
border: 2px solid #ff0;
background-color: #111;
}
.high-contrast
.header
> .header-actions
> .header-actions-search-box
> form
> input {
color: #fff;
}
.high-contrast
.header
> .header-actions
> .header-actions-search-box
> form
> input::-moz-placeholder {
color: #fff;
}
.high-contrast
.header
> .header-actions
> .header-actions-search-box
> form
> input::placeholder {
color: #fff;
}
.high-contrast
.header
> .header-actions
> .header-actions-search-box
> form
> button:focus
> span {
outline: 2px solid #fff;
}
.high-contrast
.header
> .header-actions
> .header-actions-search-box
> form
> button
> span {
background-image: url('data:image/svg+xml;utf-8,');
}
.high-contrast
.header
> .header-actions
> .header-actions-accessibility
> .header-font-size
> span {
color: #fff;
}
.high-contrast
.header
> .header-actions
> .header-actions-accessibility
> .header-font-size
> button.js-downscale-font-size
> span {
background-image: url('data:image/svg+xml;utf-8,');
}
.high-contrast
.header
> .header-actions
> .header-actions-accessibility
> .header-font-size
> button.js-upscale-font-size
> span {
background-image: url('data:image/svg+xml;utf-8,');
}
.high-contrast
.header
> .header-actions
> .header-actions-accessibility
> .header-high-contrast
> button
> span {
background-image: url('data:image/svg+xml;utf-8,');
}
.high-contrast
.header
> .header-actions
> .header-actions-language
> .lang-select
> #langMenuButton
> .ico-carret-down-filled {
background-image: url('data:image/svg+xml;utf-8,');
}
.high-contrast
.header
> .header-actions
> .header-actions-language
> .lang-select
> .lang-select-menu {
background-color: #333;
border: 1px solid #ff0;
}
.large-text-display .header {
justify-content: center;
}
.sidebar {
display: flex;
row-gap: 30px;
flex-direction: column;
}
.sidebar > a {
display: flex;
justify-content: center;
width: 100%;
}
.sidebar > .menu-accordion-wrapper {
display: flex;
flex-direction: column;
}
.sidebar > .menu-accordion-wrapper > .accordion-toggle {
display: flex;
padding: 20px;
flex-direction: row;
align-items: center;
border-radius: 3px;
border: unset;
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 400;
font-size: 1.125rem;
line-height: 1.5rem;
justify-content: space-between;
background-color: #eceff1;
}
@media all and (min-width: 768px) {
.sidebar > .menu-accordion-wrapper > .accordion-toggle {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
.sidebar > .menu-accordion-wrapper > .accordion-toggle {
font-size: 1.25rem;
line-height: 1.625rem;
}
}
.sidebar > .menu-accordion-wrapper > .accordion-toggle > span {
transition: 0.3s;
}
.sidebar > .menu-accordion-wrapper > .accordion-toggle:not(.collapsed) {
color: #1d67f1;
}
.sidebar > .menu-accordion-wrapper > .accordion-toggle:not(.collapsed) > span {
transform: rotate(180deg);
background-image: url('data:image/svg+xml;utf-8,');
}
@media all and (min-width: 1024px) {
.sidebar > .menu-accordion-wrapper > .accordion-toggle {
display: none;
}
}
.sidebar
> .menu-accordion-wrapper
> .accordion-content
> .accordion-content-box
> .sidebar-navbar
> ul {
row-gap: 10px;
display: flex;
flex-direction: column;
}
.sidebar
> .menu-accordion-wrapper
> .accordion-content
> .accordion-content-box
> .sidebar-navbar
> ul
> li
> a {
padding: 20px;
display: block;
border-radius: 3px;
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 400;
font-size: 1.125rem;
line-height: 1.5rem;
color: #455a64;
background-color: #eceff1;
}
@media all and (min-width: 768px) {
.sidebar
> .menu-accordion-wrapper
> .accordion-content
> .accordion-content-box
> .sidebar-navbar
> ul
> li
> a {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
.sidebar
> .menu-accordion-wrapper
> .accordion-content
> .accordion-content-box
> .sidebar-navbar
> ul
> li
> a {
font-size: 1.25rem;
line-height: 1.625rem;
}
}
.sidebar
> .menu-accordion-wrapper
> .accordion-content
> .accordion-content-box
> .sidebar-navbar
> ul
> li
> a:hover,
.sidebar
> .menu-accordion-wrapper
> .accordion-content
> .accordion-content-box
> .sidebar-navbar
> ul
> li
> a:focus {
color: #1d67f1;
}
.sidebar
> .menu-accordion-wrapper
> .accordion-content
> .accordion-content-box
> .sidebar-navbar
> ul
.accordion-wrapper
> button {
width: 100%;
height: 100%;
padding: 20px;
border: unset;
-moz-column-gap: 10px;
column-gap: 10px;
transition: 0.3s;
text-align: unset;
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 400;
font-size: 1.125rem;
line-height: 1.5rem;
background-color: unset;
color: #455a64;
border-radius: 3px;
background-color: #eceff1;
border: 1px solid #eceff1;
}
@media all and (min-width: 768px) {
.sidebar
> .menu-accordion-wrapper
> .accordion-content
> .accordion-content-box
> .sidebar-navbar
> ul
.accordion-wrapper
> button {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
.sidebar
> .menu-accordion-wrapper
> .accordion-content
> .accordion-content-box
> .sidebar-navbar
> ul
.accordion-wrapper
> button {
font-size: 1.25rem;
line-height: 1.625rem;
}
}
.sidebar
> .menu-accordion-wrapper
> .accordion-content
> .accordion-content-box
> .sidebar-navbar
> ul
.accordion-wrapper
> button
> span {
transition: 0.3s;
}
.sidebar
> .menu-accordion-wrapper
> .accordion-content
> .accordion-content-box
> .sidebar-navbar
> ul
.accordion-wrapper
> button:focus,
.sidebar
> .menu-accordion-wrapper
> .accordion-content
> .accordion-content-box
> .sidebar-navbar
> ul
.accordion-wrapper
> button:hover {
color: #1d67f1;
}
.sidebar
> .menu-accordion-wrapper
> .accordion-content
> .accordion-content-box
> .sidebar-navbar
> ul
.accordion-wrapper
> button:focus
> span,
.sidebar
> .menu-accordion-wrapper
> .accordion-content
> .accordion-content-box
> .sidebar-navbar
> ul
.accordion-wrapper
> button:hover
> span {
background-image: url('data:image/svg+xml;utf-8,');
}
.sidebar
> .menu-accordion-wrapper
> .accordion-content
> .accordion-content-box
> .sidebar-navbar
> ul
.accordion-wrapper
> button:not(.collapsed) {
border-radius: 3px 3px 0 0;
color: #1d67f1;
background-color: #fff;
border: 1px solid #1d67f1;
}
.sidebar
> .menu-accordion-wrapper
> .accordion-content
> .accordion-content-box
> .sidebar-navbar
> ul
.accordion-wrapper
> button:not(.collapsed)
> span {
transform: rotate(180deg);
background-image: url('data:image/svg+xml;utf-8,');
}
.sidebar
> .menu-accordion-wrapper
> .accordion-content
> .accordion-content-box
> .sidebar-navbar
> ul
.accordion-wrapper
> .accordion-content
> .accordion-content-box {
padding: 15px;
border-radius: 0 0 3px 3px;
border: 1px solid #1d67f1;
border-top: unset;
}
.sidebar
> .menu-accordion-wrapper
> .accordion-content
> .accordion-content-box
> .sidebar-navbar
> ul
.accordion-wrapper
> .accordion-content
> .accordion-content-box
> ul {
display: flex;
row-gap: 15px;
flex-direction: column;
}
.sidebar
> .menu-accordion-wrapper
> .accordion-content
> .accordion-content-box
> .sidebar-navbar
> ul
.accordion-wrapper
> .accordion-content
> .accordion-content-box
> ul
> li
> a {
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 400;
font-size: 1.125rem;
line-height: 1.5rem;
color: #455a64;
}
@media all and (min-width: 768px) {
.sidebar
> .menu-accordion-wrapper
> .accordion-content
> .accordion-content-box
> .sidebar-navbar
> ul
.accordion-wrapper
> .accordion-content
> .accordion-content-box
> ul
> li
> a {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
.sidebar
> .menu-accordion-wrapper
> .accordion-content
> .accordion-content-box
> .sidebar-navbar
> ul
.accordion-wrapper
> .accordion-content
> .accordion-content-box
> ul
> li
> a {
font-size: 1.25rem;
line-height: 1.625rem;
}
}
.sidebar
> .menu-accordion-wrapper
> .accordion-content
> .accordion-content-box
> .sidebar-navbar
> ul
.accordion-wrapper
> .accordion-content
> .accordion-content-box
> ul
> li
> a:hover,
.sidebar
> .menu-accordion-wrapper
> .accordion-content
> .accordion-content-box
> .sidebar-navbar
> ul
.accordion-wrapper
> .accordion-content
> .accordion-content-box
> ul
> li
> a:focus {
color: #1d67f1;
}
@media all and (max-width: 1024px) {
.sidebar
> .menu-accordion-wrapper
> .accordion-content
> .accordion-content-box {
margin-top: 25px;
}
}
.sidebar .current-item {
background-color: #dae8fe;
padding: 10px 7px;
margin-left: -7px;
border-radius: 5px;
}
.sidebar .current-item a {
color: #236bca !important;
}
.high-contrast .sidebar > .menu-accordion-wrapper > .accordion-toggle {
border: 1px solid;
color: #ff0 !important;
}
.high-contrast .sidebar > .menu-accordion-wrapper > .accordion-toggle > span {
background-image: url('data:image/svg+xml;utf-8,');
}
.high-contrast
.sidebar
> .menu-accordion-wrapper
> .accordion-content
> .accordion-content-box
> .sidebar-navbar
> ul {
row-gap: 25px;
}
.high-contrast
.sidebar
> .menu-accordion-wrapper
> .accordion-content
> .accordion-content-box
> .sidebar-navbar
> ul
.accordion-wrapper
> button {
color: #ff0 !important;
}
.high-contrast
.sidebar
> .menu-accordion-wrapper
> .accordion-content
> .accordion-content-box
> .sidebar-navbar
> ul
.accordion-wrapper
> button
> span {
background-image: url('data:image/svg+xml;utf-8,');
}
.high-contrast
.sidebar
> .menu-accordion-wrapper
> .accordion-content
> .accordion-content-box
> .sidebar-navbar
> ul
.accordion-wrapper:not(:has(> button.collapsed))
> button
> span {
transform: rotate(180deg);
background-image: url('data:image/svg+xml;utf-8,');
}
.footer {
display: flex;
flex-direction: column;
padding-top: 50px;
padding-bottom: 50px;
padding-left: 25px;
padding-right: 25px;
background-color: #f5f5f5;
}
@media all and (min-width: 1024px) {
.footer {
padding-left: 50px;
padding-right: 50px;
}
}
@media all and (min-width: 1200px) {
.footer {
padding-left: 75px;
padding-right: 75px;
}
}
@media all and (min-width: 1536px) {
.footer {
padding-left: 125px;
padding-right: 125px;
}
}
.footer > .footer-partners {
display: flex;
align-items: center;
flex-direction: column;
row-gap: 25px;
}
.footer > .footer-partners img {
width: min(250px, 100%);
max-width: -moz-max-content;
max-width: max-content;
height: -moz-max-content;
height: max-content;
max-height: 100px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.footer > .footer-partners > .footer-partners-group {
display: flex;
-moz-column-gap: 80px;
column-gap: 80px;
row-gap: 25px;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
align-items: center;
}
.footer > .footer-responsibility {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 25px;
}
.footer > .footer-responsibility > p {
text-align: center;
max-width: 1000px;
}
.footer > .footer-copyrights {
display: flex;
flex-direction: row;
justify-content: space-between;
-moz-column-gap: 10px;
column-gap: 10px;
margin-top: 50px;
row-gap: 20px;
flex-wrap: wrap;
}
.footer > .footer-copyrights > .footer-copyrights-group {
display: flex;
flex-direction: row;
-moz-column-gap: 50px;
column-gap: 50px;
row-gap: 20px;
flex-wrap: wrap;
}
.footer > .footer-copyrights > .footer-copyrights-group > nav > ul {
display: flex;
flex-direction: row;
-moz-column-gap: 30px;
column-gap: 30px;
row-gap: 10px;
flex-wrap: wrap;
}
.footer > .footer-copyrights > .footer-copyrights-group > nav > ul > li > a {
font-weight: 400;
}
.footer > .footer-copyrights > .footer-realization > a {
color: inherit;
text-decoration: none;
}
.footer > .footer-copyrights > .footer-realization > a:hover,
.footer > .footer-copyrights > .footer-realization > a:focus {
color: #163e87;
}
.high-contrast .footer > .footer-partners img {
filter: saturate(0) invert(1);
}
.about-iom-card {
width: 100%;
height: 470px;
padding: 25px;
display: flex;
margin: 25px 0;
overflow: hidden;
border-radius: 7px;
position: relative;
align-items: flex-end;
justify-content: flex-end;
}
.about-iom-card > picture > img {
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
-o-object-position: center;
object-position: center;
background-color: #eceff1;
}
.about-iom-card > .about-iom-card-logo {
z-index: 0;
padding: 20px;
background-color: #fff;
}
.about-iom-card > .about-iom-card-logo > picture > img {
width: 100%;
max-width: -moz-fit-content;
max-width: fit-content;
}
@media all and (min-width: 1024px) {
.about-iom-card {
padding: 50px;
}
.about-iom-card > .about-iom-card-logo {
padding: 40px;
}
}
.about-iom-details {
margin: 25px 0;
}
.about-iom-details > p {
margin-top: 40px;
}
.about-iom-details > .about-iom-details-description {
margin-top: 55px;
display: flex;
flex-direction: column;
row-gap: 20px;
}
.search-results {
margin: 25px 0;
display: flex;
flex-direction: column;
gap: 50px;
}
.search-results > .search-results-heading > span {
color: #1d67f1;
}
.search-results > article {
padding-left: 50px;
padding-bottom: 50px;
border-bottom: 1px solid #90a4ae;
}
.search-results > article:last-child {
border-bottom: unset;
}
.search-results > article > .search-result-name > a {
color: #455a64;
}
.search-results > article > .search-result-name > a:focus,
.search-results > article > .search-result-name > a:hover {
color: #1d67f1;
}
.search-results > article > .search-result-name > a > mark {
background-color: #ffe374;
}
.search-results > article > .search-result-details {
display: flex;
margin-top: 15px;
-moz-column-gap: 20px;
column-gap: 20px;
flex-direction: row;
}
.search-results > article > p {
margin-top: 30px;
}
.search-results > article > p > mark {
background-color: #ffe374;
}
@media all and (min-width: 1024px) {
.search-results > .search-results-heading {
margin-left: 50px;
}
.search-results > ul > li > article {
margin-left: 50px;
}
}
.high-contrast .search-results > .search-results-heading > span {
color: #ff0 !important;
}
.high-contrast .search-results > ul > li:not(:last-child)::after {
border-bottom: 1px solid #ff0;
}
.rating-and-tool-bar {
display: flex;
flex-direction: row;
gap: 30px;
margin: 25px 0;
flex-wrap: wrap;
}
.rating-and-tool-bar > div {
padding: 30px;
background-color: #f5f5f5;
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
border-radius: 7px;
flex-wrap: wrap;
}
.rating-and-tool-bar > .rating-bar {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 10px;
align-items: center;
}
.rating-and-tool-bar > .rating-bar > .rating-bar-form {
display: flex;
flex-direction: row;
align-items: end;
-moz-column-gap: 30px;
column-gap: 30px;
flex-wrap: wrap;
}
.rating-and-tool-bar > .rating-bar > .rating-bar-form > .rating-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
max-width: -moz-max-content;
max-width: max-content;
}
.rating-and-tool-bar > .rating-bar > .rating-bar-form > .rating-list > label {
width: 0;
height: 0;
overflow: hidden;
}
.rating-and-tool-bar
> .rating-bar
> .rating-bar-form
> .rating-list
#rating-value-1 {
padding-left: 0;
}
.rating-and-tool-bar > .rating-bar > .rating-bar-form > .rating-list > input {
cursor: pointer;
-webkit-appearance: unset;
-moz-appearance: unset;
appearance: unset;
padding: 0 5px;
}
.rating-and-tool-bar
> .rating-bar
> .rating-bar-form
> .rating-list
> input::before {
content: "";
display: block;
max-width: 0;
max-height: 0;
padding: 23px 24px 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
background-image: url('data:image/svg+xml;utf-8,');
}
.rating-and-tool-bar
> .rating-bar
> .rating-bar-form
> .rating-list
> input:hover
~ input::before {
background-image: url('data:image/svg+xml;utf-8,');
}
.rating-and-tool-bar
> .rating-bar
> .rating-bar-form
> .rating-list:not(:hover)
> input:indeterminate::before {
background-image: url('data:image/svg+xml;utf-8,');
}
.rating-and-tool-bar
> .rating-bar
> .rating-bar-form
> .rating-list:not(:hover)
> input:checked
~ input::before {
background-image: url('data:image/svg+xml;utf-8,');
}
.rating-and-tool-bar
> .rating-bar
> .rating-bar-form
> .rating-list:not(:hover)
> input:focus::before {
background-image: url('data:image/svg+xml;utf-8,');
}
.rating-and-tool-bar
> .rating-bar
> .rating-bar-form
> button:not(:hover):not(:focus) {
background-color: #fff;
}
.rating-and-tool-bar > .tool-bar {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
-moz-column-gap: 60px;
column-gap: 60px;
row-gap: 20px;
}
.rating-and-tool-bar > .tool-bar > .tool-bar-printer {
display: flex;
flex-direction: row;
-moz-column-gap: 20px;
column-gap: 20px;
align-items: center;
border: unset;
background-color: unset;
transition: 0.3s;
color: #163e87;
}
.rating-and-tool-bar > .tool-bar > .tool-bar-printer > span {
transition: 0.3s;
}
.rating-and-tool-bar > .tool-bar > .tool-bar-printer:hover,
.rating-and-tool-bar > .tool-bar > .tool-bar-printer:focus {
color: #1d67f1;
}
.rating-and-tool-bar > .tool-bar > .tool-bar-printer:hover > span,
.rating-and-tool-bar > .tool-bar > .tool-bar-printer:focus > span {
background-image: url('data:image/svg+xml;utf-8,');
}
@media all and (min-width: 1200px) {
.rating-and-tool-bar > div {
width: calc(50% - 15px);
}
}
.high-contrast .rating-and-tool-bar > div {
border: 1px solid;
}
.high-contrast
.rating-and-tool-bar
> .rating-bar
> .rating-bar-form
> button:not(:hover):not(:focus) {
background-color: unset;
}
.high-contrast .rating-and-tool-bar > .tool-bar > .tool-bar-printer > span {
background-image: url('data:image/svg+xml;utf-8,');
}
.unordered-list {
display: flex;
padding: 30px;
row-gap: 20px;
border-radius: 7px;
flex-direction: column;
border: 1px solid #90a4ae;
}
.unordered-list.mod_sitemap > .level_1 > li > *:not(ul) {
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 400;
font-size: 1.125rem;
line-height: 1.5rem;
font-weight: 700;
}
@media all and (min-width: 768px) {
.unordered-list.mod_sitemap > .level_1 > li > *:not(ul) {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
.unordered-list.mod_sitemap > .level_1 > li > *:not(ul) {
font-size: 1.25rem;
line-height: 1.625rem;
}
}
.unordered-list.mod_sitemap > .level_1 li:not(.submenu) > a {
font-weight: 400;
}
.unordered-list ul {
margin-left: 23.5px;
width: 100%;
display: flex;
row-gap: 15px;
flex-direction: column;
}
.unordered-list ul > li {
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
.unordered-list ul > li > a {
max-width: calc(100% - 23.5px);
}
.unordered-list ul > li::before {
content: "";
display: block;
max-width: 0;
max-height: 0;
padding: 2px 13.5px 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
background-image: url('data:image/svg+xml;utf-8,');
}
.unordered-list > ul {
margin: unset;
}
.high-contrast .unordered-list ul > li::before {
background-image: url('data:image/svg+xml;utf-8,');
}
.articles-grid {
gap: 30px;
display: flex;
flex-direction: column;
}
.articles-grid > .mask-wrapper {
width: 100%;
position: relative;
}
.articles-grid
> .mask-wrapper
> a:hover
~ .article-element
> .article-details
> .article-name,
.articles-grid
> .mask-wrapper
> a:focus
~ .article-element
> .article-details
> .article-name {
color: #1d67f1;
}
.articles-grid > .mask-wrapper > .article-element {
row-gap: 15px;
display: flex;
transition: 0.3s;
flex-direction: column;
}
.articles-grid > .mask-wrapper > .article-element > picture > img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
min-height: 220px;
max-height: 440px;
border-radius: 7px;
aspect-ratio: 16/9;
-o-object-position: center;
object-position: center;
background-color: #eceff1;
}
.articles-grid > .mask-wrapper > .article-element > .article-details {
display: flex;
row-gap: 10px;
flex-direction: column;
}
.articles-grid
> .mask-wrapper
> .article-element
> .article-details
> .article-name {
transition: 0.3s;
}
.articles-grid
> .mask-wrapper
> .article-element
> .article-details
> .article-details-group {
display: flex;
row-gap: 10px;
flex-wrap: wrap;
-moz-column-gap: 20px;
column-gap: 20px;
flex-direction: row;
}
.articles-grid > .mask-wrapper > .large-article-element {
gap: 0;
display: flex;
padding: 30px;
min-height: 340px;
position: relative;
justify-content: flex-end;
}
.articles-grid > .mask-wrapper > .large-article-element > picture > img {
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
-o-object-position: center;
object-position: center;
}
.articles-grid > .mask-wrapper > .large-article-element > .article-details {
z-index: 0;
width: 100%;
padding: 20px;
display: flex;
margin-top: 150px;
border-radius: 7px;
max-width: -moz-fit-content;
max-width: fit-content;
flex-direction: column-reverse;
background-color: #fff;
}
@media all and (min-width: 768px) {
.articles-grid {
flex-wrap: wrap;
flex-direction: row;
}
.articles-grid > .mask-wrapper {
max-width: calc(50% - 15px);
}
.articles-grid > .mask-wrapper.large-article-element {
max-width: 100%;
}
}
@media all and (min-width: 1536px) {
.articles-grid > .mask-wrapper {
max-width: calc(25% - 22.5px);
}
.articles-grid > .mask-wrapper.large-article-element {
max-width: calc(50% - 15px);
}
}
.articles-pagination {
display: flex;
flex-direction: column;
width: 100%;
align-items: center;
gap: 15px;
margin: 20px 0;
}
.articles-pagination > ul {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
}
.articles-pagination > ul > li > a,
.articles-pagination > ul > li span {
min-width: 35px;
min-height: 35px;
background-color: #163e87;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
transition: 0.3s;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 700;
font-size: 0.875rem;
line-height: 1.125rem;
}
@media all and (min-width: 768px) {
.articles-pagination > ul > li > a,
.articles-pagination > ul > li span {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
.articles-pagination > ul > li > a,
.articles-pagination > ul > li span {
font-size: 1rem;
line-height: 1.25rem;
}
}
.articles-pagination > ul > li > a:hover,
.articles-pagination > ul > li > a:focus,
.articles-pagination > ul > li span:hover,
.articles-pagination > ul > li span:focus {
background-color: #1d67f1;
}
.articles-pagination > ul > li.active > a,
.articles-pagination > ul > li.active span {
background-color: #1d67f1;
}
.high-contrast
.articles-grid
> .mask-wrapper
> .article-element
> .article-details
> .article-name {
color: #ff0 !important;
}
.high-contrast .articles-pagination > ul > li > a,
.high-contrast .articles-pagination > ul > li span {
border: 2px solid #ff0;
background-color: unset;
}
.high-contrast .articles-pagination > ul > li > a:hover,
.high-contrast .articles-pagination > ul > li > a:focus,
.high-contrast .articles-pagination > ul > li span:hover,
.high-contrast .articles-pagination > ul > li span:focus {
color: #000 !important;
background-color: #ff0;
}
.high-contrast .articles-pagination > ul > li.active > a,
.high-contrast .articles-pagination > ul > li.active span {
color: #000 !important;
background-color: #ff0;
}
.logo-slider {
margin: 25px 0;
}
.logo-slider > .splide__track {
padding: 0 60px !important;
}
.logo-slider > .splide__track > ul > .splide__slide {
display: flex;
align-items: center;
}
.logo-slider > .splide__arrows > .splide__arrow {
opacity: 1;
width: 60px;
height: 100%;
display: flex;
align-items: center;
border-radius: unset;
justify-content: center;
background: #fff;
}
.logo-slider > .splide__arrows > .splide__arrow:hover,
.logo-slider > .splide__arrows > .splide__arrow:focus {
opacity: 1;
}
.logo-slider > .splide__arrows > .splide__arrow > .splide__custom-arrow-next,
.logo-slider > .splide__arrows > .splide__arrow .splide__custom-arrow-prev {
width: 40px;
height: 40px;
display: flex;
transition: 0.3s;
border-radius: 7px;
align-items: center;
justify-content: center;
background-color: #fff;
}
.logo-slider > .splide__arrows > .splide__arrow > .splide__custom-arrow-prev {
transform: rotate(180deg);
}
.logo-slider
> .splide__arrows
> .splide__arrow:hover
> .splide__custom-arrow-next,
.logo-slider
> .splide__arrows
> .splide__arrow:hover
.splide__custom-arrow-prev,
.logo-slider
> .splide__arrows
> .splide__arrow:focus
> .splide__custom-arrow-next,
.logo-slider
> .splide__arrows
> .splide__arrow:focus
.splide__custom-arrow-prev {
background-color: #f5f5f5;
}
.logo-slider
> .splide__arrows
> .splide__arrow:hover
> .splide__custom-arrow-next
> span,
.logo-slider
> .splide__arrows
> .splide__arrow:hover
.splide__custom-arrow-prev
> span,
.logo-slider
> .splide__arrows
> .splide__arrow:focus
> .splide__custom-arrow-next
> span,
.logo-slider
> .splide__arrows
> .splide__arrow:focus
.splide__custom-arrow-prev
> span {
background-image: url('data:image/svg+xml;utf-8,');
}
.logo-slider > .splide__arrows > .splide__arrow--next {
right: 0;
}
.logo-slider > .splide__arrows > .splide__arrow--prev {
left: 0;
}
@media all and (min-width: 1024px) {
.logo-slider .logo-slider > .splide__track {
padding: 0 !important;
}
.logo-slider > .splide__arrows > .splide__arrow {
width: 100px;
}
.logo-slider > .splide__arrows > .splide__arrow > .splide__custom-arrow-next,
.logo-slider > .splide__arrows > .splide__arrow .splide__custom-arrow-prev {
width: 80px;
height: 80px;
}
}
.high-contrast
.logo-slider
> .splide__arrows
> .splide__arrow
> .splide__custom-arrow-next,
.high-contrast
.logo-slider
> .splide__arrows
> .splide__arrow
.splide__custom-arrow-prev {
background: #222 !important;
}
.high-contrast
.logo-slider
> .splide__arrows
> .splide__arrow
> .splide__custom-arrow-next
> span,
.high-contrast
.logo-slider
> .splide__arrows
> .splide__arrow
.splide__custom-arrow-prev
> span {
background-image: url('data:image/svg+xml;utf-8,');
}
.high-contrast
.logo-slider
> .splide__arrows
> .splide__arrow
> .splide__custom-arrow-next:hover,
.high-contrast
.logo-slider
> .splide__arrows
> .splide__arrow
.splide__custom-arrow-prev:hover {
background: #333 !important;
}
.high-contrast
.logo-slider
> .splide__track
> .splide__list
> .splide__slide
> img {
filter: saturate(0) invert(1);
}
.form {
gap: 30px;
display: flex;
margin: 25px 0;
flex-direction: column;
}
.form > .form-column {
gap: 20px;
width: 100%;
display: flex;
flex-direction: column;
}
.form > .form-column > .form-input,
.form > .form-column .form-textarea {
gap: 10px;
display: flex;
flex-direction: column;
}
.form > .form-column > .form-input > label,
.form > .form-column .form-textarea > label {
color: #78909c;
}
.form > .form-column > .form-input > label > .form-required,
.form > .form-column .form-textarea > label > .form-required {
color: #ff1744;
}
.form > .form-column > .form-input > .form-input-group {
position: relative;
}
.form > .form-column > .form-input > .form-input-group > input {
width: 100%;
height: 100%;
border-radius: 7px;
padding: 14px 40px 14px 20px;
border: 1px solid #90a4ae;
background-color: #fff;
}
.form
> .form-column
> .form-input
> .form-input-group
> input.input-valid
~ .form-input-status,
.form
> .form-column
> .form-input
> .form-input-group
> input.input-invalid
~ .form-input-status {
display: flex;
}
.form > .form-column > .form-input > .form-input-group > input.input-valid {
color: #00e676;
border: 1px solid #00e676;
background-color: rgba(0, 230, 118, 0.05);
}
.form
> .form-column
> .form-input
> .form-input-group
> input.input-valid
~ .form-input-status {
background-color: #00e676;
}
.form
> .form-column
> .form-input
> .form-input-group
> input.input-valid
~ .form-input-status:after {
content: "";
display: block;
max-width: 0;
max-height: 0;
padding: 6.694px 8.408px 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
background-image: url('data:image/svg+xml;utf-8,');
}
.form > .form-column > .form-input > .form-input-group > input.input-invalid,
.form
> .form-column
> .form-input
> .form-input-group
> input:required:invalid {
color: #ff1744;
border: 1px solid #ff1744;
background-color: rgba(255, 23, 68, 0.05);
}
.form
> .form-column
> .form-input
> .form-input-group
> input.input-invalid
~ .form-input-status,
.form
> .form-column
> .form-input
> .form-input-group
> input:required:invalid
~ .form-input-status {
background-color: #ff1744;
}
.form
> .form-column
> .form-input
> .form-input-group
> input.input-invalid
~ .form-input-status:after,
.form
> .form-column
> .form-input
> .form-input-group
> input:required:invalid
~ .form-input-status:after {
content: "";
transform: rotate(45deg);
display: block;
max-width: 0;
max-height: 0;
padding: 0.625rem 0.625rem 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
background-image: url('data:image/svg+xml;utf-8,');
}
.form
> .form-column
> .form-input
> .form-input-group
> input::-moz-placeholder {
color: #90a4ae;
}
.form > .form-column > .form-input > .form-input-group > input::placeholder {
color: #90a4ae;
}
.form > .form-column > .form-input > .form-input-group > .form-input-status {
right: 20px;
width: 1rem;
height: 1rem;
display: none;
border-radius: 50%;
position: absolute;
align-items: center;
justify-content: center;
top: calc(50% - 0.5rem);
background-color: #90a4ae;
}
.form > .form-column > .form-input > .form-input-group > select {
width: 100%;
height: 100%;
-webkit-appearance: unset;
-moz-appearance: unset;
appearance: unset;
border-radius: 7px;
padding: 14px 40px 14px 20px;
color: #455a64;
}
.form
> .form-column
> .form-input
> .form-input-group
> select:focus
~ .form-input-collapse
> span {
background-image: url('data:image/svg+xml;utf-8,');
transform: rotate(180deg);
}
.form > .form-column > .form-input > .form-input-group > .form-input-collapse {
right: 20px;
width: 1rem;
height: 1rem;
display: flex;
position: absolute;
align-items: center;
justify-content: center;
top: calc(50% - 0.5rem);
}
.form
> .form-column
> .form-input
> .form-input-group
> .form-input-collapse
> span {
transition: 0.3s;
}
.form > .form-column > .form-submit {
display: flex;
justify-content: flex-end;
}
.form > .form-column > .form-submit > button {
width: 100%;
max-width: -moz-max-content;
max-width: max-content;
}
.form > .form-column > .form-textarea > textarea {
width: 100%;
height: 100%;
resize: none;
border-radius: 7px;
padding: 14px 40px 14px 20px;
border: 1px solid #90a4ae;
background-color: #fff;
}
.form > .form-column > .form-textarea > textarea::-moz-placeholder {
color: #90a4ae;
}
.form > .form-column > .form-textarea > textarea::placeholder {
color: #90a4ae;
}
@media all and (min-width: 1536px) {
.form {
flex-direction: row;
}
.form > .form-column-large > .form-textarea {
height: 100%;
}
.form > .form-column {
width: 32.4561403509%;
}
.form > .form-column-large {
width: 67.5438596491%;
}
}
.high-contrast .form > .form-column > .form-input > label > .form-required {
color: #ff1744 !important;
}
.high-contrast .form > .form-column > .form-input > .form-input-group > input {
color: #fff;
}
.high-contrast
.form
> .form-column
> .form-input
> .form-input-group
> input.input-valid
~ .form-input-status {
background-color: unset;
}
.high-contrast
.form
> .form-column
> .form-input
> .form-input-group
> input.input-valid
~ .form-input-status:after {
background-image: url('data:image/svg+xml;utf-8,');
}
.high-contrast
.form
> .form-column
> .form-input
> .form-input-group
> input.input-invalid
~ .form-input-status,
.high-contrast
.form
> .form-column
> .form-input
> .form-input-group
> input:required:invalid
~ .form-input-status {
background-color: unset;
}
.high-contrast
.form
> .form-column
> .form-input
> .form-input-group
> input.input-invalid
~ .form-input-status:after,
.high-contrast
.form
> .form-column
> .form-input
> .form-input-group
> input:required:invalid
~ .form-input-status:after {
background-image: url('data:image/svg+xml;utf-8,');
}
.high-contrast
.form
> .form-column
> .form-input
> .form-input-group
> input::-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.high-contrast
.form
> .form-column
> .form-input
> .form-input-group
> input::placeholder {
color: rgba(255, 255, 255, 0.5);
}
.high-contrast .form > .form-column > .form-input > .form-input-group > select {
color: #fff;
}
.high-contrast
.form
> .form-column
> .form-input
> .form-input-group
> select
~ .form-input-collapse
> span {
background-image: url('data:image/svg+xml;utf-8,');
}
.high-contrast
.form
> .form-column
> .form-textarea
> textarea::-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.high-contrast .form > .form-column > .form-textarea > textarea::placeholder {
color: rgba(255, 255, 255, 0.5);
}
.accordion-wrapper > .accordion-toggle {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.faq-accordion > button {
width: 100%;
height: 100%;
transition: 0.3s;
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 700;
font-size: 1.75rem;
line-height: 1.75rem;
padding: 25px 30px;
border-radius: 7px;
background-color: unset;
color: #455a64;
border: 1px solid #90a4ae;
}
@media all and (min-width: 768px) {
.faq-accordion > button {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
.faq-accordion > button {
font-size: 1.5rem;
line-height: 2rem;
}
}
.faq-accordion > button > span {
transition: 0.3s;
display: block;
max-width: 0;
max-height: 0;
padding: 12px 20px 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
}
.faq-accordion > button:not(.collapsed) {
border-radius: 7px 7px 0 0;
color: #1d67f1;
border: 1px solid #1d67f1;
}
.faq-accordion > button:not(.collapsed) > span {
transform: rotate(180deg);
background-image: url('data:image/svg+xml;utf-8,');
}
.faq-accordion
> button:not(.collapsed)
~ .accordion-content
> .accordion-content-box {
border: 1px solid #1d67f1;
border-top: unset;
}
.faq-accordion > .accordion-content > .accordion-content-box {
padding: 30px;
border-radius: 0 0 7px 7px;
border: 1px solid #90a4ae;
border-top: unset;
}
.accordion-list {
display: flex;
row-gap: 15px;
margin: 25px 0;
flex-direction: column;
}
.high-contrast .faq-accordion > button > span {
background-image: url('data:image/svg+xml;utf-8,');
}
.text-block {
display: flex;
border-radius: 7px;
flex-direction: column;
border: 1px solid #90a4ae;
}
.text-block > .text-block-description {
display: flex;
row-gap: 20px;
flex-direction: column;
}
.text-block-h1 {
padding: 50px;
row-gap: 30px;
}
.text-block-h2 {
padding: 30px;
row-gap: 25px;
}
.text-block-h3 {
padding: 30px;
row-gap: 20px;
}
.text-block-h4 {
padding: 20px;
row-gap: 15px;
}
.text-block-h6 {
padding: 20px;
row-gap: 10px;
position: relative;
height: -moz-fit-content;
height: fit-content;
color: #fff;
background-color: #163e87;
border: 1px solid #163e87;
}
.text-block-h6 > h6 {
font-weight: 500;
}
.text-block-h6 > .text-block-arrow {
left: 20px;
bottom: -9px;
position: absolute;
display: block;
max-width: 0;
max-height: 0;
padding: 8px 16px 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
}
.text-block > a {
margin-top: auto;
width: -moz-fit-content;
width: fit-content;
}
.high-contrast .text-block-h6 > .text-block-arrow {
background-image: url('data:image/svg+xml;utf-8,');
}
.breadcrumbs {
gap: 10px;
display: flex;
flex-wrap: wrap;
max-width: unset;
padding-top: 30px;
margin-inline: auto;
flex-direction: row;
padding-bottom: 10px;
padding-left: 25px;
padding-right: 25px;
}
@media all and (min-width: 1024px) {
.breadcrumbs {
padding-left: 50px;
padding-right: 50px;
}
}
@media all and (min-width: 1200px) {
.breadcrumbs {
padding-left: 75px;
padding-right: 75px;
}
}
@media all and (min-width: 1536px) {
.breadcrumbs {
padding-left: 125px;
padding-right: 125px;
}
}
.breadcrumbs > a {
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.125rem;
color: #455a64;
}
@media all and (min-width: 768px) {
.breadcrumbs > a {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
.breadcrumbs > a {
font-size: 1rem;
line-height: 1.25rem;
}
}
.breadcrumbs > a:hover,
.breadcrumbs > a:focus {
color: #163e87;
}
.breadcrumbs > p:last-child {
display: none;
}
@media all and (min-width: 1024px) {
.breadcrumbs {
max-width: 1920px;
}
}
.table-wrapper {
overflow-x: auto;
margin: 25px 0;
}
.table-wrapper > table {
width: 100%;
min-width: -moz-max-content;
min-width: max-content;
border-collapse: collapse;
}
.table-wrapper > table > thead {
border-bottom: 1px solid #7209b7;
}
.table-wrapper > table > thead > tr > th {
text-align: left;
padding: 30px 20px;
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 700;
font-size: 0.875rem;
line-height: 1.125rem;
}
@media all and (min-width: 768px) {
.table-wrapper > table > thead > tr > th {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
.table-wrapper > table > thead > tr > th {
font-size: 1rem;
line-height: 1.25rem;
}
}
.table-wrapper > table > tbody > tr {
border-bottom: 1px solid #90a4ae;
}
.table-wrapper > table > tbody > tr > td {
padding: 20px 0 20px 20px;
}
.table-wrapper > table > tbody > tr > td:first-child {
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 700;
font-size: 0.875rem;
line-height: 1.125rem;
}
@media all and (min-width: 768px) {
.table-wrapper > table > tbody > tr > td:first-child {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
.table-wrapper > table > tbody > tr > td:first-child {
font-size: 1rem;
line-height: 1.25rem;
}
}
.migrant-help {
display: flex;
flex-direction: column;
margin-top: 80px;
align-items: flex-start;
}
.migrant-help > ol {
padding-left: unset;
list-style-position: inside;
margin-top: 30px;
row-gap: 20px;
display: flex;
flex-direction: column;
}
.migrant-help > ol > li {
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 400;
font-size: 1.125rem;
line-height: 1.5rem;
}
@media all and (min-width: 768px) {
.migrant-help > ol > li {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
.migrant-help > ol > li {
font-size: 1.25rem;
line-height: 1.625rem;
}
}
.migrant-help > ol > li > ul {
display: flex;
flex-direction: column;
margin-top: 20px;
gap: 20px;
}
.migrant-help > ol > li > ul li {
display: flex;
flex-direction: row;
align-items: center;
-moz-column-gap: 15px;
column-gap: 15px;
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.125rem;
}
@media all and (min-width: 768px) {
.migrant-help > ol > li > ul li {
overflow-wrap: break-word;
}
}
@media all and (min-width: 576px) {
.migrant-help > ol > li > ul li {
font-size: 1rem;
line-height: 1.25rem;
}
}
.migrant-help > ol > li > ul li::before {
content: "";
display: block;
max-width: 0;
max-height: 0;
padding: 2px 13.5px 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
background-image: url('data:image/svg+xml;utf-8,');
}
.migrant-help > .migrant-help-hr {
width: 100%;
margin: 80px 0;
border: unset;
height: 1px;
background-color: #90a4ae;
}
.migrant-help > .migrant-help-pl-ua-border {
margin-top: 50px;
}
.migrant-help > .migrant-help-pl-ua-border > span {
color: #ff1744;
}
.migrant-help > ul {
display: flex;
flex-direction: column;
margin-top: 20px;
gap: 15px;
}
.migrant-help > ul li {
display: flex;
flex-direction: row;
align-items: center;
-moz-column-gap: 15px;
column-gap: 15px;
}
.migrant-help > ul li::before {
content: "";
display: block;
max-width: 0;
max-height: 0;
padding: 2px 13.5px 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
background-image: url('data:image/svg+xml;utf-8,');
}
.migrant-help > a {
margin-top: 30px;
}
.migrant-help > .migrant-help-information-status {
display: flex;
flex-direction: column;
row-gap: 25px;
}
.migrant-help > .migrant-help-information-status > a {
display: flex;
flex-direction: row;
align-items: center;
-moz-column-gap: 10px;
column-gap: 10px;
font-weight: 500;
}
.migrant-help > .migrant-help-information-status > a > span {
transition: 0.3s;
}
.migrant-help > .migrant-help-information-status > a:hover > span,
.migrant-help > .migrant-help-information-status > a:focus > span {
background-image: url('data:image/svg+xml;utf-8,');
}
.high-contrast .migrant-help > ol > li > ul li::before {
background-image: url('data:image/svg+xml;utf-8,');
}
.high-contrast .migrant-help > ul li::before {
background-image: url('data:image/svg+xml;utf-8,');
}
.high-contrast .migrant-help > .migrant-help-information-status > a > span,
.high-contrast .migrant-help > .migrant-help-information-status a:hover > span {
background-image: url('data:image/svg+xml;utf-8,');
}
.migrant-cards {
display: flex;
flex-direction: column;
gap: 30px;
margin-top: 50px;
}
.migrant-cards > .mask-wrapper {
width: 100%;
height: auto;
position: relative;
}
.migrant-cards
> .mask-wrapper
> a:hover
~ .migrant-card
> .migrant-card-group
> .ico-arrow-right--primary,
.migrant-cards
> .mask-wrapper
> a:focus
~ .migrant-card
> .migrant-card-group
> .ico-arrow-right--primary {
background-image: url('data:image/svg+xml;utf-8,');
}
.migrant-cards
> .mask-wrapper
> a:hover
~ .migrant-card
> .migrant-card-group
> .ico-arrow-right--white,
.migrant-cards
> .mask-wrapper
> a:focus
~ .migrant-card
> .migrant-card-group
> .ico-arrow-right--white {
background-image: url('data:image/svg+xml;utf-8,');
}
.migrant-cards > .mask-wrapper > .migrant-card {
display: flex;
flex-direction: column;
border-radius: 7px;
gap: 30px;
justify-content: space-between;
}
.migrant-cards > .mask-wrapper > .migrant-card > img {
height: -moz-fit-content;
height: fit-content;
width: -moz-fit-content;
width: fit-content;
margin-inline: auto;
max-width: 130px;
max-height: 130px;
-o-object-fit: contain;
object-fit: contain;
}
.migrant-cards > .mask-wrapper > .migrant-card > img.center-image {
height: 130px;
width: 130px;
-o-object-fit: cover;
object-fit: cover;
}
.migrant-cards > .mask-wrapper > .migrant-card > .migrant-card-details {
display: flex;
flex-direction: column;
justify-content: center;
gap: 10px;
width: calc(100% - 20px);
margin: 0 10px;
text-align: center;
}
.migrant-cards > .mask-wrapper > .migrant-card > .migrant-card-group {
width: calc(100% - 40px);
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 0 20px 20px 20px;
align-items: center;
}
.migrant-cards > .mask-wrapper > .migrant-card > .migrant-card-group > img {
max-width: 90px;
}
.migrant-cards
> .mask-wrapper
> .migrant-card
> .migrant-card-group
> img.center-image {
height: 90px;
width: 90px;
-o-object-fit: cover;
object-fit: cover;
}
.migrant-cards > .mask-wrapper > .migrant-card > .migrant-card-group > span {
transition: 0.3s;
}
.migrant-cards > .mask-wrapper > .migrant-card-variant-1 {
background-color: #1d67f1;
}
.migrant-cards
> .mask-wrapper
> .migrant-card-variant-1
> .migrant-card-details {
color: #fff;
}
.migrant-cards > .mask-wrapper > .migrant-card-variant-2 {
background-color: #f5f5f5;
}
.migrant-cards
> .mask-wrapper
> .migrant-card-variant-2
> .migrant-card-details {
color: #455a64;
}
.migrant-cards > .mask-wrapper > .migrant-card-variant-2 > img {
margin-top: 20px;
}
@media all and (min-width: 576px) {
.migrant-cards > .mask-wrapper > .migrant-card {
flex-direction: row;
gap: 15px;
}
.migrant-cards > .mask-wrapper > .migrant-card > .migrant-card-group {
flex-direction: column;
align-items: flex-end;
min-width: -moz-max-content;
min-width: max-content;
width: unset;
gap: 15px;
}
.migrant-cards > .mask-wrapper > .migrant-card > .migrant-card-details {
text-align: unset;
}
.migrant-cards > .mask-wrapper > .migrant-card > img {
margin-inline: unset;
}
.migrant-cards > .mask-wrapper > .migrant-card-variant-1 > img {
margin: 0 20px 10px;
}
.migrant-cards
> .mask-wrapper
> .migrant-card-variant-1
> .migrant-card-details {
margin: 20px 0;
width: 100%;
}
.migrant-cards
> .mask-wrapper
> .migrant-card-variant-1
> .migrant-card-group {
margin: 20px 20px 20px 0;
}
.migrant-cards > .mask-wrapper > .migrant-card-variant-2 > img {
margin: 10px 20px;
margin-block: auto;
}
.migrant-cards
> .mask-wrapper
> .migrant-card-variant-2
> .migrant-card-details {
margin: 20px 0;
}
.migrant-cards
> .mask-wrapper
> .migrant-card-variant-2
> .migrant-card-group {
margin: 20px 20px 20px 0;
}
}
@media all and (min-width: 1536px) {
.migrant-cards {
flex-direction: row;
flex-wrap: wrap;
}
.migrant-cards > .mask-wrapper {
width: calc(50% - 15px);
}
.migrant-cards > .mask-wrapper > .migrant-card > .migrant-card-details {
width: calc(100% - 30px - 170px - 110px);
}
}
.high-contrast
.migrant-cards
> .mask-wrapper
> a:hover
~ .migrant-card
> .migrant-card-group
> .ico-arrow-right,
.high-contrast
.migrant-cards
> .mask-wrapper
> a:focus
~ .migrant-card
> .migrant-card-group
> .ico-arrow-right {
background-image: url('data:image/svg+xml;utf-8,');
}
.high-contrast .migrant-cards > .mask-wrapper > .migrant-card {
background-color: #222 !important;
}
.high-contrast .migrant-cards > .mask-wrapper > .migrant-card:hover {
background-color: #333 !important;
}
.high-contrast
.migrant-cards
> .mask-wrapper
> .migrant-card
> .migrant-card-details {
color: #fff;
}
.high-contrast
.migrant-cards
> .mask-wrapper
> .migrant-card
> .migrant-card-group
> span {
background-image: url('data:image/svg+xml;utf-8,');
}
.components > .headings,
.components > .mod_article > .headings {
display: flex;
row-gap: 30px;
flex-direction: column;
}
.components > .textSample,
.components > .mod_article > .textSample {
display: flex;
row-gap: 20px;
margin-top: 50px;
flex-direction: column;
}
.components > .text-blocks,
.components > .mod_article > .text-blocks {
gap: 30px;
display: flex;
margin-top: 50px;
flex-direction: column;
}
.components > .text-blocks > .row,
.components > .mod_article > .text-blocks > .row {
gap: 30px;
flex-direction: column;
}
.components > .text-blocks > .row > .text-block,
.components > .mod_article > .text-blocks > .row > .text-block {
min-width: 100%;
}
.components > .buttons-and-redirects,
.components > .mod_article > .buttons-and-redirects {
gap: 40px;
display: flex;
flex-wrap: wrap;
margin-top: 50px;
flex-direction: row;
}
.components > .buttons-and-redirects > .buttons,
.components > .mod_article > .buttons-and-redirects > .buttons {
gap: 30px;
display: flex;
width: -moz-fit-content;
width: fit-content;
flex-direction: column;
align-items: flex-start;
}
.components > .buttons-and-redirects > .buttons > .buttons-radiogroup,
.components
> .mod_article
> .buttons-and-redirects
> .buttons
> .buttons-radiogroup {
display: flex;
flex-direction: column;
gap: 30px;
}
.components > .buttons-and-redirects > .buttons > hr,
.components > .mod_article > .buttons-and-redirects > .buttons > hr {
margin: 5px 0;
width: 100%;
}
.components > .faq-accordions-wrapper,
.components > .mod_article > .faq-accordions-wrapper {
margin-top: 50px;
}
.components > .articles-grid-section,
.components > .mod_article > .articles-grid-section {
margin-top: 50px;
}
.components > .components-section-name,
.components > .mod_article > .components-section-name {
margin-top: 50px;
}
.components > .components-section-name > span,
.components > .mod_article > .components-section-name > span {
display: block;
padding: 25px 34px;
width: -moz-fit-content;
width: fit-content;
color: #fff;
background-color: #7209b7;
}
@media all and (min-width: 1200px) {
.components > .text-blocks > .row > .col-4,
.components > .mod_article > .text-blocks > .row > .col-4 {
flex: 1 0 0%;
min-width: unset;
}
.components > .text-blocks > .row > .col-4.text-block-h6,
.components > .mod_article > .text-blocks > .row > .col-4.text-block-h6 {
flex: unset;
}
}
@media all and (min-width: 1536px) {
.components > .text-blocks > .row,
.components > .mod_article > .text-blocks > .row {
flex-direction: unset;
}
}
.high-contrast .components > .components-section-name > span,
.high-contrast .components > .mod_article > .components-section-name > span {
border: 1px solid #ff0;
color: #ff0 !important;
}
.migrant-news {
display: flex;
flex-direction: column;
gap: 30px;
}
.migrant-news > .migrant-news-group {
display: flex;
flex-direction: row;
align-items: center;
gap: 20px;
}
.migrant-news > img {
width: 100%;
max-height: 600px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.migrant-news > .enclosure {
gap: 10px;
display: flex;
margin-bottom: 15px;
flex-direction: column;
}
.rating-comment-wrapper {
text-align: center;
margin-top: 10px;
}
.rating-comment {
overflow: hidden;
height: 0;
opacity: 0;
transition: height 0ms 400ms, opacity 400ms 0ms;
width: 80%;
background: #dedede;
border-radius: 0.5rem;
padding: 15px;
border: none;
outline: none;
resize: none;
}
.rating-comment.show {
height: 100px;
width: 100%;
opacity: 1;
transition: height 0ms 0ms, opacity 400ms 0ms;
padding: 10px;
margin-top: 15px;
margin-bottom: 15px;
overflow: auto;
}
.ce_accordion {
border-bottom: 1px solid #dcdcdc;
padding-bottom: 10px;
}
.ce_accordion .accordion-header {
display: flex;
justify-content: space-between;
margin-right: 10px;
cursor: pointer;
transition: color 0.3s;
padding-bottom: 15px;
}
.ce_accordion .accordion-header:hover {
color: #1d67f1;
}
.ce_accordion .accordion-header .icon,
.accordion-header .icon span {
transition: 0.3s;
}
.ce_accordion .accordion-header.active .icon span {
transform: rotate(180deg);
}
.ce_accordion .accordion {
font-size: 16px;
}
.ce_accordion accordion-header:hover > .icon span,
.ce_accordion .accordion-header.active .icon span {
background-image: url('data:image/svg+xml;utf-8,');
}
.announcements-wrapper {
gap: 10px;
display: flex;
flex-wrap: wrap;
max-width: unset;
padding-top: 30px;
margin-inline: auto;
flex-direction: row;
padding-bottom: 10px;
padding-left: 25px;
padding-right: 25px;
}
@media all and (min-width: 1024px) {
.announcements-wrapper {
padding-left: 50px;
padding-right: 50px;
}
}
@media all and (min-width: 1200px) {
.announcements-wrapper {
padding-left: 75px;
padding-right: 75px;
}
}
@media all and (min-width: 1536px) {
.announcements-wrapper {
padding-left: 125px;
padding-right: 125px;
}
}
@media all and (min-width: 1024px) {
.announcements-wrapper {
max-width: 1920px;
}
}
.announcements-wrapper .announcements {
display: flex;
flex-direction: row;
align-items: stretch;
border-radius: 5px;
flex-wrap: unset;
border: 3px solid #fcb800;
width: 100%;
}
@media all and (max-width: 1025px) {
.announcements-wrapper .announcements {
flex-wrap: wrap;
}
.announcements-wrapper .announcements-heading {
width: 100%;
}
}
.announcements-wrapper .announcements-heading {
padding: 15px 20px;
min-width: -moz-fit-content;
min-width: fit-content;
background-color: #fcb800;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.announcements-wrapper .announcements-item-wrapper {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
flex-wrap: unset;
overflow: hidden;
}
.announcements-wrapper .announcements-inner {
position: relative;
width: 100%;
}
.announcements-wrapper .announcement {
display: flex;
flex-wrap: unset;
flex-direction: column;
align-items: center;
padding: 15px;
-moz-column-gap: 20px;
column-gap: 20px;
width: 100%;
flex-wrap: unset;
row-gap: 15px;
color: #455a64;
}
@media all and (min-width: 576px) {
.announcements-wrapper .announcement {
flex-direction: row;
}
}
@media all and (min-width: 768px) {
.announcements-wrapper .announcement {
padding: 15px 30px;
}
}
.announcements-wrapper .announcement .badge-date {
color: #455a64;
display: flex;
flex-direction: row;
align-items: center;
}
.announcements-wrapper .announcement .badge-date time {
padding-left: 10px;
}
.announcements-wrapper .announcements-control {
min-width: fit-content;
flex-direction: row;
column-gap: 10px;
align-items: center;
padding: 8px 20px;
width: unset;
justify-content: center;
display: none;
}
.announcements-wrapper .announcements-control.show {
display: flex;
}
.announcements-wrapper .splide__arrow {
display: none;
}
@media all and (max-width: 769px) {
.announcements-wrapper .announcements-item-wrapper {
flex-wrap: wrap;
}
.announcements-wrapper .announcements-control {
width: 100%;
}
}
.announcements-wrapper .announcements-control .slide_prev,
.announcements-wrapper .announcements-control .slide_next {
cursor: pointer;
}
.announcements-wrapper .announcements-control .slide_prev span,
.announcements-wrapper .announcements-control .slide_next span {
padding: 8px;
}
.announcements-wrapper .announcements-control .slide_prev span {
rotate: 180deg;
}
.rating-bar-wrapper {
display: block !important;
}
.rating-bar-wrapper .btn-rating-submit {
position: relative;
}
.rating-bar-wrapper .btn-rating-submit .btn-rating-tooltip {
visibility: hidden;
width: 120px;
background-color: #555;
color: #ffffff;
text-align: center;
border-radius: 5px;
padding: 5px 0;
position: absolute;
z-index: 1;
opacity: 0;
transition: opacity 0.3s;
bottom: 125%;
left: 50%;
margin-left: -60px;
background-color: #000;
font-size: 13px;
max-width: max-content;
max-height: max-content;
}
.rating-bar-wrapper .btn-rating-submit .btn-rating-tooltip:after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555000 transparent transparent transparent;
}
.rating-bar-wrapper .btn-rating-submit[disabled] {
pointer-events: auto;
}
.rating-bar-wrapper .btn-rating-submit[disabled]:hover {
opacity: 1;
background-color: rgba(29, 103, 241, 0.1) !important;
border-color: rgba(29, 103, 241, 0.1) !important;
}
.rating-bar-wrapper .btn-rating-submit[disabled]:hover .btn-rating-tooltip {
visibility: visible;
opacity: 1;
background-image: none;
}
.rating-bar-wrapper .show-rating-comment {
cursor: pointer;
width: 100%;
padding-top: 10px;
display: flex;
}
.rating-bar-wrapper .show-rating-comment:hover {
color: #1d67f1;
}
.rating-bar-wrapper .button-wrapper {
width: 100%;
}
.rating-bar-form {
display: flex;
flex-wrap: wrap;
gap: 0;
}
@media all and (min-width: 576px) {
.rating-bar-form {
gap: 20px;
}
}
.rating-bar-form .rating-column {
display: flex;
flex-direction: column;
gap: 10px;
flex: auto;
flex-wrap: wrap;
justify-content: space-between;
}
@media all and (min-width: 576px) {
.rating-bar-form .rating-column {
flex-direction: row;
flex: 1;
}
}
@media all and (min-width: 576px) {
.rating-comment.show {
margin-top: 10px;
}
}
.rating-bar-wrapper .rating-list label {
width: 0;
height: 0;
overflow: hidden;
}
.rating-bar-wrapper .rating-list #rating-value-1 {
padding-left: 0;
}
.rating-bar-wrapper .rating-list input {
cursor: pointer;
-webkit-appearance: unset;
-moz-appearance: unset;
appearance: unset;
padding: 0;
}
.rating-bar-wrapper .rating-list input::before {
content: "";
display: block;
max-width: 0;
max-height: 0;
padding: 23px 24px 0 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
background-image: url('data:image/svg+xml;utf-8,');
}
.rating-bar-wrapper .rating-list .inputs-wrapper input:hover ~ input::before {
background-image: url('data:image/svg+xml;utf-8,');
}
.rating-bar-wrapper
.rating-list
.inputs-wrapper:not(:hover)
input:indeterminate::before {
background-image: url('data:image/svg+xml;utf-8,');
}
.rating-bar-wrapper
.rating-list
.inputs-wrapper:not(:hover)
input:checked
~ input::before {
background-image: url('data:image/svg+xml;utf-8,');
}
.rating-bar-wrapper
.rating-list
.inputs-wrapper:not(:hover)
input:focus::before {
background-image: url('data:image/svg+xml;utf-8,');
}
.mod_article .articles-pagination ul {
list-style-type: none;
}
.mod_article ul {
list-style-type: inherit;
padding-inline-start: revert;
}
.mod_article ol {
padding-left: revert;
}
.migrant-card-group {
max-width: 250px;
}