html {
-webkit-text-size-adjust: 100%;
line-height: 1.15
}
body {
margin: 0
}
main {
display: block
}
h1 {
margin: .67em 0;
font-size: 2em
}
hr {
overflow: visible;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
a {
background-color: rgba(0, 0, 0, 0)
}
abbr[title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
border-bottom: none
}
b,
strong {
font-weight: bolder
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em
}
small {
font-size: 80%
}
sub,
sup {
/*position: relative;*/
/*vertical-align: baseline;*/
/*font-size: 75%;*/
/*line-height: 0*/
}
sub {
bottom: -0.25em
}
sup {
/*top: -0.5em*/
}
sup span {
font-size: 11px !important;
}
img {
border-style: none
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font-family: inherit;
font-size: 100%;
line-height: 1.15
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
padding: 0;
border-style: none
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset,
.fieldGroup {
padding: .35em .75em .625em
}
legend {
display: table;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
padding: 0;
white-space: normal;
color: inherit
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=checkbox],
[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: textfield
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button
}
details {
display: block
}
summary {
display: list-item
}
template {
display: none
}
[hidden] {
display: none
}
@font-face {
font-family: "RO Icons";
font-weight: normal;
font-style: normal;
src: url("../fonts/ro-icons-2.3.woff2") format("woff2"), url("../fonts/ro-icons-2.3.woff") format("opentype"), url("../fonts/ro-icons-2.3.ttf") format("truetype")
}
@-webkit-keyframes navSlideDown {
from {
overflow: hidden;
max-height: 0
}
to {
overflow: visible;
max-height: 600px
}
}
@keyframes navSlideDown {
from {
overflow: hidden;
max-height: 0
}
to {
overflow: visible;
max-height: 600px
}
}
@-webkit-keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes showElement {
from {
height: 0;
opacity: 0
}
to {
height: auto;
opacity: 1
}
}
@keyframes showElement {
from {
height: 0;
opacity: 0
}
to {
height: auto;
opacity: 1
}
}
@-webkit-keyframes fadeInElement {
0% {
visibility: hidden;
opacity: 0
}
1% {
visibility: visible;
opacity: 0
}
100% {
visibility: visible;
opacity: 1
}
}
@keyframes fadeInElement {
0% {
visibility: hidden;
opacity: 0
}
1% {
visibility: visible;
opacity: 0
}
100% {
visibility: visible;
opacity: 1
}
}
@-webkit-keyframes fadeOutElement {
0% {
visibility: visible;
opacity: 1
}
99% {
visibility: visible;
opacity: 0
}
100% {
visibility: hidden;
opacity: 0
}
}
@keyframes fadeOutElement {
0% {
visibility: visible;
opacity: 1
}
99% {
visibility: visible;
opacity: 0
}
100% {
visibility: hidden;
opacity: 0
}
}
@-webkit-keyframes rotateElement {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes rotateElement {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@font-face {
font-family: "RO Sans";
font-weight: normal;
font-style: normal;
src: url("../fonts/RO-SansWebText-Regular.woff2") format("woff2"), url("../fonts/RO-SansWebText-Regular.woff") format("woff")
}
@font-face {
font-family: "RO Sans";
font-weight: normal;
font-style: italic;
src: url("../fonts/RO-SansWebText-Italic.woff2") format("woff2"), url("../fonts/RO-SansWebText-Italic.woff") format("woff")
}
@font-face {
font-family: "RO Sans";
font-weight: bold;
font-style: normal;
src: url("../fonts/RO-SansWebText-Bold.woff2") format("woff2"), url("../fonts/RO-SansWebText-Bold.woff") format("woff")
}
@font-face {
font-family: "RO Serif";
font-weight: normal;
font-style: normal;
src: url("../fonts/RO-SerifWeb-Regular.woff2") format("woff2"), url("../fonts/RO-SerifWeb-Regular.woff") format("woff")
}
@font-face {
font-family: "RO Serif";
font-weight: normal;
font-style: italic;
src: url("../fonts/RO-SerifWeb-Italic.woff2") format("woff2"), url("../fonts/RO-SerifWeb-Italic.woff") format("woff")
}
@font-face {
font-family: "Meta Sans";
font-weight: normal;
font-style: normal;
src: url("../fonts/meta.woff2") format("woff2"), url("../fonts/meta.woff") format("woff")
}
@font-face {
font-family: "Meta Sans";
font-weight: bold;
font-style: normal;
src: url("../fonts/meta-bold.woff2") format("woff2"), url("../fonts/meta-bold.woff") format("woff")
}
@font-face {
font-family: "Meta Sans";
font-weight: normal;
font-style: italic;
src: url("../fonts/meta-italic.woff2") format("woff2"), url("../fonts/meta-italic.woff") format("woff")
}
:root {
font-family: "RO Sans", Calibri, sans-serif;
font-size: 80%
}
@media(min-width: 768px) {
:root {
font-size: 90%
}
}
@media(min-width: 992px) {
:root {
font-size: 100%
}
}
body {
font-size: 100%
}
@media(min-width: 768px) {
body {
font-size: 110%
}
}
@media(min-width: 992px) {
body {
font-size: 120%
}
}
h1,
.h1 {
font-size: 2.0272865295rem;
line-height: 1.2331754607;
display: block;
font-weight: bold;
margin-bottom: 1rem
}
h2,
.h2 {
font-size: 1.8020324707rem;
line-height: 1.3873223933;
display: block;
font-weight: bold;
margin: 0rem 0rem 1rem 0rem
}
h3,
.h3 {
font-size: 1.423828125rem;
line-height: 1.4046639232;
display: block;
font-weight: bold;
margin: 0rem 0rem 0.5rem 0rem
}
h4,
.h4 {
font-size: 1.265625rem;
line-height: 1.1851851852;
display: block;
font-weight: bold;
margin: 0rem 0rem 0.5rem 0rem
}
h5,
.h5 {
font-size: 1.265625rem;
line-height: 1.1851851852;
display: block;
font-weight: bold;
margin: 0rem 0rem 0.5rem 0rem;
font-style: italic;
margin: 0rem 0rem 0.5rem 0rem
}
.block h2 {
padding-top: 0.5rem;
border-top: 1px solid #e1e1e1
}
:root {
--font-family: RO Sans, Calibri, Arial, Verdana, sans-serif;
--default-text-color: #000;
--default-button-color: #01689b
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
html {
scroll-behavior: smooth
}
body {
overflow-x: hidden
}
body:after {
display: none;
content: "mobile"
}
@media(min-width: 576px) {
body:after {
display: none;
content: "phablet"
}
}
@media(min-width: 768px) {
body:after {
display: none;
content: "tablet"
}
}
@media(min-width: 992px) {
body:after {
display: none;
content: "desktop"
}
}
#mainwrapper {
position: relative;
overflow: hidden
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
#mainwrapper *::-ms-backdrop {
display: inline
}
#mainwrapper {
display: inline
}
}
.assistive,
.hotspotimage button span {
position: absolute !important;
display: inline-block !important;
overflow: hidden;
clip: rect(0, 0, 0, 0);
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0
}
body {
font-weight: normal;
color: #000
}
body,
p,
li {
font-size: 1.265625rem;
line-height: 1.3827160494
}
a {
color: #01689b
}
a:hover {
text-decoration: underline;
color: #01496d
}
a:visited {
color: #848
}
a:visited:before,
a:visited:after {
color: #848
}
a:focus {
outline: 2px dashed #000;
z-index: 1010;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 2px #fff;
box-shadow: 0 0 0 2px #fff
}
a[href^="tel:"]:before {
content: "";
display: inline-block;
margin-right: 0.25rem;
vertical-align: middle;
width: 15px;
height: 15px;
background-color: currentColor;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cg id='ICOON'%3E%3Cpath d='M185.2,163.1c-10.2,10.2-13.2,24.9-21.3,33.1c-8,8-39.4-17.1-63.3-40.7c-23.7-23.9-48.7-55.3-40.7-63.3 c8.1-8.1,22.8-11,33.1-21.3c10.2-10.2-33.5-58.6-40.4-65.5S35.7-2.2,27.8,5.7C-17.5,51-8.1,113.3,60.8,186.3l-0.2,0.1 c1.5,1.5,9.1,8.8,9.1,8.8c72.9,68.9,135.3,78.4,180.6,33c7.9-7.9,7.1-17.8,0.3-24.6C243.8,196.7,195.4,152.9,185.2,163.1z' /%3E%3C/g%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cg id='ICOON'%3E%3Cpath d='M185.2,163.1c-10.2,10.2-13.2,24.9-21.3,33.1c-8,8-39.4-17.1-63.3-40.7c-23.7-23.9-48.7-55.3-40.7-63.3 c8.1-8.1,22.8-11,33.1-21.3c10.2-10.2-33.5-58.6-40.4-65.5S35.7-2.2,27.8,5.7C-17.5,51-8.1,113.3,60.8,186.3l-0.2,0.1 c1.5,1.5,9.1,8.8,9.1,8.8c72.9,68.9,135.3,78.4,180.6,33c7.9-7.9,7.1-17.8,0.3-24.6C243.8,196.7,195.4,152.9,185.2,163.1z' /%3E%3C/g%3E%3C/svg%3E")
}
p {
margin-top: 0
}
p:not(:last-child) {
margin: 0 0 1rem 0
}
li:not(:last-child) {
margin: 0 0 0.5rem 0
}
ul {
padding: 0;
list-style-type: none
}
ul li {
padding-right: 0;
padding-left: 0
}
.content {
padding-top: 3rem
}
.content>:last-child {
margin-bottom: 3rem
}
.unordered-list>li {
overflow: hidden;
position: relative;
-webkit-padding-start: calc(7px + 0.75rem);
padding-inline-start: calc(7px + 0.75rem)
}
.unordered-list>li:before {
position: absolute;
inset-inline-start: 0;
content: "";
background: #000;
display: block;
text-indent: -0.1em;
width: 6px;
height: 6px;
inset-block-start: 7.2px
}
@media(min-width: 768px) {
.unordered-list>li:before {
width: 7px;
height: 7px;
inset-block-start: 8.1px
}
}
@media(min-width: 992px) {
.unordered-list>li:before {
width: 7px;
height: 7px;
inset-block-start: 9.5px
}
}
ul.common:not(.gallery-result) {
list-style: none !important;
-webkit-margin-start: 0 !important;
margin-inline-start: 0 !important
}
ul.common:not(.gallery-result) li,
ul.common:not(.gallery-result) li>h2,
ul.common:not(.gallery-result) a>h3,
ul.common:not(.gallery-result) a>h4 {
font-size: 1.265625rem;
line-height: 22.4px;
font-weight: normal
}
@media(min-width: 768px) {
ul.common:not(.gallery-result) li,
ul.common:not(.gallery-result) li>h2,
ul.common:not(.gallery-result) a>h3,
ul.common:not(.gallery-result) a>h4 {
line-height: 25.2px
}
}
@media(min-width: 992px) {
ul.common:not(.gallery-result) li,
ul.common:not(.gallery-result) li>h2,
ul.common:not(.gallery-result) a>h3,
ul.common:not(.gallery-result) a>h4 {
line-height: 28px
}
}
ul.common:not(.gallery-result) li,
ul.common:not(.gallery-result) a {
-webkit-margin-after: 0.75rem;
margin-block-end: 0.75rem
}
ul.common:not(.gallery-result) li>a {
-webkit-margin-after: 0;
margin-block-end: 0
}
ul.common:not(.gallery-result) a {
-webkit-padding-start: calc((8.4px + 0.75rem)*0.8);
padding-inline-start: calc((8.4px + 0.75rem)*0.8);
position: relative;
display: block;
text-decoration: none;
font-size: inherit;
line-height: inherit;
font-weight: normal
}
@media(min-width: 768px) {
ul.common:not(.gallery-result) a {
-webkit-padding-start: calc((8.4px + 0.75rem)*0.9);
padding-inline-start: calc((8.4px + 0.75rem)*0.9)
}
}
@media(min-width: 992px) {
ul.common:not(.gallery-result) a {
-webkit-padding-start: calc((8.4px + 0.75rem)*1);
padding-inline-start: calc((8.4px + 0.75rem)*1)
}
}
ul.common:not(.gallery-result) a:before {
display: inline-flex;
align-items: center;
content: "";
font-family: "RO Icons";
font-size: .7rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 6.72px;
height: 22.4px;
text-indent: -0.1em;
position: absolute;
inset-block-start: -1px;
inset-inline-start: 0
}
@media(min-width: 768px) {
ul.common:not(.gallery-result) a:before {
width: 7.56px
}
}
@media(min-width: 992px) {
ul.common:not(.gallery-result) a:before {
width: 8.4px
}
}
@media(min-width: 768px) {
ul.common:not(.gallery-result) a:before {
height: 25.2px
}
}
@media(min-width: 992px) {
ul.common:not(.gallery-result) a:before {
height: 28px
}
}
ul.common:not(.gallery-result) a:hover {
text-decoration: underline
}
ul.common:not(.gallery-result) a:hover:before {
text-decoration: none
}
ul.common:not(.gallery-result) a.external:before {
content: "";
font-family: "RO Icons";
font-size: .595rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
[dir=rtl] ul.common:not(.gallery-result) a:before {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
[dir=rtl] ul.common:not(.gallery-result) a.external:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
ul.common:not(.gallery-result) p:not(.article-meta):not(.meta):not(.superheading):not(.copyright) {
font-size: 1rem;
line-height: 1.5;
font-weight: normal;
color: #000;
-webkit-margin-after: 0;
margin-block-end: 0
}
ul.common:not(.gallery-result) p.meta {
font-size: 0.8888888889rem;
line-height: 1.6875;
font-weight: normal;
color: #535353;
margin: 0;
margin-top: 0.5rem
}
.two-columns {
display: flex;
flex-basis: 100%;
flex-wrap: wrap;
max-width: 1200px;
align-items: flex-start;
justify-content: flex-start;
-webkit-margin-end: -16px;
margin-inline-end: -16px;
-webkit-margin-start: -16px;
margin-inline-start: -16px;
margin-bottom: 2rem
}
.two-columns .column {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 100%;
max-width: 100%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px;
margin: 0
}
@media(min-width: 576px) {
.two-columns .column {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 50%;
max-width: 50%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px
}
}
.two-columns>h2 {
width: 100%;
padding-right: 1rem;
padding-left: 1rem
}
.three-columns {
display: flex;
flex-basis: 100%;
flex-wrap: wrap;
max-width: 1200px;
align-items: flex-start;
justify-content: flex-start;
-webkit-margin-end: -16px;
margin-inline-end: -16px;
-webkit-margin-start: -16px;
margin-inline-start: -16px
}
.three-columns .column {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 100%;
max-width: 100%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px;
margin-bottom: 1.5rem
}
@media(min-width: 576px) {
.three-columns .column {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 50%;
max-width: 50%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px
}
}
@media(min-width: 768px) {
.three-columns .column {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px
}
}
.three-columns .column h2 {
font-size: 1.6018066406rem;
line-height: 1.2485901539
}
.three-columns .column h2 a {
text-decoration: underline
}
.three-columns .column h2 a:hover {
text-decoration: none
}
.three-columns ul.common {
list-style: none !important;
-webkit-margin-start: 0 !important;
margin-inline-start: 0 !important
}
.three-columns ul.common li,
.three-columns ul.common li>h2,
.three-columns ul.common a>h3,
.three-columns ul.common a>h4 {
font-size: 1.125rem;
line-height: 19.2px;
font-weight: normal
}
@media(min-width: 768px) {
.three-columns ul.common li,
.three-columns ul.common li>h2,
.three-columns ul.common a>h3,
.three-columns ul.common a>h4 {
line-height: 21.6px
}
}
@media(min-width: 992px) {
.three-columns ul.common li,
.three-columns ul.common li>h2,
.three-columns ul.common a>h3,
.three-columns ul.common a>h4 {
line-height: 24px
}
}
.three-columns ul.common li,
.three-columns ul.common a {
-webkit-margin-after: 0.75rem;
margin-block-end: 0.75rem
}
.three-columns ul.common li>a {
-webkit-margin-after: 0;
margin-block-end: 0
}
.three-columns ul.common a {
-webkit-padding-start: calc((8.4px + 0.75rem)*0.8);
padding-inline-start: calc((8.4px + 0.75rem)*0.8);
position: relative;
display: block;
text-decoration: none;
font-size: inherit;
line-height: inherit;
font-weight: normal
}
@media(min-width: 768px) {
.three-columns ul.common a {
-webkit-padding-start: calc((8.4px + 0.75rem)*0.9);
padding-inline-start: calc((8.4px + 0.75rem)*0.9)
}
}
@media(min-width: 992px) {
.three-columns ul.common a {
-webkit-padding-start: calc((8.4px + 0.75rem)*1);
padding-inline-start: calc((8.4px + 0.75rem)*1)
}
}
.three-columns ul.common a:before {
display: inline-flex;
align-items: center;
content: "";
font-family: "RO Icons";
font-size: .7rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 6.72px;
height: 19.2px;
text-indent: -0.1em;
position: absolute;
inset-block-start: -1px;
inset-inline-start: 0
}
@media(min-width: 768px) {
.three-columns ul.common a:before {
width: 7.56px
}
}
@media(min-width: 992px) {
.three-columns ul.common a:before {
width: 8.4px
}
}
@media(min-width: 768px) {
.three-columns ul.common a:before {
height: 21.6px
}
}
@media(min-width: 992px) {
.three-columns ul.common a:before {
height: 24px
}
}
.three-columns ul.common a:hover {
text-decoration: underline
}
.three-columns ul.common a:hover:before {
text-decoration: none
}
.three-columns ul.common a.external:before {
content: "";
font-family: "RO Icons";
font-size: .595rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
[dir=rtl] .three-columns ul.common a:before {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
[dir=rtl] .three-columns ul.common a.external:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.three-columns ul.common p:not(.article-meta):not(.meta):not(.superheading):not(.copyright) {
font-size: 0.8888888889rem;
line-height: 1.40625;
font-weight: normal;
color: #000;
-webkit-margin-after: 0;
margin-block-end: 0
}
.three-columns ul.common p.meta {
font-size: 0.8888888889rem;
line-height: 1.6875;
font-weight: normal;
color: #535353;
margin: 0;
margin-top: 0.5rem
}
dl {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
width: 100%
}
dl dt,
dl dd {
margin: 0;
margin-bottom: 0.25rem
}
dl dt {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 100%;
font-weight: normal
}
@media(min-width: 576px) {
dl dt {
flex-basis: calc(30% - 0.5rem)
}
}
dl dt:after {
content: ":"
}
dl dd {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 100%
}
@media(min-width: 576px) {
dl dd {
flex-basis: calc(70% - 1rem)
}
dl dd+dd {
margin-left: calc(30% + 1rem)
}
}
dl p:last-child {
margin-bottom: 0
}
@media(min-width: 576px) {
dl.statistics dt {
flex-basis: calc(45% - 0.5rem)
}
}
@media(max-width: 575px) {
dl.statistics dt {
margin-bottom: 0
}
}
dl.statistics dd {
flex-grow: 1
}
@media(min-width: 576px) {
dl.statistics dd {
flex-basis: calc(55% - 1rem)
}
}
@media(max-width: 575px) {
dl.statistics dd {
margin-bottom: 0.5rem
}
}
q {
font-style: italic
}
blockquote {
display: block;
font-style: italic;
clear: both;
width: 100%;
margin: 2rem 0 1rem 0;
padding: 1rem 1rem 1rem 1rem;
color: #000;
border-left: 0.5rem solid dimgray;
background: #f3f3f3
}
blockquote::before {
display: block;
margin-top: 0.75rem;
margin-bottom: 0rem;
content: "“";
color: dimgray;
font-size: 6rem;
line-height: .1em
}
[dir=rtl] blockquote {
border-right: 0.5rem solid dimgray;
border-left: 0
}
.attention {
display: block;
margin: 2.5rem 0;
padding: 0 4rem 0 2.5rem;
border-left: 10px solid #01689b;
font-weight: normal
}
[dir=rtl] .attention {
padding: 0 2.5rem 0 4rem;
border-right: 10px solid #01689b;
border-left: none
}
em {
font-style: italic
}
img {
width: 100%;
max-width: 100%
}
.infographic img {
width: auto
}
.shadow-sm {
-webkit-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}
.shadow {
-webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}
.shadow-lg {
-webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}
.shadow-none {
-webkit-box-shadow: none !important;
box-shadow: none !important
}
.copyright {
font-size: 0.8888888889rem;
line-height: 1.125;
color: dimgray
}
.external {
position: relative;
padding-left: 1rem
}
.external:before {
content: "";
font-family: "RO Icons";
font-size: .7rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 3px;
left: 2px
}
.summary h2 {
color: dimgray;
font-weight: normal;
font-size: 1.6018066406rem
}
.summary h2 span {
color: #000;
font-size: 2.0272865295rem
}
.activityDetail .alert {
display: flex;
align-items: center;
position: relative;
background-color: #ffe9b7;
padding: 1rem;
margin-bottom: 1.5rem;
font-size: 1.125rem;
line-height: 1.3333333333
}
.activityDetail .alert:before {
position: relative;
display: block;
content: "";
width: 24px;
height: 24px;
margin-right: 0.5rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 96'%3E%3Cpath d='M0,0H28V61H0ZM0,77.61H28V96H0Z'/%3E%3C/svg%3E");
background-color: #ffb612;
background-size: 3.5px 12px;
background-position: center center;
background-repeat: no-repeat
}
.activityDetail .alert p {
margin-top: 0
}
.activityDetail .alert p:last-child {
margin-bottom: 0
}
.clearFieldWrapper .clearField {
position: relative;
width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-indent: -9999px;
position: absolute;
z-index: 1010;
top: 50%;
right: 48px;
display: none;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: rgba(0, 0, 0, 0)
}
.clearFieldWrapper .clearField:after {
content: "";
font-family: "RO Icons";
font-size: 16px;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
-webkit-transition: color .3s ease;
transition: color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-indent: 0
}
.clearFieldWrapper .clearField:after {
color: #01689b
}
.clearFieldWrapper .clearField.active {
display: inline-block
}
[dir=rtl] .clearFieldWrapper .clearField {
right: auto;
left: 48px
}
.clearFieldWrapper .clearField::-ms-clear {
display: none
}
input::-ms-clear {
display: none
}
.message.cookie {
padding: 0.5rem;
background-color: #e6e6e6
}
table {
min-width: 100%;
margin: 0rem 0rem 1.5rem 0rem;
text-align: left;
border-collapse: collapse;
background-color: #f3f3f3
}
table td,
table th,
table p,
table li,
table caption {
font-size: 1rem;
line-height: 1.5
}
table th,
table td {
padding: 1rem;
vertical-align: top;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
border-collapse: collapse
}
table th:last-child,
table td:last-child {
border-right-width: 0
}
table th ul,
table td ul {
padding: 0;
list-style-type: none
}
table th ul.list-style-type--disc,
table td ul.list-style-type--disc {
list-style-type: disc
}
table th ul.list-style-type--circle,
table td ul.list-style-type--circle {
list-style-type: circle
}
table th ul.list-style-type--square,
table td ul.list-style-type--square {
list-style-type: square
}
table th ul[class*=list-style-type] li,
table td ul[class*=list-style-type] li {
overflow: visible;
-webkit-padding-start: initial;
padding-inline-start: initial;
-webkit-margin-start: 1em;
margin-inline-start: 1em
}
table th ul[class*=list-style-type] li:before,
table td ul[class*=list-style-type] li:before {
display: none
}
table th>ul>li,
table th>ul ul>li,
table td>ul>li,
table td>ul ul>li {
overflow: hidden;
position: relative;
-webkit-padding-start: calc(7px + 0.75rem);
padding-inline-start: calc(7px + 0.75rem)
}
table th>ul>li:before,
table th>ul ul>li:before,
table td>ul>li:before,
table td>ul ul>li:before {
position: absolute;
inset-inline-start: 0;
content: "";
background: #000;
display: block;
text-indent: -0.1em;
width: 6px;
height: 6px;
inset-block-start: 7.2px
}
@media(min-width: 768px) {
table th>ul>li:before,
table th>ul ul>li:before,
table td>ul>li:before,
table td>ul ul>li:before {
width: 7px;
height: 7px;
inset-block-start: 8.1px
}
}
@media(min-width: 992px) {
table th>ul>li:before,
table th>ul ul>li:before,
table td>ul>li:before,
table td>ul ul>li:before {
width: 7px;
height: 7px;
inset-block-start: 9.5px
}
}
table th ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results),
table td ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results) {
-webkit-padding-start: 1.5rem;
padding-inline-start: 1.5rem;
list-style-type: decimal
}
table th ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-alpha,
table td ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-alpha {
list-style-type: lower-alpha
}
table th ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-alpha,
table td ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-alpha {
list-style-type: upper-alpha
}
table th ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-roman,
table td ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-roman {
list-style-type: lower-roman
}
table th ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-roman,
table td ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-roman {
list-style-type: upper-roman
}
table th ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--decimal,
table td ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--decimal {
list-style-type: decimal
}
table th ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results)>li,
table td ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results)>li {
-webkit-padding-start: 0.25rem;
padding-inline-start: 0.25rem
}
table th>ol>li>ul>li,
table td>ol>li>ul>li {
overflow: hidden;
position: relative;
-webkit-padding-start: calc(7px + 0.75rem);
padding-inline-start: calc(7px + 0.75rem)
}
table th>ol>li>ul>li:before,
table td>ol>li>ul>li:before {
position: absolute;
inset-inline-start: 0;
content: "";
background: #000;
display: block;
text-indent: -0.1em;
width: 6px;
height: 6px;
inset-block-start: 7.2px
}
@media(min-width: 768px) {
table th>ol>li>ul>li:before,
table td>ol>li>ul>li:before {
width: 7px;
height: 7px;
inset-block-start: 8.1px
}
}
@media(min-width: 992px) {
table th>ol>li>ul>li:before,
table td>ol>li>ul>li:before {
width: 7px;
height: 7px;
inset-block-start: 9.5px
}
}
table th ol,
table td ol {
-webkit-padding-start: 1rem;
padding-inline-start: 1rem
}
table th {
background-color: #e6e6e6
}
table td:only-child {
border-right: 2px solid #fff
}
table p,
table ul {
margin-bottom: 1rem
}
table p:last-child,
table ul:last-child {
margin-bottom: 0
}
table caption {
margin-bottom: 0.75rem;
text-align: left;
color: #535353
}
table caption .title {
display: block;
color: #000;
font-weight: 700
}
table caption .subtitle {
color: #535353
}
.scrollcontainer {
margin: 0rem 0rem 2rem 0rem;
overflow: hidden;
overflow-x: auto
}
.scrollcontainer table {
margin-bottom: 0
}
@media(min-width: 768px) {
.scrollcontainer th.col-wide {
width: 40%
}
}
.scrollcontainer::-webkit-scrollbar {
-webkit-appearance: none;
width: 11px;
height: 11px
}
.scrollcontainer::-webkit-scrollbar-thumb {
border-radius: 8px;
border: 2px solid #fff;
background-color: #e6e6e6
}
@media(min-width: 768px) {
form table+fieldset.navigation {
padding-left: 0
}
form table+fieldset.navigation div {
padding-left: 25%
}
}
main {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
padding-bottom: 3rem
}
main:focus {
outline: none
}
main>.wrapper:not(.is-full-width) {
display: flex;
flex-basis: 100%;
flex-wrap: wrap;
max-width: 1200px;
align-items: flex-start;
-webkit-margin-end: -16px;
margin-inline-end: -16px;
-webkit-margin-start: -16px;
margin-inline-start: -16px
}
.content {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 100%;
max-width: 100%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px;
max-width: 100vw;
margin: 0 auto
}
.beslisboom.resume .wrapper .article.content {
background: #FEF4DB;
}
.beslisboom.resume .wrapper .fui-form-container h2 {
display: flex;
gap: 1rem;
}
.beslisboom.resume .wrapper .fui-form-container > div {
padding: 0 calc(1rem + 40px);
}
.beslisboom.resume .wrapper .fui-form-container > div > ul > li {
margin-bottom: 1.25rem;
}
.beslisboom.resume .wrapper .fui-form-container h2:before {
content: "";
display: inline-block;
width: 40px;
height: 40px;
background-image: url('../img/Let op.svg');
background-repeat: no-repeat;
background-size: cover;
}
@media(min-width: 768px) {
.content.article {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 75%;
max-width: 75%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px
}
.beslisboom .content.article {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
}
@media(min-width: 992px) {
.content.article {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px
}
}
.fullWidth .content.article {
margin: 0
}
.content.article pre {
background-color: #e7e7e7;
padding: 10px;
border: 1px solid #a9a9a9;
overflow-x: scroll
}
aside {
display: flex;
flex-basis: 100%;
flex-wrap: wrap;
max-width: 1200px;
flex-grow: 0;
flex-shrink: initial;
flex-basis: 100%;
max-width: 100%;
-webkit-padding-end: 0;
padding-inline-end: 0;
-webkit-padding-start: 0;
padding-inline-start: 0;
margin: 0 auto
}
@media(min-width: 768px) {
aside {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 75%;
max-width: 75%;
-webkit-padding-end: 0;
padding-inline-end: 0;
-webkit-padding-start: 0;
padding-inline-start: 0
}
}
@media(min-width: 992px) {
aside {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
-webkit-padding-end: 0;
padding-inline-end: 0;
-webkit-padding-start: 0;
padding-inline-start: 0
}
}
.fullWidth aside {
margin: 0
}
@media(min-width: 768px) {
.fullWidth aside {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 100%;
max-width: 100%;
-webkit-padding-end: 0;
padding-inline-end: 0;
-webkit-padding-start: 0;
padding-inline-start: 0
}
.beslisboom aside {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
}
@media(min-width: 992px) {
.fullWidth aside {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 100%;
max-width: 100%;
-webkit-padding-end: 0;
padding-inline-end: 0;
-webkit-padding-start: 0;
padding-inline-start: 0
}
.beslisboom aside {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
}
#follow-up {
display: flex;
flex-basis: 100%;
flex-wrap: wrap;
max-width: 1200px;
justify-content: center
}
.fullWidthSection {
display: flex;
flex-basis: 100%;
flex-wrap: wrap;
max-width: 1200px;
flex-grow: 0;
flex-shrink: initial;
flex-basis: 100%;
max-width: 100%;
-webkit-padding-end: 0;
padding-inline-end: 0;
-webkit-padding-start: 0;
padding-inline-start: 0;
margin: 0 auto
}
@media(min-width: 768px) {
.fullWidthSection {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 75%;
max-width: 75%;
-webkit-padding-end: 0;
padding-inline-end: 0;
-webkit-padding-start: 0;
padding-inline-start: 0
}
}
@media(min-width: 992px) {
.fullWidthSection {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
-webkit-padding-end: 0;
padding-inline-end: 0;
-webkit-padding-start: 0;
padding-inline-start: 0
}
}
.fullWidthSection .colRow {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 100%
}
.fullWidth .fullWidthSection {
margin: 0
}
@media(min-width: 768px) {
.fullWidth .fullWidthSection {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 100%;
max-width: 100%;
-webkit-padding-end: 0;
padding-inline-end: 0;
-webkit-padding-start: 0;
padding-inline-start: 0
}
}
@media(min-width: 992px) {
.fullWidth .fullWidthSection {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 100%;
max-width: 100%;
-webkit-padding-end: 0;
padding-inline-end: 0;
-webkit-padding-start: 0;
padding-inline-start: 0
}
}
#navBar {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
width: auto;
min-height: 70px;
background-color: #01689b
}
#navBar .wrapper {
display: flex;
flex-basis: 100%;
flex-wrap: wrap;
max-width: 1200px;
align-items: center;
justify-content: flex-start;
-webkit-margin-end: -16px;
margin-inline-end: -16px;
-webkit-margin-start: -16px;
margin-inline-start: -16px;
position: relative
}
@media print {
#navBar {
display: none
}
}
.site-footer {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
background-color: #01689b
}
.site-footer>.wrapper {
display: flex;
flex-basis: 100%;
flex-wrap: wrap;
max-width: 1200px;
align-items: flex-start;
justify-content: flex-start;
-webkit-margin-end: -16px;
margin-inline-end: -16px;
-webkit-margin-start: -16px;
margin-inline-start: -16px;
padding-top: 2.5rem;
padding-bottom: 2.5rem
}
.site-footer .column {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 50%;
max-width: 50%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px
}
@media(min-width: 768px) {
.site-footer .column {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 25%;
max-width: 25%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px
}
}
@media(min-width: 1200px) {
.site-footer .column {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px
}
}
.site-footer .column h2,
.site-footer .column li,
.site-footer .column a,
.site-footer .column a:hover {
color: #fff
}
.site-footer .column h2 {
font-size: 1.6018066406rem;
line-height: 1.2485901539;
font-weight: normal;
margin-bottom: 1rem
}
.site-footer .column ul {
margin-bottom: 0;
list-style: none !important;
-webkit-margin-start: 0 !important;
margin-inline-start: 0 !important
}
.site-footer .column ul li,
.site-footer .column ul li>h2,
.site-footer .column ul a>h3,
.site-footer .column ul a>h4 {
font-size: 1.125rem;
line-height: 19.2px;
font-weight: normal
}
@media(min-width: 768px) {
.site-footer .column ul li,
.site-footer .column ul li>h2,
.site-footer .column ul a>h3,
.site-footer .column ul a>h4 {
line-height: 21.6px
}
}
@media(min-width: 992px) {
.site-footer .column ul li,
.site-footer .column ul li>h2,
.site-footer .column ul a>h3,
.site-footer .column ul a>h4 {
line-height: 24px
}
}
.site-footer .column ul li,
.site-footer .column ul a {
-webkit-margin-after: 0.75rem;
margin-block-end: 0.75rem
}
.site-footer .column ul li>a {
-webkit-margin-after: 0;
margin-block-end: 0
}
.site-footer .column ul a {
-webkit-padding-start: calc((8.4px + 0.75rem)*0.8);
padding-inline-start: calc((8.4px + 0.75rem)*0.8);
position: relative;
display: block;
text-decoration: none;
font-size: inherit;
line-height: inherit;
font-weight: normal;
-webkit-padding-before: 6.4px;
padding-block-start: 6.4px;
-webkit-padding-after: 6.4px;
padding-block-end: 6.4px
}
@media(min-width: 768px) {
.site-footer .column ul a {
-webkit-padding-start: calc((8.4px + 0.75rem)*0.9);
padding-inline-start: calc((8.4px + 0.75rem)*0.9)
}
}
@media(min-width: 992px) {
.site-footer .column ul a {
-webkit-padding-start: calc((8.4px + 0.75rem)*1);
padding-inline-start: calc((8.4px + 0.75rem)*1)
}
}
@media(min-width: 768px) {
.site-footer .column ul a {
-webkit-padding-before: 7.2px;
padding-block-start: 7.2px
}
}
@media(min-width: 992px) {
.site-footer .column ul a {
-webkit-padding-before: 8px;
padding-block-start: 8px
}
}
@media(min-width: 768px) {
.site-footer .column ul a {
-webkit-padding-after: 7.2px;
padding-block-end: 7.2px
}
}
@media(min-width: 992px) {
.site-footer .column ul a {
-webkit-padding-after: 8px;
padding-block-end: 8px
}
}
.site-footer .column ul a:before {
display: inline-flex;
align-items: center;
content: "";
font-family: "RO Icons";
font-size: .7rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 6.72px;
-webkit-padding-before: 6.4px;
padding-block-start: 6.4px;
height: 25.6px;
text-indent: -0.1em;
position: absolute;
inset-block-start: -1px;
inset-inline-start: 0
}
@media(min-width: 768px) {
.site-footer .column ul a:before {
width: 7.56px
}
}
@media(min-width: 992px) {
.site-footer .column ul a:before {
width: 8.4px
}
}
@media(min-width: 768px) {
.site-footer .column ul a:before {
-webkit-padding-before: 7.2px;
padding-block-start: 7.2px
}
}
@media(min-width: 992px) {
.site-footer .column ul a:before {
-webkit-padding-before: 8px;
padding-block-start: 8px
}
}
@media(min-width: 768px) {
.site-footer .column ul a:before {
height: 28.8px
}
}
@media(min-width: 992px) {
.site-footer .column ul a:before {
height: 32px
}
}
.site-footer .column ul a:hover {
text-decoration: underline
}
.site-footer .column ul a:hover:before {
text-decoration: none
}
.site-footer .column ul a.external:before {
content: "";
font-family: "RO Icons";
font-size: .595rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
[dir=rtl] .site-footer .column ul a:before {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
[dir=rtl] .site-footer .column ul a.external:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.site-footer .column ul p:not(.article-meta):not(.meta):not(.superheading):not(.copyright) {
font-size: 0.8888888889rem;
line-height: 1.40625;
font-weight: normal;
color: #000;
-webkit-margin-after: 0;
margin-block-end: 0
}
.site-footer .column ul p.meta {
font-size: 0.8888888889rem;
line-height: 1.6875;
font-weight: normal;
color: #535353;
margin: 0;
margin-top: 0.5rem
}
.site-footer .column ul li {
margin-bottom: 0
}
.site-footer .column ul a:visited:before {
color: #fff
}
@media(min-width: 768px) {
.site-footer .column:first-child {
margin-left: 50%
}
}
@media(min-width: 1200px) {
.site-footer .column:first-child {
margin-left: 66.666667%
}
}
.site-footer .payoff {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 100%;
max-width: 100%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px;
margin-bottom: 2rem
}
@media(min-width: 768px) {
.site-footer .payoff {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 50%;
max-width: 50%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px
}
}
@media(min-width: 1200px) {
.site-footer .payoff {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px
}
}
.site-footer .payoff span {
color: #fff;
font-family: "RO Serif";
font-size: 2.0272865295rem;
line-height: .9865403685;
font-weight: normal;
font-style: italic;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
@media print {
.site-footer {
display: none
}
}
@-webkit-keyframes openPanel {
0% {
height: 0
}
100% {
height: 100%
}
}
@keyframes openPanel {
0% {
height: 0
}
100% {
height: 100%
}
}
.collapsiblePanels {
margin: 0 0 2rem;
padding: 0;
display: flex;
flex-direction: column
}
.collapsiblePanels .panel {
display: inline-block;
border-top: 1px solid #fff;
background-color: #f3f3f3;
width: 100%;
height: auto
}
.collapsiblePanels .panel>h3 {
display: block;
padding: 0;
margin: 0
}
.collapsiblePanels .panel p,
.collapsiblePanels .panel li {
font-size: 1.265625rem;
line-height: 1.3827160494
}
.collapsiblePanels .panel div:not(.location)>ul>li {
overflow: hidden;
position: relative;
-webkit-padding-start: calc(7px + 0.75rem);
padding-inline-start: calc(7px + 0.75rem)
}
.collapsiblePanels .panel div:not(.location)>ul>li:before {
position: absolute;
inset-inline-start: 0;
content: "";
background: #000;
display: block;
text-indent: -0.1em;
width: 6px;
height: 6px;
inset-block-start: 7.2px
}
@media(min-width: 768px) {
.collapsiblePanels .panel div:not(.location)>ul>li:before {
width: 7px;
height: 7px;
inset-block-start: 8.1px
}
}
@media(min-width: 992px) {
.collapsiblePanels .panel div:not(.location)>ul>li:before {
width: 7px;
height: 7px;
inset-block-start: 9.5px
}
}
.collapsiblePanels .panel button {
display: flex;
justify-content: space-between;
align-items: center;
text-decoration: none;
position: relative;
background-color: #f3f3f3;
color: #01689b;
font-weight: normal;
text-align: left;
width: 100%
}
.collapsiblePanels .panel button:after {
display: flex;
-webkit-transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
content: "";
font-family: "RO Icons";
font-size: .9rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #01689b
}
.collapsiblePanels .panel button[aria-expanded=true]:after {
-webkit-transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.collapsiblePanels .panelContent {
display: none;
width: 100%;
margin: 0;
padding: 1rem;
overflow: hidden;
background-color: #f3f3f3
}
.collapsiblePanels .panelContent:focus {
outline: 2px dashed #000;
z-index: 1010;
outline-offset: -2px;
-webkit-box-shadow: inset 0 0 0 2px #fff;
box-shadow: inset 0 0 0 2px #fff;
padding-bottom: 2px
}
.no-js .collapsiblePanels .panelContent {
height: 0px;
display: block;
-webkit-animation: openPanel .1s .5s forwards;
animation: openPanel .1s .5s forwards;
padding: 0
}
.collapsiblePanels .panelContent img {
float: right;
max-width: 30%;
margin: 0.5rem 0 0 0.5rem
}
.collapsiblePanels .panelContent table {
margin-left: 0px
}
.collapsiblePanels .downloads,
.collapsiblePanels .segments {
padding: 0px
}
.collapsiblePanels .downloads ul,
.collapsiblePanels .segments ul {
display: block;
list-style: none;
margin: 0;
padding: 0
}
.collapsiblePanels .downloads li,
.collapsiblePanels .segments li {
background: none;
margin: 0;
padding: 0 !important;
border-bottom: 1px solid #fff;
width: 100%
}
.collapsiblePanels .downloads li:before,
.collapsiblePanels .segments li:before {
display: none !important;
content: ""
}
.collapsiblePanels .downloads a,
.collapsiblePanels .segments a {
background-image: none;
padding: 0.5rem 1rem;
width: 100%;
line-height: 1.2em;
color: #01689b;
text-decoration: none;
display: block
}
.collapsiblePanels .downloads a.current,
.collapsiblePanels .segments a.current {
color: #000;
cursor: default;
font-weight: bold;
text-decoration: none
}
.collapsiblePanels .downloads a:hover,
.collapsiblePanels .segments a:hover {
background-color: #e6e6e6
}
.collapsiblePanels .downloads a:focus,
.collapsiblePanels .segments a:focus {
outline: 2px dashed #000;
z-index: 1010;
outline-offset: -2px;
-webkit-box-shadow: inset 0 0 0 2px #fff;
box-shadow: inset 0 0 0 2px #fff
}
.collapsiblePanels .downloads a img,
.collapsiblePanels .segments a img {
float: none;
margin: 0;
display: inline
}
.collapsiblePanels .downloads a .meta,
.collapsiblePanels .segments a .meta {
display: block;
clear: left;
margin: 0
}
.collapsiblePanels .hchart__img-download {
display: none
}
.collapsiblePanels .hchart__img-download.current {
display: block
}
@media print {
.collapsiblePanels .panel button {
display: none
}
.collapsiblePanels .panel .panelContent.segments {
display: none !important
}
.collapsiblePanels .panel .panelContent.downloads {
display: none !important
}
.collapsiblePanels .panel .panelContent table th,
.collapsiblePanels .panel .panelContent table tr,
.collapsiblePanels .panel .panelContent table td {
border-top: none
}
}
.logo {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%
}
.logo .wrapper {
display: flex;
flex-basis: 100%;
flex-wrap: wrap;
max-width: 1200px;
align-items: flex-start;
justify-content: flex-start;
-webkit-margin-end: -16px;
margin-inline-end: -16px;
-webkit-margin-start: -16px;
margin-inline-start: -16px;
justify-content: center
}
.logo .wrapper img {
width: inherit;
max-width: 1168px
}
.logo .wrapper img {
-webkit-margin-start: -50px;
margin-inline-start: -50px;
-webkit-transform: translateX(50%);
transform: translateX(50%)
}
.logo .logo__wrapper {
width: 100%;
max-width: 1200px;
-webkit-margin-start: calc(50% - 20px);
margin-inline-start: calc(50% - 20px)
}
@media(min-width: 768px) {
.logo .logo__wrapper {
-webkit-margin-start: calc(50% - 25px);
margin-inline-start: calc(50% - 25px)
}
}
.logo .logo__link {
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content
}
.logo .logo__link:focus {
outline: 2px dashed #000;
z-index: 1010;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 2px #fff;
box-shadow: 0 0 0 2px #fff
}
.logo .logo__link,
.logo .logo__link:hover {
text-decoration: none
}
.logo .logo__figure {
display: flex;
align-items: flex-start;
margin: 0
}
.logo .logo__figure img {
flex: 0;
width: inherit
}
.logo .logo__text {
font-family: "RO Serif", Calibri, sans-serif;
font-size: 1rem;
line-height: 1.1;
width: 100%;
max-width: 300px;
padding: 20px 10px 10px;
color: #000
}
@media(min-width: 768px) {
.logo .logo__text {
padding: 50px 12px 25px
}
}
.logo .logo__sender,
.logo .logo__ministry {
display: block
}
.logo .logo__ministry {
font-style: italic
}
.logo.left .wrapper {
justify-content: flex-start
}
.logo.left .wrapper img {
-webkit-margin-end: 16px;
margin-inline-end: 16px;
-webkit-margin-start: 16px;
margin-inline-start: 16px;
-webkit-transform: translateX(0);
transform: translateX(0)
}
.logo.left .logo__wrapper {
-webkit-margin-start: 16px;
margin-inline-start: 16px
}
header a:focus .logo img {
outline: 2px dashed #000;
z-index: 1010;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 2px #fff;
box-shadow: 0 0 0 2px #fff
}
.toggleNav {
position: relative;
width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-indent: -9999px;
background-color: #01689b;
background-color: rgba(0, 0, 0, 0);
position: absolute;
z-index: 1020;
top: 11px;
right: 16px
}
.toggleNav:after {
content: "";
font-family: "RO Icons";
font-size: inherit;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
-webkit-transition: color .3s ease;
transition: color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-indent: 0
}
.toggleNav:after {
color: #fff
}
.toggleNav:hover {
background-color: #01496d
}
.toggleNav:hover:after {
color: #fff
}
[dir=rtl] .toggleNav {
right: auto;
left: 16px
}
.navOpen .toggleNav:after {
content: ""
}
.mainNav {
width: 100%
}
.no-js .mainNav ul {
display: block;
overflow: hidden;
max-height: 0;
-webkit-animation: navSlideDown .1s .5s forwards;
animation: navSlideDown .1s .5s forwards
}
.mainNav ul {
display: none;
overflow: hidden;
margin: 0rem 1rem 1.5rem 1rem;
padding: 0;
list-style: none;
position: relative
}
.mainNav ul li {
width: 100%;
margin: 0;
padding: 0
}
.mainNav ul li:last-child a {
border-bottom: 1px solid #fff
}
.mainNav ul li a {
display: block;
padding: 1rem 0.25rem;
text-decoration: none;
color: #fff;
border-top: 1px solid #fff;
border-radius: 1px
}
.mainNav ul li a:hover {
text-decoration: underline
}
@media(min-width: 768px) {
.mainNav {
width: auto;
margin: 0 16px 0 auto;
background: rgba(0, 0, 0, 0)
}
.mainNav.mobile {
display: none
}
.no-js .mainNav ul {
display: flex
}
.mainNav ul {
display: flex;
overflow: visible;
margin: 0
}
.mainNav ul li {
width: auto;
margin: 0;
padding: 0 0.5rem 0 0.5rem;
border: none
}
.mainNav ul li:first-child {
margin: 0;
padding: 0 0.5rem 0 0
}
.mainNav ul li:last-child {
margin-bottom: 0;
padding: 0 0 0 0.5rem
}
.mainNav ul li:last-child a {
border: none
}
.mainNav ul li a {
padding: 0.5rem 0.25rem;
border: none
}
}
.breadCrumbNav {
display: flex;
align-items: center;
align-self: center;
flex-wrap: wrap;
margin: 0 16px;
padding: 1.5rem 0rem;
padding-bottom: 0.75rem;
font-size: 1.6018066406rem;
line-height: 1.0925163847;
color: #fff
}
@media(min-width: 576px) {
.breadCrumbNav {
margin: 0 64px 0 16px
}
}
[dir=rtl] .breadCrumbNav {
margin: 0 16px 0 64px
}
.breadCrumbNav>a,
.breadCrumbNav>span {
padding-bottom: 0.75rem;
display: initial;
align-items: center;
color: #fff
}
@media(min-width: 576px) {
.breadCrumbNav>a,
.breadCrumbNav>span {
display: flex
}
}
.breadCrumbNav>a {
position: relative;
margin-right: 1rem;
text-decoration: none
}
@media(min-width: 576px) {
.breadCrumbNav>a {
margin-right: 2rem
}
}
.breadCrumbNav>a:after {
display: inline-flex;
justify-content: center;
align-items: center;
content: "";
font-family: "RO Icons";
font-size: .7em;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 12px;
height: 28.8325195312px;
position: relative;
right: -8px;
bottom: -1px
}
@media(min-width: 576px) {
.breadCrumbNav>a:after {
position: absolute;
right: -22px;
bottom: initial
}
}
@media(min-width: 576px)and (-ms-high-contrast: none), (min-width: 576px)and (-ms-high-contrast: active) {
.breadCrumbNav>a:after *::-ms-backdrop {
bottom: 0.75rem
}
.breadCrumbNav>a:after {
bottom: 0.75rem
}
}
.breadCrumbNav>a:hover,
.breadCrumbNav>a:visited {
color: #fff
}
.breadCrumbNav>a:hover:after,
.breadCrumbNav>a:visited:after {
color: #fff
}
.breadCrumbNav>a:last-child:after {
content: "";
text-decoration: none
}
.breadCrumbNav>a:hover {
text-decoration: underline
}
[dir=rtl] .breadCrumbNav>a {
margin: 0 0 0 2rem
}
[dir=rtl] .breadCrumbNav>a:after {
right: auto;
left: -1rem;
-webkit-transform: translateY(-50%) rotate(-180deg);
transform: translateY(-50%) rotate(-180deg);
top: 14px
}
@media(min-width: 576px) {
[dir=rtl] .breadCrumbNav>a:after {
left: -1.5rem;
top: 12px
}
}
.breadCrumbNav>span {
font-weight: bold
}
@-webkit-keyframes showSearch {
0% {
width: 0
}
100% {
width: 33.333333%
}
}
@keyframes showSearch {
0% {
width: 0
}
100% {
width: 33.333333%
}
}
@-webkit-keyframes changeSubmitBackground {
100% {
background-color: #000
}
}
@keyframes changeSubmitBackground {
100% {
background-color: #000
}
}
#searchForm {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 100%;
max-width: 100%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px;
position: relative;
width: 0;
min-width: 48px;
max-width: calc(100% - 32px);
height: 48px;
margin-bottom: 16px;
margin-left: 16px;
-webkit-transition: all .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all .2s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}
[dir=rtl] #searchForm {
margin-right: 16px;
margin-left: auto
}
@media(min-width: 768px) {
#searchForm {
position: absolute;
z-index: 100;
top: 11px;
right: 16px
}
[dir=rtl] #searchForm {
right: auto;
left: 16px
}
}
@media(min-width: 768px) {
.hasMainNav #searchForm {
top: calc(2rem + 76px)
}
}
#searchForm.searchOpened {
width: 100%
}
@media(min-width: 768px) {
#searchForm.searchOpened {
width: 33.333333%
}
}
#searchForm.searchOpened .searchInput {
padding: 0 5rem 0 1rem;
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .44);
box-shadow: 0 0 0 1px rgba(0, 0, 0, .44)
}
.home #searchForm {
width: 100%
}
@media(min-width: 768px) {
.home #searchForm {
width: 33.333333%
}
}
.home #searchForm .searchInput {
padding: 0 5rem 0 1rem;
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .44);
box-shadow: 0 0 0 1px rgba(0, 0, 0, .44)
}
@media(min-width: 768px) {
.no-js #searchForm {
-webkit-animation: showSearch .1s .5s forwards;
animation: showSearch .1s .5s forwards
}
}
.no-js #searchForm .searchSubmit {
-webkit-animation: changeSubmitBackground .1s .5s forwards;
animation: changeSubmitBackground .1s .5s forwards
}
#searchForm label {
position: absolute !important;
display: inline-block !important;
overflow: hidden;
clip: rect(0, 0, 0, 0);
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0
}
#searchForm .searchInput {
font-size: 1.265625rem;
line-height: 1.5802469136;
width: 100%;
height: 48px;
margin: 0;
padding-block: 0;
-webkit-padding-start: 1rem;
padding-inline-start: 1rem;
-webkit-padding-end: 5rem;
padding-inline-end: 5rem;
border: none;
position: absolute;
z-index: 100;
top: 0;
right: 48px;
width: calc(100% - 48px);
padding: 0
}
#searchForm .searchInput:focus {
outline: 2px dashed #000;
z-index: 1010;
outline-offset: -2px;
-webkit-box-shadow: inset 0 0 0 2px #fff;
box-shadow: inset 0 0 0 2px #fff;
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .44);
box-shadow: 0 0 0 1px rgba(0, 0, 0, .44);
outline-offset: 4px;
outline-style: dashed
}
[dir=rtl] #searchForm .searchInput {
right: auto;
left: 0
}
#searchForm .clearFieldWrapper:not(.no-focus):focus-within::before {
content: "";
position: absolute;
z-index: 99;
inset: -6px;
border: 2px solid #fff;
-webkit-margin-end: 48px;
margin-inline-end: 48px
}
#searchForm .searchSubmit {
position: relative;
width: 48px;
height: 48px;
min-height: 48px;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-indent: -9999px;
position: absolute;
z-index: 90;
top: 0;
right: 0;
background-color: #fff;
outline: 1px solid rgba(0, 0, 0, .44);
overflow: visible
}
#searchForm .searchSubmit:after {
content: "";
font-family: "RO Icons";
font-size: 20px;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
-webkit-transition: color .3s ease;
transition: color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-indent: 0
}
#searchForm .searchSubmit:after {
color: #000
}
#searchForm .searchSubmit:focus {
outline: 2px dashed #000;
z-index: 1010;
outline-offset: -2px;
-webkit-box-shadow: inset 0 0 0 2px #fff;
box-shadow: inset 0 0 0 2px #fff;
outline-color: #000;
outline-offset: 4px;
outline-style: solid;
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .44);
box-shadow: 0 0 0 1px rgba(0, 0, 0, .44)
}
#searchForm .searchSubmit:focus::before {
content: "";
position: absolute;
z-index: 99;
inset: -6px;
border: 2px dashed #fff
}
#searchForm .searchSubmit:hover {
background-color: #000
}
#searchForm .searchSubmit:hover:after {
color: #fff
}
[dir=rtl] #searchForm .searchSubmit {
right: auto;
left: 0
}
@media print {
#searchForm {
display: none
}
}
.skiplinks {
position: absolute;
z-index: 100;
top: 0;
left: 50%;
width: 100%;
max-width: 1200px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
header .skiplinks {
max-width: 1200px;
margin: 0 auto;
padding: 0 16px
}
.skiplinks>a {
font-size: 1.265625rem;
line-height: 1.5802469136;
width: auto;
min-height: 44px;
padding: .75rem 1rem;
cursor: pointer;
border: none;
border-radius: 0;
position: relative;
color: #fff;
background-color: #01689b;
position: absolute;
top: -100vh;
left: -100vw;
text-decoration: none
}
.skiplinks>a:focus {
outline: 2px solid #fff;
outline-offset: 4px;
z-index: 1010;
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0)
}
.skiplinks>a:focus::before {
content: "";
position: absolute;
z-index: 99;
inset: -6px;
border: 2px dashed #000
}
.skiplinks>a:hover {
color: #fff;
outline: none;
background-color: #01496d
}
.skiplinks>a:hover::before {
border: 2px dashed rgba(0, 0, 0, 0)
}
.skiplinks>a:focus {
top: 15px;
left: 15px
}
.skiplinks>a:visited {
color: #fff
}
@media print {
.skiplinks {
display: none
}
}
.headerImage {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
align-items: flex-start;
position: relative;
overflow: hidden;
min-height: 280px;
background-color: #535353
}
.headerImage.smallHeaderImage {
min-height: 190px
}
@media(min-width: 576px) {
.headerImage {
min-height: 300px
}
.headerImage.smallHeaderImage {
min-height: 210px
}
}
@media(min-width: 768px) {
.headerImage {
min-height: 370px
}
.headerImage.smallHeaderImage {
min-height: 250px
}
}
@media(min-width: 1200px) {
.headerImage {
min-height: 480px
}
.headerImage.smallHeaderImage {
min-height: 330px
}
}
.headerImage .slide {
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
opacity: 0;
background-position: center center;
background-size: cover
}
.headerImage .slide.showSlide {
opacity: 1
}
.no-js .headerImage .slide {
-webkit-animation: fadeIn .1s .5s forwards;
animation: fadeIn .1s .5s forwards
}
.headerImage .slide img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
min-height: 100%
}
.js .headerImage .slide img {
display: none
}
.headerImage .darkOverlay {
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
background-color: #000
}
.headerImage .gradientContainer {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
position: relative;
z-index: 1;
align-content: center;
height: 100%;
padding-bottom: 2.5rem;
-webkit-animation: fadeInElement ease-in;
animation: fadeInElement ease-in;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-delay: .5s;
animation-delay: .5s;
opacity: 0;
background: rgba(0, 0, 0, 0);
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
.headerImage .gradientContainer.showGradient {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(80%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.6)));
background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 80%, rgba(0, 0, 0, 0.6) 100%)
}
.headerImage .gradientContainer.showOverlay {
background: rgba(0, 0, 0, .15)
}
.headerImage .gradientContainer.clickable {
cursor: pointer
}
.headerImage.noLink .gradientContainer {
align-content: flex-end;
padding-bottom: 0
}
.headerImage .wrapper {
display: flex;
flex-basis: 100%;
flex-wrap: wrap;
max-width: 1200px;
align-items: flex-start;
justify-content: flex-start;
padding: 3.5rem 1rem 5.5rem;
position: relative;
z-index: 10
}
@media(min-width: 768px) {
.headerImage .wrapper {
padding: 2rem 1rem 5rem
}
}
.headerImage .wrapper ul {
list-style-type: disc;
margin-left: 1rem
}
.headerImage .wrapper .ctaBtn {
position: relative;
padding: 0.5rem 1rem 0.5rem 1rem;
margin-right: auto;
margin-bottom: 0;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-decoration: none;
top: 1rem;
color: #fff;
border: 1px solid #fff;
text-shadow: -1px -1px 30px rgba(0, 0, 0, .7)
}
.headerImage .wrapper .ctaBtn:hover {
color: #fff;
border-color: #fff;
background: #01689b
}
.headerImage .body {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 100%;
max-width: 100%;
-webkit-padding-end: 0;
padding-inline-end: 0;
-webkit-padding-start: 0;
padding-inline-start: 0;
color: #fff;
text-shadow: -1px -1px 40px rgba(0, 0, 0, .4)
}
@media(min-width: 768px) {
.headerImage .body {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
-webkit-padding-end: 0;
padding-inline-end: 0;
-webkit-padding-start: 0;
padding-inline-start: 0
}
}
.headerImage .body h1 {
font-size: 2.8865075782rem;
line-height: .8660985403;
margin: 0rem 0rem 0.75rem 0rem;
text-shadow: -1px -1px 40px rgba(0, 0, 0, .4);
word-break: break-word
}
.headerImage .body h1+p {
margin-top: 0.75rem
}
.headerImage .body p {
text-shadow: -1px -1px 30px rgba(0, 0, 0, .7)
}
.headerImage .body p:last-child {
margin-bottom: 0
}
.headerImage .toggleState {
position: relative;
width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-indent: -9999px;
position: absolute;
z-index: 10;
right: 16px;
bottom: 1rem;
border: 1px solid #fff;
background-color: rgba(0, 0, 0, .56);
color: #fff;
text-decoration: none
}
.headerImage .toggleState:after {
content: "";
font-family: "RO Icons";
font-size: inherit;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
-webkit-transition: color .3s ease;
transition: color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-indent: 0
}
.headerImage .toggleState:after {
text-shadow: 0 0 5px rgba(0, 0, 0, .5);
color: #fff
}
.headerImage .toggleState:hover {
border: 1px solid #000;
background: rgba(255, 255, 255, .56)
}
.headerImage .toggleState:hover:after {
color: #000
}
.headerImage .toggleState.pauzed:after {
content: ""
}
.headerImage .toggleState.pauzed:hover:after {
color: #000
}
.headerImage .toggleState:focus:before {
inset: -7px
}
.headerImage .toggleState:focus:after {
color: #fff
}
.headerImage .toggleState:focus:hover:after {
color: #000
}
.headerImage .copyright {
position: absolute;
z-index: 10;
bottom: 0.5rem;
left: 0.5rem;
margin: 0;
color: #fff;
text-shadow: 0px 0px 1px rgba(0, 0, 0, .5), -1px 0px 1px rgba(0, 0, 0, .5), 1px 0px 1px rgba(0, 0, 0, .5), 0px -1px 1px rgba(0, 0, 0, .5), 0px 1px 1px rgba(0, 0, 0, .5), 2px 2px 6px rgba(0, 0, 0, .5);
opacity: 0
}
.headerImage .copyright.showCopyright {
opacity: 1
}
.topTaskNavigation,
.topTaskPushNotification {
max-width: 426px;
padding: 1.5rem
}
@media(max-width: 767px) {
.topTaskNavigation,
.topTaskPushNotification {
width: 100%
}
}
@media(min-width: 768px) {
.topTaskNavigation,
.topTaskPushNotification {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% - 32px);
margin-left: 16px
}
}
.topTaskNavigation {
z-index: 10;
background: #fff;
margin-bottom: 3rem
}
@media(min-width: 768px) {
.topTaskNavigation {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 45%;
max-width: 45%;
margin-left: 0;
margin-bottom: 0
}
}
@media(min-width: 1200px) {
.topTaskNavigation {
flex-grow: 1;
flex-shrink: 0;
flex-basis: 35%;
max-width: 35%;
margin-left: -1.5rem
}
[dir=rtl] .topTaskNavigation {
margin-right: -0.5rem;
margin-left: auto
}
}
.topTaskNavigation h2 {
font-size: 1.6018066406rem;
line-height: 1.2485901539;
font-weight: normal;
margin: 0 0 1rem 0
}
.topTaskNavigation ul {
list-style: none !important;
-webkit-margin-start: 0 !important;
margin-inline-start: 0 !important
}
.topTaskNavigation ul li,
.topTaskNavigation ul li>h2,
.topTaskNavigation ul a>h3,
.topTaskNavigation ul a>h4 {
font-size: 1.125rem;
line-height: 19.2px;
font-weight: normal
}
@media(min-width: 768px) {
.topTaskNavigation ul li,
.topTaskNavigation ul li>h2,
.topTaskNavigation ul a>h3,
.topTaskNavigation ul a>h4 {
line-height: 21.6px
}
}
@media(min-width: 992px) {
.topTaskNavigation ul li,
.topTaskNavigation ul li>h2,
.topTaskNavigation ul a>h3,
.topTaskNavigation ul a>h4 {
line-height: 24px
}
}
.topTaskNavigation ul li,
.topTaskNavigation ul a {
-webkit-margin-after: 0.75rem;
margin-block-end: 0.75rem
}
.topTaskNavigation ul li>a {
-webkit-margin-after: 0;
margin-block-end: 0
}
.topTaskNavigation ul a {
-webkit-padding-start: calc((8.4px + 0.75rem)*0.8);
padding-inline-start: calc((8.4px + 0.75rem)*0.8);
position: relative;
display: block;
text-decoration: none;
font-size: inherit;
line-height: inherit;
font-weight: normal
}
@media(min-width: 768px) {
.topTaskNavigation ul a {
-webkit-padding-start: calc((8.4px + 0.75rem)*0.9);
padding-inline-start: calc((8.4px + 0.75rem)*0.9)
}
}
@media(min-width: 992px) {
.topTaskNavigation ul a {
-webkit-padding-start: calc((8.4px + 0.75rem)*1);
padding-inline-start: calc((8.4px + 0.75rem)*1)
}
}
.topTaskNavigation ul a:before {
display: inline-flex;
align-items: center;
content: "";
font-family: "RO Icons";
font-size: .7rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 6.72px;
height: 19.2px;
text-indent: -0.1em;
position: absolute;
inset-block-start: -1px;
inset-inline-start: 0
}
@media(min-width: 768px) {
.topTaskNavigation ul a:before {
width: 7.56px
}
}
@media(min-width: 992px) {
.topTaskNavigation ul a:before {
width: 8.4px
}
}
@media(min-width: 768px) {
.topTaskNavigation ul a:before {
height: 21.6px
}
}
@media(min-width: 992px) {
.topTaskNavigation ul a:before {
height: 24px
}
}
.topTaskNavigation ul a:hover {
text-decoration: underline
}
.topTaskNavigation ul a:hover:before {
text-decoration: none
}
.topTaskNavigation ul a.external:before {
content: "";
font-family: "RO Icons";
font-size: .595rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
[dir=rtl] .topTaskNavigation ul a:before {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
[dir=rtl] .topTaskNavigation ul a.external:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.topTaskNavigation ul p:not(.article-meta):not(.meta):not(.superheading):not(.copyright) {
font-size: 0.8888888889rem;
line-height: 1.40625;
font-weight: normal;
color: #000;
-webkit-margin-after: 0;
margin-block-end: 0
}
.topTaskNavigation ul p.meta {
font-size: 0.8888888889rem;
line-height: 1.6875;
font-weight: normal;
color: #535353;
margin: 0;
margin-top: 0.5rem
}
.topTaskNavigation ul:last-child,
.topTaskNavigation ul li:last-child {
margin-bottom: 0
}
.topTaskPushNotification {
margin-bottom: 0;
color: #fff;
background: #01689b
}
@media(min-width: 768px) {
.topTaskPushNotification {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 33.333333%;
max-width: 33.333333%;
margin-left: auto
}
.hasMainNav .topTaskPushNotification {
margin-top: 6.5rem
}
[dir=rtl] .topTaskPushNotification {
margin-right: auto;
margin-left: 0
}
}
@media(max-width: 767px) {
.topTaskNavigation+.topTaskPushNotification {
margin-top: -1.5rem
}
}
.topTaskPushNotification a {
display: inline-block;
text-decoration: underline;
color: #fff
}
.topTaskPushNotification a:hover {
text-decoration: none
}
.topTaskPushNotification h2 {
font-size: 1.6018066406rem;
line-height: 1.2485901539;
font-weight: normal;
margin-bottom: 0.75rem
}
.topTaskPushNotification h2+p {
margin-top: 0
}
.topTaskPushNotification,
.topTaskPushNotification p {
font-size: 1.125rem;
line-height: 1.3333333333
}
.topTaskPushNotification p:first-child {
margin-top: 0
}
.topTaskPushNotification p:last-child {
margin-bottom: 0
}
@media print {
.headerImage {
background-color: #fff
}
.headerImage .gradientContainer {
background-color: #fff
}
.headerImage .darkOverlay,
.headerImage .slide,
.headerImage .copyright,
.headerImage .topTaskNavigation,
.headerImage .topTaskPushNotification,
.headerImage button {
display: none
}
.headerImage .wrapper {
background-color: #fff
}
.headerImage .wrapper .body * {
display: block;
color: #000;
text-shadow: none
}
.headerImage .wrapper .body a {
display: none
}
}
.editorial-navigation {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
background-color: #01689b
}
.editorial-navigation .wrapper {
margin: 4rem 0rem 2.5rem 0rem;
width: 100%
}
.editorial-navigation ul {
display: flex;
flex-basis: 100%;
flex-wrap: wrap;
max-width: 1200px;
align-items: flex-start;
justify-content: flex-start;
-webkit-margin-end: -16px;
margin-inline-end: -16px;
-webkit-margin-start: -16px;
margin-inline-start: -16px;
width: 100%;
margin: 0 auto;
padding: 0;
list-style-type: none
}
.editorial-navigation .threeItems li {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 100%;
max-width: 100%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px
}
@media(min-width: 576px) {
.editorial-navigation .threeItems li {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 50%;
max-width: 50%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px
}
}
@media(min-width: 992px) {
.editorial-navigation .threeItems li {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px
}
}
.editorial-navigation .fourItems li {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 100%;
max-width: 100%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px
}
@media(min-width: 576px) {
.editorial-navigation .fourItems li {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 50%;
max-width: 50%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px
}
}
@media(min-width: 992px) {
.editorial-navigation .fourItems li {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px
}
}
@media(min-width: 1200px) {
.editorial-navigation .fourItems li {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 25%;
max-width: 25%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px
}
}
.editorial-navigation .navItem {
margin-bottom: 1rem
}
.editorial-navigation .navItem a {
margin: 0
}
.editorial-navigation .navItem a:hover {
text-decoration: none
}
.editorial-navigation .navItem a:focus {
outline-color: #000
}
.editorial-navigation .navItem a:visited {
color: #fff
}
.editorial-navigation .hasIcon a {
flex-wrap: nowrap
}
.editorial-navigation .icon {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 40px;
min-width: 24px
}
.editorial-navigation .icon+.editorial-navigation-content {
margin: 0
}
.editorial-navigation .icon img {
max-width: 24px
}
.editorial-navigation .editorial-navigation-content span {
font-size: 1.6018066406rem;
line-height: 1.2485901539;
font-weight: normal
}
.editorial-navigation h3 {
font-size: 1.6018066406rem;
line-height: 1.2485901539;
font-weight: normal
}
.editorial-navigation p {
font-size: 1.125rem;
line-height: 1.3333333333;
margin-top: 0
}
.editorial-navigation a {
display: flex;
flex-basis: 100%;
flex-wrap: wrap;
max-width: 1200px;
align-items: flex-start;
justify-content: flex-start;
-webkit-margin-end: -16px;
margin-inline-end: -16px;
-webkit-margin-start: -16px;
margin-inline-start: -16px;
text-decoration: none;
color: #fff
}
.editorial-navigation a:hover h3,
.editorial-navigation a:hover span {
text-decoration: underline
}
.editorial-navigation.grey {
background-color: #f3f3f3
}
.editorial-navigation.grey .navItem a {
color: #000
}
.editorial-navigation.grey .navItem a,
.editorial-navigation.grey .navItem a:hover,
.editorial-navigation.grey .navItem a:visited,
.editorial-navigation.grey .navItem a p {
color: #000
}
.editorial-navigation.grey .navItem h3,
.editorial-navigation.grey .navItem span {
color: #01689b
}
.editorial-navigation.blue {
background-color: #01689b
}
.editorial-navigation.blue .navItem a {
color: #fff
}
.editorial-navigation.blue .navItem a,
.editorial-navigation.blue .navItem a:hover,
.editorial-navigation.blue .navItem a:visited,
.editorial-navigation.blue .navItem a p {
color: #fff
}
.editorial-navigation.blue .navItem h3,
.editorial-navigation.blue .navItem span {
color: #fff
}
@media print {
.editorial-navigation {
display: none
}
}
.subNavigation,
.populairTopics {
background-color: #f3f3f3
}
.subNavigation ul,
.populairTopics ul {
list-style: none !important;
-webkit-margin-start: 0 !important;
margin-inline-start: 0 !important;
flex-direction: column;
margin: 0;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid;
page-break-inside: avoid;
word-wrap: break-word
}
.subNavigation ul li,
.subNavigation ul li>h2,
.subNavigation ul a>h3,
.subNavigation ul a>h4,
.populairTopics ul li,
.populairTopics ul li>h2,
.populairTopics ul a>h3,
.populairTopics ul a>h4 {
font-size: 1.265625rem;
line-height: 22.4px;
font-weight: normal
}
@media(min-width: 768px) {
.subNavigation ul li,
.subNavigation ul li>h2,
.subNavigation ul a>h3,
.subNavigation ul a>h4,
.populairTopics ul li,
.populairTopics ul li>h2,
.populairTopics ul a>h3,
.populairTopics ul a>h4 {
line-height: 25.2px
}
}
@media(min-width: 992px) {
.subNavigation ul li,
.subNavigation ul li>h2,
.subNavigation ul a>h3,
.subNavigation ul a>h4,
.populairTopics ul li,
.populairTopics ul li>h2,
.populairTopics ul a>h3,
.populairTopics ul a>h4 {
line-height: 28px
}
}
.subNavigation ul li,
.subNavigation ul a,
.populairTopics ul li,
.populairTopics ul a {
-webkit-margin-after: 0.75rem;
margin-block-end: 0.75rem
}
.subNavigation ul li>a,
.populairTopics ul li>a {
-webkit-margin-after: 0;
margin-block-end: 0
}
.subNavigation ul a,
.populairTopics ul a {
-webkit-padding-start: calc((8.4px + 0.75rem)*0.8);
padding-inline-start: calc((8.4px + 0.75rem)*0.8);
position: relative;
display: block;
text-decoration: none;
font-size: inherit;
line-height: inherit;
font-weight: normal
}
@media(min-width: 768px) {
.subNavigation ul a,
.populairTopics ul a {
-webkit-padding-start: calc((8.4px + 0.75rem)*0.9);
padding-inline-start: calc((8.4px + 0.75rem)*0.9)
}
}
@media(min-width: 992px) {
.subNavigation ul a,
.populairTopics ul a {
-webkit-padding-start: calc((8.4px + 0.75rem)*1);
padding-inline-start: calc((8.4px + 0.75rem)*1)
}
}
.subNavigation ul a:before,
.populairTopics ul a:before {
display: inline-flex;
align-items: center;
content: "";
font-family: "RO Icons";
font-size: .7rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 6.72px;
height: 22.4px;
text-indent: -0.1em;
position: absolute;
inset-block-start: -1px;
inset-inline-start: 0
}
@media(min-width: 768px) {
.subNavigation ul a:before,
.populairTopics ul a:before {
width: 7.56px
}
}
@media(min-width: 992px) {
.subNavigation ul a:before,
.populairTopics ul a:before {
width: 8.4px
}
}
@media(min-width: 768px) {
.subNavigation ul a:before,
.populairTopics ul a:before {
height: 25.2px
}
}
@media(min-width: 992px) {
.subNavigation ul a:before,
.populairTopics ul a:before {
height: 28px
}
}
.subNavigation ul a:hover,
.populairTopics ul a:hover {
text-decoration: underline
}
.subNavigation ul a:hover:before,
.populairTopics ul a:hover:before {
text-decoration: none
}
.subNavigation ul a.external:before,
.populairTopics ul a.external:before {
content: "";
font-family: "RO Icons";
font-size: .595rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
[dir=rtl] .subNavigation ul a:before,
[dir=rtl] .populairTopics ul a:before {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
[dir=rtl] .subNavigation ul a.external:before,
[dir=rtl] .populairTopics ul a.external:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.subNavigation ul p:not(.article-meta):not(.meta):not(.superheading):not(.copyright),
.populairTopics ul p:not(.article-meta):not(.meta):not(.superheading):not(.copyright) {
font-size: 1rem;
line-height: 1.5;
font-weight: normal;
color: #000;
-webkit-margin-after: 0;
margin-block-end: 0
}
.subNavigation ul p.meta,
.populairTopics ul p.meta {
font-size: 0.8888888889rem;
line-height: 1.6875;
font-weight: normal;
color: #535353;
margin: 0;
margin-top: 0.5rem
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
.subNavigation ul *::-ms-backdrop,
.populairTopics ul *::-ms-backdrop {
overflow: hidden
}
.subNavigation ul,
.populairTopics ul {
overflow: hidden
}
}
.subNavigation ul:not(:last-child),
.populairTopics ul:not(:last-child) {
margin-bottom: 0.75rem
}
@media(min-width: 992px) {
.subNavigation ul:not(:last-child),
.populairTopics ul:not(:last-child) {
margin-bottom: 0
}
}
.subNavigation li,
.populairTopics li {
width: 100%;
vertical-align: top;
display: inline-block;
padding: 2px 0
}
.subNavigation li:last-child,
.populairTopics li:last-child {
margin-bottom: 0
}
.subNavigation li>a,
.populairTopics li>a {
display: inline-block
}
.subNavigation {
width: 100%;
padding: 1.5rem 0;
-webkit-columns: 1 auto;
-moz-columns: 1 auto;
columns: 1 auto;
-webkit-column-gap: 32px;
-moz-column-gap: 32px;
column-gap: 32px
}
@media(min-width: 768px) {
.subNavigation {
padding: 2rem 0
}
}
@media(min-width: 992px) {
.subNavigation {
padding: 2.5rem 0
}
}
.subNavigation .wrapper {
max-width: 1200px;
margin: 0 auto;
padding: 0 16px
}
.subNavigation ul {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1
}
@media(min-width: 576px) {
.subNavigation ul {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
}
@media(min-width: 992px) {
.subNavigation ul {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3
}
}
.populairTopics {
margin-top: 2rem;
padding: 1.25rem;
padding-top: calc(1.25rem - .2em)
}
@media(min-width: 992px) {
.populairTopics {
max-width: 50%
}
}
.populairTopics .cols {
-webkit-columns: 1 auto;
-moz-columns: 1 auto;
columns: 1 auto;
-webkit-column-gap: 32px;
-moz-column-gap: 32px;
column-gap: 32px
}
.populairTopics h2 {
margin: 0 0 1rem 0
}
.populairTopics ul {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1
}
@media(min-width: 576px) {
.populairTopics ul {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
}
@media print {
.subNavigation {
display: none
}
}
figure.img-container,
.gallery figure {
margin: 0 0 1rem;
position: relative
}
.profiledetail figure.img-container {
margin: 0
}
.message.survey {
display: none;
margin-bottom: 0;
padding: 0;
background-color: #c5f2b2
}
.message.survey .wrapper {
position: relative
}
.site.message .wrapper {
max-width: 1200px;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px
}
button {
font-size: 1.265625rem;
line-height: 1.5802469136;
width: auto;
min-height: 44px;
padding: .75rem 1rem;
cursor: pointer;
border: none;
border-radius: 0;
position: relative;
color: #fff;
background-color: #01689b
}
button:focus {
outline: 2px solid #fff;
outline-offset: 4px;
z-index: 1010;
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0)
}
button:focus::before {
content: "";
position: absolute;
z-index: 99;
inset: -6px;
border: 2px dashed #000
}
button:hover {
color: #fff;
outline: none;
background-color: #01496d
}
button:hover::before {
border: 2px dashed rgba(0, 0, 0, 0)
}
button:disabled {
background-color: rgba(1, 104, 155, .2)
}
.scrollcontainer {
overflow: hidden;
overflow-x: auto;
margin: 0 0 2rem 0
}
fieldset {
margin: 0;
padding: 0;
list-style: none;
text-align: left;
vertical-align: top;
border: 0
}
fieldset:after {
display: table;
clear: both;
content: ""
}
input[type=text],
input[type=number],
input[type=email],
input[type=password],
input[type=file],
input[type=date],
textarea {
min-height: 44px;
padding-left: 12px;
border: none;
border-radius: 0;
background-color: #fff
}
input[type=number] {
padding-left: 28px;
}
input[type=number]:disabled,
input[readonly] {
background-color: var(--grey2);
}
input[type=text].error,
input[type=email].error,
input[type=password].error,
input[type=file].error,
input[type=date].error,
textarea.error {
border: 2px solid #c63c2c
}
input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=file]:focus,
input[type=date]:focus,
textarea:focus {
outline: 2px dashed #000;
z-index: 1010;
outline-offset: 3px;
-webkit-box-shadow: none;
box-shadow: none;
}
[dir=rtl] input[type=text],
[dir=rtl] input[type=email],
[dir=rtl] input[type=password],
[dir=rtl] input[type=file],
[dir=rtl] input[type=date],
[dir=rtl] textarea {
padding-left: 0;
padding-right: 1rem
}
input[type=checkbox],
input[type=radio] {
min-width: 15px;
min-height: 15px;
margin-right: 0.5rem;
margin-top: 7px
}
input[type=checkbox]:focus,
input[type=radio]:focus {
outline: 2px dashed #000;
z-index: 1010;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 2px #fff;
box-shadow: 0 0 0 2px #fff
}
input[type=submit] {
font-size: 1.265625rem;
line-height: 1.5802469136;
width: auto;
min-height: 44px;
padding: .75rem 1rem;
cursor: pointer;
border: none;
border-radius: 0;
position: relative;
color: #fff;
background-color: #01689b
}
input[type=submit]:focus {
outline: 2px solid #fff;
outline-offset: 4px;
z-index: 1010;
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0)
}
input[type=submit]:focus::before {
content: "";
position: absolute;
z-index: 99;
inset: -6px;
border: 2px dashed #000
}
input[type=submit]:hover {
color: #fff;
outline: none;
background-color: #01496d
}
input[type=submit]:hover::before {
border: 2px dashed rgba(0, 0, 0, 0)
}
textarea {
overflow: auto;
vertical-align: top;
resize: vertical;
padding: 1rem
}
select:focus {
outline: 2px dashed #000;
z-index: 1010;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 2px #fff;
box-shadow: 0 0 0 2px #fff
}
input::-webkit-input-placeholder {
opacity: 1;
color: dimgray
}
input::-moz-placeholder {
opacity: 1;
color: dimgray
}
input:-ms-input-placeholder {
opacity: 1;
color: dimgray
}
input::-ms-input-placeholder {
opacity: 1;
color: dimgray
}
input::placeholder {
opacity: 1;
color: dimgray
}
.js select::-ms-expand {
display: none
}
.js .fileupload input[type=file] {
position: absolute;
z-index: 1;
top: 0;
left: 0;
margin: 0;
padding: 0;
cursor: pointer;
opacity: 0
}
.js .fileupload input[type=file]:focus+.upload {
outline: 2px dashed #000;
z-index: 1010;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 2px #fff;
box-shadow: 0 0 0 2px #fff
}
.js .fileupload span.upload {
font-size: 1.265625rem;
line-height: 1.5802469136;
width: auto;
min-height: 44px;
padding: .75rem 1rem;
cursor: pointer;
border: none;
border-radius: 0;
position: relative;
color: #fff;
background-color: #01689b;
float: left;
margin: 0 0.5rem 0 0
}
.js .fileupload span.upload:focus {
outline: 2px solid #fff;
outline-offset: 4px;
z-index: 1010;
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0)
}
.js .fileupload span.upload:focus::before {
content: "";
position: absolute;
z-index: 99;
inset: -6px;
border: 2px dashed #000
}
.js .fileupload span.upload:hover {
color: #fff;
outline: none;
background-color: #01496d
}
.js .fileupload span.upload:hover::before {
border: 2px dashed rgba(0, 0, 0, 0)
}
[dir=rtl].js .fileupload span.upload {
float: right;
margin: 0 0 0 0.5rem
}
.js .fileupload span.uploadedFile {
display: inline-block;
padding-top: 0.5rem
}
.proSelect {
position: relative;
width: calc(100% - (44px + 1rem));
background-color: #fff;
font-size: 1.125rem;
line-height: 1.3333333333
}
@media(min-width: 768px) {
.proSelect {
width: calc(100% - (44px + 2rem))
}
}
.proSelect:after {
position: absolute;
right: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
font-family: "RO Icons";
content: "";
width: 44px;
height: 44px;
background-color: #fff;
color: #01689b
}
[dir=rtl] .proSelect:after {
left: 0;
right: auto
}
.proSelect:hover:after {
color: #01496d
}
.proSelect select {
position: relative;
z-index: 2;
width: 100%;
height: 44px;
padding-left: 0.75rem;
padding-right: 44px;
cursor: pointer;
border: 1px solid dimgray;
border-radius: 0;
background: rgba(0, 0, 0, 0);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
[dir=rtl] .proSelect select {
padding-left: 44px;
padding-right: 0.75rem
}
.form {
margin-bottom: 2rem;
clear: both
}
.form:after {
display: table;
clear: both;
content: ""
}
.form .formWrapper {
padding: 0 0 0 1rem;
background: #f3f3f3
}
.form .formWrapper:after {
display: table;
clear: both;
content: ""
}
@media(min-width: 768px) {
.form .formWrapper {
padding: 0 0 0 2rem
}
}
.form .formWrapper>div:not(.eforms-buttons)>input[type=submit] {
margin-left: 27.5%
}
[dir=rtl] .form .formWrapper {
padding: 0 1rem 0 0
}
@media(min-width: 768px) {
[dir=rtl] .form .formWrapper {
padding: 0 2rem 0 0
}
}
.form>h2+p {
font-size: 1.125rem;
line-height: 1.3333333333;
margin-top: -1rem
}
.form input[type=text],
.form input[type=email],
.form input[type=password],
.form input[type=file],
.form input[type=date],
.form textarea,
.form .field label.radio {
width: calc(100% - (44px + 1rem))
}
@media(min-width: 768px) {
.form input[type=text],
.form input[type=email],
.form input[type=password],
.form input[type=file],
.form input[type=date],
.form textarea,
.form .field label.radio {
width: calc(100% - (44px + 2rem))
}
}
.form label,
.form .input-group legend {
float: left;
width: 100%;
margin-bottom: 0.5rem
}
@media(min-width: 576px) {
.form label,
.form .input-group legend {
width: calc(27.5% - 1rem)
}
}
@media(min-width: 768px) {
.form label,
.form .input-group legend {
width: calc(27.5% - 2rem)
}
}
[dir=rtl] .form label,
[dir=rtl] .form .input-group legend {
float: right;
text-align: right
}
@media(min-width: 576px) {
.form label,
.form .period fieldset legend {
padding-top: 12px
}
}
@media(min-width: 768px) {
.form label,
.form .period fieldset legend {
padding-top: 9px
}
}
@media(min-width: 576px) {
.form .input-group legend {
margin: 0
}
}
.form label.radio,
.form label.choice {
padding-top: 0;
display: flex;
align-items: flex-start;
font-size: 1.265625rem;
line-height: 24px
}
.form label.radio:not(:last-of-type),
.form label.choice:not(:last-of-type) {
margin-bottom: 0.5rem
}
.form label.radio input[type=checkbox],
.form label.radio input[type=radio],
.form label.choice input[type=checkbox],
.form label.choice input[type=radio] {
margin-top: 0;
margin-right: 0.5rem;
width: 16px;
height: 24px;
flex-grow: 0;
flex-shrink: 0;
flex-basis: 16px;
font-size: 120%;
position: relative;
top: -1px
}
[dir=rtl] .form label.radio input[type=checkbox],
[dir=rtl] .form label.radio input[type=radio],
[dir=rtl] .form label.choice input[type=checkbox],
[dir=rtl] .form label.choice input[type=radio] {
margin-left: 0.5rem;
margin-right: 0
}
.form label.inline-label {
display: inline-flex;
align-items: center;
width: 30%;
height: 44px;
margin-right: 1rem;
margin-bottom: 0
}
@media(min-width: 576px) {
.form label.inline-label {
display: inline-block;
width: auto
}
}
.form label.inline-label+.proSelect {
width: 40%;
display: inline-block;
float: left;
margin-right: 1.5rem;
margin-bottom: 0.5rem
}
@media(min-width: 576px) {
.form label.inline-label+.proSelect {
width: 25%;
margin-bottom: 0
}
}
.form label.inline-label+.proSelect:last-child {
margin-right: 0
}
.form p.meta {
font-size: 0.8888888889rem;
line-height: 1.6875;
font-weight: normal;
color: #535353;
margin: 0
}
.form .meta.req {
margin: 0 0 0 auto;
padding: 0.75rem 0.5rem 0 0;
text-align: right
}
.form .eforms-fieldgroupname {
position: absolute !important;
display: inline-block !important;
overflow: hidden;
clip: rect(0, 0, 0, 0);
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0
}
.form .eforms-fieldgroup {
padding-bottom: 2rem;
width: 100%
}
.form .eformText {
padding-top: 2rem;
padding-bottom: 1rem;
background-color: #fff;
margin-left: -1rem
}
@media(min-width: 768px) {
.form .eformText {
margin-left: -2rem
}
}
.form .eformText>*:first-child {
margin-top: 0 !important
}
.form .eformText>*:last-child {
margin-bottom: 0 !important
}
.form .eformText h2 {
font-size: 1.8020324707rem;
line-height: 1.3873223933;
margin: 0rem 0rem 0.5rem 0rem;
border-top: none
}
[dir=rtl] .form .eformText {
margin-left: 0;
margin-right: -1rem
}
@media(min-width: 768px) {
[dir=rtl] .form .eformText {
margin-left: 0;
margin-right: -2rem
}
}
.form .formWrapper>*:first-child:not(.eforms-page),
.form .eforms-page>*:first-child:not(.eforms-page) {
margin-top: 0 !important;
padding-top: 1rem !important
}
@media(min-width: 768px) {
.form .formWrapper>*:first-child:not(.eforms-page),
.form .eforms-page>*:first-child:not(.eforms-page) {
padding-top: 2rem !important
}
}
.form .eforms-field,
.form .period,
.form .formWrapper>div:not(.hint),
.form .formWrapper>fieldset,
.form .fieldGroup {
margin-top: 1rem;
margin-bottom: 1rem
}
.form .eforms-field:after,
.form .period:after,
.form .formWrapper>div:not(.hint):after,
.form .formWrapper>fieldset:after,
.form .fieldGroup:after {
display: table;
clear: both;
content: ""
}
.form .eforms-field.controle,
.form .period.controle,
.form .formWrapper>div:not(.hint).controle,
.form .formWrapper>fieldset.controle,
.form .fieldGroup.controle {
position: absolute !important;
display: inline-block !important;
overflow: hidden;
clip: rect(0, 0, 0, 0);
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0
}
.form .eforms-field:first-child,
.form .period:first-child,
.form .formWrapper>div:not(.hint):first-child,
.form .formWrapper>fieldset:first-child,
.form .fieldGroup:first-child {
margin-top: 0
}
.form .eforms-field:last-child,
.form .period:last-child,
.form .formWrapper>div:not(.hint):last-child,
.form .formWrapper>fieldset:last-child,
.form .fieldGroup:last-child {
margin-bottom: 0
}
[dir=rtl] .form .eforms-field>label {
float: right
}
[dir=rtl] .form .eforms-field>.field {
float: left
}
.form .eforms-buttons,
.form .search-form-submit {
float: left;
width: 100%;
margin-top: 1rem
}
@media(min-width: 576px) {
.form .eforms-buttons,
.form .search-form-submit {
width: 72.5%;
margin-left: 27.5%
}
}
[dir=rtl] .form .eforms-buttons,
[dir=rtl] .form .search-form-submit {
float: right
}
@media(min-width: 576px) {
[dir=rtl] .form .eforms-buttons,
[dir=rtl] .form .search-form-submit {
margin-left: 0;
margin-right: 27.5%
}
}
[dir=rtl] .form .eforms-buttons input,
[dir=rtl] .form .search-form-submit input {
float: right
}
.form .eforms-buttons,
.form .search-form-submit {
width: auto;
position: relative
}
.form .eforms-buttons:focus-within::before,
.form .search-form-submit:focus-within::before {
content: "";
position: absolute;
z-index: 99;
inset: -6px;
border: 2px solid #fff
}
.form .eforms-buttons input:focus,
.form .search-form-submit input:focus {
z-index: 100;
outline: 2px dashed #000
}
.form .field {
position: relative;
float: left;
width: 100%
}
@media(min-width: 576px) {
.form .field {
float: right;
width: 72.5%;
margin-left: 0
}
}
[dir=rtl] .form .field {
float: right
}
@media(min-width: 576px) {
[dir=rtl] .form .field {
float: left
}
}
.form .field input {
float: left
}
[dir=rtl] .form .field input {
float: right
}
.form .field .radio {
width: 100%;
margin: 0
}
.form .field .radio.inline-label {
width: auto
}
.form .field label.choice {
padding-top: 0
}
.form .field .radio-subfields {
float: none
}
.form .field .radio-subfields.hide {
display: none
}
.form .field .radio-subfields label {
width: auto;
margin: 0;
padding: 0
}
.form .field .radio-subfields input {
margin-top: 0.5rem
}
.form .field button.clearField {
right: calc(44px + 1rem)
}
@media(min-width: 768px) {
.form .field button.clearField {
right: calc(44px + 2rem)
}
}
[dir=rtl] .form .field button.clearField {
left: calc(44px + 1rem);
right: auto
}
@media(min-width: 768px) {
[dir=rtl] .form .field button.clearField {
left: calc(44px + 2rem)
}
}
.form .hint,
.form .message.error {
display: flex;
flex-wrap: wrap;
margin-bottom: 1rem;
padding: 1rem
}
.form .hint,
.form .hint p,
.form .hint li,
.form .message.error,
.form .message.error p,
.form .message.error li {
font-size: 1.125rem;
line-height: 1.3333333333
}
.form .hint {
position: relative;
float: left;
width: calc(100% - (44px + 1rem));
margin-bottom: 2rem;
padding-left: 0
}
@media(min-width: 576px) {
.form .hint {
width: calc(72.5% - (44px + 1rem));
margin-left: 27.5%
}
}
@media(min-width: 768px) {
.form .hint {
width: calc(72.5% - (44px + 2rem))
}
}
.form .hint p:focus {
outline: 2px dashed #000;
z-index: 1010;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 2px #fff;
box-shadow: 0 0 0 2px #fff
}
[dir=rtl] .form .hint {
float: right;
padding: 1rem;
padding-right: 0
}
@media(min-width: 576px) {
[dir=rtl] .form .hint {
margin-left: 0;
margin-right: 27.5%
}
}
.form .hint p {
word-break: break-word
}
.form .hint p:last-of-type {
margin: 0 !important
}
.form .input-group+.hint {
margin-top: 1rem
}
.form .eforms-field+.hint {
margin-top: -1rem
}
@media(min-width: 576px) {
.form .eforms-field.error .message.error {
width: calc(72.5% - (44px + 1rem));
float: right;
margin-right: calc(44px + 1rem)
}
}
@media(min-width: 768px) {
.form .eforms-field.error .message.error {
width: calc(72.5% - (44px + 2rem));
float: right;
margin-right: calc(44px + 2rem)
}
}
@media(min-width: 576px) {
[dir=rtl] .form .eforms-field.error .message.error {
float: left;
margin-left: calc(44px + 1rem);
margin-right: 0
}
}
@media(min-width: 768px) {
[dir=rtl] .form .eforms-field.error .message.error {
margin-left: calc(44px + 2rem);
margin-right: 0
}
}
.form .message.error {
position: relative;
padding-left: calc(24px + 2rem - 4px);
background: #f9dfdd
}
[dir=rtl] .form .message.error {
padding-left: 0;
padding-right: calc(24px + 2rem - 4px)
}
.form .message.error:before {
position: absolute;
top: 1rem;
left: 1rem;
display: block;
width: 24px;
height: 24px;
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23d52b1e;%7D.b%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eicon error%3C/title%3E%3Ccircle class='a' cx='16' cy='16' r='16'/%3E%3Cpath class='b' d='M20.75,9.46,16,13.68,11.25,9.46a1.33,1.33,0,0,0-1.76,0,1.3,1.3,0,0,0,0,1.74L13.68,16,9.46,20.75a1.25,1.25,0,0,0,1.77,1.77L16,18.32l4.75,4.22a1.25,1.25,0,0,0,1.77-1.77L18.32,16l4.22-4.75a1.28,1.28,0,0,0,0-1.74,1.31,1.31,0,0,0-1.76,0M16,16l0,0,0,0h0l0,0Z'/%3E%3C/svg%3E");
background-size: contain
}
[dir=rtl] .form .message.error:before {
left: auto;
right: 1rem
}
.form .message.error p,
.form .message.error ul {
margin-top: 0;
margin-bottom: 0.5rem
}
.form .message.error p:last-child,
.form .message.error ul:last-child {
margin-bottom: 0
}
[dir=rtl] .form .message.error p,
[dir=rtl] .form .message.error ul {
text-align: right
}
.form .message.error p {
width: calc(100% - (32px + 0.5rem))
}
.form .message.error li {
overflow: hidden;
position: relative;
-webkit-padding-start: calc(7px + 0.75rem);
padding-inline-start: calc(7px + 0.75rem)
}
.form .message.error li:before {
position: absolute;
inset-inline-start: 0;
content: "";
background: #000;
display: block;
text-indent: -0.1em;
width: 6px;
height: 6px;
inset-block-start: 7.2px
}
@media(min-width: 768px) {
.form .message.error li:before {
width: 7px;
height: 7px;
inset-block-start: 8.1px
}
}
@media(min-width: 992px) {
.form .message.error li:before {
width: 7px;
height: 7px;
inset-block-start: 9.5px
}
}
.form div+.message.error {
width: calc(100% - (44px + 1rem))
}
@media(min-width: 576px) {
.form div+.message.error {
width: calc(72.5% - (44px + 1rem));
margin-left: 27.5%
}
}
@media(min-width: 768px) {
.form div+.message.error {
width: calc(72.5% - (44px + 2rem))
}
}
.form div[data-conditional].hide,
.form fieldset[data-conditional].hide {
display: none
}
.form button.open {
position: relative;
width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-indent: -9999px;
background-color: #01689b;
position: absolute;
top: 0;
right: 0
}
.form button.open:after {
content: "";
font-family: "RO Icons";
font-size: inherit;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
-webkit-transition: color .3s ease;
transition: color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-indent: 0
}
.form button.open:after {
color: #fff
}
.form button.open:hover {
background-color: #01496d
}
.form button.open:hover:after {
color: #fff
}
[dir=rtl] .form button.open {
left: 0;
right: auto
}
.form button.close {
position: relative;
width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-indent: -9999px;
background-color: #01689b;
position: absolute;
top: 0;
right: calc(-44px - 1rem)
}
.form button.close:after {
content: "";
font-family: "RO Icons";
font-size: inherit;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
-webkit-transition: color .3s ease;
transition: color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-indent: 0
}
.form button.close:after {
color: #fff
}
.form button.close:hover {
background-color: #01496d
}
.form button.close:hover:after {
color: #fff
}
@media(min-width: 768px) {
.form button.close {
right: calc(-44px - 2rem)
}
}
[dir=rtl] .form button.close {
left: calc(-44px - 1rem);
right: auto
}
@media(min-width: 768px) {
[dir=rtl] .form button.close {
left: calc(-44px - 2rem);
right: auto
}
}
.form button.button-remove-before-submit,
.form button.button-remove-after-submit {
position: relative;
width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-indent: -9999px;
background-color: #01689b;
float: left;
margin-right: 0.5rem
}
.form button.button-remove-before-submit:after,
.form button.button-remove-after-submit:after {
content: "";
font-family: "RO Icons";
font-size: inherit;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
-webkit-transition: color .3s ease;
transition: color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-indent: 0
}
.form button.button-remove-before-submit:after,
.form button.button-remove-after-submit:after {
color: #fff
}
.form button.button-remove-before-submit:hover,
.form button.button-remove-after-submit:hover {
background-color: #01496d
}
.form button.button-remove-before-submit:hover:after,
.form button.button-remove-after-submit:hover:after {
color: #fff
}
[dir=rtl] .form button.button-remove-before-submit,
[dir=rtl] .form button.button-remove-after-submit {
float: right;
margin-left: 0.5rem;
margin-right: 0
}
#search-filter-form {
position: relative;
float: left;
margin: 0;
padding: 0;
background: #f3f3f3;
width: 100%
}
#search-filter-form .formWrapper>fieldset:not([class]) legend {
width: 1px;
height: 1px;
display: inline-block !important;
overflow: hidden;
clip: rect(0, 0, 0, 0)
}
#search-filter-form .formWrapper>fieldset:not([class])>div:not([class]) {
position: relative;
float: left;
width: 100%;
margin-top: 1rem
}
#search-filter-form .formWrapper>fieldset:not([class])>div:not([class]):first-of-type {
margin-top: 0
}
#search-filter-form .formWrapper>fieldset:not([class])>div:not([class]):last-child {
margin-top: 0;
margin-bottom: 0
}
[dir=rtl] #search-filter-form .formWrapper>fieldset:not([class])>div:not([class]) {
float: right
}
#search-filter-form .formWrapper>fieldset:not([class]) .hint {
margin-top: 0;
margin-bottom: 1rem
}
#search-filter-form .formWrapper>fieldset:not([class]) .field button {
float: left
}
[dir=rtl] #search-filter-form .formWrapper>fieldset:not([class]) .field button {
float: right
}
#search-filter-form .formWrapper .period {
float: left;
margin-bottom: 0;
width: 100%
}
#search-filter-form .formWrapper .period.hide {
margin-top: 0;
max-height: 0;
display: none
}
#search-filter-form .formWrapper .period fieldset>label {
display: none
}
@media(min-width: 576px) {
#search-filter-form .formWrapper .period fieldset>label {
display: block
}
}
#search-filter-form .formWrapper .period fieldset>legend {
float: left;
width: 100%;
height: auto !important;
display: block !important;
margin-bottom: 0.5rem
}
@media(min-width: 576px) {
#search-filter-form .formWrapper .period fieldset>legend {
width: calc(27.5% - 1rem)
}
}
@media(min-width: 768px) {
#search-filter-form .formWrapper .period fieldset>legend {
width: calc(27.5% - 2rem)
}
}
#search-filter-form .formWrapper .period fieldset>legend+label {
display: none
}
[dir=rtl] #search-filter-form .formWrapper .period fieldset>legend {
float: right;
text-align: right
}
@media(min-width: 576px) {
#search-filter-form .formWrapper .period fieldset .field {
width: calc(72.5% - (44px + 1rem));
float: left;
margin-left: 1rem
}
}
@media(min-width: 768px) {
#search-filter-form .formWrapper .period fieldset .field {
width: calc(72.5% - (44px + 2rem));
margin-left: 2rem
}
}
@media(min-width: 576px) {
[dir=rtl] #search-filter-form .formWrapper .period fieldset .field {
float: right;
margin-left: 0;
margin-right: 1rem
}
}
@media(min-width: 768px) {
[dir=rtl] #search-filter-form .formWrapper .period fieldset .field {
margin-left: 0;
margin-right: 2rem
}
}
#search-filter-form .formWrapper .period fieldset .date {
width: calc(100% - (44px + 1rem))
}
#search-filter-form .formWrapper .period fieldset .date:first-of-type {
margin-bottom: 1rem
}
@media(min-width: 576px) {
#search-filter-form .formWrapper .period fieldset .date {
width: calc(50% - 22px)
}
#search-filter-form .formWrapper .period fieldset .date:first-of-type {
margin-bottom: 0
}
}
#search-filter-form .formWrapper .period fieldset .proSelect {
float: left;
width: calc(50% - (44px + 1rem))
}
[dir=rtl] #search-filter-form .formWrapper .period fieldset .proSelect {
float: right
}
#search-filter-form .formWrapper .period .divider {
float: left;
width: 100%;
text-align: left
}
@media(min-width: 576px) {
#search-filter-form .formWrapper .period .divider {
display: block;
text-align: center;
width: 44px;
line-height: 44px
}
}
[dir=rtl] #search-filter-form .formWrapper .period .divider {
float: right
}
#search-filter-form .formWrapper .period .open {
margin-top: 2rem
}
@media(min-width: 576px) {
#search-filter-form .formWrapper .period .open {
margin-top: 0;
right: calc(-44px - 1rem)
}
}
@media(min-width: 768px) {
#search-filter-form .formWrapper .period .open {
right: calc(-44px - 2rem)
}
}
@media(min-width: 576px) {
[dir=rtl] #search-filter-form .formWrapper .period .open {
left: calc(-44px - 1rem);
right: auto
}
}
@media(min-width: 768px) {
[dir=rtl] #search-filter-form .formWrapper .period .open {
left: calc(-44px - 2rem);
right: auto
}
}
@media print {
.form {
display: none
}
.form-process-done {
display: block
}
#search-filter-form {
display: none
}
}
.accordion {
margin-bottom: 3rem
}
.accordion__item {
border-bottom: 2px solid #e6e6e6
}
.accordion__item:first-child {
border-top: 2px solid #e6e6e6
}
@media print {
.accordion__item {
border-bottom: 2px solid #000;
margin-bottom: 0.5rem
}
.accordion__item:first-child {
border-top: 2px solid #000
}
}
.avg-block .accordion__item {
border-bottom: 1px solid #111
}
.avg-block .accordion__item:first-child {
border-top: 1px solid #111
}
.accordion__item-heading {
font-size: initial;
line-height: initial;
font-weight: initial;
margin: 0
}
.accordion__item-button {
font-size: initial;
line-height: initial;
width: initial;
min-height: initial;
padding: 0;
border: none;
border-radius: 0;
color: initial;
background-color: rgba(0, 0, 0, 0);
cursor: auto;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
min-height: 44px;
padding: 1rem;
font-size: 1.265625rem;
line-height: 1.1851851852;
cursor: pointer
}
.accordion__item-button:hover {
color: inherit;
background-color: inherit
}
.accordion__item-button,
.accordion__item-button:hover,
.accordion__item-button:after {
color: #01689b
}
.accordion__item-button:hover,
.accordion__item-button.active {
background: #f3f3f3
}
.accordion__item-button:after {
display: flex;
align-items: center;
font-family: "RO Icons";
content: "";
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transition: 200ms;
transition: 200ms
}
@media print {
.accordion__item-button:after {
display: none
}
}
.accordion__item-button.active:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
@media print {
.accordion__item-button {
font-weight: bold;
border-bottom: 1px dashed #000
}
}
.accordion__item-title {
text-align: start
}
.accordion__item-panel {
max-height: 0;
visibility: hidden;
overflow: hidden;
-webkit-transition: max-height 200ms ease-out;
transition: max-height 200ms ease-out;
color: #000;
background: #f3f3f3;
-webkit-padding-start: 1rem;
padding-inline-start: 1rem;
-webkit-padding-end: 3rem;
padding-inline-end: 3rem
}
.accordion__item-panel.active {
visibility: visible
}
@media print {
.accordion__item-panel {
background: rgba(0, 0, 0, 0);
max-height: none !important;
visibility: visible !important
}
}
.no-js .accordion__item-panel {
max-height: none !important;
visibility: visible !important
}
div.accordion__item-content {
padding: 0.75rem 0rem
}
div.accordion__item-content p:last-child,
div.accordion__item-content ul:last-child,
div.accordion__item-content ol:last-child {
margin-bottom: 0
}
div.accordion__item-content ul {
-webkit-padding-start: 1.5rem;
padding-inline-start: 1.5rem;
list-style-type: disc
}
.index.submenu {
margin-top: 2rem;
margin-bottom: 2rem;
border-bottom: 2px solid #f3f3f3
}
.index.submenu ul.common li a:before {
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.anchorTopLink {
display: none;
padding-bottom: 0.25rem;
text-align: right;
border-bottom: 2px solid #f3f3f3;
margin-bottom: 2rem
}
.anchorTopLink a {
position: relative;
text-decoration: none
}
.anchorTopLink a:before {
content: "";
font-family: "RO Icons";
font-size: .6em;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 50%;
left: 1px;
-webkit-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(-90deg)
}
.anchorTopLink~.anchorTopLink {
display: block
}
.index.submenu ul.common li a,
.anchorTopLink a {
padding-left: calc(13px + 0.75rem)
}
h1.newsLetter {
margin-bottom: 1.5rem
}
.anchorNav {
list-style: none !important;
-webkit-margin-start: 0 !important;
margin-inline-start: 0 !important;
margin-bottom: 2rem
}
.anchorNav li,
.anchorNav li>h2,
.anchorNav a>h3,
.anchorNav a>h4 {
font-size: 1.265625rem;
line-height: 22.4px;
font-weight: normal
}
@media(min-width: 768px) {
.anchorNav li,
.anchorNav li>h2,
.anchorNav a>h3,
.anchorNav a>h4 {
line-height: 25.2px
}
}
@media(min-width: 992px) {
.anchorNav li,
.anchorNav li>h2,
.anchorNav a>h3,
.anchorNav a>h4 {
line-height: 28px
}
}
.anchorNav li,
.anchorNav a {
-webkit-margin-after: 0.75rem;
margin-block-end: 0.75rem
}
.anchorNav li>a {
-webkit-margin-after: 0;
margin-block-end: 0
}
.anchorNav a {
-webkit-padding-start: calc((8.4px + 0.75rem)*0.8);
padding-inline-start: calc((8.4px + 0.75rem)*0.8);
position: relative;
display: block;
text-decoration: none;
font-size: inherit;
line-height: inherit;
font-weight: normal
}
@media(min-width: 768px) {
.anchorNav a {
-webkit-padding-start: calc((8.4px + 0.75rem)*0.9);
padding-inline-start: calc((8.4px + 0.75rem)*0.9)
}
}
@media(min-width: 992px) {
.anchorNav a {
-webkit-padding-start: calc((8.4px + 0.75rem)*1);
padding-inline-start: calc((8.4px + 0.75rem)*1)
}
}
.anchorNav a:before {
display: inline-flex;
align-items: center;
content: "";
font-family: "RO Icons";
font-size: .7rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 6.72px;
height: 22.4px;
text-indent: -0.1em;
position: absolute;
inset-block-start: -1px;
inset-inline-start: 0
}
@media(min-width: 768px) {
.anchorNav a:before {
width: 7.56px
}
}
@media(min-width: 992px) {
.anchorNav a:before {
width: 8.4px
}
}
@media(min-width: 768px) {
.anchorNav a:before {
height: 25.2px
}
}
@media(min-width: 992px) {
.anchorNav a:before {
height: 28px
}
}
.anchorNav a:hover {
text-decoration: underline
}
.anchorNav a:hover:before {
text-decoration: none
}
.anchorNav a.external:before {
content: "";
font-family: "RO Icons";
font-size: .595rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
[dir=rtl] .anchorNav a:before {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
[dir=rtl] .anchorNav a.external:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.anchorNav p:not(.article-meta):not(.meta):not(.superheading):not(.copyright) {
font-size: 1rem;
line-height: 1.5;
font-weight: normal;
color: #000;
-webkit-margin-after: 0;
margin-block-end: 0
}
.anchorNav p.meta {
font-size: 0.8888888889rem;
line-height: 1.6875;
font-weight: normal;
color: #535353;
margin: 0;
margin-top: 0.5rem
}
.anchorNav>.anchors {
margin-bottom: 0
}
.anchorNav a:before {
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.article-meta {
font-size: 1.125rem;
line-height: 1.3333333333;
color: #535353;
font-weight: normal
}
h1+.article-meta {
margin-top: -0.5rem
}
.brickRow {
display: flex;
flex-basis: 100%;
flex-wrap: wrap;
max-width: 1200px;
align-items: flex-start;
justify-content: flex-start;
-webkit-margin-end: 0;
margin-inline-end: 0;
-webkit-margin-start: 0;
margin-inline-start: 0
}
.brickRow:before {
display: block;
width: calc(100% - 32px);
margin-bottom: 1.5rem;
margin-left: 1rem;
content: " ";
border-top: 1px solid #e1e1e1
}
.brickRow h2 {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 100%;
max-width: 100%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px;
margin-top: -1rem
}
.brickRow a.more {
position: relative;
display: inline-block;
margin-top: -2.5rem;
margin-right: 16px;
margin-bottom: 2.5rem;
margin-left: 16px;
padding-left: 1rem;
text-decoration: none;
font-weight: bold
}
.brickRow a.more:before {
content: "";
font-family: "RO Icons";
font-size: .8rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
[dir=rtl] .brickRow a.more {
padding-right: 1rem;
padding-left: 0
}
[dir=rtl] .brickRow a.more:before {
right: 0;
left: auto;
-webkit-transform: translateY(-50%) rotate(-180deg);
transform: translateY(-50%) rotate(-180deg)
}
.brickRow a.more:hover {
text-decoration: underline
}
.brickRow .meta {
font-size: 1.125rem;
line-height: 1.3333333333;
font-weight: bold
}
.content .brickRow {
margin: 0 -16px 0 -16px
}
@media(min-width: 768px) {
.brickRow.nieuws>.brick p,
.brickRow.latestItems>.brick p,
.brick p:not(.copyright),
.brick ul {
font-size: 1.125rem;
line-height: 1.3333333333
}
}
.brick {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 100%;
max-width: 100%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px;
display: flex;
flex-direction: column;
margin-bottom: 3rem
}
.brick>* {
min-height: 1px
}
.brick:not(.activity) p:not(.copyright),
.brick:not(.activity) ul {
order: 2
}
.brick p:not(.copyright),
.brick ul {
word-break: break-word;
overflow-wrap: break-word;
word-wrap: break-word;
color: #000
}
.brick p:not(.copyright) span.publDate,
.brick ul span.publDate {
font-size: 1.125rem;
line-height: 1.3333333333;
font-weight: bold;
padding-right: 0.5rem
}
@media(min-width: 576px) {
.brick {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 50%;
max-width: 50%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px
}
}
@media(min-width: 992px) {
.fullWidth .brick {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px
}
}
.brick h2 {
padding-top: 0.5rem;
border-top: 1px solid #e1e1e1
}
.brick h3,
.brick span.caption {
font-size: 1.5101977836rem;
line-height: 1.1587886163;
margin: 0.5rem 0rem 1rem 0rem;
font-weight: normal;
order: 1
}
.brick .brick-image {
position: relative;
order: 0;
margin: 0 0 1rem 0;
line-height: 0
}
.brick .brick-image .copyright {
position: absolute;
z-index: 10;
bottom: 0.5rem;
left: 0.5rem;
margin: 0;
color: #fff;
text-shadow: 0px 0px 1px rgba(0, 0, 0, .5), -1px 0px 1px rgba(0, 0, 0, .5), 1px 0px 1px rgba(0, 0, 0, .5), 0px -1px 1px rgba(0, 0, 0, .5), 0px 1px 1px rgba(0, 0, 0, .5), 2px 2px 6px rgba(0, 0, 0, .5)
}
.brick .brick-image img {
margin: 0
}
.brick .brick-image figure {
margin-bottom: 0
}
.brick .brick-text {
order: 2
}
.brick img {
margin: 0 0 0.5rem 0
}
.brick a {
display: flex;
flex-direction: column
}
.brick a,
.brick a:hover {
text-decoration: none
}
.brick a>* {
min-height: 1px
}
.brick a:hover h3,
.brick a:hover span.caption {
text-decoration: underline
}
.brick a.more {
position: relative;
order: 3;
margin-top: 0.5rem;
padding-left: 1rem;
font-weight: bold
}
.brick a.more:before {
content: "";
font-family: "RO Icons";
font-size: .6em;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
[dir=rtl] .brick a.more {
padding-right: 1rem;
padding-left: 0
}
[dir=rtl] .brick a.more:before {
right: 0;
left: auto;
-webkit-transform: translateY(-50%) rotate(-180deg);
transform: translateY(-50%) rotate(-180deg)
}
.brick a.external:before {
content: ""
}
.brick a.external h3,
.brick a.external span.caption {
position: relative;
padding-left: 1.25rem
}
.brick a.external h3:before,
.brick a.external span.caption:before {
content: "";
font-family: "RO Icons";
font-size: .8rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
left: 0
}
.brick ul {
list-style: none !important;
-webkit-margin-start: 0 !important;
margin-inline-start: 0 !important;
order: 2
}
.brick ul li,
.brick ul li>h2,
.brick ul a>h3,
.brick ul a>h4 {
font-size: 1.265625rem;
line-height: 22.4px;
font-weight: normal
}
@media(min-width: 768px) {
.brick ul li,
.brick ul li>h2,
.brick ul a>h3,
.brick ul a>h4 {
line-height: 25.2px
}
}
@media(min-width: 992px) {
.brick ul li,
.brick ul li>h2,
.brick ul a>h3,
.brick ul a>h4 {
line-height: 28px
}
}
.brick ul li,
.brick ul a {
-webkit-margin-after: 0.75rem;
margin-block-end: 0.75rem
}
.brick ul li>a {
-webkit-margin-after: 0;
margin-block-end: 0
}
.brick ul a {
-webkit-padding-start: calc((8.4px + 0.75rem)*0.8);
padding-inline-start: calc((8.4px + 0.75rem)*0.8);
position: relative;
display: block;
text-decoration: none;
font-size: inherit;
line-height: inherit;
font-weight: normal
}
@media(min-width: 768px) {
.brick ul a {
-webkit-padding-start: calc((8.4px + 0.75rem)*0.9);
padding-inline-start: calc((8.4px + 0.75rem)*0.9)
}
}
@media(min-width: 992px) {
.brick ul a {
-webkit-padding-start: calc((8.4px + 0.75rem)*1);
padding-inline-start: calc((8.4px + 0.75rem)*1)
}
}
.brick ul a:before {
display: inline-flex;
align-items: center;
content: "";
font-family: "RO Icons";
font-size: .7rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 6.72px;
height: 22.4px;
text-indent: -0.1em;
position: absolute;
inset-block-start: -1px;
inset-inline-start: 0
}
@media(min-width: 768px) {
.brick ul a:before {
width: 7.56px
}
}
@media(min-width: 992px) {
.brick ul a:before {
width: 8.4px
}
}
@media(min-width: 768px) {
.brick ul a:before {
height: 25.2px
}
}
@media(min-width: 992px) {
.brick ul a:before {
height: 28px
}
}
.brick ul a:hover {
text-decoration: underline
}
.brick ul a:hover:before {
text-decoration: none
}
.brick ul a.external:before {
content: "";
font-family: "RO Icons";
font-size: .595rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
[dir=rtl] .brick ul a:before {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
[dir=rtl] .brick ul a.external:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.brick ul p:not(.article-meta):not(.meta):not(.superheading):not(.copyright) {
font-size: 1rem;
line-height: 1.5;
font-weight: normal;
color: #000;
-webkit-margin-after: 0;
margin-block-end: 0
}
.brick ul p.meta {
font-size: 0.8888888889rem;
line-height: 1.6875;
font-weight: normal;
color: #535353;
margin: 0;
margin-top: 0.5rem
}
.brick li p,
.brick li .meta {
font-size: 1.125rem;
line-height: 1.3333333333;
font-weight: normal;
display: block;
width: 100%;
padding-left: 1.25rem
}
.brick li p a,
.brick li .meta a {
padding: 0
}
.brick li p a:before,
.brick li .meta a:before {
content: ""
}
@media print {
.brickRow {
display: flex;
flex-basis: 100%;
flex-wrap: wrap;
max-width: 1200px;
align-items: flex-start;
justify-content: flex-start;
-webkit-margin-end: -16px;
margin-inline-end: -16px;
-webkit-margin-start: -16px;
margin-inline-start: -16px
}
.brick {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 50%;
max-width: 50%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px
}
.brick-image {
display: none
}
}
.activity .date,
.activity .time,
.activity .location,
.activityDetail .date,
.activityDetail .time,
.activityDetail .location {
font-size: 1.265625rem;
line-height: 1.1851851852;
position: relative;
padding-left: 1.5rem;
margin-left: 0
}
.activity .date:not(:last-child),
.activity .time:not(:last-child),
.activity .location:not(:last-child),
.activityDetail .date:not(:last-child),
.activityDetail .time:not(:last-child),
.activityDetail .location:not(:last-child) {
margin-bottom: 0.5rem
}
@media(min-width: 768px) {
.activity .date,
.activity .time,
.activity .location,
.activityDetail .date,
.activityDetail .time,
.activityDetail .location {
font-size: 1.125rem;
line-height: 1.3333333333
}
}
[dir=rtl] .activity .date,
[dir=rtl] .activity .time,
[dir=rtl] .activity .location,
[dir=rtl] .activityDetail .date,
[dir=rtl] .activityDetail .time,
[dir=rtl] .activityDetail .location {
padding-right: 1.5rem
}
.activity .date:after,
.activity .time:after,
.activity .location:after,
.activityDetail .date:after,
.activityDetail .time:after,
.activityDetail .location:after {
position: absolute
}
[dir=rtl] .activity .date:after,
[dir=rtl] .activity .time:after,
[dir=rtl] .activity .location:after,
[dir=rtl] .activityDetail .date:after,
[dir=rtl] .activityDetail .time:after,
[dir=rtl] .activityDetail .location:after {
right: 0;
left: auto
}
.brickRow.activities .brick.activity a h3 {
order: 1
}
.brickRow.activities .brick.activity .activity__intro {
order: 2
}
.brickRow.activities .brick.activity .activity__data {
order: 3
}
.brickRow.activities .brick.activity .activity__data-list-item {
line-height: 1.5rem;
margin-bottom: 0.5rem
}
.activityDetail {
position: relative;
padding-left: 4rem;
margin-bottom: 1.5rem
}
@media(min-width: 768px) {
.activityDetail {
padding-left: 4.5rem;
margin-bottom: 2.5rem
}
}
.activityDetail>h1.activity {
font-size: 2.2806973457rem;
line-height: 1.0961559651;
margin: 0rem 0rem 0.25rem 0rem
}
.activityDetail>.activity__data-list {
justify-content: flex-start
}
.activityDetail .visuallyHidden {
position: absolute !important;
display: inline-block !important;
overflow: hidden;
clip: rect(0, 0, 0, 0);
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0
}
.activityDetail+.intro {
margin-top: .8125em
}
.activityDetail .icalLink::before {
content: "";
font-family: "RO Icons";
font-size: inherit;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 10px;
margin: -3px 3px 0 0
}
.article .activityDetail .article-meta {
margin-top: 0;
margin-bottom: 1rem
}
.article .activityDetail .alert p:not(.article-meta):not(.meta):not(.superheading):not(.copyright) {
margin-bottom: 0
}
.activity__date-container {
position: absolute;
top: 0;
left: 0;
display: flex;
flex-direction: column;
align-items: center
}
[dir=rtl] .activity__date-container {
right: 0;
left: auto
}
.activity__date-container .activity__date-number,
.activity__date-container .activity__date-month-short {
display: inline-block;
color: dimgray
}
.activity__date-container .activity__date-number {
font-size: 2.565784514rem;
line-height: .9743608578;
font-weight: bold
}
.activity__date-container .activity__date-month-short {
font-size: 1.265625rem;
line-height: 1.1851851852;
font-weight: normal;
-webkit-transform: translateY(-3px);
transform: translateY(-3px)
}
.activity__data-icon {
width: 1rem;
height: 1rem;
top: .1em;
left: 0;
position: absolute
}
.activity__data-list {
word-break: break-word;
color: #000
}
.activity__data-list-item {
order: 3;
position: relative;
line-height: 1.5rem;
padding-left: 1.5rem;
margin-bottom: 0.5rem
}
.brick.followOn {
list-style: none !important;
-webkit-margin-start: 0 !important;
margin-inline-start: 0 !important
}
.brick.followOn li,
.brick.followOn li>h2,
.brick.followOn a>h3,
.brick.followOn a>h4 {
font-size: 1.265625rem;
line-height: 22.4px;
font-weight: normal
}
@media(min-width: 768px) {
.brick.followOn li,
.brick.followOn li>h2,
.brick.followOn a>h3,
.brick.followOn a>h4 {
line-height: 25.2px
}
}
@media(min-width: 992px) {
.brick.followOn li,
.brick.followOn li>h2,
.brick.followOn a>h3,
.brick.followOn a>h4 {
line-height: 28px
}
}
.brick.followOn li,
.brick.followOn a {
-webkit-margin-after: 0.75rem;
margin-block-end: 0.75rem
}
.brick.followOn li>a {
-webkit-margin-after: 0;
margin-block-end: 0
}
.brick.followOn a {
-webkit-padding-start: calc((8.4px + 0.75rem)*0.8);
padding-inline-start: calc((8.4px + 0.75rem)*0.8);
position: relative;
display: block;
text-decoration: none;
font-size: inherit;
line-height: inherit;
font-weight: normal
}
@media(min-width: 768px) {
.brick.followOn a {
-webkit-padding-start: calc((8.4px + 0.75rem)*0.9);
padding-inline-start: calc((8.4px + 0.75rem)*0.9)
}
}
@media(min-width: 992px) {
.brick.followOn a {
-webkit-padding-start: calc((8.4px + 0.75rem)*1);
padding-inline-start: calc((8.4px + 0.75rem)*1)
}
}
.brick.followOn a:before {
display: inline-flex;
align-items: center;
content: "";
font-family: "RO Icons";
font-size: .7rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 6.72px;
height: 22.4px;
text-indent: -0.1em;
position: absolute;
inset-block-start: -1px;
inset-inline-start: 0
}
@media(min-width: 768px) {
.brick.followOn a:before {
width: 7.56px
}
}
@media(min-width: 992px) {
.brick.followOn a:before {
width: 8.4px
}
}
@media(min-width: 768px) {
.brick.followOn a:before {
height: 25.2px
}
}
@media(min-width: 992px) {
.brick.followOn a:before {
height: 28px
}
}
.brick.followOn a:hover {
text-decoration: underline
}
.brick.followOn a:hover:before {
text-decoration: none
}
.brick.followOn a.external:before {
content: "";
font-family: "RO Icons";
font-size: .595rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
[dir=rtl] .brick.followOn a:before {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
[dir=rtl] .brick.followOn a.external:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.brick.followOn p:not(.article-meta):not(.meta):not(.superheading):not(.copyright) {
font-size: 1rem;
line-height: 1.5;
font-weight: normal;
color: #000;
-webkit-margin-after: 0;
margin-block-end: 0
}
.brick.followOn p.meta {
font-size: 0.8888888889rem;
line-height: 1.6875;
font-weight: normal;
color: #535353;
margin: 0;
margin-top: 0.5rem
}
.brick.followOn li {
margin-bottom: 1rem
}
.brick.followOn li>a {
position: relative;
-webkit-padding-start: 2rem;
padding-inline-start: 2rem
}
.brick.followOn li>a.external:before {
position: absolute;
inset-block-start: 0;
inset-inline-start: 3px;
font-size: .75rem
}
.brick.followOn li>a.flickr:before {
position: absolute;
content: "";
font-family: "RO Icons";
font-size: 1.5rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #ff0084;
inset-block-start: -3px;
inset-inline-start: 0
}
.brick.followOn li>a.twitter:before {
position: absolute;
content: "";
font-family: "RO Icons";
font-size: 1.5rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #000;
inset-block-start: -3px;
inset-inline-start: 0
}
.brick.followOn li>a.facebook:before {
position: absolute;
content: "";
font-family: "RO Icons";
font-size: 1.5rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #3c5193;
inset-block-start: -3px;
inset-inline-start: 0
}
.brick.followOn li>a.instagram:before {
position: absolute;
content: "";
font-family: "RO Icons";
font-size: 1.5rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #d93274;
inset-block-start: -3px;
inset-inline-start: 0
}
.brick.followOn li>a.youtube:before {
position: absolute;
content: "";
font-family: "RO Icons";
font-size: 1.5rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #e62528;
inset-block-start: -3px;
inset-inline-start: 0
}
.brick.followOn li>a.linkedin:before {
position: absolute;
content: "";
font-family: "RO Icons";
font-size: 1.5rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #007bb6;
inset-block-start: -3px;
inset-inline-start: 0
}
.brick.followOn li>a.mastodon:before {
position: absolute;
content: "";
font-family: "RO Icons";
font-size: 1.5rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
inset-block-start: -3px;
inset-inline-start: 0
}
.brick.followOn .meta {
font-size: 1rem;
line-height: 1.5;
-webkit-padding-start: 32px;
padding-inline-start: 32px;
color: #535353
}
[dir=rtl] .brick.followOn a:before {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
@media print {
.brick.followOn {
display: none
}
}
.twitterFeed {
margin-bottom: 2rem
}
.twitterFeed ul {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-bottom: 0;
flex-direction: column
}
@media(min-width: 768px) {
.twitterFeed ul {
flex-direction: row
}
}
.twitterFeed a.tweetfollowbtn {
font-size: 1.125rem;
line-height: 1.7777777778;
font-weight: normal;
color: #000;
position: relative;
margin: 0 1rem 0 1rem;
padding: 0.25rem 0.5rem 0.25rem 0.5rem;
text-decoration: none;
color: #fff;
border: 1px solid;
border-radius: 4px;
background-color: #007bc7
}
.twitterFeed a.tweetfollowbtn:before {
content: "";
font-family: "RO Icons";
font-size: .7rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 0 0.25rem 0 0
}
.twitterFeed a.tweetfollowbtn:hover {
text-decoration: none;
background-color: #005b94
}
li:not(:last-child).brick {
margin-bottom: 3rem
}
.brick.tweet {
flex-direction: initial;
flex-wrap: wrap
}
.brick.tweet a {
display: initial
}
.brick.tweet a:hover {
text-decoration: underline
}
.brick.tweet .retweetnotice,
.brick.tweet .tweetname,
.brick.tweet .tweetage {
font-size: 1.125rem;
line-height: 1.3333333333
}
.brick.tweet .retweetnotice {
position: relative;
width: 100%;
color: dimgray
}
.brick.tweet .retweetnotice:before {
content: "";
font-family: "RO Icons";
font-size: .8em;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 0 0.25rem 0 0
}
.brick.tweet .retweetnotice,
.brick.tweet .tweetaccount,
.brick.tweet .tweetcontent {
margin-bottom: 0.75rem
}
.brick.tweet .tweetaccount {
width: 100%;
font-size: 1.265625rem;
line-height: 1.1851851852
}
.brick.tweet .tweetdisplayname {
display: block;
font-weight: bold
}
.brick.tweet .tweetname {
color: dimgray
}
.brick.tweet .tweetactions {
display: flex;
align-items: flex-start;
align-self: flex-end
}
.brick.tweet .tweetactions a.reply {
position: relative;
width: 32px;
height: 32px;
min-height: 32px;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-indent: -9999px
}
.brick.tweet .tweetactions a.reply:after {
content: "";
font-family: "RO Icons";
font-size: 16px;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
-webkit-transition: color .3s ease;
transition: color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-indent: 0
}
.brick.tweet .tweetactions a.reply:after {
color: #535353
}
.brick.tweet .tweetactions a.reply:hover:after {
color: #007bc7
}
.brick.tweet .tweetactions a.retweet {
position: relative;
width: 32px;
height: 32px;
min-height: 32px;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-indent: -9999px
}
.brick.tweet .tweetactions a.retweet:after {
content: "";
font-family: "RO Icons";
font-size: 16px;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
-webkit-transition: color .3s ease;
transition: color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-indent: 0
}
.brick.tweet .tweetactions a.retweet:after {
color: #535353
}
.brick.tweet .tweetactions a.retweet:hover:after {
color: #39870c
}
.brick.tweet .tweetactions a.favorite {
position: relative;
width: 32px;
height: 32px;
min-height: 32px;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-indent: -9999px
}
.brick.tweet .tweetactions a.favorite:after {
content: "";
font-family: "RO Icons";
font-size: 16px;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
-webkit-transition: color .3s ease;
transition: color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-indent: 0
}
.brick.tweet .tweetactions a.favorite:after {
color: #535353
}
.brick.tweet .tweetactions a.favorite:hover:after {
color: #ca005d
}
.brick.tweet .tweetcontent {
width: 100%
}
.brick.tweet .tweetcontent p {
margin: 0
}
.brick.tweet .tweetcontent p a {
text-decoration: underline
}
.brick.tweet .tweetcontent p a:hover {
text-decoration: none
}
.brick.tweet .tweetage {
align-self: flex-start;
flex: 1;
color: dimgray
}
.brickRow.gallery>* {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 100%;
max-width: 100%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px
}
.brickRow.gallery ol {
padding-left: 2.5rem
}
[dir=rtl] .brickRow.gallery ol {
padding-right: 2.5rem;
padding-left: 0
}
.brickRow.gallery ul li {
overflow: hidden;
position: relative;
-webkit-padding-start: calc(7px + 0.75rem);
padding-inline-start: calc(7px + 0.75rem)
}
.brickRow.gallery ul li:before {
position: absolute;
inset-inline-start: 0;
content: "";
background: #000;
display: block;
text-indent: -0.1em;
width: 6px;
height: 6px;
inset-block-start: 7.2px
}
@media(min-width: 768px) {
.brickRow.gallery ul li:before {
width: 7px;
height: 7px;
inset-block-start: 8.1px
}
}
@media(min-width: 992px) {
.brickRow.gallery ul li:before {
width: 7px;
height: 7px;
inset-block-start: 9.5px
}
}
.brickRow.gallery .caption {
font-size: 1.125rem;
line-height: 1.3333333333;
font-weight: normal;
color: #000;
margin: 0 0 0.5rem 0
}
.brickRow.gallery.twoCols .brick {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 100%;
max-width: 100%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px
}
@media(min-width: 576px) {
.brickRow.gallery.twoCols .brick {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 50%;
max-width: 50%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px
}
}
.brickRow.gallery.threeCols .brick {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 100%;
max-width: 100%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px
}
@media(min-width: 576px) {
.brickRow.gallery.threeCols .brick {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 50%;
max-width: 50%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px
}
}
@media(min-width: 768px) {
.brickRow.gallery.threeCols .brick {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px
}
}
.brickRow.departments:before {
display: none
}
.brickRow.departments .brick {
position: relative
}
.banner svg {
width: 100%
}
.banner .st0 {
fill: #fff;
stroke: #cbd2e3;
stroke-width: 4;
stroke-miterlimit: 10
}
.banner .st1 {
fill: #1b5e84
}
.banner .st2,
.banner .st3,
.banner .st4,
.banner .st5,
.banner .st6,
.banner .stijl02,
.banner .stijl03 {
font-family: "RO Sans", Calibri, sans-serif
}
.banner .st2 {
font-weight: bold
}
.banner .st3 {
font-size: 22px
}
.banner .st4 {
font-size: 31px;
text-decoration: none
}
.banner .st5 {
font-weight: normal
}
.banner .st6 {
font-size: 21px
}
.banner .eng .st0 {
stroke: #cbd2e3;
stroke-width: 4;
stroke-miterlimit: 10
}
.banner .eng .st2 {
font-weight: bold
}
.banner .eng .st3 {
font-size: 20px
}
.banner .eng .st5 {
font-weight: normal
}
.banner .eng .st6 {
font-size: 19px
}
@media print {
.banner {
display: none
}
}
.breaking {
width: 100%;
margin: 3rem 16px 0 16px
}
.breaking .article {
position: relative;
overflow: hidden;
min-height: 250px;
padding: 1.5rem 0;
background: #01689b
}
.breaking .article a,
.breaking .article h2,
.breaking .article h3,
.breaking .article p {
text-decoration: none;
color: #fff;
font-weight: normal
}
.breaking .article a:hover h2,
.breaking .article a:hover h3 {
text-decoration: underline
}
.breaking .article a:focus {
outline: 2px dashed #000;
z-index: 1010;
outline-offset: -2px;
-webkit-box-shadow: inset 0 0 0 2px #fff;
box-shadow: inset 0 0 0 2px #fff
}
.breaking .article>a,
.breaking .article .related {
padding: 0 1.5rem
}
.breaking .article>a {
display: block;
margin-bottom: 1.5rem
}
.breaking .article>a h2 {
font-size: 2.0272865295rem;
line-height: 1.2331754607
}
.breaking .article>a .meta {
margin-top: -0.5rem
}
.breaking .article .meta {
font-size: 1rem;
line-height: 1.5;
margin: 0
}
.breaking .article .related {
display: flex;
flex-direction: column
}
@media(min-width: 992px) {
.breaking .article .related {
flex-direction: row;
justify-content: space-between
}
}
.breaking .article .related a:not(:last-child) {
margin-bottom: 1rem
}
@media(min-width: 992px) {
.breaking .article .related a {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(50% - 16px)
}
}
.breaking .article .related h3 {
font-size: 1.6018066406rem;
line-height: 1.2485901539;
margin-bottom: 0.25rem
}
.breaking .article .visual {
width: 100%;
margin: 1rem 0
}
@media(min-width: 768px) {
.breaking .article .visual {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 33.333333%;
max-width: 33.333333%;
position: absolute;
top: 0;
left: 0;
height: 100%;
margin: 0
}
.breaking .article .visual img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover;"
}
}
.breaking.visualnews .article {
display: flex;
flex-wrap: wrap
}
@media(min-width: 768px) {
.breaking.visualnews .article>a,
.breaking.visualnews .article .related {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 66.666666%;
max-width: 66.666666%;
margin-left: auto
}
}
@media print {
.breaking.visualnews .article>a {
display: inline;
float: none;
width: auto
}
.breaking.visualnews .article>a h2,
.breaking.visualnews .article>a a,
.breaking.visualnews .article>a p {
float: right;
width: 56%
}
.breaking.visualnews .article .visual {
float: left;
width: 40%
}
.breaking.visualnews .article .related {
display: none
}
}
.contactdetail {
margin-bottom: 2rem
}
.contactdetail ul,
.contactdetail ol {
margin-bottom: 1rem
}
.contactdetail dl {
margin-bottom: .75rem
}
.contactdetail h3+ul,
.contactdetail h3+ol,
.contactdetail h3+dl {
margin-top: -0.25rem
}
.contactdetail ul[itemprop=address] li {
margin-bottom: 0
}
.hst-fab::before {
content: none !important
}
ul#topMenu .hst-fab {
margin-right: -40px
}
.languages .hst-fab {
position: relative !important;
border: 0 !important
}
.site-footer .column {
position: relative
}
.site-footer .column .hst-fab {
position: absolute !important
}
.cms-subNavigation {
position: relative
}
.cms-subNavigation--empty {
width: 100%
}
.cms-subNavigation--empty .hst-fab {
left: 16px !important;
top: 5px
}
@media(max-width: 767px) {
.cms-hamburgerNavigation {
position: absolute;
right: 40px;
top: 0px;
margin: 4px
}
}
.docs-pubs {
margin-bottom: 0.5rem;
clear: both
}
.docs-pubs ul.common:not(.gallery-result) {
list-style: none !important;
-webkit-margin-start: 0 !important;
margin-inline-start: 0 !important
}
.docs-pubs ul.common:not(.gallery-result) li,
.docs-pubs ul.common:not(.gallery-result) li>h2,
.docs-pubs ul.common:not(.gallery-result) a>h3,
.docs-pubs ul.common:not(.gallery-result) a>h4 {
font-size: 1.423828125rem;
line-height: 22.4px;
font-weight: normal
}
@media(min-width: 768px) {
.docs-pubs ul.common:not(.gallery-result) li,
.docs-pubs ul.common:not(.gallery-result) li>h2,
.docs-pubs ul.common:not(.gallery-result) a>h3,
.docs-pubs ul.common:not(.gallery-result) a>h4 {
line-height: 25.2px
}
}
@media(min-width: 992px) {
.docs-pubs ul.common:not(.gallery-result) li,
.docs-pubs ul.common:not(.gallery-result) li>h2,
.docs-pubs ul.common:not(.gallery-result) a>h3,
.docs-pubs ul.common:not(.gallery-result) a>h4 {
line-height: 28px
}
}
.docs-pubs ul.common:not(.gallery-result) li,
.docs-pubs ul.common:not(.gallery-result) a {
-webkit-margin-after: 1.5rem;
margin-block-end: 1.5rem
}
.docs-pubs ul.common:not(.gallery-result) li>a {
-webkit-margin-after: 0;
margin-block-end: 0
}
.docs-pubs ul.common:not(.gallery-result) a {
-webkit-padding-start: calc((8.4px + 0.75rem)*0.8);
padding-inline-start: calc((8.4px + 0.75rem)*0.8);
position: relative;
display: block;
text-decoration: none;
font-size: inherit;
line-height: inherit;
font-weight: normal
}
@media(min-width: 768px) {
.docs-pubs ul.common:not(.gallery-result) a {
-webkit-padding-start: calc((8.4px + 0.75rem)*0.9);
padding-inline-start: calc((8.4px + 0.75rem)*0.9)
}
}
@media(min-width: 992px) {
.docs-pubs ul.common:not(.gallery-result) a {
-webkit-padding-start: calc((8.4px + 0.75rem)*1);
padding-inline-start: calc((8.4px + 0.75rem)*1)
}
}
.docs-pubs ul.common:not(.gallery-result) a:before {
display: inline-flex;
align-items: center;
content: "";
font-family: "RO Icons";
font-size: .7rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 6.72px;
height: 22.4px;
text-indent: -0.1em;
position: absolute;
inset-block-start: -1px;
inset-inline-start: 0
}
@media(min-width: 768px) {
.docs-pubs ul.common:not(.gallery-result) a:before {
width: 7.56px
}
}
@media(min-width: 992px) {
.docs-pubs ul.common:not(.gallery-result) a:before {
width: 8.4px
}
}
@media(min-width: 768px) {
.docs-pubs ul.common:not(.gallery-result) a:before {
height: 25.2px
}
}
@media(min-width: 992px) {
.docs-pubs ul.common:not(.gallery-result) a:before {
height: 28px
}
}
.docs-pubs ul.common:not(.gallery-result) a:hover {
text-decoration: none
}
.docs-pubs ul.common:not(.gallery-result) a:hover h3,
.docs-pubs ul.common:not(.gallery-result) a:hover h4 {
text-decoration: underline
}
.docs-pubs ul.common:not(.gallery-result) a.external:before {
content: "";
font-family: "RO Icons";
font-size: .595rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
[dir=rtl] .docs-pubs ul.common:not(.gallery-result) a:before {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
[dir=rtl] .docs-pubs ul.common:not(.gallery-result) a.external:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.docs-pubs ul.common:not(.gallery-result) p:not(.article-meta):not(.meta):not(.superheading):not(.copyright) {
font-size: 1.125rem;
line-height: 1.3333333333;
font-weight: normal;
color: #000;
-webkit-margin-after: 0;
margin-block-end: 0
}
.docs-pubs ul.common:not(.gallery-result) p.meta {
font-size: 0.8888888889rem;
line-height: 1.6875;
font-weight: normal;
color: #535353;
margin: 0;
margin-top: 0.5rem
}
.download {
margin-bottom: 1rem
}
.download-chunk {
display: flex;
flex-wrap: wrap;
margin: 0rem 0rem 1rem 0rem;
padding: 1rem;
text-decoration: none;
background-color: #f3f3f3
}
.download-chunk:hover {
text-decoration: none
}
.download-chunk:hover h2 span {
text-decoration: underline
}
.download-chunk h2 {
font-size: 1.6018066406rem;
line-height: 1.2485901539;
position: relative;
width: 100%;
margin: 0rem 0rem 0.5rem 0rem
}
.download-chunk .meta {
font-size: 1.125rem;
line-height: 1.3333333333;
font-weight: normal;
margin: 0;
color: #535353;
width: 100%
}
.download-chunk .meta:not(:last-child) {
margin-bottom: 0.25rem
}
.filterHeader {
display: flex;
flex-direction: column;
padding-bottom: 0.5rem;
border-bottom: 1px solid #535353;
margin-inline: -16px
}
@media(min-width: 768px) {
.filterHeader {
margin-inline: 0
}
}
@media(min-width: 576px) {
.filterHeader {
flex-direction: row;
flex-wrap: wrap
}
}
.filterHeader .summary {
-webkit-margin-before: auto;
margin-block-start: auto;
-webkit-margin-start: 1rem;
margin-inline-start: 1rem
}
@media(min-width: 768px) {
.filterHeader .summary {
-webkit-margin-start: 0;
margin-inline-start: 0
}
}
.filterHeader .summary h2>span {
font-size: 1.6018066406rem;
line-height: 1.2485901539
}
.filterHeader .summary h2>span:first-child {
font-size: 2.0272865295rem;
line-height: .9865403685
}
.filterHeader .summary h2>span.activeFiltersHeader {
color: dimgray
}
.filterHeader.hasTags .summary {
flex: 1 100%
}
.filterHeader .btnWrapper button.filter-btn,
.filterHeader .filterTagsWrapper button.removeTag {
display: inline-flex;
align-items: center;
font-size: 1rem;
line-height: 1;
min-height: 0;
position: relative;
padding: 0.5rem;
color: #000;
border-radius: 0.25rem;
margin-bottom: 0.5rem
}
.filterHeader .btnWrapper button.filter-btn:after,
.filterHeader .filterTagsWrapper button.removeTag:after {
margin-left: 0.5rem
}
[dir=rtl] .filterHeader .btnWrapper button.filter-btn:after,
[dir=rtl] .filterHeader .filterTagsWrapper button.removeTag:after {
margin-left: 0;
margin-right: 0.5rem
}
.filterHeader .btnWrapper button.filter-btn:hover,
.filterHeader .filterTagsWrapper button.removeTag:hover {
background-color: #e6e6e6
}
.filterHeader .filterTagsWrapper {
margin-inline: 1rem;
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% - 11rem)
}
@media(min-width: 768px) {
.filterHeader .filterTagsWrapper {
margin-inline: 0
}
}
.filterHeader .filterTagsWrapper button.removeTag {
background-color: #f3f3f3;
margin-right: 0.5rem
}
.filterHeader .filterTagsWrapper button.removeTag:after {
content: "";
font-family: "RO Icons";
font-size: .7em;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #000
}
.filterHeader .filterTagsWrapper button.removeTag:hover {
text-decoration: line-through
}
[dir=rtl] .filterHeader .filterTagsWrapper button.removeTag {
padding: 0.25rem 0.5rem 0.25rem 2rem;
margin-left: 0.5rem;
margin-right: 0
}
[dir=rtl] .filterHeader .filterTagsWrapper button.removeTag:after {
right: auto;
left: 0.75rem
}
.filterHeader .btnWrapper {
margin-left: auto;
margin-top: auto;
-webkit-margin-end: 1rem;
margin-inline-end: 1rem
}
@media(min-width: 768px) {
.filterHeader .btnWrapper {
-webkit-margin-end: 0;
margin-inline-end: 0
}
}
.filterHeader .btnWrapper button.filter-btn {
background-color: rgba(0, 0, 0, 0);
margin-left: 0.5rem
}
.filterHeader .btnWrapper button.filter-btn:after {
content: "";
font-family: "RO Icons";
font-size: .8em;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #000;
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.filterHeader .btnWrapper button.filter-btn.filtersOpen:after {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.filterHeader .btnWrapper button.filter-btn:hover {
background-color: #e6e6e6
}
[dir=rtl] .filterHeader .btnWrapper button.filter-btn {
margin-left: 0;
margin-right: 0.5rem
}
[dir=rtl] .filterHeader .btnWrapper {
margin-left: 0;
margin-right: auto
}
.filterHeader+.form {
margin-bottom: 0
}
.filterHeader+.form #search-filter-form {
margin: 2rem 0
}
.sorting {
margin: 1rem 0rem 2rem 0rem
}
.sorting p {
margin: 0
}
.sorting ul,
.sorting li {
display: inline
}
.sorting li+li:before {
content: "/ "
}
.nonVisible {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px
}
.article .results:not(.gallery-result),
.results:not(.gallery-result) {
margin-bottom: 2rem;
list-style: none !important;
-webkit-margin-start: 0 !important;
margin-inline-start: 0 !important
}
.article .results:not(.gallery-result) li,
.article .results:not(.gallery-result) li>h2,
.article .results:not(.gallery-result) a>h3,
.article .results:not(.gallery-result) a>h4,
.results:not(.gallery-result) li,
.results:not(.gallery-result) li>h2,
.results:not(.gallery-result) a>h3,
.results:not(.gallery-result) a>h4 {
font-size: 1.423828125rem;
line-height: 22.4px;
font-weight: normal
}
@media(min-width: 768px) {
.article .results:not(.gallery-result) li,
.article .results:not(.gallery-result) li>h2,
.article .results:not(.gallery-result) a>h3,
.article .results:not(.gallery-result) a>h4,
.results:not(.gallery-result) li,
.results:not(.gallery-result) li>h2,
.results:not(.gallery-result) a>h3,
.results:not(.gallery-result) a>h4 {
line-height: 25.2px
}
}
@media(min-width: 992px) {
.article .results:not(.gallery-result) li,
.article .results:not(.gallery-result) li>h2,
.article .results:not(.gallery-result) a>h3,
.article .results:not(.gallery-result) a>h4,
.results:not(.gallery-result) li,
.results:not(.gallery-result) li>h2,
.results:not(.gallery-result) a>h3,
.results:not(.gallery-result) a>h4 {
line-height: 28px
}
}
.article .results:not(.gallery-result) li,
.article .results:not(.gallery-result) a,
.results:not(.gallery-result) li,
.results:not(.gallery-result) a {
-webkit-margin-after: 1.5rem;
margin-block-end: 1.5rem
}
.article .results:not(.gallery-result) li>a,
.results:not(.gallery-result) li>a {
-webkit-margin-after: 0;
margin-block-end: 0
}
.article .results:not(.gallery-result) a,
.results:not(.gallery-result) a {
-webkit-padding-start: calc((8.4px + 0.75rem)*0.8);
padding-inline-start: calc((8.4px + 0.75rem)*0.8);
position: relative;
display: block;
text-decoration: none;
font-size: inherit;
line-height: inherit;
font-weight: normal
}
@media(min-width: 768px) {
.article .results:not(.gallery-result) a,
.results:not(.gallery-result) a {
-webkit-padding-start: calc((8.4px + 0.75rem)*0.9);
padding-inline-start: calc((8.4px + 0.75rem)*0.9)
}
}
@media(min-width: 992px) {
.article .results:not(.gallery-result) a,
.results:not(.gallery-result) a {
-webkit-padding-start: calc((8.4px + 0.75rem)*1);
padding-inline-start: calc((8.4px + 0.75rem)*1)
}
}
.article .results:not(.gallery-result) a:before,
.results:not(.gallery-result) a:before {
display: inline-flex;
align-items: center;
content: "";
font-family: "RO Icons";
font-size: .7rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 6.72px;
height: 22.4px;
text-indent: -0.1em;
position: absolute;
inset-block-start: -1px;
inset-inline-start: 0
}
@media(min-width: 768px) {
.article .results:not(.gallery-result) a:before,
.results:not(.gallery-result) a:before {
width: 7.56px
}
}
@media(min-width: 992px) {
.article .results:not(.gallery-result) a:before,
.results:not(.gallery-result) a:before {
width: 8.4px
}
}
@media(min-width: 768px) {
.article .results:not(.gallery-result) a:before,
.results:not(.gallery-result) a:before {
height: 25.2px
}
}
@media(min-width: 992px) {
.article .results:not(.gallery-result) a:before,
.results:not(.gallery-result) a:before {
height: 28px
}
}
.article .results:not(.gallery-result) a:hover,
.results:not(.gallery-result) a:hover {
text-decoration: none
}
.article .results:not(.gallery-result) a:hover h3,
.article .results:not(.gallery-result) a:hover h4,
.results:not(.gallery-result) a:hover h3,
.results:not(.gallery-result) a:hover h4 {
text-decoration: underline
}
.article .results:not(.gallery-result) a.external:before,
.results:not(.gallery-result) a.external:before {
content: "";
font-family: "RO Icons";
font-size: .595rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
[dir=rtl] .article .results:not(.gallery-result) a:before,
[dir=rtl] .results:not(.gallery-result) a:before {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
[dir=rtl] .article .results:not(.gallery-result) a.external:before,
[dir=rtl] .results:not(.gallery-result) a.external:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.article .results:not(.gallery-result) p:not(.article-meta):not(.meta):not(.superheading):not(.copyright),
.results:not(.gallery-result) p:not(.article-meta):not(.meta):not(.superheading):not(.copyright) {
font-size: 1.125rem;
line-height: 1.3333333333;
font-weight: normal;
color: #000;
-webkit-margin-after: 0;
margin-block-end: 0
}
.article .results:not(.gallery-result) p.meta,
.results:not(.gallery-result) p.meta {
font-size: 0.8888888889rem;
line-height: 1.6875;
font-weight: normal;
color: #535353;
margin: 0;
margin-top: 0.5rem
}
[dir=rtl] .article .results:not(.gallery-result) a,
[dir=rtl] .results:not(.gallery-result) a {
padding-right: 1.25rem;
padding-left: 0
}
[dir=rtl] .article .results:not(.gallery-result) a:before,
[dir=rtl] .results:not(.gallery-result) a:before {
right: 0;
left: auto;
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
.article .results:not(.gallery-result) .meta,
.results:not(.gallery-result) .meta {
font-size: 0.8888888889rem;
line-height: 1.6875;
font-weight: normal;
color: #535353;
margin: 0
}
.results:not(.gallery-result).activityOverview .results__item {
margin-bottom: 2.5rem
}
.common.results {
padding: 0
}
.common.results .results__item {
margin-bottom: 1.5rem;
padding: 0
}
.no-results-message {
margin-top: 2rem
}
.paging-menu {
display: flex;
flex-basis: 100%;
flex-wrap: wrap;
max-width: 1200px;
align-items: flex-start;
justify-content: flex-start;
margin-top: 2rem;
margin-bottom: 2rem
}
.paging-menu a {
text-decoration: none
}
.paging-menu a:hover {
text-decoration: underline !important
}
.paging-menu a:visited {
color: #01689b
}
.paging__wrapper {
display: flex;
flex-wrap: wrap;
margin: 0;
width: 100%;
border-top: 0.25rem solid #01689b
}
@media(min-width: 576px) {
.paging__wrapper {
justify-content: initial
}
}
.paging__unit {
display: flex;
align-items: center;
justify-content: center;
height: 48px
}
.paging__unit--numbers {
order: 0;
flex: 0 1 100%;
justify-content: flex-start
}
@media(min-width: 576px) {
.paging__unit--numbers {
order: 1;
flex: 0 1 auto
}
}
.paging__unit--prev,
.paging__unit--next {
padding: 0rem 0.5rem;
flex: 1
}
@media(min-width: 576px) {
.paging__unit--prev,
.paging__unit--next {
flex: none
}
}
.paging__unit--prev {
order: 1;
justify-content: flex-start
}
@media(min-width: 576px) {
.paging__unit--prev {
order: 0
}
}
.paging__unit--next {
order: 2;
justify-content: flex-end
}
.paging__numbers {
position: relative;
display: flex;
top: -1px;
margin-top: 0 !important;
align-self: flex-start;
height: 48px
}
.paging__number {
height: 48px;
font-size: 1.423828125rem;
line-height: 1.4046639232;
font-weight: normal;
color: #000
}
.paging__number a,
.paging__number strong,
.paging__number span {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px
}
.paging__number--current {
color: #fff;
background-color: #01689b
}
.countrySelector {
margin-bottom: 2.5rem
}
.countrySelector .autocompleteWrapper {
margin: 0 0 1rem 0;
padding: 1rem;
background: #f3f3f3
}
.countrySelector form {
position: relative
}
.countrySelector legend {
position: absolute !important;
display: inline-block !important;
overflow: hidden;
clip: rect(0, 0, 0, 0);
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0
}
.countrySelector input[type=text] {
font-size: 1.265625rem;
line-height: 1.5802469136;
width: 100%;
height: 48px;
margin: 0;
padding-block: 0;
-webkit-padding-start: 1rem;
padding-inline-start: 1rem;
-webkit-padding-end: 5rem;
padding-inline-end: 5rem;
border: none;
border: 1px solid #ccc
}
.countrySelector button[type=submit] {
position: relative;
width: 48px;
height: 48px;
min-height: 48px;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-indent: -9999px;
position: absolute;
top: 0;
right: 0
}
.countrySelector button[type=submit]:after {
content: "";
font-family: "RO Icons";
font-size: inherit;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
-webkit-transition: color .3s ease;
transition: color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-indent: 0
}
[dir=rtl] .countrySelector button[type=submit] {
right: auto;
left: 0
}
[dir=rtl] .countrySelector button[type=submit]:after {
-webkit-transform: translateY(-50%) rotateY(180deg);
transform: translateY(-50%) rotateY(180deg);
left: -2px
}
.countrySelector button[type=submit]:disabled {
cursor: initial;
-webkit-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
background: #ccc
}
.countrySelector button[type=submit]:focus {
border: 2px solid #01689b;
background: #fff
}
.countrySelector button[type=submit]:focus:after {
color: #01689b
}
.countrySelector ul.autocomplete {
height: 0;
-webkit-animation: showElement .1s .5s forwards;
animation: showElement .1s .5s forwards;
opacity: 0
}
.countrySelector ul.ui-autocomplete {
position: absolute;
z-index: 9999;
display: block;
overflow-x: hidden;
overflow-y: auto;
max-height: 200px;
border: 1px solid #ccc;
background-color: #fff
}
.countrySelector ul.ui-autocomplete .ui-menu-item {
width: auto;
margin: 0;
padding: 0
}
.countrySelector ul.ui-autocomplete .ui-menu-item:before {
content: ""
}
.countrySelector ul.ui-autocomplete .ui-menu-item div {
overflow: hidden;
width: 100%;
padding: 0.5rem;
border: 1px solid #f3f3f3
}
.countrySelector ul.ui-autocomplete .ui-state-active {
cursor: pointer;
color: #fff;
background-color: #01689b
}
.countrySelector button.clearField {
right: 48px
}
.no-js .countrySelector ul {
list-style: none !important;
-webkit-margin-start: 0 !important;
margin-inline-start: 0 !important;
-webkit-columns: 1 auto;
-moz-columns: 1 auto;
columns: 1 auto
}
.no-js .countrySelector ul li,
.no-js .countrySelector ul li>h2,
.no-js .countrySelector ul a>h3,
.no-js .countrySelector ul a>h4 {
font-size: 1.265625rem;
line-height: 22.4px;
font-weight: normal
}
@media(min-width: 768px) {
.no-js .countrySelector ul li,
.no-js .countrySelector ul li>h2,
.no-js .countrySelector ul a>h3,
.no-js .countrySelector ul a>h4 {
line-height: 25.2px
}
}
@media(min-width: 992px) {
.no-js .countrySelector ul li,
.no-js .countrySelector ul li>h2,
.no-js .countrySelector ul a>h3,
.no-js .countrySelector ul a>h4 {
line-height: 28px
}
}
.no-js .countrySelector ul li,
.no-js .countrySelector ul a {
-webkit-margin-after: 0.75rem;
margin-block-end: 0.75rem
}
.no-js .countrySelector ul li>a {
-webkit-margin-after: 0;
margin-block-end: 0
}
.no-js .countrySelector ul a {
-webkit-padding-start: calc((8.4px + 0.75rem)*0.8);
padding-inline-start: calc((8.4px + 0.75rem)*0.8);
position: relative;
display: block;
text-decoration: none;
font-size: inherit;
line-height: inherit;
font-weight: normal
}
@media(min-width: 768px) {
.no-js .countrySelector ul a {
-webkit-padding-start: calc((8.4px + 0.75rem)*0.9);
padding-inline-start: calc((8.4px + 0.75rem)*0.9)
}
}
@media(min-width: 992px) {
.no-js .countrySelector ul a {
-webkit-padding-start: calc((8.4px + 0.75rem)*1);
padding-inline-start: calc((8.4px + 0.75rem)*1)
}
}
.no-js .countrySelector ul a:before {
display: inline-flex;
align-items: center;
content: "";
font-family: "RO Icons";
font-size: .7rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 6.72px;
height: 22.4px;
text-indent: -0.1em;
position: absolute;
inset-block-start: -1px;
inset-inline-start: 0
}
@media(min-width: 768px) {
.no-js .countrySelector ul a:before {
width: 7.56px
}
}
@media(min-width: 992px) {
.no-js .countrySelector ul a:before {
width: 8.4px
}
}
@media(min-width: 768px) {
.no-js .countrySelector ul a:before {
height: 25.2px
}
}
@media(min-width: 992px) {
.no-js .countrySelector ul a:before {
height: 28px
}
}
.no-js .countrySelector ul a:hover {
text-decoration: underline
}
.no-js .countrySelector ul a:hover:before {
text-decoration: none
}
.no-js .countrySelector ul a.external:before {
content: "";
font-family: "RO Icons";
font-size: .595rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
[dir=rtl] .no-js .countrySelector ul a:before {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
[dir=rtl] .no-js .countrySelector ul a.external:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.no-js .countrySelector ul p:not(.article-meta):not(.meta):not(.superheading):not(.copyright) {
font-size: 1rem;
line-height: 1.5;
font-weight: normal;
color: #000;
-webkit-margin-after: 0;
margin-block-end: 0
}
.no-js .countrySelector ul p.meta {
font-size: 0.8888888889rem;
line-height: 1.6875;
font-weight: normal;
color: #535353;
margin: 0;
margin-top: 0.5rem
}
@media(min-width: 768px) {
.no-js .countrySelector ul {
-webkit-columns: 2 auto;
-moz-columns: 2 auto;
columns: 2 auto
}
}
.no-js .countrySelector ul li>a {
display: inline-block
}
.headerImage .countrySelectorWrapper {
display: flex;
flex-basis: 100%;
flex-wrap: wrap;
max-width: 1200px;
align-items: center;
justify-content: center;
-webkit-margin-end: -16px;
margin-inline-end: -16px;
-webkit-margin-start: -16px;
margin-inline-start: -16px;
z-index: 10;
height: 100%
}
.headerImage .countrySelectorWrapper .countrySelector {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% - 32px);
margin-right: 16px;
margin-left: 16px;
padding: 1rem 1rem 0rem 1rem;
background: #fff
}
@media(min-width: 768px) {
.headerImage .countrySelectorWrapper .countrySelector {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px
}
}
.headerImage .countrySelectorWrapper .autocompleteWrapper {
padding: 0;
background: rgba(0, 0, 0, 0)
}
@media print {
.countrySelector {
display: none
}
}
#follow-up {
margin: 0 auto
}
#follow-up .block {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 100%;
max-width: 100%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px
}
@media(min-width: 768px) {
#follow-up .block {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 75%;
max-width: 75%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px
}
}
@media(min-width: 992px) {
#follow-up .block {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px
}
}
@media(min-width: 768px) {
.fullWidth #follow-up .block {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 100%;
max-width: 100%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px
}
}
@media(min-width: 992px) {
.fullWidth #follow-up .block {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 100%;
max-width: 100%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px
}
}
#follow-up .block h2 {
padding-top: 0.5rem;
border-top: 1px solid #e1e1e1
}
#follow-up .block ul {
display: flex;
flex-wrap: nowrap;
margin-top: -8px;
margin-left: -6px
}
#follow-up .block ul.common a:before {
display: none
}
@media(max-width: 991px) {
#follow-up .block ul.common li a {
margin: 0 .2rem
}
#follow-up .block ul.common li:first-child a {
margin: 0 .2rem 0 0
}
}
#follow-up .block a.facebook {
position: relative;
width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-indent: -9999px
}
#follow-up .block a.facebook:after {
content: "";
font-family: "RO Icons";
font-size: 32px;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
-webkit-transition: color .3s ease;
transition: color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-indent: 0
}
#follow-up .block a.facebook:after {
color: #3c5193
}
#follow-up .block a.twitter {
position: relative;
width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-indent: -9999px
}
#follow-up .block a.twitter:after {
content: "";
font-family: "RO Icons";
font-size: 32px;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
-webkit-transition: color .3s ease;
transition: color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-indent: 0
}
#follow-up .block a.twitter:after {
color: #000
}
#follow-up .block a.instagram {
position: relative;
width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-indent: -9999px
}
#follow-up .block a.instagram:after {
content: "";
font-family: "RO Icons";
font-size: 32px;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
-webkit-transition: color .3s ease;
transition: color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-indent: 0
}
#follow-up .block a.instagram:after {
color: #d93274
}
#follow-up .block a.linkedin {
position: relative;
width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-indent: -9999px
}
#follow-up .block a.linkedin:after {
content: "";
font-family: "RO Icons";
font-size: 32px;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
-webkit-transition: color .3s ease;
transition: color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-indent: 0
}
#follow-up .block a.linkedin:after {
color: #007bb6
}
@media print {
#follow-up {
display: none
}
}
.languages {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
background-color: #fff
}
.languages__wrapper {
display: flex;
flex-basis: 100%;
flex-wrap: wrap;
max-width: 1200px;
align-items: center;
justify-content: flex-start;
-webkit-margin-end: -16px;
margin-inline-end: -16px;
-webkit-margin-start: -16px;
margin-inline-start: -16px
}
p.languages__label {
padding-inline: 16px;
-webkit-margin-before: 2rem;
margin-block-start: 2rem;
-webkit-margin-after: 0.5rem;
margin-block-end: 0.5rem
}
.languages__list {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 100%;
max-width: 100%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px;
display: flex;
flex-wrap: wrap;
justify-content: start;
-webkit-margin-before: 0;
margin-block-start: 0;
-webkit-margin-after: 1.5rem;
margin-block-end: 1.5rem
}
li.languages__list-item {
-webkit-margin-end: 1rem;
margin-inline-end: 1rem;
margin-block: 0.5rem;
padding: 0;
list-style: none;
color: #01689b;
font-size: 1.265625rem;
line-height: 1.5802469136
}
li.languages__list-item.selected {
font-weight: bold;
background-color: #d9e8f0;
color: #01689b
}
.languages__list-item.selected,
a.languages__link {
display: inline-block;
padding: 0.5rem 1rem;
text-decoration: none;
border: 1px solid #01689b;
color: inherit
}
.languages__list-item.selected:hover,
a.languages__link:hover {
color: #000;
background-color: #4d95b9
}
.languages__list-item.selected:focus,
a.languages__link:focus {
outline-offset: 3px
}
.campaignImage .slideControls,
.fotoSlider .slideNav {
position: absolute;
z-index: 999;
right: 1.5rem
}
.campaignImage .slideNav,
.fotoSlider .slideNav {
display: block;
margin-bottom: 0;
height: 12px
}
.campaignImage .slideNav>li,
.fotoSlider .slideNav li {
float: left;
margin: 0;
width: 12px;
height: 12px;
overflow: hidden
}
.campaignImage .slideNav>li:not(:last-child),
.fotoSlider .slideNav li:not(:last-child) {
margin-right: 1rem
}
.campaignImage .slideNav .bull,
.fotoSlider .slideNav li button {
overflow: hidden;
padding: 0;
text-indent: -999px;
background-color: rgba(0, 0, 0, 0);
white-space: nowrap;
overflow: hidden;
position: absolute;
display: block;
width: 12px;
height: 12px;
min-height: 12px;
border: 1px solid #fff;
border-radius: 50%;
background-color: #000
}
.campaignImage .slideNav .bull:focus,
.fotoSlider .slideNav li button:focus {
outline: 2px dashed #000;
z-index: 1010;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 2px #fff;
box-shadow: 0 0 0 2px #fff
}
.campaignImage .slideNav .bull:hover,
.fotoSlider .slideNav li button:hover {
background-color: #535353
}
.campaignImage .slideNav .current.bull,
.fotoSlider .slideNav li button.current {
border: 1px solid #000;
background-color: #fff
}
.sitemap {
margin-bottom: 1.5rem
}
.sitemap .column {
margin-bottom: 0;
padding-left: calc(4px + .75rem) !important
}
.sitemap .column>a {
display: initial;
font-weight: bold;
margin: 0rem 0rem 1rem 0rem;
font-size: 1.6018066406rem;
line-height: 1.2485901539;
line-height: 1.5
}
.sitemap .column>a:hover {
text-decoration: none
}
.sitemap .column::before {
content: none !important
}
.sitemap .common {
margin-top: 1rem
}
.sitemap .common li {
display: initial;
padding-left: 0 !important
}
.sitemap .common li a {
margin-bottom: 0.75rem !important
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
.sitemap .common li a *::-ms-backdrop {
margin: 2px
}
.sitemap .common li a {
margin: 2px
}
}
.sitemap .common li::before {
content: none !important
}
.fotoSlider {
position: relative;
display: block;
overflow: hidden;
width: 100%;
margin-bottom: 2rem;
-webkit-animation: fadeInElement ease-in;
animation: fadeInElement ease-in;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-delay: .5s;
animation-delay: .5s;
opacity: 0;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
[dir=rtl] .fotoSlider {
direction: ltr
}
.fotoSlider .rail {
display: flex;
-webkit-overflow-scrolling: touch;
flex-direction: row;
flex-wrap: nowrap;
width: 100%;
height: auto;
scroll-behavior: smooth
}
.fotoSlider .rail .slide {
width: 100%;
height: 100%;
scroll-snap-align: start
}
.fotoSlider .imageWrapper img {
width: 100%
}
.fotoSlider .fotoDescription {
width: 100%;
background-color: #f3f3f3
}
[dir=rtl] .fotoSlider .fotoDescription {
direction: rtl
}
.fotoSlider .fotoDescription .descriptionWrapper {
max-width: 1200px;
padding: 1rem;
margin-right: auto;
margin-left: auto
}
.fotoSlider .fotoDescription .descriptionWrapper p {
padding-top: 1rem
}
.fotoSlider .slideNav {
top: 1.5rem
}
.fotoSlider button.prevButton {
position: relative;
width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-indent: -9999px;
background-color: #f3f3f3;
position: absolute;
right: auto;
left: 0
}
.fotoSlider button.prevButton:after {
content: "";
font-family: "RO Icons";
font-size: inherit;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
-webkit-transition: color .3s ease;
transition: color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-indent: 0
}
.fotoSlider button.prevButton:after {
color: #01689b
}
.fotoSlider button.prevButton:hover {
outline: none;
background-color: #01689b
}
.fotoSlider button.prevButton:hover:after {
color: #fff
}
.fotoSlider button.prevButton:after {
-webkit-transform: translateY(-50%) rotate(-180deg);
transform: translateY(-50%) rotate(-180deg)
}
.fotoSlider button.nextButton {
position: relative;
width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-indent: -9999px;
background-color: #f3f3f3;
position: absolute;
right: 0;
left: auto
}
.fotoSlider button.nextButton:after {
content: "";
font-family: "RO Icons";
font-size: inherit;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
-webkit-transition: color .3s ease;
transition: color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-indent: 0
}
.fotoSlider button.nextButton:after {
color: #01689b
}
.fotoSlider button.nextButton:hover {
outline: none;
background-color: #01689b
}
.fotoSlider button.nextButton:hover:after {
color: #fff
}
@media print {
.fotoSlider {
display: none
}
}
.block-photo-gallery h2 {
padding: 0.5rem 0 0 0;
border-top: 1px solid #e1e1e1
}
.block-photo-gallery ul {
padding: 0;
list-style-type: none
}
.block-photo-gallery ul.list-style-type--disc {
list-style-type: disc
}
.block-photo-gallery ul.list-style-type--circle {
list-style-type: circle
}
.block-photo-gallery ul.list-style-type--square {
list-style-type: square
}
.block-photo-gallery ul[class*=list-style-type] li {
overflow: visible;
-webkit-padding-start: initial;
padding-inline-start: initial;
-webkit-margin-start: 1em;
margin-inline-start: 1em
}
.block-photo-gallery ul[class*=list-style-type] li:before {
display: none
}
.block-photo-gallery>ul>li,
.block-photo-gallery>ul ul>li {
overflow: hidden;
position: relative;
-webkit-padding-start: calc(7px + 0.75rem);
padding-inline-start: calc(7px + 0.75rem)
}
.block-photo-gallery>ul>li:before,
.block-photo-gallery>ul ul>li:before {
position: absolute;
inset-inline-start: 0;
content: "";
background: #000;
display: block;
text-indent: -0.1em;
width: 6px;
height: 6px;
inset-block-start: 7.2px
}
@media(min-width: 768px) {
.block-photo-gallery>ul>li:before,
.block-photo-gallery>ul ul>li:before {
width: 7px;
height: 7px;
inset-block-start: 8.1px
}
}
@media(min-width: 992px) {
.block-photo-gallery>ul>li:before,
.block-photo-gallery>ul ul>li:before {
width: 7px;
height: 7px;
inset-block-start: 9.5px
}
}
.block-photo-gallery ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results) {
-webkit-padding-start: 1.5rem;
padding-inline-start: 1.5rem;
list-style-type: decimal
}
.block-photo-gallery ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-alpha {
list-style-type: lower-alpha
}
.block-photo-gallery ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-alpha {
list-style-type: upper-alpha
}
.block-photo-gallery ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-roman {
list-style-type: lower-roman
}
.block-photo-gallery ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-roman {
list-style-type: upper-roman
}
.block-photo-gallery ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--decimal {
list-style-type: decimal
}
.block-photo-gallery ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results)>li {
-webkit-padding-start: 0.25rem;
padding-inline-start: 0.25rem
}
.block-photo-gallery>ol>li>ul>li {
overflow: hidden;
position: relative;
-webkit-padding-start: calc(7px + 0.75rem);
padding-inline-start: calc(7px + 0.75rem)
}
.block-photo-gallery>ol>li>ul>li:before {
position: absolute;
inset-inline-start: 0;
content: "";
background: #000;
display: block;
text-indent: -0.1em;
width: 6px;
height: 6px;
inset-block-start: 7.2px
}
@media(min-width: 768px) {
.block-photo-gallery>ol>li>ul>li:before {
width: 7px;
height: 7px;
inset-block-start: 8.1px
}
}
@media(min-width: 992px) {
.block-photo-gallery>ol>li>ul>li:before {
width: 7px;
height: 7px;
inset-block-start: 9.5px
}
}
.flex-images {
display: flex;
flex-wrap: wrap;
margin: 0 -2px 3rem -2px
}
.flex-images .item {
position: relative;
-webkit-box-sizing: content-box;
box-sizing: content-box;
margin: 2px
}
.flex-images .item img {
width: 100%;
height: 100%
}
.no-js .flex-images .item {
display: none
}
.flex-images .copyright {
position: absolute;
z-index: 10;
bottom: 0.5rem;
left: 0.5rem;
margin: 0;
color: #fff;
text-shadow: 0px 0px 1px rgba(0, 0, 0, .5), -1px 0px 1px rgba(0, 0, 0, .5), 1px 0px 1px rgba(0, 0, 0, .5), 0px -1px 1px rgba(0, 0, 0, .5), 0px 1px 1px rgba(0, 0, 0, .5), 2px 2px 6px rgba(0, 0, 0, .5)
}
.flex-images .noJs {
position: relative
}
body.lightbox-visible {
position: fixed;
overflow: hidden;
width: 100%;
height: 100%
}
.lightboxOverlay {
position: fixed;
z-index: 1060;
top: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
-webkit-animation: fadeOutElement .3s;
animation: fadeOutElement .3s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
background: rgba(0, 0, 0, .95);
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
.lightboxOverlay.visible {
-webkit-animation: fadeInElement .3s;
animation: fadeInElement .3s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
.lightboxOverlay .lightboxModal {
width: 100%;
height: 100%
}
.lightboxOverlay .slideRail {
display: flex;
flex-wrap: nowrap;
height: 100%
}
.lightboxOverlay .slide {
position: relative;
width: 100vw;
height: 100%;
margin: 0
}
.lightboxOverlay figure {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
width: 100%;
height: 100%;
margin: 0
}
.lightboxOverlay .imgContainer {
position: relative;
display: flex;
align-content: center;
flex-shrink: 1;
justify-content: center;
height: 100%;
max-height: 100%;
margin: 3rem
}
.lightboxOverlay .imgContainer img {
position: absolute;
top: 50%;
right: auto;
bottom: 0;
left: 50%;
width: auto;
max-width: 100%;
max-height: 100%;
-webkit-transform: translateX(-50%) translatey(-50%);
transform: translateX(-50%) translatey(-50%)
}
.lightboxOverlay figcaption {
flex-shrink: 0;
margin: auto 0 0 0;
padding: 2rem 1rem 2rem 1rem;
background: #f3f3f3
}
.lightboxOverlay figcaption p {
margin-bottom: 0
}
.lightboxOverlay figcaption .captionWrapper {
max-width: 1000px;
margin: 0 auto
}
.lightboxOverlay figcaption .copyAndCredits {
font-size: 0.8888888889rem;
line-height: 1.125
}
.lightboxOverlay figcaption .copyAndCredits .copy {
display: inline
}
.lightboxOverlay figcaption .copyAndCredits .copy+.credits {
display: inline
}
.lightboxOverlay figcaption .copyAndCredits .copy+.credits:before {
margin: 0 2px 0 2px;
content: " / "
}
.lightboxOverlay figcaption .piwik_download {
font-size: 0.8888888889rem;
line-height: 1.125;
position: relative;
padding: 0 1rem 0 1rem;
color: #01689b
}
.lightboxOverlay figcaption .piwik_download:before {
content: "";
font-family: "RO Icons";
font-size: 1em;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 0;
left: 0
}
[dir=rtl] .lightboxOverlay figcaption .piwik_download:before {
right: 0;
left: auto
}
[dir=rtl] .lightboxOverlay figcaption {
direction: rtl
}
.lightboxOverlay button.close {
position: relative;
width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-indent: -9999px;
background-color: #f3f3f3;
position: absolute;
top: 0;
right: 0
}
.lightboxOverlay button.close:after {
content: "";
font-family: "RO Icons";
font-size: inherit;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
-webkit-transition: color .3s ease;
transition: color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-indent: 0
}
.lightboxOverlay button.close:after {
color: #01689b
}
.lightboxOverlay button.close:hover {
outline: none;
background-color: #01689b
}
.lightboxOverlay button.close:hover:after {
color: #fff
}
.lightboxOverlay button.close:hover {
background-color: #01689b
}
.lightboxOverlay button.close:hover:after {
color: #fff
}
.lightboxOverlay button.nextSlide {
position: relative;
width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-indent: -9999px;
background-color: #f3f3f3;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
.lightboxOverlay button.nextSlide:after {
content: "";
font-family: "RO Icons";
font-size: inherit;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
-webkit-transition: color .3s ease;
transition: color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-indent: 0
}
.lightboxOverlay button.nextSlide:after {
color: #01689b
}
.lightboxOverlay button.nextSlide:hover {
outline: none;
background-color: #01689b
}
.lightboxOverlay button.nextSlide:hover:after {
color: #fff
}
.lightboxOverlay button.nextSlide:hover {
background-color: #01689b
}
.lightboxOverlay button.nextSlide:hover:after {
color: #fff
}
.lightboxOverlay button.nextSlide:disabled {
display: none
}
.lightboxOverlay button.prevSlide {
position: relative;
width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-indent: -9999px;
background-color: #f3f3f3;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
.lightboxOverlay button.prevSlide:after {
content: "";
font-family: "RO Icons";
font-size: inherit;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
-webkit-transition: color .3s ease;
transition: color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-indent: 0
}
.lightboxOverlay button.prevSlide:after {
color: #01689b
}
.lightboxOverlay button.prevSlide:hover {
outline: none;
background-color: #01689b
}
.lightboxOverlay button.prevSlide:hover:after {
color: #fff
}
.lightboxOverlay button.prevSlide:after {
-webkit-transform: translateY(-50%) rotate(-180deg);
transform: translateY(-50%) rotate(-180deg)
}
.lightboxOverlay button.prevSlide:hover {
background-color: #01689b
}
.lightboxOverlay button.prevSlide:hover:after {
color: #fff
}
.lightboxOverlay button.prevSlide:disabled {
display: none
}
.lightboxOverlay .imgLoader {
position: absolute;
top: calc(50% - 30px);
left: calc(50% - 30px);
width: 60px;
height: 60px;
-webkit-animation: rotateElement 2s linear infinite;
animation: rotateElement 2s linear infinite;
border: 6px solid #fff;
border-top: 6px solid #01689b;
border-radius: 50%
}
[dir=rtl] .lightboxOverlay {
direction: ltr
}
@media print {
.lightboxOverlay button.close,
.lightboxOverlay button.nextSlide,
.lightboxOverlay button.prevSlide {
display: none
}
}
.mediaContainer {
position: relative;
display: flex;
align-items: flex-start;
margin: 0rem 0rem 0.25rem 0rem;
z-index: 5
}
.swbox {
line-height: 0;
width: 100%
}
.toggleOptionBox {
position: relative;
width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-indent: -9999px;
background-color: #f3f3f3;
position: absolute;
z-index: 9;
top: 0;
right: 0
}
.toggleOptionBox:after {
content: "";
font-family: "RO Icons";
font-size: inherit;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
-webkit-transition: color .3s ease;
transition: color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-indent: 0
}
.toggleOptionBox:after {
color: #01689b
}
.toggleOptionBox:hover {
outline: none;
background-color: #01689b
}
.toggleOptionBox:hover:after {
color: #fff
}
[dir=rtl] .toggleOptionBox {
right: auto;
left: 0
}
.openLightbox {
position: relative;
width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-indent: -9999px;
background-color: #f3f3f3;
position: absolute;
z-index: 9;
top: 0;
right: 0
}
.openLightbox:after {
content: "";
font-family: "RO Icons";
font-size: inherit;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
-webkit-transition: color .3s ease;
transition: color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-indent: 0
}
.openLightbox:after {
color: #01689b
}
.openLightbox:hover {
outline: none;
background-color: #01689b
}
.openLightbox:hover:after {
color: #fff
}
[dir=rtl] .openLightbox {
right: auto;
left: 0
}
.mediaOptions {
position: absolute;
top: 0;
right: 0;
display: flex;
visibility: hidden;
flex-direction: column;
padding: 2rem 0.25rem 0.25rem;
opacity: 0;
border: 1px solid #e1e1e1;
background: #fff;
z-index: 1050
}
@media(min-width: 992px) {
.mediaOptions {
padding-top: 1rem
}
}
.mediaOptions h3 {
flex-basis: 100%;
margin: 0 0.25rem 0.25rem;
padding-right: 3.5rem;
font-size: 1.125rem;
font-weight: normal
}
[dir=rtl] .mediaOptions h3 {
padding-right: 0;
padding-left: 3.5rem
}
.mediaOptions .lightbox {
position: relative;
width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-indent: -9999px;
background-color: #01689b;
display: inline-block;
margin: 0rem 0.25rem
}
.mediaOptions .lightbox:after {
content: "";
font-family: "RO Icons";
font-size: inherit;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
-webkit-transition: color .3s ease;
transition: color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-indent: 0
}
.mediaOptions .lightbox:after {
color: #fff
}
.mediaOptions .lightbox:hover {
background-color: #01496d
}
.mediaOptions .lightbox:hover:after {
color: #fff
}
.mediaOptions .download {
position: relative;
width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-indent: -9999px;
background-color: #01689b;
display: inline-block;
margin: 0rem 0.25rem
}
.mediaOptions .download:after {
content: "";
font-family: "RO Icons";
font-size: inherit;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
-webkit-transition: color .3s ease;
transition: color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-indent: 0
}
.mediaOptions .download:after {
color: #fff
}
.mediaOptions .download:hover {
background-color: #01496d
}
.mediaOptions .download:hover:after {
color: #fff
}
[dir=rtl] .mediaOptions {
right: auto;
left: 0
}
.boxOpen .toggleOptionBox {
position: relative;
width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-indent: -9999px;
background-color: #01689b;
z-index: 1051;
position: absolute
}
.boxOpen .toggleOptionBox:after {
content: "";
font-family: "RO Icons";
font-size: inherit;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
-webkit-transition: color .3s ease;
transition: color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-indent: 0
}
.boxOpen .toggleOptionBox:after {
color: #fff
}
.boxOpen .toggleOptionBox:hover {
background-color: #01496d
}
.boxOpen .toggleOptionBox:hover:after {
color: #fff
}
.boxOpen .mediaOptions {
-webkit-animation: fadeInElement .3s;
animation: fadeInElement .3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
.boxClosed .mediaOptions {
-webkit-animation: fadeOutElement .3s;
animation: fadeOutElement .3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
.shareBtn {
display: inline-block;
margin: 0rem 0.25rem
}
.shareBtn.tw {
position: relative;
width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-indent: -9999px
}
.shareBtn.tw:after {
content: "";
font-family: "RO Icons";
font-size: 44px;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
-webkit-transition: color .3s ease;
transition: color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-indent: 0
}
.shareBtn.tw:after {
color: #2da8e0
}
.shareBtn.fa {
position: relative;
width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-indent: -9999px
}
.shareBtn.fa:after {
content: "";
font-family: "RO Icons";
font-size: 44px;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
-webkit-transition: color .3s ease;
transition: color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-indent: 0
}
.shareBtn.fa:after {
color: #3c5193
}
.shareBtn.li {
position: relative;
width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-indent: -9999px
}
.shareBtn.li:after {
content: "";
font-family: "RO Icons";
font-size: 44px;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
-webkit-transition: color .3s ease;
transition: color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-indent: 0
}
.shareBtn.li:after {
color: #0e77b5
}
.shareBtn.pi {
position: relative;
width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-indent: -9999px
}
.shareBtn.pi:after {
content: "";
font-family: "RO Icons";
font-size: 44px;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
-webkit-transition: color .3s ease;
transition: color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-indent: 0
}
.shareBtn.pi:after {
color: #aa2529
}
.mediasize {
margin: 0rem 0.25rem;
font-size: 1.125rem
}
@media print {
.mediaOptions,
.toggleOptionBox,
.openLightbox {
display: none
}
}
#avg .eformText {
margin: 0rem 0rem 0rem -1rem;
background: #e6e6e6;
padding-right: 1rem
}
#avg .eformText:after {
display: table;
clear: both;
content: ""
}
@media(min-width: 768px) {
#avg .eformText {
margin-left: -2rem
}
}
#avg .eformText>* {
float: left;
width: calc(100% - 1rem);
margin-right: 1rem;
margin-left: 1rem
}
@media(min-width: 768px) {
#avg .eformText>* {
float: right;
width: calc(72.5% - 2rem);
margin-left: 0
}
}
#avg .eforms-fieldgroupname+.eformText {
margin-top: 1rem
}
#avg .collapseButtons {
background-color: #e6e6e6;
margin-left: -1rem
}
#avg .collapseButtons:after {
display: table;
clear: both;
content: ""
}
@media(min-width: 768px) {
#avg .collapseButtons {
margin-left: -2rem
}
}
[dir=rtl] #avg .collapseButtons {
margin-left: 0;
margin-right: -1rem
}
@media(min-width: 768px) {
[dir=rtl] #avg .collapseButtons {
margin-left: 0;
margin-right: -2rem
}
}
#avg .collapsible {
display: none;
margin-left: -1rem
}
@media(min-width: 768px) {
#avg .collapsible {
margin-left: -2rem
}
}
[dir=rtl] #avg .collapsible {
margin-left: 0
}
@media(min-width: 768px) {
[dir=rtl] #avg .collapsible {
margin-left: 0
}
}
#avg .collapsible .eformText {
margin-left: 0
}
#avg button.textButton {
position: relative;
float: left;
width: calc(100% - 1rem);
min-height: 32px;
margin-left: 1rem;
padding: 0.5rem 44px 0.5rem 0;
text-align: left;
text-decoration: underline;
color: #01689b;
border: none;
background: rgba(0, 0, 0, 0)
}
#avg button.textButton:after {
content: "";
font-family: "RO Icons";
font-size: inherit;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
position: absolute;
top: 1.5rem;
right: 0;
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
-webkit-transform: translateY(-50%) rotate(90deg);
transform: translateY(-50%) rotate(90deg);
background-color: #01689b
}
#avg button.textButton.expand:after {
-webkit-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(-90deg)
}
@media(min-width: 576px) {
#avg button.textButton {
float: right;
width: calc(72.5% - 1rem)
}
}
.topicList,
.alphabetical-list,
.categoryOverview,
.topics.alphabetical.two-columns {
display: flex;
flex-basis: 100%;
flex-wrap: wrap;
max-width: 1200px;
align-items: flex-start;
justify-content: flex-start;
margin: 3rem auto 1.5rem auto
}
.topicList,
.alphabetical-list,
.categoryOverview {
padding: 0 16px
}
.alphabetical-list__heading {
width: 100%;
margin-bottom: 1.5rem;
padding-top: 0.5rem;
border-top: 1px solid #e1e1e1
}
.topicList h2 {
width: 100%;
margin-bottom: 1.5rem;
padding-top: 0.5rem;
border-top: 1px solid #e1e1e1
}
@media(max-width: 767px) {
.topicList h3 a {
position: relative;
display: block;
width: 100%;
text-decoration: none;
padding-right: 24px
}
.topicList h3 a:before {
-webkit-transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
content: "";
font-family: "RO Icons";
font-size: 1rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: inherit;
position: absolute;
right: 0;
top: 5px
}
.topicList h3 a.panelOpen:before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.topicList>h3+ul {
display: none
}
}
@media(max-width: 767px) {
.alphabetical-list links-list__heading links-list__link {
position: relative;
display: block;
width: 100%;
text-decoration: none;
padding-right: 24px
}
.alphabetical-list links-list__heading links-list__link:before {
-webkit-transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
content: "";
font-family: "RO Icons";
font-size: 1rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: inherit;
position: absolute;
right: 0;
top: 5px
}
.alphabetical-list links-list__heading links-list__link.panelOpen:before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
}
.topicList h3,
.links-list__heading,
.topics.alphabetical.two-columns h2,
.categoryOverview h2 {
font-size: 1.6018066406rem;
line-height: 1.2485901539;
font-weight: bold;
width: 100%;
margin-bottom: 1rem
}
@media(min-width: 576px) {
.topicList h3,
.links-list__heading,
.topics.alphabetical.two-columns h2,
.categoryOverview h2 {
margin-bottom: 1.5rem
}
}
.topicList h3:not(:first-child),
.links-list__heading:not(:first-child),
.topics.alphabetical.two-columns h2:not(:first-child),
.categoryOverview h2:not(:first-child) {
padding-top: 1.25rem;
border-top: 1px solid #e1e1e1
}
@media(min-width: 768px) {
.topicList h3:not(:first-child),
.links-list__heading:not(:first-child),
.topics.alphabetical.two-columns h2:not(:first-child),
.categoryOverview h2:not(:first-child) {
padding-top: 2rem
}
}
@media(max-width: 767px) {
.topicList h3,
.alphabetical-list__body h3 {
font-weight: normal
}
}
.topicCols,
.categoryCols,
.links-list__body,
.topics.alphabetical.two-columns .subtopics,
.block.representation {
list-style: none !important;
-webkit-margin-start: 0 !important;
margin-inline-start: 0 !important
}
.topicCols li,
.topicCols li>h2,
.topicCols a>h3,
.topicCols a>h4,
.categoryCols li,
.categoryCols li>h2,
.categoryCols a>h3,
.categoryCols a>h4,
.links-list__body li,
.links-list__body li>h2,
.links-list__body a>h3,
.links-list__body a>h4,
.topics.alphabetical.two-columns .subtopics li,
.topics.alphabetical.two-columns .subtopics li>h2,
.topics.alphabetical.two-columns .subtopics a>h3,
.topics.alphabetical.two-columns .subtopics a>h4,
.block.representation li,
.block.representation li>h2,
.block.representation a>h3,
.block.representation a>h4 {
font-size: 1.125rem;
line-height: 19.2px;
font-weight: normal
}
@media(min-width: 768px) {
.topicCols li,
.topicCols li>h2,
.topicCols a>h3,
.topicCols a>h4,
.categoryCols li,
.categoryCols li>h2,
.categoryCols a>h3,
.categoryCols a>h4,
.links-list__body li,
.links-list__body li>h2,
.links-list__body a>h3,
.links-list__body a>h4,
.topics.alphabetical.two-columns .subtopics li,
.topics.alphabetical.two-columns .subtopics li>h2,
.topics.alphabetical.two-columns .subtopics a>h3,
.topics.alphabetical.two-columns .subtopics a>h4,
.block.representation li,
.block.representation li>h2,
.block.representation a>h3,
.block.representation a>h4 {
line-height: 21.6px
}
}
@media(min-width: 992px) {
.topicCols li,
.topicCols li>h2,
.topicCols a>h3,
.topicCols a>h4,
.categoryCols li,
.categoryCols li>h2,
.categoryCols a>h3,
.categoryCols a>h4,
.links-list__body li,
.links-list__body li>h2,
.links-list__body a>h3,
.links-list__body a>h4,
.topics.alphabetical.two-columns .subtopics li,
.topics.alphabetical.two-columns .subtopics li>h2,
.topics.alphabetical.two-columns .subtopics a>h3,
.topics.alphabetical.two-columns .subtopics a>h4,
.block.representation li,
.block.representation li>h2,
.block.representation a>h3,
.block.representation a>h4 {
line-height: 24px
}
}
.topicCols li,
.topicCols a,
.categoryCols li,
.categoryCols a,
.links-list__body li,
.links-list__body a,
.topics.alphabetical.two-columns .subtopics li,
.topics.alphabetical.two-columns .subtopics a,
.block.representation li,
.block.representation a {
-webkit-margin-after: 0.75rem;
margin-block-end: 0.75rem
}
.topicCols li>a,
.categoryCols li>a,
.links-list__body li>a,
.topics.alphabetical.two-columns .subtopics li>a,
.block.representation li>a {
-webkit-margin-after: 0;
margin-block-end: 0
}
.topicCols a,
.categoryCols a,
.links-list__body a,
.topics.alphabetical.two-columns .subtopics a,
.block.representation a {
-webkit-padding-start: calc((8.4px + 0.75rem)*0.8);
padding-inline-start: calc((8.4px + 0.75rem)*0.8);
position: relative;
display: block;
text-decoration: none;
font-size: inherit;
line-height: inherit;
font-weight: normal
}
@media(min-width: 768px) {
.topicCols a,
.categoryCols a,
.links-list__body a,
.topics.alphabetical.two-columns .subtopics a,
.block.representation a {
-webkit-padding-start: calc((8.4px + 0.75rem)*0.9);
padding-inline-start: calc((8.4px + 0.75rem)*0.9)
}
}
@media(min-width: 992px) {
.topicCols a,
.categoryCols a,
.links-list__body a,
.topics.alphabetical.two-columns .subtopics a,
.block.representation a {
-webkit-padding-start: calc((8.4px + 0.75rem)*1);
padding-inline-start: calc((8.4px + 0.75rem)*1)
}
}
.topicCols a:before,
.categoryCols a:before,
.links-list__body a:before,
.topics.alphabetical.two-columns .subtopics a:before,
.block.representation a:before {
display: inline-flex;
align-items: center;
content: "";
font-family: "RO Icons";
font-size: .7rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 6.72px;
height: 19.2px;
text-indent: -0.1em;
position: absolute;
inset-block-start: -1px;
inset-inline-start: 0
}
@media(min-width: 768px) {
.topicCols a:before,
.categoryCols a:before,
.links-list__body a:before,
.topics.alphabetical.two-columns .subtopics a:before,
.block.representation a:before {
width: 7.56px
}
}
@media(min-width: 992px) {
.topicCols a:before,
.categoryCols a:before,
.links-list__body a:before,
.topics.alphabetical.two-columns .subtopics a:before,
.block.representation a:before {
width: 8.4px
}
}
@media(min-width: 768px) {
.topicCols a:before,
.categoryCols a:before,
.links-list__body a:before,
.topics.alphabetical.two-columns .subtopics a:before,
.block.representation a:before {
height: 21.6px
}
}
@media(min-width: 992px) {
.topicCols a:before,
.categoryCols a:before,
.links-list__body a:before,
.topics.alphabetical.two-columns .subtopics a:before,
.block.representation a:before {
height: 24px
}
}
.topicCols a:hover,
.categoryCols a:hover,
.links-list__body a:hover,
.topics.alphabetical.two-columns .subtopics a:hover,
.block.representation a:hover {
text-decoration: underline
}
.topicCols a:hover:before,
.categoryCols a:hover:before,
.links-list__body a:hover:before,
.topics.alphabetical.two-columns .subtopics a:hover:before,
.block.representation a:hover:before {
text-decoration: none
}
.topicCols a.external:before,
.categoryCols a.external:before,
.links-list__body a.external:before,
.topics.alphabetical.two-columns .subtopics a.external:before,
.block.representation a.external:before {
content: "";
font-family: "RO Icons";
font-size: .595rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
[dir=rtl] .topicCols a:before,
[dir=rtl] .categoryCols a:before,
[dir=rtl] .links-list__body a:before,
[dir=rtl] .topics.alphabetical.two-columns .subtopics a:before,
[dir=rtl] .block.representation a:before {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
[dir=rtl] .topicCols a.external:before,
[dir=rtl] .categoryCols a.external:before,
[dir=rtl] .links-list__body a.external:before,
[dir=rtl] .topics.alphabetical.two-columns .subtopics a.external:before,
[dir=rtl] .block.representation a.external:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.topicCols p:not(.article-meta):not(.meta):not(.superheading):not(.copyright),
.categoryCols p:not(.article-meta):not(.meta):not(.superheading):not(.copyright),
.links-list__body p:not(.article-meta):not(.meta):not(.superheading):not(.copyright),
.topics.alphabetical.two-columns .subtopics p:not(.article-meta):not(.meta):not(.superheading):not(.copyright),
.block.representation p:not(.article-meta):not(.meta):not(.superheading):not(.copyright) {
font-size: 0.8888888889rem;
line-height: 1.40625;
font-weight: normal;
color: #000;
-webkit-margin-after: 0;
margin-block-end: 0
}
.topicCols p.meta,
.categoryCols p.meta,
.links-list__body p.meta,
.topics.alphabetical.two-columns .subtopics p.meta,
.block.representation p.meta {
font-size: 0.8888888889rem;
line-height: 1.6875;
font-weight: normal;
color: #535353;
margin: 0;
margin-top: 0.5rem
}
.alphabetical-list__body,
.topicCols,
.categoryCols,
.topics.alphabetical.two-columns .column,
.block.representation ul {
-webkit-column-gap: 32px;
-moz-column-gap: 32px;
column-gap: 32px
}
.alphabetical-list__body,
.topicCols,
.categoryCols {
flex-grow: 0;
flex-shrink: initial;
flex-basis: 100%;
max-width: 100%;
-webkit-padding-end: 16px;
padding-inline-end: 16px;
-webkit-padding-start: 16px;
padding-inline-start: 16px;
padding-left: 0;
padding-right: 0;
display: block;
margin-bottom: 3rem;
-webkit-columns: 1 auto;
-moz-columns: 1 auto;
columns: 1 auto
}
@media(min-width: 576px) {
.alphabetical-list__body,
.topicCols,
.categoryCols {
display: block;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
}
@media(min-width: 992px) {
.alphabetical-list__body,
.topicCols,
.categoryCols {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3
}
}
@media(min-width: 1200px) {
.alphabetical-list__body,
.topicCols,
.categoryCols {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4
}
}
.alphabetical-list__body.panelOpen,
.topicCols.panelOpen,
.categoryCols.panelOpen {
display: block
}
.alphabetical .alphabetical-list__body,
.alphabetical .topicCols,
.alphabetical .categoryCols {
display: block
}
.alphabetical-list__body:only-of-type,
.topicCols:only-of-type,
.categoryCols:only-of-type {
margin: 0
}
.alphabetical-list__body:last-child,
.topicCols:last-child,
.categoryCols:last-child {
margin: 0
}
.alphabetical-list__body li>a,
.topicCols li>a,
.categoryCols li>a {
display: inline-block
}
.topicList.alphabetical .topicCols ul,
.topicList ul.topicCols,
.categoryCols ul,
#source-list .common,
.links-list__body,
.topics.alphabetical.two-columns ul {
margin-bottom: 1rem
}
@media(min-width: 768px) {
.topicList.alphabetical .topicCols ul,
.topicList ul.topicCols,
.categoryCols ul,
#source-list .common,
.links-list__body,
.topics.alphabetical.two-columns ul {
margin-bottom: 2rem
}
}
.topicList.alphabetical .topicCols ul li,
.topicList ul.topicCols li,
.categoryCols ul li,
#source-list .common li,
.links-list__body li,
.topics.alphabetical.two-columns ul li {
display: inline-block;
width: 100%;
vertical-align: top;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid;
page-break-inside: avoid
}
.topicList.alphabetical .topicCols ul a :focus,
.topicList ul.topicCols a :focus,
.categoryCols ul a :focus,
#source-list .common a :focus,
.links-list__body a :focus,
.topics.alphabetical.two-columns ul a :focus {
outline: 2px dashed #000;
z-index: 1010;
outline-offset: -2px;
-webkit-box-shadow: inset 0 0 0 2px #fff;
box-shadow: inset 0 0 0 2px #fff
}
.links-list__item {
display: inline-block;
width: 100%;
vertical-align: top;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid;
page-break-inside: avoid
}
.topicGroup,
.links-list,
.categoryGroup {
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid;
page-break-inside: avoid
}
.topicGroup h3,
.links-list h3,
.categoryGroup h3 {
margin-bottom: 1rem;
border: none
}
@media(min-width: 992px) {
.topics.alphabetical.two-columns .column {
-webkit-columns: 2 auto;
-moz-columns: 2 auto;
columns: 2 auto
}
.topics.alphabetical.two-columns .column .topic {
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid
}
}
.topics.alphabetical.two-columns .column li>a {
display: inline-block
}
.links-list__link {
display: inline-block
}
.links-list__link :focus {
outline: 2px dashed #000;
z-index: 1010;
outline-offset: -2px;
-webkit-box-shadow: inset 0 0 0 2px #fff;
box-shadow: inset 0 0 0 2px #fff
}
@media(min-width: 768px) {
.block.representation ul {
-webkit-columns: 2 auto;
-moz-columns: 2 auto;
columns: 2 auto
}
}
.faqs.overview {
margin: 1.5rem 0
}
.mailServiceClientWrapper .intro.email {
padding-left: calc(3rem + 1rem);
position: relative;
margin-bottom: 1rem
}
.mailServiceClientWrapper .intro.email:before {
content: "";
font-family: "RO Icons";
font-size: 1.5rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background: #01689b;
border-radius: 50%;
position: absolute;
left: 0;
height: 3rem;
width: 3rem;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
margin-top: 0.5rem
}
.mailServiceClientWrapper .intro.email p {
margin-bottom: 0
}
.mscSubscriptionOption {
background: #f3f3f3;
display: flex;
justify-content: space-between;
padding: 1rem;
margin-bottom: 1rem;
align-items: center
}
.mscSubscriptionOption p {
margin: 0
}
.mscSubscriptionChange fieldset {
background: #f3f3f3;
padding: 1rem;
margin-bottom: 1rem
}
.mscSubscriptionChange fieldset legend {
float: left;
margin-bottom: 1rem;
width: 100%
}
.mscSubscriptionChange .optOutAllWrapper {
float: right
}
.mscSubscriptionChange .formGroup {
display: flex;
float: left;
width: 100%;
margin: 0.5rem 0rem 0.5rem 0rem
}
@media(min-width: 576px) {
.mscSubscriptionChange .formGroup {
width: 70%
}
}
.mscSubscriptionChange .formGroup+.formGroup {
float: left;
width: auto
}
@media(min-width: 576px) {
.mscSubscriptionChange .formGroup+.formGroup {
float: right
}
}
.mscSubscriptionChange .formGroup p {
margin-bottom: 0
}
.mscSubscriptionChange input.optOut {
margin-left: 0.5rem
}
.mscSubscriptionChange .notice {
-webkit-transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
float: left;
background-color: #fff4dc;
width: 100%;
visibility: hidden;
margin: 0;
height: 0;
overflow: hidden
}
.mscSubscriptionChange .notice.visible {
-webkit-transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
margin: 0.5rem 0rem 1rem 0rem;
height: auto;
visibility: visible
}
.mscSubscriptionChange .notice p {
padding: 1rem;
margin: 0 !important;
display: flex;
align-items: center
}
.mscSubscriptionChange .notice p:before {
margin-right: 1rem;
content: " ";
min-width: 32px;
min-height: 30px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23ffb612;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Ewarning%3C/title%3E%3Cpath class='a' d='M31.66,27.64,18.3,1.49a2.52,2.52,0,0,0-4.6,0L.34,27.64C-.65,29.59.62,32,2.64,32H29.37C31.38,32,32.65,29.59,31.66,27.64Z'/%3E%3Cpath d='M14,24.31a2.88,2.88,0,0,1,.5-1.71,1.7,1.7,0,0,1,1.5-.7,1.89,1.89,0,0,1,1.51.61,2.74,2.74,0,0,1,.52,1.8A2.72,2.72,0,0,1,17.53,26a1.76,1.76,0,0,1-1.5.67,1.92,1.92,0,0,1-1.52-.6A2.54,2.54,0,0,1,14,24.31Zm.43-15.65,3.41-.3-.3,8.39v4l-3.13.07V8.66Z'/%3E%3C/svg%3E")
}
.reactions,
.mourning {
padding: 1.5rem 0;
background-color: #f3f3f3
}
.reactions>ul,
.mourning>ul {
margin: 0
}
.reactions li,
.mourning li {
padding: calc(1.5rem - 4px) 1.5rem 1.5rem 1.5rem;
margin: 0;
border-bottom: 2px solid #fff
}
.reactions li:first-child,
.mourning li:first-child {
padding-top: 0
}
.reactions li:last-child,
.mourning li:last-child {
border-bottom: none;
padding-bottom: 0
}
.reactions p:not(.meta),
.mourning p:not(.meta) {
margin-bottom: 0.5rem
}
.hotspotContainer .copyright {
position: relative;
display: inline-block;
padding: 0.25rem 0 0 0;
margin-top: -0.5rem;
margin-bottom: 0;
font-size: 0.8888888889rem;
text-align: left;
text-shadow: none;
color: dimgray
}
.hotspotimage {
margin: 0 auto;
position: relative
}
.hotspotimage img {
width: 100%;
line-height: 0
}
.hotspotimage ul.hotspotmap {
margin-bottom: 0
}
.hotspotimage li {
position: absolute;
z-index: auto;
margin: 0;
padding: 0;
background: none;
width: 100%;
height: 0;
counter-increment: hotzones
}
.hotspotimage li:before {
display: none;
content: ""
}
.hotspotimage button {
display: block;
min-height: 0;
width: 30px;
height: 30px;
margin-left: -15px;
margin-top: -15px;
padding: 0;
-webkit-transition: -webkit-transform 200ms ease;
transition: -webkit-transform 200ms ease;
transition: transform 200ms ease;
transition: transform 200ms ease, -webkit-transform 200ms ease;
border-radius: 100%
}
.hotspotimage button:after {
display: inline-flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
padding-top: 1px;
border-radius: 100%;
background-color: #01689b;
color: #fff;
content: counter(hotzones)
}
@media(min-width: 992px) {
.js .hotspotimage button:after {
content: "";
font-family: "RO Icons";
font-size: inherit;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
line-height: 1;
padding-top: 0
}
}
.hotspotimage button:hover:after {
color: #fff
}
.hotspotimage button:focus {
outline: 2px dashed #000;
z-index: 1010;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 2px #fff;
box-shadow: 0 0 0 2px #fff
}
.hotspotimage button:focus:before {
content: none
}
.hotspotimage button.open {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.hotspotimage .tooltip {
display: block;
position: absolute;
z-index: 9999;
top: auto;
left: 0px;
bottom: 0px;
padding: 1rem;
width: auto;
max-width: 500px;
background-color: rgba(1, 104, 155, .95);
color: #fff;
font-size: 1.125rem;
text-align: left
}
.hotspotimage .tooltip:focus {
outline: 2px dashed #000;
z-index: 1010;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 2px #fff;
box-shadow: 0 0 0 2px #fff
}
.hotspotimage .tooltip:after {
content: "";
position: absolute;
width: 0;
height: 0;
left: 50%;
right: auto;
bottom: -10px;
margin-left: -10px;
border-left: 10px solid rgba(0, 0, 0, 0);
border-right: 10px solid rgba(0, 0, 0, 0);
border-top: 10px solid rgba(1, 104, 155, .95)
}
.light.hotspotimage .tooltip {
color: dimgray;
background: #fff;
opacity: .95
}
.light.hotspotimage .tooltip:after {
border-top: 10px solid rgba(255, 255, 255, .95)
}
.light.hotspotimage .tooltip.bottom:after {
border-top: none;
border-bottom: 10px solid rgba(255, 255, 255, .95);
bottom: auto;
top: -10px
}
.hotspotimage .tooltip.left:after {
margin-left: 0;
left: 10px
}
.hotspotimage .tooltip.right:after {
left: auto;
margin-left: 0;
right: 10px
}
.hotspotimage .tooltip.bottom:after {
border-top: none;
border-bottom: 10px solid rgba(1, 104, 155, .95);
bottom: auto;
top: -10px
}
.hotspotimage .tooltip h3 {
font-style: italic
}
.hotspotimage .tooltip p,
.hotspotimage .tooltip li {
font-size: 1rem;
line-height: 1.5;
font-weight: normal
}
.hotspotimage .tooltip ol,
.hotspotimage .tooltip ul {
margin: 1px auto 0 auto;
padding: 0.25rem
}
.hotspotimage .tooltip ol {
list-style-type: decimal
}
.hotspotimage .tooltip ul {
list-style-type: disc
}
.hotspotimage .tooltip li {
position: relative;
margin-left: 1rem;
height: auto
}
.hotspotimage .tooltip img {
width: 100%
}
.hotspotimage .tooltip.imageleft,
.hotspotimage .tooltip.imageright {
max-width: 620px
}
.hotspotimage .tooltip.imageleft img,
.hotspotimage .tooltip.imageright img {
max-width: 45%;
position: relative;
top: 4px
}
.hotspotimage .tooltip.imageleft img {
float: left;
margin-right: 1rem
}
.hotspotimage .tooltip.imageright img {
float: right;
margin-left: 1rem
}
.hotspotimage .tooltip.imagetop,
.hotspotimage .tooltip.imagebottom {
max-width: 415px
}
.hotspotimage .tooltip.imagetop img {
margin-bottom: 1rem
}
.hotspotimage .tooltip.imagebottom img {
margin-bottom: 0
}
.hotspotinfo {
margin: 20px auto
}
@media(min-width: 992px) {
.js .hotspotinfo {
display: none
}
}
.hotspotinfo>div {
width: auto;
padding: 1rem 0 1rem 0;
display: block;
counter-increment: hotzonesdefs;
border-top: solid 1px #01689b
}
.hotspotinfo>div:after {
display: table;
clear: both;
content: ""
}
.hotspotinfo>div:before {
display: inline-flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
padding-top: 1px;
border-radius: 100%;
background-color: #01689b;
color: #fff;
content: counter(hotzonesdefs);
position: relative;
top: -3px;
margin-right: 10px
}
@media(min-width: 992px) {
.js .hotspotinfo>div:before {
content: "";
font-family: "RO Icons";
font-size: inherit;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
line-height: 1;
padding-top: 0
}
}
.hotspotinfo h4 {
display: inline
}
.hotspotinfo p {
font-size: 1.125rem
}
.hotspotinfo img {
width: 100%;
float: right;
margin: 10px 0 10px 0
}
@media(min-width: 992px) {
.hotspotinfo img {
width: 40%;
margin: 0 0 0 10px
}
}
.mapContainer {
margin-bottom: 30px
}
.mapContainer .map .spotlight.thumbnail {
min-height: 100px
}
.mapContainer .map .spotlight.thumbnail>h3 {
margin-left: 20px;
padding-left: 120px;
font-weight: normal;
margin-top: -0.3em
}
.mapContainer .map .spotlight.thumbnail>h3+img {
margin-left: 20px
}
.mapContainer .map .spotlight.thumbnail>h3+img+p {
margin-left: 20px;
padding-left: 120px
}
.js .mapContainer .map .spotlight.thumbnail {
position: absolute !important;
display: inline-block !important;
overflow: hidden;
clip: rect(0, 0, 0, 0);
margin: -1px;
padding: 0;
width: 1px;
height: 1px;
border: 0
}
.js .mapContainer .map {
border: 1px solid #ccc;
height: 500px;
margin-bottom: 0px
}
.js .mapContainer .map:focus {
outline: 2px dashed #000 !important;
z-index: 1010;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 2px #fff;
box-shadow: 0 0 0 2px #fff
}
.js .mapContainer .map table {
display: none
}
.js .mapContainer.no-touchevents .map {
margin-left: 0px;
margin-right: 0px
}
.mapContainer .map {
height: auto
}
.mapContainer .leaflet-map-pane,
.mapContainer .leaflet-tile,
.mapContainer .leaflet-marker-icon,
.mapContainer .leaflet-marker-shadow,
.mapContainer .leaflet-tile-pane,
.mapContainer .leaflet-tile-container,
.mapContainer .leaflet-overlay-pane,
.mapContainer .leaflet-shadow-pane,
.mapContainer .leaflet-marker-pane,
.mapContainer .leaflet-popup-pane,
.mapContainer .leaflet-overlay-pane svg,
.mapContainer .leaflet-zoom-box,
.mapContainer .leaflet-image-layer,
.mapContainer .leaflet-layer {
position: absolute;
left: 0;
top: 0
}
.mapContainer .leaflet-container {
overflow: hidden;
-ms-touch-action: none
}
.mapContainer .leaflet-tile,
.mapContainer .leaflet-marker-icon,
.mapContainer .leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none
}
.mapContainer .leaflet-marker-icon,
.mapContainer .leaflet-marker-shadow {
display: block
}
.mapContainer .leaflet-marker-icon:hover {
cursor: pointer
}
.mapContainer .leaflet-marker-icon:focus {
outline: 2px dashed #000 !important;
z-index: 1010;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 2px #fff;
box-shadow: 0 0 0 2px #fff
}
.mapContainer .leaflet-container img {
max-width: none !important
}
.mapContainer .leaflet-container img.leaflet-image-layer {
max-width: 15000px !important
}
.mapContainer .leaflet-tile {
-webkit-filter: inherit;
filter: inherit;
visibility: hidden
}
.mapContainer .leaflet-tile-loaded {
visibility: inherit
}
.mapContainer .leaflet-zoom-box {
width: 0;
height: 0
}
.mapContainer .leaflet-overlay-pane svg {
-moz-user-select: none
}
.mapContainer .leaflet-tile-pane {
z-index: 2
}
.mapContainer .leaflet-objects-pane {
z-index: 3
}
.mapContainer .leaflet-overlay-pane {
z-index: 4
}
.mapContainer .leaflet-shadow-pane {
z-index: 5
}
.mapContainer .leaflet-marker-pane {
z-index: 6
}
.mapContainer .leaflet-popup-pane {
z-index: 7
}
.mapContainer .leaflet-control {
position: relative;
z-index: 7;
pointer-events: auto
}
.mapContainer .leaflet-top,
.mapContainer .leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none
}
.mapContainer .leaflet-top {
top: 5px
}
.mapContainer .leaflet-right {
right: 0
}
.mapContainer .leaflet-bottom {
bottom: 0
}
.mapContainer .leaflet-left {
left: 5px
}
.mapContainer .leaflet-control {
float: left;
clear: both
}
.mapContainer .leaflet-right .leaflet-control {
float: right
}
.mapContainer .leaflet-fade-anim .leaflet-tile,
.mapContainer .leaflet-fade-anim .leaflet-popup {
opacity: 0;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear
}
.mapContainer .leaflet-fade-anim .leaflet-tile-loaded,
.mapContainer .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1
}
.mapContainer .leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, 0.25, 1);
transition: -webkit-transform .25s cubic-bezier(0, 0, 0.25, 1);
transition: transform .25s cubic-bezier(0, 0, 0.25, 1);
transition: transform .25s cubic-bezier(0, 0, 0.25, 1), -webkit-transform .25s cubic-bezier(0, 0, 0.25, 1)
}
.mapContainer .leaflet-zoom-anim .leaflet-tile,
.mapContainer .leaflet-pan-anim .leaflet-tile,
.mapContainer .leaflet-touching .leaflet-zoom-animated {
-webkit-transition: none;
transition: none
}
.mapContainer .leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden
}
.mapContainer .leaflet-clickable {
cursor: pointer
}
.mapContainer .leaflet-container {
cursor: -webkit-grab;
cursor: -moz-grab
}
.mapContainer .leaflet-popup-pane,
.mapContainer .leaflet-control {
cursor: auto
}
.mapContainer .leaflet-dragging,
.mapContainer .leaflet-dragging .leaflet-clickable,
.mapContainer .leaflet-dragging .leaflet-container {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing
}
.mapContainer .leaflet-container {
background: #ccc;
outline: 0
}
.mapContainer .leaflet-container .leaflet-active {
outline: 2px solid #e17000
}
.mapContainer .leaflet-zoom-box {
border: 2px dotted #007bc7;
background: #fff;
opacity: .5
}
.mapContainer .leaflet-container {
font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif
}
.mapContainer .leaflet-control-layers-toggle {
background-repeat: no-repeat;
display: block
}
.mapContainer .leaflet-touch .leaflet-bar a:last-child {
border-bottom: none
}
.mapContainer .leaflet-control-layers {
-webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, .4);
box-shadow: 0 1px 7px rgba(0, 0, 0, .4);
background: #fff
}
.mapContainer .leaflet-control-layers-toggle {
width: 36px;
height: 36px
}
.mapContainer .leaflet-retina .leaflet-control-layers-toggle {
background-size: 26px 26px
}
.mapContainer .leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px
}
.mapContainer .leaflet-control-layers .leaflet-control-layers-list,
.mapContainer .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none
}
.mapContainer .leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative
}
.mapContainer .leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #535353;
background: #fff
}
.mapContainer .leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px
}
.mapContainer .leaflet-control-layers label {
display: block
}
.mapContainer .leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ccc;
margin: 5px -10px 5px -6px
}
.mapContainer .leaflet-container .leaflet-control-attribution {
background-color: #fff;
background-color: rgba(255, 255, 255, .7);
-webkit-box-shadow: 0 0 5px #b4b4b4;
box-shadow: 0 0 5px #b4b4b4;
margin: 0
}
.mapContainer .leaflet-container .leaflet-control-attribution a:focus {
outline: 2px dashed #000 !important;
z-index: 1010;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 2px #fff;
box-shadow: 0 0 0 2px #fff
}
.mapContainer .leaflet-control-attribution,
.mapContainer .leaflet-control-scale-line {
padding: 0 5px;
color: #535353
}
.mapContainer .leaflet-container .leaflet-control-attribution,
.mapContainer .leaflet-container .leaflet-control-scale {
font-size: 11px
}
.mapContainer .leaflet-left .leaflet-control-scale {
margin-left: 5px
}
.mapContainer .leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px
}
.mapContainer .leaflet-top .leaflet-control-scale {
margin-top: 0
}
.mapContainer .leaflet-right .leaflet-control-scale {
margin-right: 0
}
.mapContainer .leaflet-control-scale-line {
border: 1px solid #999;
border-top: none;
color: #000;
line-height: 1.1;
padding: 2px 5px 1px;
font-size: 11px;
background-color: #fff;
background-color: rgba(255, 255, 255, .5);
white-space: nowrap;
overflow: hidden;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.mapContainer .leaflet-top .leaflet-control-scale-line {
border-top: 1px solid #999;
border-bottom: none
}
.mapContainer .leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #999;
border-bottom: none;
margin-top: -2px;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
}
.mapContainer .leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #999
}
.mapContainer .leaflet-touch .leaflet-control-attribution,
.mapContainer .leaflet-touch .leaflet-control-layers,
.mapContainer .leaflet-touch .leaflet-control-zoom {
-webkit-box-shadow: none;
box-shadow: none
}
.mapContainer .leaflet-touch .leaflet-control-layers,
.mapContainer .leaflet-touch .leaflet-bar {
background-clip: padding-box
}
.mapContainer .leaflet-touch .leaflet-control-layers,
.mapContainer .leaflet-touch .leaflet-control-zoom {
border-color: #000;
border: 4px solid rgba(0, 0, 0, .3)
}
.mapContainer .leaflet-popup {
position: absolute;
text-align: center
}
.mapContainer .leaflet-popup-content-wrapper {
padding: 1px;
text-align: left
}
.mapContainer .leaflet-popup-content {
overflow: hidden;
position: relative;
margin: 13px 19px;
line-height: 1.4
}
.mapContainer .leaflet-popup-content .map-data__image {
padding-left: 1rem;
float: left;
width: 27%;
margin-right: 1%;
margin-top: 5px
}
.mapContainer .leaflet-popup-content .map-data__image+.map-data__description {
float: right;
width: 72%;
max-width: 192px
}
.mapContainer .leaflet-popup-tip-container {
margin: 0 auto;
width: 40px;
height: 20px;
position: relative;
overflow: hidden
}
.mapContainer .leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.mapContainer .leaflet-popup-content-wrapper,
.mapContainer .leaflet-popup-tip {
background: #fff;
-webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, .4);
box-shadow: 0 3px 14px rgba(0, 0, 0, .4)
}
.mapContainer .leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
text-align: center;
width: 19px;
font-size: 19px;
text-decoration: none;
font-weight: bold;
background: rgba(0, 0, 0, 0)
}
.mapContainer .leaflet-container a.leaflet-popup-close-button:focus {
outline: 2px dotted #000 !important;
z-index: 1010;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 2px #fff;
box-shadow: 0 0 0 2px #fff
}
.mapContainer .leaflet-container a.leaflet-popup-close-button:hover {
color: #01496d
}
.mapContainer .leaflet-popup-scrolled {
overflow: auto;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc
}
.mapContainer .leaflet-div-icon {
background: #fff;
border: 1px solid dimgray
}
.mapContainer .leaflet-popup-pane {
z-index: 1001
}
.mapContainer .article-body .leaflet-popup-content a h3 {
color: #007bc7;
text-decoration: underline
}
.mapContainer .article-body .leaflet-popup-content h3 {
margin: 0 0 10px 0;
font-weight: bold;
margin-bottom: 10px;
color: #000;
font-size: 1.2em
}
.mapContainer .article-body .leaflet-popup-content .content-image {
float: left;
clear: none;
width: 32.5%;
margin: .25em 2.5% 0 0
}
.mapContainer .article-body .leaflet-popup-content .content-image img {
width: 100%
}
.mapContainer .article-body .leaflet-popup-content .content-image .caption {
margin: .6em 0 1.8em;
float: none
}
.mapContainer .leaflet-touch .leaflet-control-layers,
.mapContainer .leaflet-touch .leaflet-control-zoom {
border-color: #000;
border: none
}
@media(min-width: 36em) {
.mapContainer .leaflet-popup-content p {
max-width: 283px
}
}
.mapContainer .leaflet-popup {
margin-bottom: -90px
}
.mapContainer .leaflet-popup-tip-container {
display: none
}
@media(min-width: 36em) {
.mapContainer .leaflet-popup {
margin-bottom: 0
}
.mapContainer .leaflet-popup-tip-container {
display: block
}
}
.mapContainer .leaflet-bar {
padding-bottom: 40px;
padding-top: 0px;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0px
}
.mapContainer .leaflet-bar .leaflet-disabled {
cursor: default;
background-color: #e6e6e6;
color: #b4b4b4
}
.mapContainer .leaflet-bar a {
display: block;
text-align: center;
text-decoration: none;
padding: 0;
margin: 0 0 5px 0;
-webkit-font-smoothing: none;
width: 40px;
height: 40px;
text-indent: -999px;
overflow: hidden;
position: relative;
background: #f3f3f3;
border: none;
color: #01689b
}
.mapContainer .leaflet-bar a:before {
color: #01689b
}
.mapContainer .leaflet-bar a:hover {
background: #01689b
}
.mapContainer .leaflet-bar a:last-child {
border-bottom: none
}
.mapContainer .leaflet-control-zoom-in {
position: relative;
width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-indent: -9999px;
background-color: #f3f3f3
}
.mapContainer .leaflet-control-zoom-in:after {
content: "";
font-family: "RO Icons";
font-size: 1.125rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
-webkit-transition: color .3s ease;
transition: color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-indent: 0
}
.mapContainer .leaflet-control-zoom-in:after {
color: #01689b
}
.mapContainer .leaflet-control-zoom-in:hover {
outline: none;
background-color: #01689b
}
.mapContainer .leaflet-control-zoom-in:hover:after {
color: #fff
}
.mapContainer .leaflet-control-zoom-in:focus {
outline: 2px dashed #000 !important;
z-index: 1010;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 2px #fff;
box-shadow: 0 0 0 2px #fff
}
.mapContainer .leaflet-control-zoom-out {
position: relative;
width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-indent: -9999px;
background-color: #f3f3f3
}
.mapContainer .leaflet-control-zoom-out:after {
content: "";
font-family: "RO Icons";
font-size: 1.125rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
-webkit-transition: color .3s ease;
transition: color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-indent: 0
}
.mapContainer .leaflet-control-zoom-out:after {
color: #01689b
}
.mapContainer .leaflet-control-zoom-out:hover {
outline: none;
background-color: #01689b
}
.mapContainer .leaflet-control-zoom-out:hover:after {
color: #fff
}
.mapContainer .leaflet-control-zoom-out:focus {
outline: 2px dashed #000 !important;
z-index: 1010;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 2px #fff;
box-shadow: 0 0 0 2px #fff
}
.mapContainer .leaflet-control-layers-toggle {
background-repeat: no-repeat;
display: block
}
@media print {
.mapContainer .leaflet-container {
orphans: 3;
widows: 3;
page-break-inside: avoid;
page-break-before: always
}
.mapContainer .leaflet-container img {
max-width: none !important
}
.mapContainer .leaflet-tile-container {
page-break-inside: avoid;
page-break-before: always
}
}
.collapsiblePanels .map-data {
width: 100%;
float: left;
border-bottom: 1px solid #ccc;
margin: 0 0 15px 0;
padding: 0 0 15px 0
}
.collapsiblePanels .map-data:last-child {
border-bottom: none;
margin-bottom: 0
}
.map-data__link {
position: relative;
display: block;
text-decoration: none
}
.map-data__link .map-data__heading:hover {
text-decoration: underline
}
.map-data__link .map-data__heading,
.map-data__link .map-data__description {
padding-left: calc(8.4px + 0.75rem)
}
.map-data__link:focus {
text-decoration: none;
outline: 2px dotted #000;
z-index: 1010;
outline-offset: -2px;
-webkit-box-shadow: inset 0 0 0 2px #fff;
box-shadow: inset 0 0 0 2px #fff
}
.map-data__link.external .map-data__heading,
.map-data__link.external .map-data__description {
margin-left: 0;
padding-left: calc(8.4px + 0.25rem)
}
.map-data__link:not(.external) .map-data__heading:before {
content: "";
font-family: "RO Icons";
font-size: .7rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
left: 0;
top: .4em
}
.map-data__description {
color: #000;
margin: 0 0 10px 0
}
#logoBlock>.wrapper {
max-width: 1200px;
margin: 0 auto;
padding: 0 16px
}
#logoBlock h2 {
font-size: 1.6018066406rem;
line-height: 1.8728852309;
font-weight: normal;
color: #535353;
border-width: 0;
border-bottom: 1px solid #b4b4b4;
margin-bottom: 1.5rem
}
#logoBlock ul {
display: flex;
justify-content: center;
display: flex;
flex-wrap: wrap
}
#logoBlock ul>* {
-webkit-margin-after: 0;
margin-block-end: 0;
width: calc(50% - 8px)
}
#logoBlock ul>*:not(:nth-child(1n)) {
-webkit-margin-end: 0;
margin-inline-end: 0
}
#logoBlock ul>*:not(:nth-child(-n+1)) {
-webkit-margin-before: 0;
margin-block-start: 0
}
#logoBlock ul>*:not(:nth-child(2n)) {
-webkit-margin-end: 16px;
margin-inline-end: 16px
}
#logoBlock ul>*:not(:nth-child(-n+2)) {
-webkit-margin-before: 16px;
margin-block-start: 16px
}
@media(min-width: 768px) {
#logoBlock ul {
display: flex;
flex-wrap: wrap
}
#logoBlock ul>* {
-webkit-margin-after: 0;
margin-block-end: 0;
width: calc(33.3333333333% - 10.6666666667px)
}
#logoBlock ul>*:not(:nth-child(2n)) {
-webkit-margin-end: 0;
margin-inline-end: 0
}
#logoBlock ul>*:not(:nth-child(-n+2)) {
-webkit-margin-before: 0;
margin-block-start: 0
}
#logoBlock ul>*:not(:nth-child(3n)) {
-webkit-margin-end: 16px;
margin-inline-end: 16px
}
#logoBlock ul>*:not(:nth-child(-n+3)) {
-webkit-margin-before: 1.5rem;
margin-block-start: 1.5rem
}
}
@media(min-width: 992px) {
#logoBlock ul {
display: flex;
flex-wrap: wrap
}
#logoBlock ul>* {
-webkit-margin-after: 0;
margin-block-end: 0;
width: calc(20% - 12.8px)
}
#logoBlock ul>*:not(:nth-child(3n)) {
-webkit-margin-end: 0;
margin-inline-end: 0
}
#logoBlock ul>*:not(:nth-child(-n+3)) {
-webkit-margin-before: 0;
margin-block-start: 0
}
#logoBlock ul>*:not(:nth-child(5n)) {
-webkit-margin-end: 16px;
margin-inline-end: 16px
}
#logoBlock ul>*:not(:nth-child(-n+5)) {
-webkit-margin-before: 1.5rem;
margin-block-start: 1.5rem
}
}
@media(min-width: 1200px) {
#logoBlock ul {
display: flex;
flex-wrap: wrap
}
#logoBlock ul>* {
-webkit-margin-after: 0;
margin-block-end: 0;
width: calc(16.6666666667% - 13.3333333333px)
}
#logoBlock ul>*:not(:nth-child(5n)) {
-webkit-margin-end: 0;
margin-inline-end: 0
}
#logoBlock ul>*:not(:nth-child(-n+5)) {
-webkit-margin-before: 0;
margin-block-start: 0
}
#logoBlock ul>*:not(:nth-child(6n)) {
-webkit-margin-end: 16px;
margin-inline-end: 16px
}
#logoBlock ul>*:not(:nth-child(-n+6)) {
-webkit-margin-before: 1.5rem;
margin-block-start: 1.5rem
}
}
#logoBlock li>a,
#logoBlock li>img {
display: flex;
width: 100%;
height: 3rem;
justify-content: center;
align-items: center;
-o-object-fit: contain;
object-fit: contain;
font-family: "object-fit: contain;"
}
#logoBlock a>img {
width: auto;
max-height: 100%
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
#logoBlock a>img *::-ms-backdrop {
min-width: 1px
}
#logoBlock a>img {
min-width: 1px
}
}
.block-audio-video {
clear: left;
margin: 0 0 50px 0;
padding-bottom: 0
}
.block-audio-video .collapsiblePanels .panel>h3,
.block-audio-video .collapsiblePanels .panel>h3>button {
font-size: 1rem;
line-height: 1;
font-weight: normal
}
.block-audio-video .collapsiblePanels .panel>h3>button {
min-height: 0;
padding: 0.75rem 0.75rem
}
.block-audio-video .collapsiblePanels .panel>h3>button:after {
font-size: .8rem
}
.block-audio-video .collapsiblePanels .panel .downloads a {
font-size: 1.265625rem;
line-height: 1.5802469136
}
.block-audio-video .collapsiblePanels .panel .downloads a:focus {
outline: 2px dashed #000;
z-index: 1010;
outline-offset: -2px;
-webkit-box-shadow: inset 0 0 0 2px #fff;
box-shadow: inset 0 0 0 2px #fff
}
.block-audio-video .collapsiblePanels .panel .downloads a .meta {
font-size: 1rem;
line-height: 1.5;
color: #535353
}
.mejs__offscreen {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal
}
.mejs__container {
position: relative
}
.mejs__container:focus {
outline: 2px dashed #000;
z-index: 1010;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 2px #fff;
box-shadow: 0 0 0 2px #fff
}
.mejs__container.mejs__video {
margin-bottom: 40px
}
.mejs__container video::-webkit-media-controls,
.mejs__container video::-webkit-media-controls-panel,
.mejs__container video::-webkit-media-controls-panel-container,
.mejs__container video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important
}
.mejs__fill-container {
background: rgba(0, 0, 0, 0);
margin: 0 auto;
overflow: hidden;
position: relative
}
.mejs__fill-container,
.mejs__fill-container .mejs__container {
height: 100%;
width: 100%
}
.mejs__iframe-overlay {
height: 100%;
position: absolute;
width: 100%
}
.mejs__embed,
.mejs__embed body {
background: #000;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%
}
.mejs__fullscreen {
overflow: hidden !important
}
.mejs__captions-text,
.mejs__captions-text * {
background: #141414;
-webkit-box-shadow: 5px 0 0 #141414, -5px 0 0 #141414;
box-shadow: 5px 0 0 #141414, -5px 0 0 #141414;
padding: 0;
white-space: pre-wrap;
position: relative;
bottom: -10px;
font-size: clamp(16px, 3vw, 24px);
line-height: 1.2
}
.mejs__container-fullscreen {
bottom: 0;
left: 0;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
z-index: 999999
}
.mejs__container-fullscreen .mejs__mediaelement,
.mejs__container-fullscreen video {
height: 100% !important;
width: 100% !important
}
.mejs__container-fullscreen .mejs__captions-text {
bottom: 28px
}
.mejs__background {
left: 0;
position: absolute;
top: 0
}
.mejs__mediaelement {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0
}
.mejs__poster {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
left: 0;
position: absolute;
top: 0;
z-index: 1
}
.mejs__poster-img {
border: 0;
padding: 0
}
:root .mejs__poster-img {
display: none
}
.mejs__overlay {
align-items: center;
display: flex;
justify-content: center;
left: 0;
position: absolute;
top: 0
}
.mejs__layer {
z-index: 1
}
.mejs__overlay-play {
cursor: pointer
}
.mejs__overlay-button {
background: #01689b url("shared-ro/images/media_player_controls.svg") no-repeat;
background-position: -12px -61px;
height: 68px;
width: 68px;
-webkit-box-shadow: 1px 1px 2px #000;
box-shadow: 1px 1px 2px #000;
border-radius: 16px
}
.mejs__overlay-button:focus {
outline: 2px dashed #000;
z-index: 1010;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 2px #fff;
box-shadow: 0 0 0 2px #fff
}
.mejs__overlay:hover>.mejs__overlay-button {
background-position: -92px -61px
}
.mejs__icon-overlay-play {
display: none
}
.mejs__overlay-loading {
height: 80px;
width: 80px
}
.mejs__overlay-loading-bg-img {
-webkit-animation: mejs__loading-spinner 1s linear infinite;
animation: mejs__loading-spinner 1s linear infinite;
background: rgba(0, 0, 0, 0) url("shared-ro/images/media_player_controls.svg") -180px -10px no-repeat;
display: block;
height: 80px;
width: 80px;
z-index: 1
}
@-webkit-keyframes mejs__loading-spinner {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes mejs__loading-spinner {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.mejs__controls {
background-color: #f3f3f3;
bottom: -40px;
display: flex;
height: 40px;
left: 0;
list-style-type: none;
margin: 0;
padding: 0 2px;
position: absolute;
width: 100%;
z-index: 3
}
.mejs__container-fullscreen .mejs__controls {
bottom: 0px
}
.mejs__audio .mejs__controls {
position: relative;
bottom: 0
}
.mejs__button,
.mejs__time,
.mejs__time-rail {
font-size: 10px;
height: 40px;
line-height: 10px;
margin: 0;
width: 32px
}
.mejs__button>button {
position: absolute;
display: block;
width: 20px;
height: 20px;
min-height: 0;
background: rgba(0, 0, 0, 0) url("shared-ro/images/media_player_controls.svg");
padding: 0;
margin: 10px 6px;
font-size: 0;
line-height: 0;
text-decoration: none;
border: 0;
cursor: pointer
}
.mejs__button button:hover {
background-color: rgba(0, 0, 0, 0)
}
.mejs__button button:-moz-focusring,
.mejs__button [type=button]:-moz-focusring,
.mejs__button [type=reset]:-moz-focusring,
.mejs__button [type=submit]:-moz-focusring {
outline: 2px dashed #000;
z-index: 1010;
outline-offset: 0;
box-shadow: 0 0 0 2px #fff
}
.mejs__container-keyboard-inactive a,
.mejs__container-keyboard-inactive a:focus,
.mejs__container-keyboard-inactive button,
.mejs__container-keyboard-inactive button:focus,
.mejs__container-keyboard-inactive [role=slider],
.mejs__container-keyboard-inactive [role=slider]:focus {
outline: 0
}
.mejs__time {
-webkit-box-sizing: content-box;
box-sizing: content-box;
color: #535353;
font-size: 16px;
font-weight: bold;
height: 24px;
overflow: hidden;
padding: 16px 6px 0;
text-align: center;
width: auto
}
.mejs__play>button {
background-position: -6px -8px
}
.mejs__pause>button {
background-position: -6px -28px
}
.mejs__replay>button {
background-position: -6px -8px
}
.mejs__time-rail {
direction: ltr;
flex-grow: 1;
height: 40px;
margin: 0 10px;
padding-top: 10px;
position: relative
}
.mejs__time-total,
.mejs__time-buffering,
.mejs__time-loaded,
.mejs__time-current,
.mejs__time-float,
.mejs__time-hovered,
.mejs__time-float-current,
.mejs__time-float-corner,
.mejs__time-marker {
border-radius: 2px;
cursor: pointer;
display: block;
height: 10px;
position: absolute
}
.mejs__time-total {
background: dimgray;
margin: 5px 0 0;
width: 100%
}
.mejs__time-total:focus {
outline: 2px dashed #000;
z-index: 1010;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 2px #fff;
box-shadow: 0 0 0 2px #fff
}
.mejs__time-buffering {
-webkit-animation: buffering-stripes 2s linear infinite;
animation: buffering-stripes 2s linear infinite;
background: linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
background-size: 15px 15px;
width: 100%
}
@-webkit-keyframes buffering-stripes {
from {
background-position: 0 0
}
to {
background-position: 30px 0
}
}
@keyframes buffering-stripes {
from {
background-position: 0 0
}
to {
background-position: 30px 0
}
}
.mejs__time-loaded {
background: #ccc
}
.mejs__time-current {
background: #01689b
}
.mejs__time-handle-content {
background: #000
}
.mejs__time-hovered {
z-index: 10
}
.mejs__time-hovered.negative {
background: rgba(0, 0, 0, .2)
}
.mejs__time-current,
.mejs__time-buffering,
.mejs__time-loaded,
.mejs__time-hovered {
left: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: .15s ease-in all;
transition: .15s ease-in all;
width: 100%
}
.mejs__time-buffering {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.mejs__time-hovered {
-webkit-transition: height .1s cubic-bezier(0.44, 0, 1, 1);
transition: height .1s cubic-bezier(0.44, 0, 1, 1)
}
.mejs__time-hovered.no-hover {
-webkit-transform: scaleX(0) !important;
transform: scaleX(0) !important
}
.mejs__time-handle,
.mejs__time-handle-content {
border: 4px solid rgba(0, 0, 0, 0);
cursor: pointer;
left: 0;
position: absolute;
-webkit-transform: translateX(0);
transform: translateX(0);
z-index: 11
}
.mejs__time-handle-content {
border: 4px solid #000;
border-radius: 50%;
height: 10px;
left: -7px;
top: -4px;
-webkit-transform: scale(0);
transform: scale(0);
width: 10px
}
.mejs__time-rail:hover .mejs__time-handle-content,
.mejs__time-rail .mejs__time-handle-content:focus,
.mejs__time-rail .mejs__time-handle-content:active {
-webkit-transform: scale(1.5);
transform: scale(1.5)
}
.mejs__time-float {
background: #e1e1e1;
border: solid 1px #333;
bottom: 100%;
color: #111;
display: none;
height: 17px;
margin-bottom: 9px;
position: absolute;
text-align: center;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 36px
}
.mejs__long-video .mejs__time-float {
margin-left: -23px;
width: 64px
}
.mejs__time-float-current {
display: block;
left: 0;
margin: 2px;
text-align: center;
width: 30px
}
.mejs__long-video .mejs__time-float-current {
width: 60px
}
.mejs__time-float-corner {
border: solid 5px #e1e1e1;
border-color: #e1e1e1 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-radius: 0;
display: block;
height: 0;
left: 50%;
line-height: 0;
position: absolute;
top: 100%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 0
}
.mejs__broadcast {
color: #fff;
height: 10px;
position: absolute;
top: 15px;
width: 100%
}
.mejs__fullscreen-button>button {
background-position: -29px -9px
}
.mejs__unfullscreen>button {
background-position: -29px -29px
}
.mejs__mute>button {
background-position: -60px -7px
}
.mejs__unmute>button {
background-position: -60px -27px
}
.mejs__volume-button {
position: relative
}
.mejs__volume-button>.mejs__volume-slider {
-webkit-backface-visibility: hidden;
background: #f3f3f3;
border-radius: 0;
bottom: 100%;
display: none;
height: 115px;
left: 50%;
margin: 0;
position: absolute;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 25px;
z-index: 1
}
.mejs__volume-button:hover {
border-radius: 0 0 4px 4px
}
.mejs__volume-total {
background: #535353;
height: 100px;
left: 50%;
margin: 0;
position: absolute;
top: 8px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 2px
}
.mejs__volume-current {
background: #b4b4b4;
left: 0;
margin: 0;
position: absolute;
width: 100%
}
.mejs__volume-handle {
background: #01689b;
border-radius: 1px;
cursor: ns-resize;
height: 6px;
left: 50%;
position: absolute;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 16px
}
.mejs__horizontal-volume-slider {
display: block;
height: 36px;
position: relative;
vertical-align: middle;
width: 56px
}
.mejs__horizontal-volume-total {
background: rgba(50, 50, 50, .8);
border-radius: 2px;
font-size: 1px;
height: 8px;
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 16px;
width: 50px
}
.mejs__horizontal-volume-current {
background: rgba(255, 255, 255, .8);
border-radius: 2px;
font-size: 1px;
height: 100%;
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 0;
width: 100%
}
.mejs__horizontal-volume-handle {
display: none
}
.mejs__captions-button,
.mejs__chapters-button,
.mejs__audiodescription-button {
position: relative
}
.mejs__captions-button>button {
background-position: -89px -8px
}
.mejs__captions-enabled>button {
background-position: -89px -28px
}
.mejs__audiodescription-inactive>button {
background-position: -117px -8px
}
.mejs__audiodescription-active>button {
background-position: -117px -28px
}
.mejs__captions-layer {
bottom: 0;
color: #fff;
font-size: 18px;
left: 0;
line-height: 22px;
position: absolute;
text-align: center
}
.mejs__captions-layer a {
color: #fff;
text-decoration: underline
}
.mejs__captions-layer[lang=ar] {
font-size: 20px;
font-weight: normal
}
.mejs__captions-position {
bottom: 15px;
left: 0;
position: absolute;
width: 100%;
text-align: center
}
.mejs__captions-position-hover {
bottom: 15px
}
.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container {
display: none
}
.mejs__captions-selector.mejs__offscreen {
display: none
}
.mejs__overlay-error {
position: relative
}
.mejs__overlay-error>img {
left: 0;
max-width: 100%;
position: absolute;
top: 0;
z-index: -1
}
.mejs__cannotplay {
position: relative
}
.mejs__cannotplay,
.mejs__cannotplay a {
color: #fff;
font-size: .8em
}
.mejs__cannotplay p,
.mejs__cannotplay a {
display: inline-block;
padding: 0 15px;
width: 100%
}
@keyframes openPanel {
0% {
height: 0
}
100% {
height: 100%
}
}
.collapsiblePanels {
margin: 0 0 2rem;
padding: 0;
display: flex;
flex-direction: column
}
.collapsiblePanels .panel {
display: inline-block;
border-top: 1px solid #fff;
background-color: #f3f3f3;
width: 100%;
height: auto
}
.collapsiblePanels .panel>h3 {
display: block;
padding: 0;
margin: 0
}
.collapsiblePanels .panel p,
.collapsiblePanels .panel li {
font-size: 1.265625rem;
line-height: 1.3827160494
}
.collapsiblePanels .panel div:not(.location)>ul>li {
overflow: hidden;
position: relative;
-webkit-padding-start: calc(7px + 0.75rem);
padding-inline-start: calc(7px + 0.75rem)
}
.collapsiblePanels .panel div:not(.location)>ul>li:before {
position: absolute;
inset-inline-start: 0;
content: "";
background: #000;
display: block;
text-indent: -0.1em;
width: 6px;
height: 6px;
inset-block-start: 7.2px
}
@media(min-width: 768px) {
.collapsiblePanels .panel div:not(.location)>ul>li:before {
width: 7px;
height: 7px;
inset-block-start: 8.1px
}
}
@media(min-width: 992px) {
.collapsiblePanels .panel div:not(.location)>ul>li:before {
width: 7px;
height: 7px;
inset-block-start: 9.5px
}
}
.collapsiblePanels .panel button {
display: flex;
justify-content: space-between;
align-items: center;
text-decoration: none;
position: relative;
background-color: #f3f3f3;
color: #01689b;
font-weight: normal;
text-align: left;
width: 100%
}
.collapsiblePanels .panel button:after {
display: flex;
-webkit-transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
content: "";
font-family: "RO Icons";
font-size: .9rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #01689b
}
.collapsiblePanels .panel button[aria-expanded=true]:after {
-webkit-transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.collapsiblePanels .panelContent {
display: none;
width: 100%;
margin: 0;
padding: 1rem;
overflow: hidden;
background-color: #f3f3f3
}
.collapsiblePanels .panelContent:focus {
outline: 2px dashed #000;
z-index: 1010;
outline-offset: -2px;
-webkit-box-shadow: inset 0 0 0 2px #fff;
box-shadow: inset 0 0 0 2px #fff;
padding-bottom: 2px
}
.no-js .collapsiblePanels .panelContent {
height: 0px;
display: block;
-webkit-animation: openPanel .1s .5s forwards;
animation: openPanel .1s .5s forwards;
padding: 0
}
.collapsiblePanels .panelContent img {
float: right;
max-width: 30%;
margin: 0.5rem 0 0 0.5rem
}
.collapsiblePanels .panelContent table {
margin-left: 0px
}
.collapsiblePanels .downloads,
.collapsiblePanels .segments {
padding: 0px
}
.collapsiblePanels .downloads ul,
.collapsiblePanels .segments ul {
display: block;
list-style: none;
margin: 0;
padding: 0
}
.collapsiblePanels .downloads li,
.collapsiblePanels .segments li {
background: none;
margin: 0;
padding: 0 !important;
border-bottom: 1px solid #fff;
width: 100%
}
.collapsiblePanels .downloads li:before,
.collapsiblePanels .segments li:before {
display: none !important;
content: ""
}
.collapsiblePanels .downloads a,
.collapsiblePanels .segments a {
background-image: none;
padding: 0.5rem 1rem;
width: 100%;
line-height: 1.2em;
color: #01689b;
text-decoration: none;
display: block
}
.collapsiblePanels .downloads a.current,
.collapsiblePanels .segments a.current {
color: #000;
cursor: default;
font-weight: bold;
text-decoration: none
}
.collapsiblePanels .downloads a:hover,
.collapsiblePanels .segments a:hover {
background-color: #e6e6e6
}
.collapsiblePanels .downloads a:focus,
.collapsiblePanels .segments a:focus {
outline: 2px dashed #000;
z-index: 1010;
outline-offset: -2px;
-webkit-box-shadow: inset 0 0 0 2px #fff;
box-shadow: inset 0 0 0 2px #fff
}
.collapsiblePanels .downloads a img,
.collapsiblePanels .segments a img {
float: none;
margin: 0;
display: inline
}
.collapsiblePanels .downloads a .meta,
.collapsiblePanels .segments a .meta {
display: block;
clear: left;
margin: 0
}
.collapsiblePanels .hchart__img-download {
display: none
}
.collapsiblePanels .hchart__img-download.current {
display: block
}
@media print {
.collapsiblePanels .panel button {
display: none
}
.collapsiblePanels .panel .panelContent.segments {
display: none !important
}
.collapsiblePanels .panel .panelContent.downloads {
display: none !important
}
.collapsiblePanels .panel .panelContent table th,
.collapsiblePanels .panel .panelContent table tr,
.collapsiblePanels .panel .panelContent table td {
border-top: none
}
}
.gallery ul:not(.thumbnails)>li {
overflow: hidden;
position: relative;
-webkit-padding-start: calc(7px + 0.75rem);
padding-inline-start: calc(7px + 0.75rem)
}
.gallery ul:not(.thumbnails)>li:before {
position: absolute;
inset-inline-start: 0;
content: "";
background: #000;
display: block;
text-indent: -0.1em;
width: 6px;
height: 6px;
inset-block-start: 7.2px
}
@media(min-width: 768px) {
.gallery ul:not(.thumbnails)>li:before {
width: 7px;
height: 7px;
inset-block-start: 8.1px
}
}
@media(min-width: 992px) {
.gallery ul:not(.thumbnails)>li:before {
width: 7px;
height: 7px;
inset-block-start: 9.5px
}
}
.gallery .thumbnails {
margin-top: 2rem;
display: flex;
flex-wrap: wrap
}
.gallery .thumbnails>* {
-webkit-margin-after: 0;
margin-block-end: 0;
width: 100%
}
.gallery .thumbnails>*:not(:nth-child(1n)) {
-webkit-margin-end: 0;
margin-inline-end: 0
}
.gallery .thumbnails>*:not(:nth-child(-n+1)) {
-webkit-margin-before: 16px;
margin-block-start: 16px
}
@media(min-width: 768px) {
.gallery .thumbnails {
display: flex;
flex-wrap: wrap
}
.gallery .thumbnails>* {
-webkit-margin-after: 0;
margin-block-end: 0;
width: calc(50% - 12px)
}
.gallery .thumbnails>*:not(:nth-child(1n)) {
-webkit-margin-end: 0;
margin-inline-end: 0
}
.gallery .thumbnails>*:not(:nth-child(-n+1)) {
-webkit-margin-before: 0;
margin-block-start: 0
}
.gallery .thumbnails>*:not(:nth-child(2n)) {
-webkit-margin-end: 24px;
margin-inline-end: 24px
}
.gallery .thumbnails>*:not(:nth-child(-n+2)) {
-webkit-margin-before: 24px;
margin-block-start: 24px
}
}
@media(min-width: 1200px) {
.gallery .thumbnails {
display: flex;
flex-wrap: wrap
}
.gallery .thumbnails>* {
-webkit-margin-after: 0;
margin-block-end: 0;
width: calc(33.3333333333% - 16px)
}
.gallery .thumbnails>*:not(:nth-child(2n)) {
-webkit-margin-end: 0;
margin-inline-end: 0
}
.gallery .thumbnails>*:not(:nth-child(-n+2)) {
-webkit-margin-before: 0;
margin-block-start: 0
}
.gallery .thumbnails>*:not(:nth-child(3n)) {
-webkit-margin-end: 24px;
margin-inline-end: 24px
}
.gallery .thumbnails>*:not(:nth-child(-n+3)) {
-webkit-margin-before: 32px;
margin-block-start: 32px
}
}
.gallery .thumbnails li {
display: flex
}
.gallery .thumbnails a {
position: relative;
width: 100%;
height: 100%;
text-decoration: none
}
.gallery .thumbnails a:hover {
color: #01689b
}
.gallery .thumbnails a:hover h3 {
text-decoration: underline
}
.gallery .thumbnails img {
display: table
}
.gallery .thumbnails .duration {
position: absolute;
right: 0;
top: 0.5rem;
z-index: 100;
padding: 0.25rem 0.5rem;
margin-bottom: 0;
background-color: #01689b;
color: #fff;
font-size: 1rem;
line-height: 1;
font-weight: bold
}
.gallery .thumbnails h3 {
font-size: 1.265625rem;
line-height: 1.1851851852;
font-weight: normal;
padding-top: 1rem
}
.gallery .thumbnails .meta {
font-size: 1rem;
line-height: 1;
color: #535353;
margin-bottom: 0
}
.gallery-result,
.gallery.folder .thumbnails {
display: flex;
flex-wrap: wrap
}
.gallery-result>*,
.gallery.folder .thumbnails>* {
-webkit-margin-after: 0;
margin-block-end: 0;
width: 100%
}
.gallery-result>*:not(:nth-child(1n)),
.gallery.folder .thumbnails>*:not(:nth-child(1n)) {
-webkit-margin-end: 0;
margin-inline-end: 0
}
.gallery-result>*:not(:nth-child(-n+1)),
.gallery.folder .thumbnails>*:not(:nth-child(-n+1)) {
-webkit-margin-before: 16px;
margin-block-start: 16px
}
@media(min-width: 480px) {
.gallery-result,
.gallery.folder .thumbnails {
display: flex;
flex-wrap: wrap
}
.gallery-result>*,
.gallery.folder .thumbnails>* {
-webkit-margin-after: 0;
margin-block-end: 0;
width: calc(50% - 12px)
}
.gallery-result>*:not(:nth-child(1n)),
.gallery.folder .thumbnails>*:not(:nth-child(1n)) {
-webkit-margin-end: 0;
margin-inline-end: 0
}
.gallery-result>*:not(:nth-child(-n+1)),
.gallery.folder .thumbnails>*:not(:nth-child(-n+1)) {
-webkit-margin-before: 0;
margin-block-start: 0
}
.gallery-result>*:not(:nth-child(2n)),
.gallery.folder .thumbnails>*:not(:nth-child(2n)) {
-webkit-margin-end: 24px;
margin-inline-end: 24px
}
.gallery-result>*:not(:nth-child(-n+2)),
.gallery.folder .thumbnails>*:not(:nth-child(-n+2)) {
-webkit-margin-before: 24px;
margin-block-start: 24px
}
}
@media(min-width: 768px) {
.gallery-result,
.gallery.folder .thumbnails {
display: flex;
flex-wrap: wrap
}
.gallery-result>*,
.gallery.folder .thumbnails>* {
-webkit-margin-after: 0;
margin-block-end: 0;
width: calc(33.3333333333% - 16px)
}
.gallery-result>*:not(:nth-child(2n)),
.gallery.folder .thumbnails>*:not(:nth-child(2n)) {
-webkit-margin-end: 0;
margin-inline-end: 0
}
.gallery-result>*:not(:nth-child(-n+2)),
.gallery.folder .thumbnails>*:not(:nth-child(-n+2)) {
-webkit-margin-before: 0;
margin-block-start: 0
}
.gallery-result>*:not(:nth-child(3n)),
.gallery.folder .thumbnails>*:not(:nth-child(3n)) {
-webkit-margin-end: 24px;
margin-inline-end: 24px
}
.gallery-result>*:not(:nth-child(-n+3)),
.gallery.folder .thumbnails>*:not(:nth-child(-n+3)) {
-webkit-margin-before: 24px;
margin-block-start: 24px
}
}
.gallery-result li,
.gallery.folder .thumbnails li {
display: flex
}
.gallery-result a,
.gallery.folder .thumbnails a {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
text-decoration: none
}
.gallery-result a:hover,
.gallery.folder .thumbnails a:hover {
text-decoration: none
}
.gallery-result a:hover h3,
.gallery-result a:hover .caption,
.gallery.folder .thumbnails a:hover h3,
.gallery.folder .thumbnails a:hover .caption {
text-decoration: underline
}
.gallery-result a:hover p,
.gallery.folder .thumbnails a:hover p {
text-decoration: none
}
.gallery-result div,
.gallery.folder .thumbnails div {
display: flex;
flex-direction: column
}
.gallery-result img,
.gallery.folder .thumbnails img {
display: table;
margin-bottom: .5rem
}
.gallery-result h3,
.gallery.folder .thumbnails h3 {
font-size: 1.6018066406rem;
line-height: .9364426155;
font-weight: normal;
margin-bottom: 0.5rem
}
.article .gallery-result p:not(.article-meta):not(.meta):not(.superheading):not(.copyright),
.gallery-result p:not(.article-meta):not(.meta):not(.superheading):not(.copyright),
.article .gallery.folder .thumbnails p:not(.article-meta):not(.meta):not(.superheading):not(.copyright),
.gallery.folder .thumbnails p:not(.article-meta):not(.meta):not(.superheading):not(.copyright) {
font-size: 1.125rem;
line-height: 1.3333333333;
color: #000;
margin: 0
}
.gallery-result .copyright,
.gallery.folder .thumbnails .copyright {
position: relative;
display: flex;
align-items: center;
font-size: .7em;
color: #fff;
height: 1.5rem;
margin-top: -2rem;
padding-left: 0.5rem;
color: #fff;
text-shadow: 0px 0px 1px rgba(0, 0, 0, .5), -1px 0px 1px rgba(0, 0, 0, .5), 1px 0px 1px rgba(0, 0, 0, .5), 0px -1px 1px rgba(0, 0, 0, .5), 0px 1px 1px rgba(0, 0, 0, .5), 2px 2px 6px rgba(0, 0, 0, .5)
}
.gallery-result .copyright+.caption,
.gallery.folder .thumbnails .copyright+.caption {
padding-top: 0.5rem
}
.gallery-result .caption,
.gallery.folder .thumbnails .caption {
display: block
}
.gallery-result p.meta,
.gallery.folder .thumbnails p.meta {
font-size: 0.8888888889rem;
line-height: 1.40625;
color: #535353;
margin-top: 0.25rem
}
.gallery-result img {
margin-bottom: 1rem
}
.gallery-result img,
.gallery-result .img-container {
order: -1
}
.gallery-result .copyright {
color: #fff;
text-shadow: 0px 0px 1px rgba(0, 0, 0, .5), -1px 0px 1px rgba(0, 0, 0, .5), 1px 0px 1px rgba(0, 0, 0, .5), 0px -1px 1px rgba(0, 0, 0, .5), 0px 1px 1px rgba(0, 0, 0, .5), 2px 2px 6px rgba(0, 0, 0, .5);
margin-top: -2.5rem
}
.gallery-result .copyright+h3 {
margin-top: 1rem
}
@keyframes openPanel {
0% {
height: 0
}
100% {
height: 100%
}
}
.timeline {
background-color: #f3f3f3;
margin: 0rem -1rem 2.5rem -1rem;
padding: 1.5rem 1rem 1rem 0.5rem;
width: auto;
clear: both
}
@media(min-width: 576px) {
.timeline {
margin: 0rem 0rem 2.5rem 0rem;
padding: 2rem 2rem 1rem 1rem;
width: 100%
}
}
.timeline>h2 {
margin: 0rem 0rem 1rem 1rem;
font-size: 1.8020324707rem;
line-height: 1.3873223933;
color: #01689b
}
.timeline>.timeline__subHeading {
margin: -0.75rem 0rem 1rem 1rem;
display: block;
font-size: 1.265625rem;
line-height: 1.1851851852;
font-weight: normal;
color: #112
}
.timeline .mediaContainer {
-webkit-margin-after: 0;
margin-block-end: 0
}
.timelineList,
.majorEvent {
list-style: none;
-webkit-padding-start: 0;
padding-inline-start: 0;
margin: 0
}
.timelineToggle {
float: none;
border: none;
min-height: 0;
padding: 0;
margin: 0rem 0rem 0rem 1rem;
font-size: 1.265625rem;
line-height: 1.1851851852;
text-decoration: underline
}
.timelineToggle:after {
display: table;
clear: both;
content: ""
}
.timelineToggle,
.timelineToggle:hover {
background: rgba(0, 0, 0, 0);
color: #01689b;
outline: none
}
.timelineToggle:hover {
text-decoration: none
}
@media print {
.timelineToggle {
display: none
}
}
.timelineMajor {
list-style: none;
-webkit-padding-start: 0;
padding-inline-start: 0;
background-color: rgba(0, 0, 0, 0);
position: relative;
display: block;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='100' viewBox='0 0 2 100'%3E%3Crect width='2' height='100' style='fill: %2301689b'/%3E%3C/svg%3E");
background-repeat: repeat-y;
background-position-x: 1rem
}
.timelineMajor:after {
display: table;
clear: both;
content: ""
}
.timelineMajor:first-of-type {
-webkit-margin-before: 1rem;
margin-block-start: 1rem
}
.timelineMajor:last-of-type {
-webkit-margin-after: 1rem;
margin-block-end: 1rem
}
.timelineMajor:not(:last-child) {
-webkit-margin-after: 0;
margin-block-end: 0
}
.timelineMajor .majorEvent {
-webkit-margin-before: 0;
margin-block-start: 0;
display: none
}
.js .timelineMajor .majorEvent {
overflow: visible
}
.no-js .timelineMajor .majorEvent {
height: 0;
display: block;
-webkit-animation: openPanel .1s .5s forwards;
animation: openPanel .1s .5s forwards
}
@media print {
.timelineMajor .majorEvent {
display: block
}
}
.timelineMajor>a {
position: relative;
padding: 1rem 2rem 1rem 3.5rem;
display: block;
width: 100%
}
@media(min-width: 768px) {
.timelineMajor>a {
-webkit-padding-start: 3rem;
padding-inline-start: 3rem
}
}
.timelineMajor>a:before {
background-color: #fff;
color: #01689b;
height: 2rem;
width: 2rem;
font-size: 12px;
line-height: 1;
inset-block-start: 8px;
inset-inline-start: 1px;
-webkit-margin-end: 2.5rem;
margin-inline-end: 2.5rem;
border: solid 4px #01689b;
z-index: 9
}
@media(min-width: 768px) {
.timelineMajor>a:before {
inset-block-start: 10px;
font-size: 13px
}
}
@media(min-width: 992px) {
.timelineMajor>a:before {
font-size: 18px
}
}
.timelineMajor>a:hover:before {
color: #01689b;
border: solid 4px #01689b
}
.timelineMajor>a[aria-expanded=true]:before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.timelineMajor.open .majorEvent {
display: block;
height: auto
}
.timelineMajorMarker {
font-size: 1.423828125rem;
line-height: 1.0534979424;
margin: 0;
color: #01689b
}
.timelineMajorMarker:hover {
text-decoration: underline
}
.timelineMajorIntro {
-webkit-padding-start: 0;
padding-inline-start: 0;
margin: 0rem 0rem 1rem 3.5rem;
font-size: 1.125rem;
line-height: 1.3333333333
}
.timelineMajorIntro:not(:last-child) {
margin: 0rem 0rem 1rem 3.5rem
}
.timelineMajorIntro ul {
padding: 0;
list-style-type: none
}
.timelineMajorIntro ul.list-style-type--disc {
list-style-type: disc
}
.timelineMajorIntro ul.list-style-type--circle {
list-style-type: circle
}
.timelineMajorIntro ul.list-style-type--square {
list-style-type: square
}
.timelineMajorIntro ul[class*=list-style-type] li {
overflow: visible;
-webkit-padding-start: initial;
padding-inline-start: initial;
-webkit-margin-start: 1em;
margin-inline-start: 1em
}
.timelineMajorIntro ul[class*=list-style-type] li:before {
display: none
}
.timelineMajorIntro>ul>li,
.timelineMajorIntro>ul ul>li {
overflow: hidden;
position: relative;
-webkit-padding-start: calc(7px + 0.75rem);
padding-inline-start: calc(7px + 0.75rem)
}
.timelineMajorIntro>ul>li:before,
.timelineMajorIntro>ul ul>li:before {
position: absolute;
inset-inline-start: 0;
content: "";
background: #000;
display: block;
text-indent: -0.1em;
width: 6px;
height: 6px;
inset-block-start: 7.2px
}
@media(min-width: 768px) {
.timelineMajorIntro>ul>li:before,
.timelineMajorIntro>ul ul>li:before {
width: 7px;
height: 7px;
inset-block-start: 8.1px
}
}
@media(min-width: 992px) {
.timelineMajorIntro>ul>li:before,
.timelineMajorIntro>ul ul>li:before {
width: 7px;
height: 7px;
inset-block-start: 9.5px
}
}
.timelineMajorIntro ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results) {
-webkit-padding-start: 1.5rem;
padding-inline-start: 1.5rem;
list-style-type: decimal
}
.timelineMajorIntro ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-alpha {
list-style-type: lower-alpha
}
.timelineMajorIntro ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-alpha {
list-style-type: upper-alpha
}
.timelineMajorIntro ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-roman {
list-style-type: lower-roman
}
.timelineMajorIntro ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-roman {
list-style-type: upper-roman
}
.timelineMajorIntro ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--decimal {
list-style-type: decimal
}
.timelineMajorIntro ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results)>li {
-webkit-padding-start: 0.25rem;
padding-inline-start: 0.25rem
}
.timelineMajorIntro>ol>li>ul>li {
overflow: hidden;
position: relative;
-webkit-padding-start: calc(7px + 0.75rem);
padding-inline-start: calc(7px + 0.75rem)
}
.timelineMajorIntro>ol>li>ul>li:before {
position: absolute;
inset-inline-start: 0;
content: "";
background: #000;
display: block;
text-indent: -0.1em;
width: 6px;
height: 6px;
inset-block-start: 7.2px
}
@media(min-width: 768px) {
.timelineMajorIntro>ol>li>ul>li:before {
width: 7px;
height: 7px;
inset-block-start: 8.1px
}
}
@media(min-width: 992px) {
.timelineMajorIntro>ol>li>ul>li:before {
width: 7px;
height: 7px;
inset-block-start: 9.5px
}
}
@media(min-width: 768px) {
.timelineMajorIntro {
-webkit-margin-start: 3rem;
margin-inline-start: 3rem
}
.timelineMajorIntro:not(:last-child) {
margin: 0rem 0rem 1rem 3rem
}
}
@media(min-width: 992px) {
.timelineMajorIntro {
-webkit-margin-start: 3rem;
margin-inline-start: 3rem
}
.timelineMajorIntro:not(:last-child) {
margin: 0rem 0rem 1rem 3rem
}
}
.timelineMinor {
display: block;
padding: 0rem 0rem 0rem 3.5rem
}
@media(min-width: 768px) {
.timelineMinor {
padding: 0rem 0rem 0rem 3rem
}
}
.timelineMinor:not(:last-child) {
margin: 0rem 0rem 0rem 0rem
}
.timelineMinor.open .timelineEventHead>a:before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.timelineMinor.open .timelineEvent {
display: block
}
.timelineMinor.open .thumb {
display: none
}
.no-js .timelineMinor .timelineEvent {
display: block
}
.no-js .timelineMinor .thumb {
display: none
}
@media print {
.timelineMinor .timelineEvent {
display: block
}
.timelineMinor .thumb {
display: none
}
}
.timelineEventHead {
padding: 1.5rem 0rem 0rem 0rem;
margin: 0rem 0rem 0rem -3rem;
position: relative;
display: block;
width: calc(100% + 3rem)
}
.timelineEventHead:after {
display: table;
clear: both;
content: ""
}
.timelineEventHead:before {
position: absolute;
width: 100%;
width: calc(100% - 3rem);
inset-inline-start: 3rem;
inset-block-start: 0;
content: " ";
height: 3px;
border-top: solid 3px #fff
}
.timelineEventHead>a {
position: relative;
display: block;
width: 100%
}
.timelineEventHead>a:after {
display: table;
clear: both;
content: ""
}
.timelineEventHead>a:before {
inset-block-start: 0;
inset-inline-start: -3px;
background-color: #01689b;
color: #fff;
font-size: 10px;
line-height: 10px;
height: 22px;
width: 22px
}
@media(min-width: 768px) {
.timelineEventHead>a:before {
inset-inline-start: 4px
}
}
@media(min-width: 992px) {
.timelineEventHead>a:before {
inset-inline-start: 5px
}
}
.timelineEventHead>a:hover h4 {
text-decoration: underline
}
.timelineEventHead>a:hover:before {
background-color: #01689b
}
.timelineEventHead>a[aria-expanded=true]:before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.timelineEventHead h4 {
font-size: 1.265625rem;
line-height: 1.1851851852;
margin: 0;
width: calc(80% - 15px);
float: left;
padding: 0rem 0rem 1rem 3rem
}
.timelineEventHead h4 span {
display: block;
width: 100%;
font-size: 1.125rem;
line-height: 1.3333333333;
font-weight: normal;
-webkit-margin-before: 0.25rem;
margin-block-start: 0.25rem
}
@media(min-width: 768px) {
.timelineEventHead h4 {
padding: 0rem 0rem 1rem 3rem
}
}
@media(min-width: 992px) {
.timelineEventHead h4 {
padding: 0rem 0rem 1rem 3rem
}
}
.timelineEventHead .thumb {
max-width: 20%;
float: right;
margin: 1rem 0rem 1rem 0rem;
position: relative
}
.timelineEventHead .thumb .copyright {
position: absolute;
inset-block-end: 0.5rem;
inset-inline-start: 0.5rem;
padding: 0;
color: #fff;
text-shadow: 0px 0px 1px rgba(0, 0, 0, .5), -1px 0px 1px rgba(0, 0, 0, .5), 1px 0px 1px rgba(0, 0, 0, .5), 0px -1px 1px rgba(0, 0, 0, .5), 0px 1px 1px rgba(0, 0, 0, .5), 2px 2px 6px rgba(0, 0, 0, .5)
}
.timelineEventHead .thumb img {
display: table
}
.timelineEventHead .thumb.hideImg {
display: none
}
.timelineEvent {
display: none;
position: relative;
-webkit-padding-after: 1.5rem;
padding-block-end: 1.5rem
}
.timelineEvent:after {
display: table;
clear: both;
content: ""
}
.timelineEvent ul {
padding: 0;
list-style-type: none
}
.timelineEvent ul.list-style-type--disc {
list-style-type: disc
}
.timelineEvent ul.list-style-type--circle {
list-style-type: circle
}
.timelineEvent ul.list-style-type--square {
list-style-type: square
}
.timelineEvent ul[class*=list-style-type] li {
overflow: visible;
-webkit-padding-start: initial;
padding-inline-start: initial;
-webkit-margin-start: 1em;
margin-inline-start: 1em
}
.timelineEvent ul[class*=list-style-type] li:before {
display: none
}
.timelineEvent>ul>li,
.timelineEvent>ul ul>li {
overflow: hidden;
position: relative;
-webkit-padding-start: calc(7px + 0.75rem);
padding-inline-start: calc(7px + 0.75rem)
}
.timelineEvent>ul>li:before,
.timelineEvent>ul ul>li:before {
position: absolute;
inset-inline-start: 0;
content: "";
background: #000;
display: block;
text-indent: -0.1em;
width: 6px;
height: 6px;
inset-block-start: 7.2px
}
@media(min-width: 768px) {
.timelineEvent>ul>li:before,
.timelineEvent>ul ul>li:before {
width: 7px;
height: 7px;
inset-block-start: 8.1px
}
}
@media(min-width: 992px) {
.timelineEvent>ul>li:before,
.timelineEvent>ul ul>li:before {
width: 7px;
height: 7px;
inset-block-start: 9.5px
}
}
.timelineEvent ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results) {
-webkit-padding-start: 1.5rem;
padding-inline-start: 1.5rem;
list-style-type: decimal
}
.timelineEvent ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-alpha {
list-style-type: lower-alpha
}
.timelineEvent ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-alpha {
list-style-type: upper-alpha
}
.timelineEvent ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-roman {
list-style-type: lower-roman
}
.timelineEvent ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-roman {
list-style-type: upper-roman
}
.timelineEvent ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--decimal {
list-style-type: decimal
}
.timelineEvent ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results)>li {
-webkit-padding-start: 0.25rem;
padding-inline-start: 0.25rem
}
.timelineEvent>ol>li>ul>li {
overflow: hidden;
position: relative;
-webkit-padding-start: calc(7px + 0.75rem);
padding-inline-start: calc(7px + 0.75rem)
}
.timelineEvent>ol>li>ul>li:before {
position: absolute;
inset-inline-start: 0;
content: "";
background: #000;
display: block;
text-indent: -0.1em;
width: 6px;
height: 6px;
inset-block-start: 7.2px
}
@media(min-width: 768px) {
.timelineEvent>ol>li>ul>li:before {
width: 7px;
height: 7px;
inset-block-start: 8.1px
}
}
@media(min-width: 992px) {
.timelineEvent>ol>li>ul>li:before {
width: 7px;
height: 7px;
inset-block-start: 9.5px
}
}
.timelineEvent p,
.timelineEvent li {
font-size: 1.125rem;
line-height: 1.3333333333
}
.timelineEvent p,
.timelineEvent ul {
-webkit-margin-after: 0.5rem;
margin-block-end: 0.5rem
}
.timelineEvent p:last-child,
.timelineEvent ul:last-child {
-webkit-margin-after: 0;
margin-block-end: 0
}
.no-js .timelineEvent {
height: 0;
display: block;
-webkit-animation: openPanel .1s .5s forwards;
animation: openPanel .1s .5s forwards
}
.timelineEvent .media {
float: left;
margin: 5px 0 10px 0px;
margin: 0.5rem 0rem 1rem 0rem;
width: 100%
}
@media(min-width: 480px) {
.timelineEvent .media {
float: right;
width: auto;
margin: 5px 0 10px 20px;
margin: 0.5rem 0rem 1.5rem 1.5rem
}
}
.timelineEvent .media img {
margin: 0;
width: 100%
}
@media(min-width: 480px) {
.timelineEvent .media img {
max-width: 250px
}
}
.timelineEvent .media .copyright {
position: relative;
-webkit-margin-after: 0;
margin-block-end: 0;
padding: 0.5rem 0rem 0rem 0rem;
text-shadow: none;
color: dimgray;
max-width: 220px
}
.timelineEvent .media .cite {
font-size: .8em;
max-width: 240px
}
.timelineEvent .mediaOptions {
z-index: 8
}
.timelineEvent .scrollcontainer {
clear: both
}
.timelineEvent .block-audio-video {
clear: both;
display: block;
margin: 15px 0 15px 0
}
.timelineEvent .block-audio-video:after {
display: table;
clear: both;
content: ""
}
.timelineEvent .block-audio-video .collapsiblePanels {
border-bottom: 1px solid #fff
}
.timelineEvent .openLightbox,
.timelineEvent .toggleOptionBox,
.timelineEvent .mejs__controls,
.timelineEvent .collapsiblePanels .panel,
.timelineEvent .collapsiblePanels .panel button,
.timelineEvent table {
background-color: #e6e6e6
}
.timelineEvent .mejs__container {
background: rgba(0, 0, 0, 0)
}
.timelineEvent .mejs__horizontal-volume-current {
background: rgba(255, 255, 255, .7)
}
.timelineEvent table th {
background-color: #ccc
}
.timelineToggle:focus,
.timelineEventHead>a:focus,
.timelineMajor>a:focus {
outline: 2px dashed #000;
z-index: 1010;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 2px #fff;
box-shadow: 0 0 0 2px #fff;
position: relative;
z-index: 10
}
.timelineToggle:focus::before {
border: none
}
.timelineMajor .majorEvent:focus,
.timelineEvent:focus {
outline-width: 0
}
.timelineMajor>a,
.timelineEventHead>a {
color: #01689b
}
.timelineMajor>a,
.timelineMajor>a:hover,
.timelineEventHead>a,
.timelineEventHead>a:hover {
text-decoration: none
}
.timelineMajor>a:hover,
.timelineEventHead>a:hover {
color: #01496d
}
.timelineMajor>a:before,
.timelineEventHead>a:before {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
content: "";
font-family: "RO Icons";
border-radius: 100%;
z-index: 1000;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
@media print {
.timelineMajor>a:before,
.timelineEventHead>a:before {
content: ""
}
}
.timelineMajor>a[aria-expanded=true]:before,
.timelineMajor.open>a:before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.streamer {
border-left: none;
background: none;
margin-top: 0;
color: dimgray;
padding: 2rem
}
.streamer::before {
display: none
}
@media(min-width: 480px) {
.streamer {
padding: 2rem 10%
}
}
@media(min-width: 768px) {
.streamer {
padding: 2rem 15%
}
}
.streamer p {
font-size: 1.6018066406rem;
line-height: 1.5607376924;
font-style: italic;
margin-bottom: 0
}
@media(min-width: 992px) {
.streamer p {
font-size: 1.8020324707rem;
line-height: 1.3873223933
}
}
.streamer p strong {
font-weight: normal
}
.ctaWrapper {
width: 100%
}
.btnCta {
font-size: 1.265625rem;
line-height: 1.5802469136;
width: auto;
min-height: 44px;
padding: .75rem 1rem;
cursor: pointer;
border: none;
border-radius: 0;
position: relative;
color: #fff;
background-color: #01689b;
position: relative;
background-color: #39870c;
text-decoration: none;
display: inline-flex;
justify-content: center;
align-items: center;
margin-bottom: 1rem
}
.btnCta:focus {
outline: 2px solid #fff;
outline-offset: 4px;
z-index: 1010;
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0)
}
.btnCta:focus::after {
content: "";
position: absolute;
z-index: 99;
inset: -6px;
border: 2px dashed #000
}
.btnCta:hover {
color: #fff;
outline: none;
background-color: #01496d
}
.btnCta:hover::after {
border: 2px dashed rgba(0, 0, 0, 0)
}
.btnCta:hover {
background-color: #275d08
}
.btnCta:hover,
.btnCta:visited {
color: #fff;
text-decoration: none
}
.btnCta.external:before {
position: relative;
color: #fff;
top: auto;
left: auto;
font-size: 0.8888888889rem;
margin-right: 0.5rem
}
.btnCta .ctaIcon {
position: relative;
max-width: 18px;
max-height: 18px;
width: auto;
height: 18px;
height: 100%;
margin-right: 0.5rem
}
.poll {
margin-bottom: 1.5rem
}
.poll .formWrapper,
.poll .poll-results {
padding: 1.5rem;
background-color: #f3f3f3
}
.poll input[type=submit] {
margin-top: 1rem
}
.poll input[type=submit],
.poll input[type=submit]:hover {
background-color: #ccc
}
.poll input[type=submit].enabled {
background-color: #01689b
}
.poll input[type=submit].enabled:hover {
background-color: #01496d
}
.poll .poll-results li:not(.total) {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.poll .poll-results li:not(:last-child) {
margin-bottom: 1.5rem
}
.poll .poll-results li:last-child {
margin-bottom: 0
}
.poll .poll-results p {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 100%;
margin-bottom: 0.5rem;
font-size: 1.265625rem;
line-height: 1.1851851852
}
.poll .poll-results .fullbar {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% - 44px);
background-color: #fff
}
@media(min-width: 768px) {
.poll .poll-results .fullbar {
flex-basis: calc(100% - 68px)
}
}
.poll .poll-results .resultbar,
.poll .poll-results .resultnumber {
height: 20px
}
.poll .poll-results .resultbar {
background-color: #01689b
}
.poll .poll-results .resultnumber {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 44px;
text-align: right
}
@media(min-width: 768px) {
.poll .poll-results .resultnumber {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 68px
}
}
.poll .poll-results .total {
padding-top: 0.5rem
}
.poll__title {
font-weight: bold;
margin: 0rem 0rem 0.5rem 0rem;
font-size: 1.8020324707rem;
line-height: 1.1098579146
}
.js .poll label.radio {
padding: 0rem 0rem 0rem 0.5rem;
display: flex;
align-items: center
}
.js .poll label.radio:not(:last-of-type) {
margin-bottom: 0.5rem
}
.js .poll label.radio input[type=radio] {
position: relative;
top: 0;
width: 15px;
height: 18px;
opacity: 1;
margin-right: 0.5rem;
margin-top: 0
}
@media(min-width: 992px) {
.js .poll label.radio input[type=radio] {
top: -1px
}
}
.twitter-tweet {
font-family: Helvetica, Arial, Calibri, sans-serif;
margin-bottom: 1rem;
border: 1px solid #e6e6e6;
border-radius: 4px;
overflow: hidden;
background-color: #fff
}
@media(min-width: 480px) {
.twitter-tweet {
max-width: 500px;
width: 75%
}
}
.twitter-tweet:hover {
border: 1px solid #ccc
}
.twitter-tweet .follow-btn {
display: inline-flex;
align-items: center;
height: 1.5rem;
border-radius: 4px;
font-size: 0.8888888889rem;
line-height: 1.125;
text-decoration: none;
padding: 0 0.5rem;
border: 0;
background-color: #007bc7;
color: #fff;
cursor: pointer
}
.twitter-tweet .follow-btn:before {
content: "";
font-family: "RO Icons";
font-size: inherit;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: .85em;
margin-right: 0.25rem;
color: #fff
}
.twitter-tweet .follow-btn:hover,
.twitter-tweet .follow-btn:focus {
background-color: #005b94
}
.tweet-image img {
width: 100%;
display: table
}
.tweet-meta {
position: relative;
padding: 1rem
}
.tweet-author {
display: block;
margin-bottom: 1rem
}
.tweet-author-username>h3 {
font-size: 1.125rem;
line-height: 1.7777777778;
margin-bottom: 0
}
a.tweet-author-screenname {
display: block;
font-weight: normal;
font-size: 1rem;
line-height: 1;
color: dimgray;
text-decoration: none
}
a.tweet-author-screenname:visited {
color: #01689b
}
.twitter-logo {
position: absolute;
right: 1rem;
top: calc(1rem - 0.375rem);
text-decoration: none
}
.twitter-logo:before {
content: "";
font-family: "RO Icons";
font-size: inherit;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #000
}
.twitter-logo:hover {
text-decoration: none
}
.twitter-logo:visited:before {
color: #000
}
.tweet-text {
margin-bottom: 0.25rem
}
.tweet-text p {
font-size: 1.125rem;
line-height: 1.3333333333
}
.tweet-text p:last-of-type {
margin-bottom: 0
}
.tweet-text a {
text-decoration: underline;
color: #2b7bb9
}
.tweet-text a:hover {
text-decoration: none
}
.tweet-text a:focus {
color: #3b94d9
}
.tweet-date {
margin-bottom: 0.75rem;
font-size: 1rem;
line-height: 1.5;
color: #535353
}
.tweet-date span:first-child {
display: inline-block
}
.tweet-location a {
position: relative;
color: #697882;
line-height: inherit;
text-decoration: none;
padding-left: 15px;
margin-left: 0.5rem
}
.tweet-location a:before {
position: absolute;
left: 0;
top: 0;
display: block;
content: "";
width: 12px;
height: 16px;
background-color: #697882;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Ctitle%3Emap-marker-alt%3C/title%3E%3Cpath d='M172.27,501.67C27,291,0,269.41,0,192,0,86,86,0,192,0S384,86,384,192c0,77.41-27,99-172.27,309.67a24,24,0,0,1-39.46,0ZM192,272a80,80,0,1,0-80-80A80,80,0,0,0,192,272Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Ctitle%3Emap-marker-alt%3C/title%3E%3Cpath d='M172.27,501.67C27,291,0,269.41,0,192,0,86,86,0,192,0S384,86,384,192c0,77.41-27,99-172.27,309.67a24,24,0,0,1-39.46,0ZM192,272a80,80,0,1,0-80-80A80,80,0,0,0,192,272Z'/%3E%3C/svg%3E")
}
.tweet-location a:hover,
.tweet-location a:focus {
color: #000;
text-decoration: none
}
.tweet-location a:hover::before,
.tweet-location a:focus::before {
background-color: #000
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
*::-ms-backdrop .tweet-location a:before {
background-color: rgba(0, 0, 0, 0);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Ctitle%3Emap-marker-alt%3C/title%3E%3Cpath d='M172.27,501.67C27,291,0,269.41,0,192,0,86,86,0,192,0S384,86,384,192c0,77.41-27,99-172.27,309.67a24,24,0,0,1-39.46,0ZM192,272a80,80,0,1,0-80-80A80,80,0,0,0,192,272Z'/%3E%3C/svg%3E")
}
* .tweet-location a:before {
background-color: rgba(0, 0, 0, 0);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Ctitle%3Emap-marker-alt%3C/title%3E%3Cpath d='M172.27,501.67C27,291,0,269.41,0,192,0,86,86,0,192,0S384,86,384,192c0,77.41-27,99-172.27,309.67a24,24,0,0,1-39.46,0ZM192,272a80,80,0,1,0-80-80A80,80,0,0,0,192,272Z'/%3E%3C/svg%3E")
}
}
.tweet-action {
display: flex;
flex-direction: column;
align-items: flex-start
}
.tweet-action-buttons {
display: flex;
align-items: center;
list-style-type: none;
margin: 0rem 0rem 1rem 0rem
}
.tweet-action-buttons li {
margin: 0;
padding: 0;
font-size: 1rem;
line-height: 1.5
}
.tweet-action-buttons li:not(:last-child) {
margin-right: 1rem
}
.tweet-action-buttons a {
color: #535353;
text-decoration: none;
display: flex
}
.tweet-action-buttons a:hover,
.tweet-action-buttons a:focus {
text-decoration: none
}
.tweet-action-buttons a.reply {
font-size: 0
}
.tweet-action-buttons a.reply:before {
content: "";
font-family: "RO Icons";
font-size: inherit;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1rem
}
.tweet-action-buttons a.reply:hover,
.tweet-action-buttons a.reply:focus {
color: #007bc7
}
.tweet-action-buttons a.retweet:before,
.tweet-action-buttons a.heart:before {
margin-right: 0.25rem
}
.tweet-action-buttons a.retweet:before {
content: "";
font-family: "RO Icons";
font-size: inherit;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.tweet-action-buttons a.retweet:hover,
.tweet-action-buttons a.retweet:focus {
color: #39870c
}
.tweet-action-buttons a.heart:before {
content: "";
font-family: "RO Icons";
font-size: inherit;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.tweet-action-buttons a.heart:hover,
.tweet-action-buttons a.heart:focus {
color: #ca005d
}
.profiledetail .headline {
margin-bottom: 0.5rem
}
@media(min-width: 768px) {
.profiledetail .headline {
display: flex;
justify-content: space-between;
align-items: flex-start;
background-color: #f3f3f3
}
}
@media(min-width: 768px) {
.profiledetail .headline>* {
flex-basis: 50%;
width: 50%
}
}
.profiledetail .headline .visual {
position: relative;
margin-bottom: 1rem
}
@media(min-width: 768px) {
.profiledetail .headline .visual {
margin-bottom: 0;
padding-right: 0.75rem
}
}
.profiledetail .headline .visual img {
display: table
}
.profiledetail .headline .visual .copyright {
position: absolute;
z-index: 10;
bottom: 0.5rem;
left: 0.5rem;
margin: 0;
color: #fff;
text-shadow: 0px 0px 1px rgba(0, 0, 0, .5), -1px 0px 1px rgba(0, 0, 0, .5), 1px 0px 1px rgba(0, 0, 0, .5), 0px -1px 1px rgba(0, 0, 0, .5), 0px 1px 1px rgba(0, 0, 0, .5), 2px 2px 6px rgba(0, 0, 0, .5)
}
@media(min-width: 768px) {
.profiledetail .headline div:last-child {
padding: 1.5rem;
padding-left: 0.75rem
}
}
.profiledetail .headline div:last-child h1 {
margin: 0rem 0rem 1rem 0rem;
font-size: 1.8020324707rem;
line-height: 1.3873223933;
font-weight: normal
}
@media(min-width: 768px) {
.profiledetail .headline div:last-child h1 {
margin-bottom: 1rem
}
}
.profiledetail .headline div:last-child dl {
margin: 0
}
.profiledetail .headline div:last-child dt {
font-weight: bold
}
@media(min-width: 768px) {
.profiledetail .headline div:last-child dt {
padding-left: 1px
}
.profiledetail .headline div:last-child dt:first-child {
display: none
}
}
.profiledetail .headline div:last-child dd {
padding-bottom: 1rem;
border-bottom: 1px solid #f3f3f3;
font-size: 1.265625rem;
line-height: 1.5802469136
}
.profiledetail .headline div:last-child dd:last-child {
margin-bottom: 0;
padding-bottom: 0
}
@media(min-width: 576px) {
.profiledetail .headline div:last-child dd {
flex-basis: 100%
}
}
.profiledetail>dl {
margin-bottom: 0
}
.profiledetail>dl dt {
font-weight: bold;
padding-top: 1rem
}
@media(min-width: 768px) {
.profiledetail>dl dt {
padding-left: 1px
}
}
.profiledetail>dl dd {
padding-bottom: 1rem;
border-bottom: 1px solid #f3f3f3
}
.profiledetail>dl dt,
.profiledetail>dl dd {
margin: 0
}
@media(min-width: 768px) {
.profiledetail>dl dt,
.profiledetail>dl dd {
padding: 1rem 0;
border-bottom: 1px solid #f3f3f3
}
}
.hchart .highcharts-tooltip span {
z-index: 1050
}
.hchart .innerTooltip {
z-index: 1050;
background-color: #fff;
padding: 0.5rem 1rem;
margin: 4px 0px 2px 1px
}
.hchart .graphImg h2 {
text-align: center;
margin: 0
}
.hchart .graphImg h2 span {
display: block;
font-size: 1.125rem;
color: #535353
}
.hchart .highcharts-legend-item span {
color: #01689b
}
.js .hchart[data-type=table] .collapsiblePanels .panel .panelContent {
display: block !important
}
.js .hchart[data-type=table] .collapsiblePanels .panel .panelContent .dataSet {
display: block
}
.newsletterItems article {
display: flex;
flex-direction: column;
margin-bottom: 2rem;
padding: 2rem 0rem 1rem 0rem;
border-top: 2px solid #e6e6e6
}
.newsletterItems .textCol {
order: 2
}
.newsletterItems .textCol ul {
padding: 0;
list-style-type: none
}
.newsletterItems .textCol ul.list-style-type--disc {
list-style-type: disc
}
.newsletterItems .textCol ul.list-style-type--circle {
list-style-type: circle
}
.newsletterItems .textCol ul.list-style-type--square {
list-style-type: square
}
.newsletterItems .textCol ul[class*=list-style-type] li {
overflow: visible;
-webkit-padding-start: initial;
padding-inline-start: initial;
-webkit-margin-start: 1em;
margin-inline-start: 1em
}
.newsletterItems .textCol ul[class*=list-style-type] li:before {
display: none
}
.newsletterItems .textCol>ul>li,
.newsletterItems .textCol>ul ul>li {
overflow: hidden;
position: relative;
-webkit-padding-start: calc(7px + 0.75rem);
padding-inline-start: calc(7px + 0.75rem)
}
.newsletterItems .textCol>ul>li:before,
.newsletterItems .textCol>ul ul>li:before {
position: absolute;
inset-inline-start: 0;
content: "";
background: #000;
display: block;
text-indent: -0.1em;
width: 6px;
height: 6px;
inset-block-start: 7.2px
}
@media(min-width: 768px) {
.newsletterItems .textCol>ul>li:before,
.newsletterItems .textCol>ul ul>li:before {
width: 7px;
height: 7px;
inset-block-start: 8.1px
}
}
@media(min-width: 992px) {
.newsletterItems .textCol>ul>li:before,
.newsletterItems .textCol>ul ul>li:before {
width: 7px;
height: 7px;
inset-block-start: 9.5px
}
}
.newsletterItems .textCol ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results) {
-webkit-padding-start: 1.5rem;
padding-inline-start: 1.5rem;
list-style-type: decimal
}
.newsletterItems .textCol ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-alpha {
list-style-type: lower-alpha
}
.newsletterItems .textCol ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-alpha {
list-style-type: upper-alpha
}
.newsletterItems .textCol ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-roman {
list-style-type: lower-roman
}
.newsletterItems .textCol ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-roman {
list-style-type: upper-roman
}
.newsletterItems .textCol ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--decimal {
list-style-type: decimal
}
.newsletterItems .textCol ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results)>li {
-webkit-padding-start: 0.25rem;
padding-inline-start: 0.25rem
}
.newsletterItems .textCol>ol>li>ul>li {
overflow: hidden;
position: relative;
-webkit-padding-start: calc(7px + 0.75rem);
padding-inline-start: calc(7px + 0.75rem)
}
.newsletterItems .textCol>ol>li>ul>li:before {
position: absolute;
inset-inline-start: 0;
content: "";
background: #000;
display: block;
text-indent: -0.1em;
width: 6px;
height: 6px;
inset-block-start: 7.2px
}
@media(min-width: 768px) {
.newsletterItems .textCol>ol>li>ul>li:before {
width: 7px;
height: 7px;
inset-block-start: 8.1px
}
}
@media(min-width: 992px) {
.newsletterItems .textCol>ol>li>ul>li:before {
width: 7px;
height: 7px;
inset-block-start: 9.5px
}
}
.newsletterItems .imgCol {
order: 0
}
.newsletterItems h2 {
order: 1
}
.superheading-container {
display: flex;
flex-direction: column
}
.superheading-container>h1.blog-post {
order: 2
}
.superheading-container>h1.blog-post:first-of-type {
-webkit-margin-before: 0;
margin-block-start: 0;
-webkit-margin-after: 0;
margin-block-end: 0
}
.superheading-container>h1.blog-post .subtitle {
display: block;
font-size: .6em;
font-style: italic
}
p.superheading {
order: 1;
color: dimgray;
font-size: 1.6018066406rem;
-webkit-margin-after: 0;
margin-block-end: 0
}
p.superheading+h1 {
-webkit-margin-before: 0;
margin-block-start: 0
}
.filtertool h1 {
font-size: 2.0272865295rem;
line-height: 1.2331754607;
margin-top: 0;
margin-bottom: 0.75rem
}
#filtertool2-description p {
margin-top: 0
}
.filtertool-question {
position: relative
}
.filtertool-element-hidden {
display: none
}
.filtertool-questions-form {
background-color: #f3f3f3;
padding: 2rem 3rem 2rem 2rem;
margin-bottom: 2rem;
position: relative
}
.filtertool-question-header {
margin-bottom: 0.5rem
}
.filtertool-question-text-label {
font-size: 1.8020324707rem;
line-height: 1.3873223933;
display: block;
font-weight: bold;
display: block;
font-weight: bold;
margin-right: 2rem;
margin-bottom: 0.5rem
}
.filtertool-question-text-label:focus {
outline: none
}
.filtertool-help-text-button {
position: relative;
width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-indent: -9999px;
background-color: #01689b;
position: absolute;
top: 0;
right: 0;
margin-right: -3rem
}
.filtertool-help-text-button:after {
content: "";
font-family: "RO Icons";
font-size: inherit;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
-webkit-transition: color .3s ease;
transition: color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-indent: 0
}
.filtertool-help-text-button:after {
color: #fff
}
.filtertool-help-text-button:hover {
background-color: #01496d
}
.filtertool-help-text-button:hover:after {
color: #fff
}
.filtertool-help-text-button.close {
position: relative;
width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-indent: -9999px;
background-color: #01689b;
position: absolute;
top: 0;
right: calc(-44px - 2rem)
}
.filtertool-help-text-button.close:after {
content: "";
font-family: "RO Icons";
font-size: inherit;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
-webkit-transition: color .3s ease;
transition: color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-indent: 0
}
.filtertool-help-text-button.close:after {
color: #fff
}
.filtertool-help-text-button.close:hover {
background-color: #01496d
}
.filtertool-help-text-button.close:hover:after {
color: #fff
}
.filtertool-help-text-button.button-remove-before-submit,
.filtertool-help-text-button.button-remove-after-submit {
position: relative;
width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-indent: -9999px;
background-color: #01689b;
float: left;
margin-right: 0.5rem
}
.filtertool-help-text-button.button-remove-before-submit:after,
.filtertool-help-text-button.button-remove-after-submit:after {
content: "";
font-family: "RO Icons";
font-size: inherit;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
-webkit-transition: color .3s ease;
transition: color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-indent: 0
}
.filtertool-help-text-button.button-remove-before-submit:after,
.filtertool-help-text-button.button-remove-after-submit:after {
color: #fff
}
.filtertool-help-text-button.button-remove-before-submit:hover,
.filtertool-help-text-button.button-remove-after-submit:hover {
background-color: #01496d
}
.filtertool-help-text-button.button-remove-before-submit:hover:after,
.filtertool-help-text-button.button-remove-after-submit:hover:after {
color: #fff
}
.filtertool-help-text {
-webkit-transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
width: calc(100% - 25px);
overflow: hidden;
max-height: 0;
width: 100%;
display: block;
padding-left: 1.5rem
}
.filtertool-help-text.filtertool-toggle-open {
max-height: 150px
}
.filtertool-question-options {
margin-bottom: 2rem
}
.filtertool-question-options li {
position: relative;
width: 100%;
min-height: 2.5rem
}
.filtertool-question-options li label {
display: flex;
align-items: center;
min-height: 2.5rem;
padding: .4rem 0;
padding-right: 1rem
}
.filtertool-question-options li input {
min-width: 16px;
min-height: 16px;
margin-right: 0.5rem;
margin-top: .2rem;
margin-bottom: auto
}
@media(min-width: 768px) {
.filtertool-question-options li input {
margin-top: .3rem
}
}
@media(min-width: 992px) {
.filtertool-question-options li input {
margin-top: .4rem
}
}
@media(min-width: 992px) {
.filtertool-question-options li input[type=radio] {
position: relative;
top: -0.1rem
}
}
.filtertool-question-help {
font-size: 1.125rem;
line-height: 1.3333333333
}
.filtertool-nav {
display: flex;
justify-content: flex-end;
flex-direction: row-reverse
}
.filtertool-nav .filtertool-previousQuestionButton {
margin-right: 1rem
}
.filtertool-contentblocks-header-grouping {
-webkit-margin-after: 2rem;
margin-block-end: 2rem
}
.filtertool-contentblocks-header-grouping .filtertool-groupingButton {
background-color: rgba(0, 0, 0, 0);
color: #01689b;
text-decoration: underline;
padding: 0;
margin: 0
}
.filtertool-contentblocks-header-grouping .filtertool-groupingButton:hover {
text-decoration: none
}
.filtertool-contentblocks-header-grouping .filtertool-groupingButton:focus {
border: 2px dotted #000
}
.filtertool-contentblocks-header-grouping .filtertool-groupingButton:focus::before {
content: none;
padding: 0
}
.filtertool-contentblocks-header-grouping .filtertool-groupingButton.active {
text-decoration: none;
color: #000;
font-weight: bold
}
.filtertool-contentblock-header {
background-color: #f3f3f3;
width: 100%;
min-height: 44px;
padding: 1rem;
padding-right: 3rem;
margin: 0;
position: relative
}
.filtertool-contentblock-header h4 {
font-size: 1.265625rem;
line-height: 1.1851851852;
font-weight: normal;
color: #01689b
}
.filtertool-contentblock-header p {
margin-bottom: 0
}
.is-grouped-accordeon .filtertool-contentblock-header {
background-color: #fff;
padding-left: 41px;
padding-right: 16px
}
.is-grouped-accordeon .item-is-open .filtertool-contentblock-header {
background-color: #f3f3f3
}
.filtertool-contentblock {
border-bottom: solid 1px #fff
}
.is-grouped-accordeon .filtertool-contentblock {
border-bottom: 1px solid #e6e6e6
}
.filtertool-contentblock-title {
margin: 0
}
button.filtertool-contentblock-toggle-button {
display: flex;
justify-content: space-between;
align-items: center;
text-decoration: none;
position: relative;
text-align: left;
background: rgba(0, 0, 0, 0);
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0 1rem;
color: rgba(0, 0, 0, 0);
font-size: 1.265625rem;
line-height: 1.1851851852
}
button.filtertool-contentblock-toggle-button:after {
display: flex;
-webkit-transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
content: "";
font-family: "RO Icons";
font-size: .9rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #01689b
}
button.filtertool-contentblock-toggle-button[aria-expanded=true]:after {
-webkit-transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
button.filtertool-contentblock-toggle-button:focus {
-webkit-box-shadow: none;
box-shadow: none
}
.filtertool-contentblock-body {
background-color: #f3f3f3;
padding: 1rem
}
.filtertool-contentblock-body.filtertool-toggle-closed {
display: none
}
.filtertool-contentblock-body p:last-child {
margin-bottom: 0
}
.filtertool-contentblock-body p+.filtertool-contentblock-location-content {
margin-top: -1rem
}
.filtertool-contentblock-body ul>li {
overflow: hidden;
position: relative;
-webkit-padding-start: calc(7px + 0.75rem);
padding-inline-start: calc(7px + 0.75rem)
}
.filtertool-contentblock-body ul>li:before {
position: absolute;
inset-inline-start: 0;
content: "";
background: #000;
display: block;
text-indent: -0.1em;
width: 6px;
height: 6px;
inset-block-start: 7.2px
}
@media(min-width: 768px) {
.filtertool-contentblock-body ul>li:before {
width: 7px;
height: 7px;
inset-block-start: 8.1px
}
}
@media(min-width: 992px) {
.filtertool-contentblock-body ul>li:before {
width: 7px;
height: 7px;
inset-block-start: 9.5px
}
}
.filtertool-contentblock-body ul:last-child {
margin-bottom: 0
}
.filtertool-contentblock-body ul+.filtertool-contentblock-location-content {
margin-top: -2rem
}
.is-grouped-accordeon .filtertool-contentblock-body {
background-color: #fff;
padding-top: 0;
padding-left: 41px;
padding-right: 16px
}
.is-grouped-accordeon .item-is-open .filtertool-contentblock-body {
background-color: #f3f3f3
}
.filtertool-location-section {
margin-bottom: 2rem
}
.filtertool-contentblocks-list.is-grouped-accordeon {
border-top: 1px solid #e6e6e6;
margin-bottom: 2rem
}
@media(max-width: 767px) {
.filtertool-contentblocks-list.is-grouped-accordeon {
margin-left: -16px;
margin-right: -16px
}
}
.filtertool-contentblocks-group {
margin-bottom: 2rem
}
.filtertool-contentblocks-group .filtertool-contentblocks-group-header:only-child {
display: none
}
.is-grouped-accordeon .filtertool-contentblocks-group {
margin-bottom: 0
}
.filtertool-contentblocks-group.group-is-closed .filtertool-contentblock {
display: none
}
.is-grouped-accordeon .filtertool-contentblocks-group-header {
position: relative;
display: flex;
align-items: center;
padding-left: 41px;
padding-right: 16px;
height: 44px;
border-bottom: 1px solid #e6e6e6
}
.is-grouped-accordeon .filtertool-contentblocks-group-header>h3 {
margin: 0
}
.is-grouped-accordeon .group-is-open .filtertool-contentblocks-group-header {
background-color: #f3f3f3
}
.filtertool-feedback-list {
background-color: #f3f3f3;
padding: 1rem 2rem 1rem 2rem;
margin-bottom: 2rem;
position: relative
}
.filtertool-feedback-list .filtertool-feedback-change-answer-button {
background: rgba(0, 0, 0, 0);
color: #01689b;
padding: 0;
margin: 0;
text-decoration: underline;
min-height: auto
}
.filtertool-feedback-list .filtertool-feedback-change-answer-button:hover {
text-decoration: none
}
.filtertool-savePDFButton,
.filtertool-resetFormButton {
margin-bottom: 1rem
}
.filtertool-question-progress-bar {
height: 4px;
width: 100%;
background-color: #e1e1e1;
margin-bottom: 1rem
}
.filtertool-question-progress-bar-progress {
width: 0;
height: 4px;
background-color: #01689b
}
button.filtertool-contentblocks-group-toggle-button {
display: flex;
justify-content: space-between;
align-items: center;
text-decoration: none;
position: relative;
background: rgba(0, 0, 0, 0);
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
min-height: 0;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0)
}
button.filtertool-contentblocks-group-toggle-button:before {
display: flex;
-webkit-transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
content: "";
font-family: "RO Icons";
font-size: .9rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #01689b
}
button.filtertool-contentblocks-group-toggle-button[aria-expanded=true]:before {
-webkit-transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
button.filtertool-contentblocks-group-toggle-button:before {
position: relative;
left: 17px
}
button.filtertool-contentblocks-group-toggle-button:focus {
-webkit-box-shadow: none;
box-shadow: none
}
.campaignImage {
position: relative;
width: 100%;
overflow: hidden
}
.campaignImage .gradient {
position: absolute;
left: 0px;
top: 0px;
background-color: rgba(0, 0, 0, 0);
width: 100%;
height: 20%;
min-height: 120px;
z-index: 8;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.45)), to(rgba(0, 0, 0, 0)));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%)
}
.campaignImage .slideControls {
display: flex;
align-items: center;
bottom: 1.5rem
}
.campaignImage .toggleState {
display: inline-block;
position: relative;
margin-left: 1rem;
padding: 10px 6px;
width: 22px;
height: 22px;
min-height: 0;
text-indent: -9999px;
z-index: 10;
background: rgba(0, 0, 0, .6);
border: 1px solid #000;
border-color: rgba(255, 255, 255, .6)
}
.campaignImage .toggleState:after {
content: "";
position: absolute;
right: 4px;
bottom: 3px;
width: 12px;
height: 14px;
border-right: 4px solid #fff;
border-left: 4px solid #fff;
border-color: rgba(255, 255, 255, .9)
}
.campaignImage .toggleState:hover:after {
border-color: rgba(255, 255, 255, .5)
}
.campaignImage .toggleState:focus::before {
inset: -7px
}
.campaignImage .toggleState.pauzed:after {
content: "";
position: absolute;
top: 4px;
left: 6px;
height: 0;
border-style: solid;
border-width: 6px 0 6px 9px;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(255, 255, 255, .9)
}
.campaignImage .toggleState.pauzed:hover:after {
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(255, 255, 255, .5)
}
.campaignImage.cycle .slide {
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
opacity: 0;
display: block;
-webkit-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out
}
.campaignImage.cycle .slide:first-child {
opacity: 0
}
.campaignImage.cycle .slide.current {
opacity: 1
}
.campaignImage .slide {
background-color: #fff;
width: 100%;
height: 100%;
display: none;
opacity: 0;
background-size: cover;
background-position: center center
}
.campaignImage .slide:first-child {
display: block;
opacity: 1
}
.campaignImage .slide:first-child img {
min-height: 160px
}
.campaignImage .slide img {
width: 100%;
height: auto
}
.hmap ul {
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
display: block
}
.hmap a {
color: #01689b;
text-decoration: none
}
.hmap a:hover,
.hmap a:active {
text-decoration: underline
}
.hmap .descriptionText,
.hmap .description {
background: rgba(0, 0, 0, 0)
}
.hmap .descriptionText a,
.hmap .description a {
display: inline-block
}
.hmap .descriptionText p,
.hmap .description p {
padding: 0px 0px 20px 10px
}
.hmap .label {
z-index: 1 !important
}
.hmap .highcharts-tooltip span {
z-index: 9999 !important
}
.hmap .tooltip {
padding: 5px
}
.hmap .innerTooltip {
z-index: 9999 !important;
margin-top: 7px;
margin-left: 3px;
margin-right: 3px
}
.hmap .mapAreaDark {
color: #01689b
}
.hmap .mapAreaLight {
color: #d9f2ff
}
.hmap .mapAreaHover {
color: #f3f3f3
}
.hmap .source {
display: block;
text-align: left;
font-size: .8125em;
color: #535353;
margin: 0 0 10px 0
}
.hmap .thematicmap {
margin-bottom: 20px;
height: auto;
width: 100%
}
.hmap .dataSet {
display: block;
padding: 0 20px 10px 20px;
overflow: auto
}
.hmap .dataSet table {
margin-left: 0px;
width: auto
}
.hmap .dataSet table caption {
padding: 0;
margin-bottom: .6em
}
.hmap .dataSet table caption .title {
color: #000;
display: block;
font-size: 1.125em;
line-height: 1.3em;
font-weight: bold;
margin: 0 0 .2em 0
}
.hmap .dataSet table caption .subtitle {
display: block;
font-size: .875em;
color: #535353
}
.hmap .dataSet table td {
text-align: right;
width: auto
}
.hmap .dataSet table th {
width: auto;
text-align: right
}
.hmap .dataSet table th:first-child {
text-align: left
}
.js .hmap .metadata,
.js .hmap .downloadDataset {
display: none
}
.js .hmap .dataSet {
display: none
}
.js .hmap .dataSet.current {
display: block
}
.js .hmap .downloads li {
display: none
}
.js .hmap .downloads li.current,
.js .hmap .downloads li.panelDownloadLink {
display: block
}
.js .hmap .metaPanel {
display: none
}
.actions {
clear: both
}
.actions>ul.common {
display: flex;
justify-content: space-between;
align-items: baseline
}
.actions>ul.common li {
display: block;
width: 50%;
word-break: break-word
}
.actions>ul.common li.next>a,
.actions>ul.common li.previous>a {
display: flex;
flex-direction: column;
font-weight: normal;
text-decoration: none
}
@media(max-width: 575px) {
.actions>ul.common li.next>a,
.actions>ul.common li.previous>a {
font-size: 1.125rem
}
}
.actions>ul.common li.next>a:hover span,
.actions>ul.common li.previous>a:hover span {
text-decoration: underline
}
.actions>ul.common li.next>a:hover span.meta,
.actions>ul.common li.previous>a:hover span.meta {
text-decoration: none
}
.actions>ul.common li.next>a:before,
.actions>ul.common li.next>a:after,
.actions>ul.common li.previous>a:before,
.actions>ul.common li.previous>a:after {
content: "" !important
}
.actions>ul.common li.next>a .meta,
.actions>ul.common li.previous>a .meta {
color: #000
}
.actions>ul.common li.next {
align-items: center;
position: relative;
justify-content: flex-end;
margin-left: auto
}
.actions>ul.common li.next:after {
content: "";
font-family: "RO Icons";
font-size: .8rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #01689b;
right: 0;
position: absolute;
z-index: 0;
top: 1.75rem
}
.actions>ul.common li.next a {
padding-left: 0;
z-index: 1;
padding-right: 2rem;
text-align: right
}
.actions>ul.common li.previous {
align-items: center;
position: relative
}
.actions>ul.common li.previous:before {
content: "";
font-family: "RO Icons";
font-size: .8rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #01689b;
position: absolute;
z-index: 0;
top: 1.75rem
}
.actions>ul.common li.previous a {
z-index: 1;
padding-left: 2rem
}
.representations {
margin-bottom: 2rem
}
@media(min-width: 992px) {
.representations {
margin-bottom: 3rem
}
}
h1+.representations {
margin-top: 2rem
}
@media(min-width: 992px) {
h1+.representations {
margin-top: 3rem
}
}
.representations>.common:not(:last-child) {
margin-bottom: 1.5rem
}
@media(min-width: 992px) {
.representations>.common:not(:last-child) {
margin-bottom: 2.5rem
}
}
.brickRow.nieuws,
.brickRow.latestItems {
margin-bottom: 2.5rem
}
.brickRow.nieuws>.brick,
.brickRow.latestItems>.brick {
margin-bottom: 1.5rem
}
@media(min-width: 992px) {
.brickRow.nieuws>.brick,
.brickRow.latestItems>.brick {
margin-bottom: 2rem
}
}
.brickRow.nieuws>.brick p,
.brickRow.latestItems>.brick p {
margin-top: 0
}
.brickRow.nieuws>.brick p:last-child,
.brickRow.latestItems>.brick p:last-child {
margin-bottom: 0
}
.brickRow.nieuws h3,
.brickRow.latestItems h3 {
font-size: 1.5101977836rem;
line-height: 1.1587886163;
margin: 0.5rem 0rem 1rem 0rem;
font-weight: normal;
order: 1;
margin-top: 0;
word-break: break-word
}
.brickRow.nieuws>.more,
.brickRow.latestItems>.more {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 100%;
margin-top: 1rem;
margin-bottom: 0
}
@media(min-width: 992px) {
.brickRow.nieuws>.more,
.brickRow.latestItems>.more {
margin-top: 0
}
}
.brickRow.nieuws>.brick {
margin-bottom: 2rem
}
@media(min-width: 992px) {
.brickRow.nieuws>.brick {
margin-bottom: 2.5rem
}
}
@media(max-width: 991px) {
.brickRow.nieuws>.brick:nth-of-type(n + 3) .brick-image {
display: none;
visibility: hidden
}
}
.brickRow.nieuws .publDate {
display: block
}
.brickRow.nieuws h3,
.brickRow.nieuws p:first-of-type {
margin-bottom: 0.5rem
}
.brickRow.latestItems>.brick {
margin-bottom: 1.5rem
}
@media(min-width: 992px) {
.brickRow.latestItems>.brick {
margin-bottom: 2rem
}
}
@media print {
.brickRow.nieuws>.more {
display: none
}
}
.article>h1:first-of-type {
-webkit-margin-before: 0;
margin-block-start: 0;
-webkit-margin-after: 1rem;
margin-block-end: 1rem
}
.article>h1 .subtitle {
display: block;
font-size: .6em;
font-style: italic
}
.article>h1+.article-meta {
-webkit-margin-before: -1rem;
margin-block-start: -1rem
}
.article>.superheading-container+.article-meta {
-webkit-margin-before: 0;
margin-block-start: 0
}
.article .article-meta {
-webkit-margin-before: 0.5rem;
margin-block-start: 0.5rem
}
.article>.intro p:last-child {
-webkit-margin-after: 0;
margin-block-end: 0
}
.article>.intro+h2 {
-webkit-margin-before: 3rem;
margin-block-start: 3rem
}
.article h2 {
-webkit-margin-after: 0.75rem;
margin-block-end: 0.75rem
}
.article h2:focus {
outline: 2px dotted #01689b
}
.article ul,
.article .intro ul,
.article .contentBox ul,
.article dd ul,
.article blockquote ul {
padding: 0;
list-style-type: none
}
.article ul.list-style-type--disc,
.article .intro ul.list-style-type--disc,
.article .contentBox ul.list-style-type--disc,
.article dd ul.list-style-type--disc,
.article blockquote ul.list-style-type--disc {
list-style-type: disc
}
.article ul.list-style-type--circle,
.article .intro ul.list-style-type--circle,
.article .contentBox ul.list-style-type--circle,
.article dd ul.list-style-type--circle,
.article blockquote ul.list-style-type--circle {
list-style-type: circle
}
.article ul.list-style-type--square,
.article .intro ul.list-style-type--square,
.article .contentBox ul.list-style-type--square,
.article dd ul.list-style-type--square,
.article blockquote ul.list-style-type--square {
list-style-type: square
}
.article ul[class*=list-style-type] li,
.article .intro ul[class*=list-style-type] li,
.article .contentBox ul[class*=list-style-type] li,
.article dd ul[class*=list-style-type] li,
.article blockquote ul[class*=list-style-type] li {
overflow: visible;
-webkit-padding-start: initial;
padding-inline-start: initial;
-webkit-margin-start: 1em;
margin-inline-start: 1em
}
.article ul[class*=list-style-type] li:before,
.article .intro ul[class*=list-style-type] li:before,
.article .contentBox ul[class*=list-style-type] li:before,
.article dd ul[class*=list-style-type] li:before,
.article blockquote ul[class*=list-style-type] li:before {
display: none
}
.article>ul>li,
.article>ul ul>li,
.article .intro>ul>li,
.article .intro>ul ul>li,
.article .contentBox>ul>li,
.article .contentBox>ul ul>li,
.article dd>ul>li,
.article dd>ul ul>li,
.article blockquote>ul>li,
.article blockquote>ul ul>li {
overflow: hidden;
position: relative;
-webkit-padding-start: calc(7px + 0.75rem);
padding-inline-start: calc(7px + 0.75rem)
}
.article>ul>li:before,
.article>ul ul>li:before,
.article .intro>ul>li:before,
.article .intro>ul ul>li:before,
.article .contentBox>ul>li:before,
.article .contentBox>ul ul>li:before,
.article dd>ul>li:before,
.article dd>ul ul>li:before,
.article blockquote>ul>li:before,
.article blockquote>ul ul>li:before {
position: absolute;
inset-inline-start: 0;
content: "";
background: #000;
display: block;
text-indent: -0.1em;
width: 6px;
height: 6px;
inset-block-start: 7.2px
}
@media(min-width: 768px) {
.article>ul>li:before,
.article>ul ul>li:before,
.article .intro>ul>li:before,
.article .intro>ul ul>li:before,
.article .contentBox>ul>li:before,
.article .contentBox>ul ul>li:before,
.article dd>ul>li:before,
.article dd>ul ul>li:before,
.article blockquote>ul>li:before,
.article blockquote>ul ul>li:before {
width: 7px;
height: 7px;
inset-block-start: 8.1px
}
}
@media(min-width: 992px) {
.article>ul>li:before,
.article>ul ul>li:before,
.article .intro>ul>li:before,
.article .intro>ul ul>li:before,
.article .contentBox>ul>li:before,
.article .contentBox>ul ul>li:before,
.article dd>ul>li:before,
.article dd>ul ul>li:before,
.article blockquote>ul>li:before,
.article blockquote>ul ul>li:before {
width: 7px;
height: 7px;
inset-block-start: 9.5px
}
}
.article ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results),
.article .intro ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results),
.article .contentBox ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results),
.article dd ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results),
.article blockquote ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results) {
-webkit-padding-start: 1.5rem;
padding-inline-start: 1.5rem;
list-style-type: decimal
}
.article ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-alpha,
.article .intro ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-alpha,
.article .contentBox ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-alpha,
.article dd ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-alpha,
.article blockquote ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-alpha {
list-style-type: lower-alpha
}
.article ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-alpha,
.article .intro ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-alpha,
.article .contentBox ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-alpha,
.article dd ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-alpha,
.article blockquote ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-alpha {
list-style-type: upper-alpha
}
.article ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-roman,
.article .intro ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-roman,
.article .contentBox ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-roman,
.article dd ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-roman,
.article blockquote ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-roman {
list-style-type: lower-roman
}
.article ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-roman,
.article .intro ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-roman,
.article .contentBox ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-roman,
.article dd ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-roman,
.article blockquote ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-roman {
list-style-type: upper-roman
}
.article ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--decimal,
.article .intro ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--decimal,
.article .contentBox ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--decimal,
.article dd ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--decimal,
.article blockquote ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--decimal {
list-style-type: decimal
}
.article ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results)>li,
.article .intro ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results)>li,
.article .contentBox ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results)>li,
.article dd ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results)>li,
.article blockquote ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results)>li {
-webkit-padding-start: 0.25rem;
padding-inline-start: 0.25rem
}
.article>ol>li>ul>li,
.article .intro>ol>li>ul>li,
.article .contentBox>ol>li>ul>li,
.article dd>ol>li>ul>li,
.article blockquote>ol>li>ul>li {
overflow: hidden;
position: relative;
-webkit-padding-start: calc(7px + 0.75rem);
padding-inline-start: calc(7px + 0.75rem)
}
.article>ol>li>ul>li:before,
.article .intro>ol>li>ul>li:before,
.article .contentBox>ol>li>ul>li:before,
.article dd>ol>li>ul>li:before,
.article blockquote>ol>li>ul>li:before {
position: absolute;
inset-inline-start: 0;
content: "";
background: #000;
display: block;
text-indent: -0.1em;
width: 6px;
height: 6px;
inset-block-start: 7.2px
}
@media(min-width: 768px) {
.article>ol>li>ul>li:before,
.article .intro>ol>li>ul>li:before,
.article .contentBox>ol>li>ul>li:before,
.article dd>ol>li>ul>li:before,
.article blockquote>ol>li>ul>li:before {
width: 7px;
height: 7px;
inset-block-start: 8.1px
}
}
@media(min-width: 992px) {
.article>ol>li>ul>li:before,
.article .intro>ol>li>ul>li:before,
.article .contentBox>ol>li>ul>li:before,
.article dd>ol>li>ul>li:before,
.article blockquote>ol>li>ul>li:before {
width: 7px;
height: 7px;
inset-block-start: 9.5px
}
}
.article p:not(.article-meta):not(.meta):not(.superheading):not(.copyright):not(.timeline__subHeading),
.article ul,
.article ol:not(.timelineList):not(.majorEvent),
.article dl {
/*-webkit-margin-before: 0;*/
/*margin-block-start: 0;*/
/*-webkit-margin-after: 1.25rem;*/
/*margin-block-end: 1.25rem*/
}
.article p:not(.article-meta):not(.meta):not(.superheading):not(.copyright):not(.timeline__subHeading)+h2,
.article ul+h2,
.article ol:not(.timelineList):not(.majorEvent)+h2,
.article dl+h2 {
-webkit-margin-before: 3rem;
margin-block-start: 3rem
}
.article p:not(.article-meta):not(.meta):not(.superheading):not(.copyright):not(.timeline__subHeading)+.block,
.article ul+.block,
.article ol:not(.timelineList):not(.majorEvent)+.block,
.article dl+.block {
-webkit-margin-before: 2.5rem;
margin-block-start: 2.5rem
}
.article p:not(.article-meta):not(.meta):not(.superheading):not(.copyright):not(.timeline__subHeading) ul,
.article p:not(.article-meta):not(.meta):not(.superheading):not(.copyright):not(.timeline__subHeading) ol,
.article ul ul,
.article ul ol,
.article ol:not(.timelineList):not(.majorEvent) ul,
.article ol:not(.timelineList):not(.majorEvent) ol,
.article dl ul,
.article dl ol {
-webkit-margin-before: 0.5rem;
margin-block-start: 0.5rem;
-webkit-margin-after: 0;
margin-block-end: 0
}
.article dl p:not(.article-meta):not(.meta) {
-webkit-margin-after: 0.75rem;
margin-block-end: 0.75rem
}
.article dl p:not(.article-meta):not(.meta):last-child {
-webkit-margin-after: 0;
margin-block-end: 0
}
.article a:hover {
text-decoration: none
}
.article p a.external:before,
.article li a.external:before {
display: inline-flex;
align-items: center;
left: 1px;
top: 0;
height: 22.4px
}
@media(min-width: 768px) {
.article p a.external:before,
.article li a.external:before {
top: -1px
}
}
@media(min-width: 992px) {
.article p a.external:before,
.article li a.external:before {
top: -2px
}
}
@media(min-width: 768px) {
.article p a.external:before,
.article li a.external:before {
height: 25.2px
}
}
@media(min-width: 992px) {
.article p a.external:before,
.article li a.external:before {
height: 28px
}
}
.article .download+.contentBox {
-webkit-margin-before: 3rem;
margin-block-start: 3rem
}
.article .contentBox {
width: 100%
}
.article .contentBox:after {
display: table;
clear: both;
content: ""
}
@media(min-width: 992px) {
.article .contentBox {
-webkit-margin-after: 2.5rem;
margin-block-end: 2.5rem
}
}
.article .contentBox h2:first-of-type {
-webkit-margin-before: 0;
margin-block-start: 0
}
.article .contentBox p:last-child {
-webkit-margin-after: 0;
margin-block-end: 0
}
.article .contentBox .content-image-left+p {
position: relative
}
.article .contentBox+* {
clear: both
}
.article .content-image {
position: relative;
-webkit-margin-after: 1.5rem;
margin-block-end: 1.5rem;
clear: both
}
.article .content-image:after {
display: table;
clear: both;
content: ""
}
.article .content-image img {
display: table
}
.article .content-image p.caption:not(.article-meta):not(.meta):not(.superheading):not(.copyright),
.article .content-image figcaption {
-webkit-margin-before: 0.5rem;
margin-block-start: 0.5rem;
-webkit-margin-after: 0;
margin-block-end: 0;
font-size: 1.125rem;
line-height: 1.3333333333;
color: dimgray
}
.article .content-image p.copyright,
.article .content-image p.cite {
-webkit-margin-before: 0.5rem;
margin-block-start: 0.5rem
}
.article .content-image>*:last-child {
-webkit-margin-after: 0;
margin-block-end: 0
}
.article .content-image-left {
position: relative;
-webkit-margin-after: 1.5rem;
margin-block-end: 1.5rem;
float: left;
width: 100%
}
.article .content-image-left:after {
display: table;
clear: both;
content: ""
}
.article .content-image-left img {
display: table
}
.article .content-image-left p.caption:not(.article-meta):not(.meta):not(.superheading):not(.copyright),
.article .content-image-left figcaption {
-webkit-margin-before: 0.5rem;
margin-block-start: 0.5rem;
-webkit-margin-after: 0;
margin-block-end: 0;
font-size: 1.125rem;
line-height: 1.3333333333;
color: dimgray
}
.article .content-image-left p.copyright,
.article .content-image-left p.cite {
-webkit-margin-before: 0.5rem;
margin-block-start: 0.5rem
}
.article .content-image-left>*:last-child {
-webkit-margin-after: 0;
margin-block-end: 0
}
@media(min-width: 576px) {
.article .content-image-left {
width: auto;
max-width: 368px;
position: relative;
top: .2em;
-webkit-margin-end: 2rem;
margin-inline-end: 2rem
}
}
.article .content-image-left img {
width: auto
}
.article.is-full-width {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 100%;
max-width: 100%
}
.article.results:not(.gallery-result) li {
-webkit-margin-after: 0.5rem;
margin-block-end: 0.5rem;
line-height: 1.5rem;
font-size: 1.125rem
}
.intro,
.article .intro {
-webkit-margin-after: 2.5rem;
margin-block-end: 2.5rem
}
.intro p,
.intro li,
.article .intro p,
.article .intro li {
font-size: 1.6018066406rem;
line-height: 1.4046639232
}
.intro p a.external,
.intro li a.external,
.article .intro p a.external,
.article .intro li a.external {
display: inline
}
@media(min-width: 992px) {
.intro p a.external:before,
.intro li a.external:before,
.article .intro p a.external:before,
.article .intro li a.external:before {
height: 36px;
top: -3px
}
}
.intro p:not(.article-meta):not(.meta):not(.superheading):not(.copyright):not(.timeline__subHeading),
.intro ul,
.intro ol,
.article .intro p:not(.article-meta):not(.meta):not(.superheading):not(.copyright):not(.timeline__subHeading),
.article .intro ul,
.article .intro ol {
-webkit-margin-after: 1rem;
margin-block-end: 1rem
}
.intro p:not(.article-meta):not(.meta):not(.superheading):not(.copyright):not(.timeline__subHeading)+h2,
.intro p:not(.article-meta):not(.meta):not(.superheading):not(.copyright):not(.timeline__subHeading)+h3,
.intro ul+h2,
.intro ul+h3,
.intro ol+h2,
.intro ol+h3,
.article .intro p:not(.article-meta):not(.meta):not(.superheading):not(.copyright):not(.timeline__subHeading)+h2,
.article .intro p:not(.article-meta):not(.meta):not(.superheading):not(.copyright):not(.timeline__subHeading)+h3,
.article .intro ul+h2,
.article .intro ul+h3,
.article .intro ol+h2,
.article .intro ol+h3 {
-webkit-margin-before: 1.5rem;
margin-block-start: 1.5rem;
-webkit-margin-after: 0.5rem;
margin-block-end: 0.5rem
}
.intro li:before,
.article .intro li:before {
width: 9px;
height: 9px;
top: 11.5px
}
.site.message.login {
display: flex;
justify-content: center;
align-items: center;
background-color: #f3f3f3;
padding: 0.75rem 0
}
@media(min-width: 480px) {
.site.message.login {
padding: 0;
height: 2rem
}
}
.site.message.login>p {
font-size: 1.125rem;
line-height: 1.3333333333;
flex-grow: 0;
flex-shrink: 0;
flex-basis: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 16px;
display: flex;
flex-direction: column;
align-items: flex-end
}
@media(min-width: 480px) {
.site.message.login>p {
flex-direction: row;
justify-content: flex-end;
align-items: center;
position: relative;
top: -0.05em
}
}
.site.message.login a:not(:last-child) {
margin-bottom: 0.5rem
}
@media(min-width: 480px) {
.site.message.login a:not(:last-child) {
margin-bottom: 0
}
}
@media(min-width: 480px) {
.site.message.login a {
margin-top: 0;
margin-left: 1rem
}
}
.results.activityOverview a.activity {
width: 100%;
padding-bottom: 0;
padding-left: 4.5rem;
margin-bottom: 2rem
}
@media(min-width: 992px) {
.results.activityOverview a.activity {
margin-bottom: 2.5rem
}
}
.results.activityOverview a.activity:last-child {
margin-bottom: 0
}
.results.activityOverview a.activity>h3 {
font-size: 1.6018066406rem;
line-height: 1.2485901539;
margin-bottom: 0.25rem
}
.results.activityOverview a.activity>h3+dl {
margin-top: 0.5rem
}
.results.activityOverview a.activity>p {
margin-bottom: 0.5rem !important
}
.results.activityOverview a.activity dl {
margin-bottom: 0.5rem;
word-break: break-word;
color: #000
}
.results.activityOverview a.activity dl dt {
position: absolute !important;
display: inline-block !important;
overflow: hidden;
clip: rect(0, 0, 0, 0);
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0
}
.results.activityOverview a.activity .activity__data-list li {
margin-bottom: 0.5rem;
line-height: 1.5rem;
font-size: 1.125rem
}
.results.activityOverview a.activity .meta {
font-size: 1.125rem;
line-height: 1.3333333333;
color: #535353;
font-weight: normal;
margin-bottom: 0
}
.results.activityOverview a.activity:before {
display: none
}
[dir=rtl] .results.activityOverview a.activity {
padding-right: 4.5rem;
padding-left: 0
}
.brickRow.spotLight {
margin-bottom: 2rem
}
@media(min-width: 992px) {
.brickRow.spotLight {
margin-bottom: 3rem
}
}
.brickRow.spotLight .brick {
margin-bottom: 2rem
}
@media(min-width: 992px) {
.brickRow.spotLight .brick {
margin-bottom: 3rem
}
}
.brickRow.spotLight .brick:last-child {
margin-bottom: 0
}
.brickRow.spotLight .brick>a.external {
padding-left: 0
}
.brickRow.spotLight .brick>a.external h3:before {
top: .7em
}
.brickRow.spotLight .brick h3 {
font-size: 1.6018066406rem;
line-height: 1.2485901539;
font-weight: normal;
margin-top: 0;
margin-bottom: 0.5rem
}
.brickRow.spotLight .brick .brick-text p {
margin-top: 0;
font-size: 1.125rem;
line-height: 1.3333333333
}
.brickRow.spotLight .brick .brick-text p:last-child {
margin-bottom: 0
}
.contact-list #source-list h2 {
border: none;
flex-grow: 0;
flex-shrink: 0;
flex-basis: 100%;
padding-top: 0;
padding-left: 16px;
font-size: 4.1098906729rem;
line-height: 1.0949196361
}
.contact-list #source-list ul.common {
margin-bottom: 0
}
@media(min-width: 768px) {
.contact-list #source-list ul.common {
margin-bottom: 2rem
}
}
.contact-list #source-list ul.common:last-child {
margin-bottom: 2rem
}
.contact-list .summary.contacts+form {
margin-bottom: 2rem
}
.contact-list .summary.contacts+form .formWrapper {
padding: 1.5rem;
overflow: hidden;
position: relative;
background-color: #f3f3f3
}
@media(min-width: 768px) {
.contact-list .summary.contacts+form .formWrapper {
display: flex;
justify-content: space-between;
align-items: center
}
}
.contact-list .summary.contacts+form label {
font-size: 1em;
line-height: 1.375;
display: block;
margin-bottom: 1rem
}
@media(min-width: 768px) {
.contact-list .summary.contacts+form label {
margin-right: 1.5rem;
margin-bottom: 0
}
}
.contact-list .summary.contacts+form .field {
flex: 1
}
.contact-list .summary.contacts+form .clearFieldWrapper {
position: relative
}
.contact-list .summary.contacts+form .clearField {
right: 0
}
.contact-list .summary.contacts+form input.searchList {
padding-left: 0.75rem;
width: 100%
}
.stayInformed {
display: flex;
margin: 1rem 0
}
.stayInformed .icon {
width: 30px;
height: 30px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
background-color: #01689b;
margin-right: 0.75rem
}
.stayInformed .icon:before {
display: block;
content: url("data:image/svg+xml,%3Csvg id='icon-bell' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 85 100'%3E%3Cpath d='M85,69.28a3.78,3.78,0,0,1-1.26,2.46,3.82,3.82,0,0,1-2.64,1h-77a4,4,0,0,1-2.7-1A3.63,3.63,0,0,1,0,69.34a4.06,4.06,0,0,1,.66-2.75l6.6-9.94A39.27,39.27,0,0,0,11.37,46l4.92-18.57a26.54,26.54,0,0,1,17.87-19V8.26A7.85,7.85,0,0,1,36.62,2.4a8.4,8.4,0,0,1,11.76,0,7.85,7.85,0,0,1,2.46,5.86v.12a26.54,26.54,0,0,1,17.87,19L73.63,46a36,36,0,0,0,4.08,10.54l6.6,10.06A3.74,3.74,0,0,1,85,69.28Zm-57,14.32H57.08l.24,1.67a13.81,13.81,0,0,1-2,7.31A16,16,0,0,1,49.88,98a14.43,14.43,0,0,1-14.76,0,15.91,15.91,0,0,1-5.4-5.39,13.81,13.81,0,0,1-2-7.31Z' style='fill: %23fff'/%3E%3C/svg%3E");
width: 18.7px;
height: 22px
}
.stayInformed .text {
font-weight: bold
}
.stayInformed:hover {
text-decoration: none
}
.stayInformed:hover .icon {
background-color: #01496d
}
.brickRow.nieuws .stayInformed,
.brickRow.latestItems .stayInformed {
width: 100%;
padding: 0 16px;
margin-top: 0;
margin-bottom: 1.5rem
}
.stayInformedBtn {
font-size: 1.265625rem;
line-height: 1.5802469136;
width: auto;
min-height: 44px;
padding: .75rem 1rem;
cursor: pointer;
border: none;
border-radius: 0;
position: relative;
color: #fff;
background-color: #01689b;
position: relative;
background-color: #01689b;
text-decoration: none;
display: inline-flex;
justify-content: center;
align-items: center;
margin-bottom: 1rem
}
.stayInformedBtn:focus {
outline: 2px solid #fff;
outline-offset: 4px;
z-index: 1010;
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0)
}
.stayInformedBtn:focus::before {
content: "";
position: absolute;
z-index: 99;
inset: -6px;
border: 2px dashed #000
}
.stayInformedBtn:hover {
color: #fff;
outline: none;
background-color: #01496d
}
.stayInformedBtn:hover::before {
border: 2px dashed rgba(0, 0, 0, 0)
}
.stayInformedBtn:hover {
background-color: #01496d
}
.stayInformedBtn:hover,
.stayInformedBtn:visited {
color: #fff;
text-decoration: none
}
.abonneren {
padding-bottom: 2rem;
border-bottom: 1px solid #e1e1e1;
margin-bottom: 2.5rem
}
.abonneren>p {
margin: 0;
font-size: 1.265625rem;
line-height: 1.5802469136
}
.abonneren a {
font-size: 1.125rem;
line-height: 1.3333333333
}
.abonneren a:hover {
text-decoration: none
}
@media print {
.stayInformed {
display: none
}
}
.brick.linkBlock li p,
.brick.linkBlock li .meta {
margin-top: 0.25rem
}
.brick.linkBlock li .meta {
font-size: 0.8888888889rem;
line-height: 1.6875;
font-weight: normal;
color: #535353;
margin: 0
}
.info-1400 {
min-height: 30px;
height: auto;
overflow: hidden;
font-size: 1.265625rem;
line-height: 1.1851851852;
background-color: #fbead9
}
.info-1400>p {
max-width: 1200px;
margin: 0 auto;
padding: 0.5rem 16px
}
.info-1400 a {
display: block
}
.info-1400 a,
.info-1400 a:hover {
text-decoration: none;
color: #fff
}
.info-1400.message {
text-transform: uppercase;
background-color: #e17000
}
.embassy-info {
margin-bottom: 2rem
}
h1+.embassy-info {
margin-top: 1rem
}
.embassy-info>h2 {
font-size: 1.8020324707rem;
line-height: 1.2485901539
}
.embassy-info dl:last-child {
margin-bottom: 0
}
.embassy-info dt,
.embassy-info dd {
margin-bottom: 0.5rem
}
.embassy-info dt:last-child,
.embassy-info dd:last-child {
margin-bottom: 0
}
.embassy-info dt h3,
.embassy-info dd h3 {
margin: 0.75rem 0rem 0.25rem 0rem
}
.embassy-info dt p,
.embassy-info dt ul,
.embassy-info dt li,
.embassy-info dt>strong,
.embassy-info dt>em,
.embassy-info dd p,
.embassy-info dd ul,
.embassy-info dd li,
.embassy-info dd>strong,
.embassy-info dd>em {
margin-bottom: 0.25rem;
font-size: 1.265625rem;
line-height: 1.5802469136
}
.embassy-info dt p:last-child,
.embassy-info dt ul:last-child,
.embassy-info dt li:last-child,
.embassy-info dt>strong:last-child,
.embassy-info dt>em:last-child,
.embassy-info dd p:last-child,
.embassy-info dd ul:last-child,
.embassy-info dd li:last-child,
.embassy-info dd>strong:last-child,
.embassy-info dd>em:last-child {
margin-bottom: 0
}
.embassy-info dt>strong,
.embassy-info dt>em,
.embassy-info dd>strong,
.embassy-info dd>em {
display: block
}
.embassy-info dt {
font-weight: bold
}
@media(max-width: 575px) {
.embassy-info dt {
margin-bottom: 0
}
}
.embassy-info dt:after {
display: none
}
.embassy-info address {
font-style: normal
}
@media(max-width: 575px) {
.embassy-info.two-columns dt {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 27.5%
}
}
@media(max-width: 575px) {
.embassy-info.two-columns dd {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 72.5%
}
}
@media(max-width: 575px) {
.embassy-info.two-columns .column:not(:last-child) {
margin-bottom: 1rem
}
}
.embassy-info.two-columns .column ul:last-child,
.embassy-info.two-columns .column li:last-child {
margin-bottom: 0
}
@-webkit-keyframes fadeInOverlay {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes fadeInOverlay {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.ergoInteractionBar {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
width: 100%;
background-color: #a90061
}
.ergoInteractionBar.bottomPosition {
z-index: 1060;
position: fixed;
bottom: 0;
left: 0
}
.ergoInteractionBar form {
padding: 0rem 1rem 0rem 1rem
}
.ergoInteractionBar .wrapper {
display: flex;
flex-basis: 100%;
flex-wrap: wrap;
max-width: 1200px;
align-items: flex-start;
justify-content: flex-start;
-webkit-margin-end: -16px;
margin-inline-end: -16px;
-webkit-margin-start: -16px;
margin-inline-start: -16px
}
.ergoInteractionBar .wrapper:after {
display: table;
clear: both;
content: ""
}
.ergoInteractionBar .wrapper .message.survey {
background: rgba(0, 0, 0, 0);
display: block;
padding: 1rem 1rem 0rem 1rem
}
@media(min-width: 768px) {
.ergoInteractionBar .wrapper .message.survey {
margin-left: 16.666667%;
width: 66.66667%
}
.fullWidth .ergoInteractionBar .wrapper .message.survey {
margin-left: 0%;
width: 100%
}
}
.ergoInteractionBar .wrapper .message.survey p {
color: #fff;
padding-right: 1rem
}
.ergoInteractionBar .wrapper .message.survey button {
background-color: #f3f3f3;
color: #000;
margin: 0rem 2rem 1rem 0rem
}
.ergoInteractionBar .wrapper .message.survey button:hover {
background-color: #e6e6e6
}
.ergoInteractionBar .wrapper .message.survey button.close {
position: relative;
width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-indent: -9999px;
background-color: #01689b;
position: absolute;
right: 0;
top: 0;
background-color: rgba(0, 0, 0, 0);
margin-right: 0
}
.ergoInteractionBar .wrapper .message.survey button.close:after {
content: "";
font-family: "RO Icons";
font-size: inherit;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
-webkit-transition: color .3s ease;
transition: color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-indent: 0
}
.ergoInteractionBar .wrapper .message.survey button.close:after {
color: #fff
}
.ergoInteractionBar .wrapper .message.survey button.close:hover {
background-color: #01496d
}
.ergoInteractionBar .wrapper .message.survey button.close:hover:after {
color: #fff
}
.ergoInteractionBar .wrapper .message.survey button.close:hover,
.ergoInteractionBar .wrapper .message.survey button.close:focus {
background-color: rgba(0, 0, 0, 0)
}
.ergoSurvey {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
top: 0;
left: 0;
padding: 1rem;
position: fixed;
height: 100vh;
z-index: 1060;
background-color: rgba(0, 0, 0, .7);
overflow-x: hidden;
overflow-y: auto;
opacity: 0;
-webkit-animation: fadeInOverlay;
animation: fadeInOverlay;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-animation-delay: 0s;
animation-delay: 0s
}
@media(min-width: 768px) {
.ergoSurvey {
padding: 2rem
}
}
.ergoSurvey .container {
display: flex;
flex-basis: 100%;
flex-wrap: wrap;
max-width: 1200px;
align-items: flex-start;
justify-content: flex-start;
-webkit-margin-end: -16px;
margin-inline-end: -16px;
-webkit-margin-start: -16px;
margin-inline-start: -16px;
background: #f3f3f3;
padding: 1rem;
opacity: 0;
-webkit-animation: fadeInOverlay;
animation: fadeInOverlay;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-animation-delay: .2s;
animation-delay: .2s
}
.ergoSurvey .container:after {
display: table;
clear: both;
content: ""
}
@media(min-width: 768px) {
.ergoSurvey .container {
padding: 2rem
}
}
.ergoSurvey .container form>p {
font-weight: bold;
font-size: 1.11111em;
margin: 0 0 3.5rem 0
}
.ergoSurvey .container form .form-group {
margin: 0 0 3.5rem 0
}
.ergoSurvey .container form .form-group legend {
position: relative !important;
display: inline-block !important;
overflow: hidden;
clip: auto;
margin: 0;
padding: 0;
left: auto;
width: auto;
height: auto;
float: none;
font-weight: bold;
margin: 0 0 1rem 0;
font-size: 1.11111em;
line-height: 1.375em
}
.ergoSurvey .container form .form-group label {
top: 0;
left: 0;
margin: 0;
padding: 0;
width: auto;
float: none;
font-size: 1em
}
.ergoSurvey .container form .form-group label.control-label {
font-weight: bold;
font-size: 1.11111em;
line-height: 1.375em;
margin: 0 0 1rem 0
}
.carousselSurveyStyles {
color: #fff;
padding-top: 1rem
}
.carousselSurveyStyles .col-sm-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.carousselSurveyStyles .TekstvakKlein,
.carousselSurveyStyles .TekstvakGroot,
.carousselSurveyStyles select option {
color: #000
}
.carousselSurveyStyles #topButtonsContainer {
position: absolute;
right: 0;
top: 0
}
.carousselSurveyStyles button.close {
position: relative;
width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
text-indent: -9999px;
background-color: #01689b;
position: absolute;
right: 0;
top: 0;
background-color: rgba(0, 0, 0, 0);
margin-right: 0
}
.carousselSurveyStyles button.close:after {
content: "";
font-family: "RO Icons";
font-size: inherit;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
-webkit-transition: color .3s ease;
transition: color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-indent: 0
}
.carousselSurveyStyles button.close:after {
color: #fff
}
.carousselSurveyStyles button.close:hover {
background-color: #01496d
}
.carousselSurveyStyles button.close:hover:after {
color: #fff
}
.carousselSurveyStyles button.close:hover,
.carousselSurveyStyles button.close:focus {
background-color: rgba(0, 0, 0, 0)
}
.carousselSurveyStyles button[name="action:Cancel"] {
background-color: unset;
min-width: 44px
}
.carousselSurveyStyles button.prevnextbutton,
.carousselSurveyStyles button[name="action:Save"] {
background-color: #f3f3f3;
color: #01689b;
padding: 0.5rem 1rem 0.5rem 1rem;
margin: 0rem 1rem 0.5rem 1rem;
min-height: 44px;
min-width: auto;
white-space: nowrap;
align-self: flex-end
}
@media(min-width: 768px) {
.carousselSurveyStyles .form-group {
display: flex
}
}
.carousselSurveyStyles .form-group fieldset,
.carousselSurveyStyles .form-group .fieldGroup {
flex-grow: 1;
margin-bottom: 1em;
padding-right: 26px
}
.carousselSurveyStyles .form-group fieldset label,
.carousselSurveyStyles .form-group .fieldGroup label {
position: unset;
display: unset;
width: unset
}
.carousselSurveyStyles .form-group fieldset label.control-label,
.carousselSurveyStyles .form-group .fieldGroup label.control-label {
display: block;
margin-bottom: .8rem
}
.carousselSurveyStyles legend {
position: unset;
display: unset;
overflow: unset;
width: unset;
height: unset;
font-weight: bold;
margin-bottom: .8rem
}
.carousselSurveyStyles input[type=checkbox],
.carousselSurveyStyles input[type=radio] {
position: unset;
vertical-align: unset
}
.carousselSurveyStyles label {
position: unset;
display: unset;
width: unset;
float: unset;
margin-right: 1em
}
.carousselSurveyStyles .radio,
.carousselSurveyStyles .checkbox {
display: inline-block;
width: 100%
}
.carousselSurveyStyles .TekstvakKlein,
.carousselSurveyStyles .TekstvakGroot,
.carousselSurveyStyles select {
border-top: 0 solid #f3f3f3;
border-bottom: 2px solid #f3f3f3
}
.wayfinder {
margin-bottom: 32px
}
.wayfinder.has-more-than-three-items {
-webkit-column-width: 270px;
-moz-column-width: 270px;
column-width: 270px;
-webkit-column-gap: 2rem;
-moz-column-gap: 2rem;
column-gap: 2rem
}
.wayfinder__list {
margin: 0;
padding: 0
}
.wayfinder__list li {
list-style-type: none;
margin: 0;
padding: 0
}
.wayfinder__item {
-webkit-padding-start: calc((8.4px + 0.75rem)*0.8);
padding-inline-start: calc((8.4px + 0.75rem)*0.8);
position: relative;
display: block;
text-decoration: none;
font-size: 1.265625rem;
line-height: 22.4px;
font-weight: normal;
-webkit-margin-after: 0.75rem;
margin-block-end: 0.75rem
}
@media(min-width: 768px) {
.wayfinder__item {
-webkit-padding-start: calc((8.4px + 0.75rem)*0.9);
padding-inline-start: calc((8.4px + 0.75rem)*0.9)
}
}
@media(min-width: 992px) {
.wayfinder__item {
-webkit-padding-start: calc((8.4px + 0.75rem)*1);
padding-inline-start: calc((8.4px + 0.75rem)*1)
}
}
@media(min-width: 768px) {
.wayfinder__item {
line-height: 25.2px
}
}
@media(min-width: 992px) {
.wayfinder__item {
line-height: 28px
}
}
.wayfinder__item>a,
.wayfinder__item>h2,
.wayfinder__item>h3,
.wayfinder__item>h4 {
font-size: inherit;
line-height: inherit;
font-weight: normal
}
.wayfinder__item>a {
-webkit-margin-after: 0;
margin-block-end: 0
}
.wayfinder__item:hover {
text-decoration: underline !important
}
.wayfinder__item:focus {
outline-offset: -2px
}
.wayfinder__item:before {
display: inline-flex;
align-items: center;
flex-flow: row wrap;
content: "";
font-family: "RO Icons";
font-size: .7rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 6.72px;
height: 22.4px;
text-indent: -0.1em;
position: absolute;
inset-block-start: -1px;
inset-inline-start: 0
}
@media(min-width: 768px) {
.wayfinder__item:before {
width: 7.56px
}
}
@media(min-width: 992px) {
.wayfinder__item:before {
width: 8.4px
}
}
@media(min-width: 768px) {
.wayfinder__item:before {
height: 25.2px
}
}
@media(min-width: 992px) {
.wayfinder__item:before {
height: 28px
}
}
[dir=rtl] .wayfinder__item:before {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg)
}
.wayfinder__item:before:hover:before {
text-decoration: none
}
.wayfinder__item.external:before {
display: inline-flex;
align-items: center;
flex-flow: row wrap;
content: "";
font-family: "RO Icons";
font-size: .595rem;
font-weight: normal;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 6.72px;
height: 22.4px;
text-indent: -0.1em;
position: absolute;
inset-block-start: -1px;
inset-inline-start: 0
}
@media(min-width: 768px) {
.wayfinder__item.external:before {
width: 7.56px
}
}
@media(min-width: 992px) {
.wayfinder__item.external:before {
width: 8.4px
}
}
@media(min-width: 768px) {
.wayfinder__item.external:before {
height: 25.2px
}
}
@media(min-width: 992px) {
.wayfinder__item.external:before {
height: 28px
}
}
[dir=rtl] .wayfinder__item.external:before {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg)
}
.wayfinder__item.external:before:hover:before {
text-decoration: none
}
.anchor-nav {
-webkit-margin-after: 1rem;
margin-block-end: 1rem;
-webkit-border-after: 2px solid #ccc;
border-block-end: 2px solid #ccc
}
h2.anchor-nav__heading {
display: flex;
align-items: center;
-webkit-margin-after: 20px;
margin-block-end: 20px
}
h2.anchor-nav__heading:before {
display: block;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 14'%3E%3Crect width='2.4' height='2'/%3E%3Crect x='4' width='14' height='2'/%3E%3Crect x='4' y='4' width='14' height='2'/%3E%3Crect y='4' width='2.4' height='2'/%3E%3Crect y='8' width='2.4' height='2'/%3E%3Crect x='4' y='8' width='14' height='2'/%3E%3Crect y='12' width='2.4' height='2'/%3E%3Crect x='4' y='12' width='14' height='2'/%3E%3C/svg%3E");
width: .8em;
margin-inline: 0 .4em
}
ol.anchor-nav__list {
padding: 0;
list-style: none;
counter-reset: anchorNavCounter
}
li.anchor-nav__list-item {
padding: 0;
-webkit-margin-after: 1.5em;
margin-block-end: 1.5em;
counter-increment: anchorNavCounter;
min-height: calc(44px - 1.5em)
}
@media(min-width: 768px) {
li.anchor-nav__list-item {
-webkit-margin-after: 20px;
margin-block-end: 20px;
min-height: calc(44px - 20px)
}
}
li.anchor-nav__list-item a {
position: relative;
-webkit-padding-start: 1.5em;
padding-inline-start: 1.5em;
display: block;
text-decoration: underline
}
li.anchor-nav__list-item a:hover {
text-decoration: none
}
li.anchor-nav__list-item a:before {
content: counter(anchorNavCounter);
display: inline-block;
text-decoration: none;
position: absolute;
inset-inline-start: 0
}
.anchor-nav__btn-container {
position: fixed;
display: none;
z-index: 1000;
left: 50%;
-webkit-transform: translate(-50%);
transform: translate(-50%);
bottom: 24px;
width: 100%
}
@media(min-width: 768px) {
.anchor-nav__btn-container {
max-width: 768px;
margin-inline: auto
}
}
.content .anchor-nav__btn-container {
margin: 0
}
.anchor-nav__btn {
display: flex;
align-items: center;
margin-inline: auto 24px;
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .24);
box-shadow: 0 3px 6px rgba(0, 0, 0, .24)
}
@media(min-width: 768px) {
.anchor-nav__btn {
margin-inline: auto 0
}
}
.anchor-nav__btn:after {
display: block;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16'%3E%3Cpolygon points='0 15.02 .8 15.94 8.49 9.44 16.16 16 17 15 8.49 7.77 0 15.02' fill='%23fff'/%3E%3Cpolygon points='8.49 1.67 16.16 8.23 17 7.24 8.49 0 0 7.26 .8 8.17 8.49 1.67' fill='%23fff'/%3E%3C/svg%3E");
width: 1em;
height: 1em;
margin-inline: 1rem 0;
position: relative;
inset-block-end: .1em
}
@media(min-width: 768px) {
.anchor-nav__btn:after {
inset-block-end: .2em
}
}
@media print {
.anchor-nav__link,
.anchor-nav__link:visited,
li.anchor-nav__list-item:before {
color: #000;
text-decoration: none
}
.anchor-nav__btn {
display: none
}
}
.date-range-picker {
display: flex;
flex-direction: column;
gap: 8px
}
.date-range-picker__presets {
-webkit-margin-after: 0;
margin-block-end: 0
}
.date-range-picker__presets .radio-group {
-webkit-margin-after: 0;
margin-block-end: 0
}
.date-range-picker__specific {
display: none;
width: 100%
}
.date-range-picker__specific.is-visible {
display: block
}
.date-range-picker__inputs-container {
display: flex;
flex-direction: column;
gap: 16px;
width: 100%
}
@media(min-width: 576px) {
.date-range-picker__inputs-container {
flex-direction: row;
justify-content: space-between
}
}
.date-range-picker__error-message {
display: none
}
.date-range-picker__error-message.is-visible {
display: flex
}
.date-picker {
flex: 1;
display: flex;
flex-direction: column;
-webkit-margin-after: 0;
margin-block-end: 0
}
.date-picker__input-and-modal {
position: relative;
width: 100%
}
.date-picker__error-message {
display: none
}
.date-picker__error-message.is-visible {
display: flex
}
.date-picker__hint {
display: none;
position: relative;
inset-block-start: -3px
}
.date-picker__hint.is-visible {
display: block
}
.date-picker-modal {
--scroll-wheel-item-height: 48px;
--modal-height: calc(var(--scroll-wheel-item-height) * 6);
opacity: 0;
visibility: hidden;
z-index: 9999;
width: 100%;
background-color: #e6e6e6
}
.date-picker-modal,
.date-picker-modal * {
font-size: 20.25px;
line-height: 27px
}
.date-picker-modal.is-visible {
opacity: 1;
visibility: visible
}
@media(max-width: 575px) {
.date-picker-modal {
position: fixed;
inset-block-end: 0;
inset-inline-start: 0;
-webkit-transform: translateY(400px);
transform: translateY(400px);
-webkit-transition: opacity .4s ease, visibility .4s linear, -webkit-transform .4s ease;
transition: opacity .4s ease, visibility .4s linear, -webkit-transform .4s ease;
transition: opacity .4s ease, transform .4s ease, visibility .4s linear;
transition: opacity .4s ease, transform .4s ease, visibility .4s linear, -webkit-transform .4s ease
}
.date-picker-modal.is-visible {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@media(min-width: 576px) {
.date-picker-modal {
--modal-height: calc(var(--scroll-wheel-item-height) * 7);
position: absolute;
inset-block-start: 48px;
inset-inline-end: 0;
max-width: 300px;
min-width: -webkit-fit-content;
min-width: -moz-fit-content;
min-width: fit-content;
max-height: 100%
}
}
.date-picker-modal__mobile-header {
--padding: 16px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: var(--scroll-wheel-item-height);
padding-inline: var(--padding);
background: #ccc
}
@media(min-width: 576px) {
.date-picker-modal__mobile-header {
display: none
}
}
.modal-mobile-header__button {
position: absolute;
inset-inline-end: var(--padding);
padding: 0;
border: none;
font: inherit;
min-height: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.modal-mobile-header__button,
.modal-mobile-header__button:hover {
color: var(--default-button-color);
background: none;
outline: none
}
.modal-mobile-header__button:active {
color: var(--default-button-hover-color)
}
.modal-mobile-header__heading {
font-weight: bold
}
.date-picker-modal__inner {
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
overflow: hidden;
height: var(--modal-height);
padding-inline: 16px;
background-color: #e6e6e6
}
@media(max-width: 575px) {
.date-picker-modal__inner {
-webkit-padding-before: 8px;
padding-block-start: 8px
}
}
.date-picker-modal__fader {
position: absolute;
pointer-events: none;
width: 100%;
height: 20%
}
.date-picker-modal__fader--top {
top: var(--scroll-wheel-item-height);
background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(rgba(0, 0, 0, 0)));
background: linear-gradient(180deg, #e6e6e6 0%, rgba(0, 0, 0, 0) 100%)
}
.date-picker-modal__fader--bottom {
bottom: 0;
background: -webkit-gradient(linear, left bottom, left top, from(#e6e6e6), to(rgba(0, 0, 0, 0)));
background: linear-gradient(0deg, #e6e6e6, rgba(0, 0, 0, 0))
}
.date-picker-overlay {
opacity: 0;
visibility: hidden
}
@media(max-width: 575px) {
.date-picker-overlay {
position: fixed;
z-index: 2000;
inset-inline-start: 0;
inset-block-start: 0;
height: 100%;
width: 100%;
background-color: rgba(37, 38, 45, .9);
-webkit-transition: opacity .2s ease, visibility .2s linear, -webkit-transform .2s ease;
transition: opacity .2s ease, visibility .2s linear, -webkit-transform .2s ease;
transition: opacity .2s ease, transform .2s ease, visibility .2s linear;
transition: opacity .2s ease, transform .2s ease, visibility .2s linear, -webkit-transform .2s ease
}
.date-picker-overlay.is-visible {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
.dp-scroll-wheel__label,
.dp-scroll-wheel__item {
display: flex;
align-items: center;
height: var(--scroll-wheel-item-height);
padding-inline: 16px
}
.dp-scroll-wheel__label.hidden,
.dp-scroll-wheel__item.hidden {
display: none
}
.dp-scroll-wheel__label:before,
.dp-scroll-wheel__label:after,
.dp-scroll-wheel__label *:not(svg *),
.dp-scroll-wheel__label *:before,
.dp-scroll-wheel__label *:after,
.dp-scroll-wheel__item:before,
.dp-scroll-wheel__item:after,
.dp-scroll-wheel__item *:not(svg *),
.dp-scroll-wheel__item *:before,
.dp-scroll-wheel__item *:after {
all: revert
}
:is(.dp-scroll-wheel__label, #increase#specificity, .dp-scroll-wheel__item):not(svg *) {
margin: 0
}
.dp-scroll-wheel__label {
width: 100%;
text-align: start
}
.dp-scroll-wheel__values {
list-style: none;
margin: 0;
height: calc(var(--modal-height) - var(--scroll-wheel-item-height));
width: 100%;
overflow-y: scroll;
scrollbar-width: none
}
.dp-scroll-wheel__values::-webkit-scrollbar {
display: none
}
.dp-scroll-wheel__values:focus-visible {
outline: none
}
.dp-scroll-wheel__values:focus-visible .dp-scroll-wheel__item.focus-visible {
position: relative;
z-index: 1010
}
.dp-scroll-wheel__values:focus-visible .dp-scroll-wheel__item.focus-visible:before,
.dp-scroll-wheel__values:focus-visible .dp-scroll-wheel__item.focus-visible:after,
.dp-scroll-wheel__values:focus-visible .dp-scroll-wheel__item.focus-visible *:not(svg *),
.dp-scroll-wheel__values:focus-visible .dp-scroll-wheel__item.focus-visible *:before,
.dp-scroll-wheel__values:focus-visible .dp-scroll-wheel__item.focus-visible *:after {
all: revert
}
:is(.dp-scroll-wheel__values:focus-visible .dp-scroll-wheel__item.focus-visible, #increase#specificity):not(svg *) {
outline: 2px dashed var(--default-text-color);
outline-offset: -2px;
-webkit-box-shadow: none;
box-shadow: none
}
.dp-scroll-wheel__item {
cursor: pointer;
scroll-snap-align: center;
text-align: start
}
.dp-scroll-wheel__item.active {
background-color: #ccc
}
.dp-scroll-wheel__item.focus-visible {
position: relative;
z-index: 1010
}
.dp-scroll-wheel__item.focus-visible:before,
.dp-scroll-wheel__item.focus-visible:after,
.dp-scroll-wheel__item.focus-visible *:not(svg *),
.dp-scroll-wheel__item.focus-visible *:before,
.dp-scroll-wheel__item.focus-visible *:after {
all: revert
}
:is(.dp-scroll-wheel__item.focus-visible, #increase#specificity):not(svg *) {
outline: 2px dashed var(--default-text-color);
outline-offset: -2px;
-webkit-box-shadow: none;
box-shadow: none
}
.dp-scroll-wheel__spacer {
height: calc(var(--scroll-wheel-item-height)*3)
}
.date-picker__input-and-error-container {
width: 100%
}
@media(min-width: 576px) {
.date-range-picker__presets .radio-group,
.date-range-picker__inputs-and-error-container {
-webkit-margin-start: 0;
margin-inline-start: 0
}
}
.date-range-picker__inputs-and-error-container {
display: flex;
flex-direction: column;
gap: 16px
}
.date-picker button.date-picker__button,
.date-picker button.modal-mobile-header__button {
background-color: rgba(0, 0, 0, 0)
}
.date-picker button.modal-mobile-header__button {
color: var(--default-button-color)
}
.ro-form .icon-button {
width: auto;
height: auto;
min-height: 0;
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.ro-form .icon-button,
.ro-form .icon-button:hover {
background-color: rgba(0, 0, 0, 0)
}
.ro-form .icon {
position: relative;
display: flex;
justify-content: center;
align-items: center
}
.ro-form .icon:before {
--icon-size: 1.3em;
display: inline-block;
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: contain;
background-repeat: no-repeat
}
.ro-form .icon-calendar-alt {
inset-inline-start: 2px
}
.ro-form .icon-calendar-alt:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='448' height='512' viewBox='0 0 448 512'%3E%3Cg%3E%3Cpath fill='%2301689b' d='M430.08,85.76h-62L352.8,137.28c-1,2.94-3.36,2-3.36,2V85.76h0c0-11.2,0-30-1.68-37S345.66,32,337,32H311.5c-8.68,0-10.64,11.06-11.62,16.94s-2.66,25.06-3.5,36.82H153l-15.26,51.52c-1,2.94-3.36,2-3.36,2V85.76h0c0-11.2,0-30-1.68-37S130.62,32,121.94,32H96.46c-8.68,0-10.64,11.06-11.62,16.94S82.18,74,81.34,85.76H17.92A17.92,17.92,0,0,0,0,103.68v358.4A17.92,17.92,0,0,0,17.92,480H430.08A17.92,17.92,0,0,0,448,462.08h0V103.68a17.92,17.92,0,0,0-17.92-17.92Zm-26.88,350H44.8V202.24H403.2Z'/%3E%3Crect fill='%2301689b' x='80.64' y='247.04' width='71.68' height='53.76'/%3E%3Crect fill='%2301689b' x='188.16' y='247.04' width='71.68' height='53.76'/%3E%3Crect fill='%2301689b' x='295.68' y='247.04' width='71.68' height='53.76'/%3E%3Crect fill='%2301689b' x='80.64' y='336.64' width='71.68' height='53.76'/%3E%3Crect fill='%2301689b' x='188.16' y='336.64' width='71.68' height='53.76'/%3E%3Crect fill='%2301689b' x='295.68' y='336.64' width='71.68' height='53.76'/%3E%3C/g%3E%3C/svg%3E")
}
.ro-form .icon-chevron-down:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='448' height='512' viewBox='0 0 448 512'%3E%3Cpath fill='%2301689b' d='M20.37,142.46h0c10.84-14.46,32.53-18.08,47-7.23,1.8,0,1.8,1.81,3.61,3.61l151.85,150L374.67,137c14.46-12.66,34.35-12.66,48.81,1.8l3.62,3.62h0c16.27,16.27,21.69,36.15,5.42,50.62L251.75,372c-16.27,16.27-41.58,16.27-56,0L14.94,194.88C-1.33,178.61,5.9,158.73,20.37,142.46Z'/%3E%3C/svg%3E%0A")
}
.ro-form .icon-trash-alt {
text-align: center
}
.ro-form .icon-trash-alt:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='448' height='512' viewBox='0 0 448 512'%3E%3Cg%3E%3Cpath fill='%23fff' d='M44.8,486.4A25.6,25.6,0,0,0,70.4,512H377.6a25.6,25.6,0,0,0,25.6-25.6h0V153.6H44.8Zm256-281.6H352V435.2l-51.2,25.6Zm-102.4,0h51.2V435.2l-51.2,25.6ZM96,204.8h51.2V435.2L96,460.8Z'/%3E%3Cpath fill='%23fff' d='M403.2,51.2H326.4V25.6A25.6,25.6,0,0,0,300.8,0H147.2a25.6,25.6,0,0,0-25.6,25.6V51.2H44.8A25.6,25.6,0,0,0,19.2,76.8h0V128H428.8V76.8A25.6,25.6,0,0,0,403.2,51.2Z'/%3E%3C/g%3E%3C/svg%3E%0A")
}
.ro-form .icon-trash-alt:before {
background-position-x: 2px;
--icon-size: 20px
}
.ro-form .icon-error:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cpath fill='none' d='M-1.5 41.5H22.5V65.5H-1.5z'%3E%3C/path%3E%3Ccircle cx='32' cy='32' r='32' fill='%23d52b1e'%3E%3C/circle%3E%3Cpath fill='%23fff' d='M41.52 18.94L32 27.37l-9.52-8.43a2.5 2.5 0 00-3.54 3.54L27.37 32l-8.43 9.52a2.5 2.5 0 003.54 3.54L32 36.63l9.52 8.43a2.5 2.5 0 003.54-3.54L36.63 32l8.43-9.52a2.5 2.5 0 00-3.54-3.54M32 32z' %3E%3C/path%3E%3C/svg%3E")
}
.ro-form .icon-error:before {
--icon-size: 24px
}
.screen-reader-only {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px
}
.button--small {
height: 40px;
min-height: 40px;
padding: 0 12px
}
.button--small.has-icon-only {
width: 40px
}
.button.has-icon-only {
padding: 0;
justify-content: center
}
.ro-form {
--input-height: 48px
}
.ro-form .hide {
display: none
}
.ro-form .controle {
position: absolute !important;
display: inline-block !important;
overflow: hidden;
clip: rect(0, 0, 0, 0);
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0
}
.ro-form__content {
display: flex;
flex-direction: column;
align-items: stretch;
background: #f3f3f3;
padding: 16px;
-webkit-margin-after: clamp(24px, 5vw, 40px);
margin-block-end: clamp(24px, 5vw, 40px)
}
@media(max-width: 767px) {
.ro-form__content {
margin-inline: -16px
}
}
.ro-form__content input[type=submit]:focus {
position: relative;
z-index: 1010
}
.ro-form__content input[type=submit]:focus:before,
.ro-form__content input[type=submit]:focus:after,
.ro-form__content input[type=submit]:focus *:not(svg *),
.ro-form__content input[type=submit]:focus *:before,
.ro-form__content input[type=submit]:focus *:after {
all: revert
}
:is(.ro-form__content input[type=submit]:focus, #increase#specificity):not(svg *) {
outline: 2px dashed var(--default-text-color);
outline-offset: 3px;
-webkit-box-shadow: none;
box-shadow: none
}
.formWrapper input[type=submit]:focus {
position: relative;
z-index: 1010
}
.formWrapper input[type=submit]:focus:before,
.formWrapper input[type=submit]:focus:after,
.formWrapper input[type=submit]:focus *:not(svg *),
.formWrapper input[type=submit]:focus *:before,
.formWrapper input[type=submit]:focus *:after {
all: revert
}
:is(.formWrapper input[type=submit]:focus, #increase#specificity):not(svg *) {
outline: 2px dashed var(--default-text-color);
outline-offset: 3px;
-webkit-box-shadow: none;
box-shadow: none
}
.ro-form__title {
font-size: clamp(22.78px, 3.6vw, 28.83px);
line-height: calc(1.6*1em - (1em - 1rem)/1.8);
-webkit-margin-before: 0;
margin-block-start: 0;
-webkit-margin-after: clamp(24px, 5vw, 40px);
margin-block-end: clamp(24px, 5vw, 40px);
color: var(--headings-color, var(--default-text-color));
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased
}
.ro-form__title.smaller-title {
font-size: clamp(22.78px, 3.2vw, 25.63px);
line-height: calc(1.45*1em - (1em - 1rem)/1.8)
}
.ro-form__intro {
-webkit-margin-before: clamp(-8px, 2vw, -16px);
margin-block-start: clamp(-8px, 2vw, -16px);
-webkit-margin-after: clamp(24px, 4vw, 32px);
margin-block-end: clamp(24px, 4vw, 32px)
}
.ro-form__intro *:last-child {
-webkit-margin-after: 0;
margin-block-end: 0
}
.ro-form__field {
display: flex;
flex-direction: column;
align-items: flex-start
}
.ro-form__label {
font-size: clamp(18px, 2.53vw, 20.25px);
line-height: calc(1.45*1em - (1em - 1rem)/1.8);
font-weight: normal;
color: var(--default-text-color);
-webkit-margin-after: 4px;
margin-block-end: 4px
}
.ro-form__label .error-icon {
position: relative;
display: inline-grid;
inset-block-start: 1px;
-webkit-margin-end: 6px;
margin-inline-end: 6px
}
.ro-form__label .error-icon,
.ro-form__label .error-icon svg {
width: 16px;
height: 16px
}
.ro-form__radio-group-field .ro-form__label,
.ro-form__checkbox-group-field .ro-form__label {
-webkit-margin-after: 8px;
margin-block-end: 8px
}
.show-field-errors .ro-form__label {
color: #d52b1e;
position: relative;
-webkit-padding-start: calc(16px + 0.5rem - 2px);
padding-inline-start: calc(16px + 0.5rem - 2px)
}
.show-field-errors .ro-form__label:before {
position: absolute;
display: block;
inset-inline-start: 0;
inset-block-start: 4px;
width: 16px;
height: 16px;
content: "";
background-size: contain
}
.show-field-errors .ro-form__label:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cpath fill='none' d='M-1.5 41.5H22.5V65.5H-1.5z'%3E%3C/path%3E%3Ccircle cx='32' cy='32' r='32' fill='%23d52b1e'%3E%3C/circle%3E%3Cpath fill='%23fff' d='M41.52 18.94L32 27.37l-9.52-8.43a2.5 2.5 0 00-3.54 3.54L27.37 32l-8.43 9.52a2.5 2.5 0 003.54 3.54L32 36.63l9.52 8.43a2.5 2.5 0 003.54-3.54L36.63 32l8.43-9.52a2.5 2.5 0 00-3.54-3.54M32 32z' %3E%3C/path%3E%3C/svg%3E")
}
.ro-form__required {
position: relative;
inset-block-start: -1px;
font-size: clamp(14.22px, 2vw, 16px);
line-height: calc(1.6*1em - (1em - 1rem)/1.8);
font-weight: normal;
-webkit-margin-start: .3em;
margin-inline-start: .3em
}
.ro-form__control {
height: var(--input-height)
}
.ro-form__help-text {
font-size: clamp(14.22px, 2vw, 16px);
line-height: calc(1.6*1em - (1em - 1rem)/1.8);
font-style: italic;
-webkit-margin-before: 8px;
margin-block-start: 8px
}
.ro-form__error-message {
font-size: clamp(16px, 2.25vw, 18px);
line-height: calc(1.6*1em - (1em - 1rem)/1.8);
position: relative;
padding: 16px;
background: #f9dfdd;
gap: 16px;
align-items: flex-start;
width: 100%
}
.ro-form__file-input-field .ro-form__error-message {
inset-block-start: 0;
-webkit-margin-before: 8px;
margin-block-start: 8px
}
.ro-form__checkbox-field .ro-form__label+.checkbox {
-webkit-margin-before: 4px;
margin-block-start: 4px
}
.ro-form__checkbox-field .ro-form__error-message {
-webkit-margin-before: 0;
margin-block-start: 0
}
.ro-form__select {
width: 100%;
position: relative
}
.ro-form__select select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
font-family: var(--font-family);
font-size: clamp(16px, 2.25vw, 18px);
line-height: calc(1.6*1em - (1em - 1rem)/1.8);
-webkit-padding-start: 16px;
padding-inline-start: 16px;
-webkit-padding-end: 44px;
padding-inline-end: 44px;
-webkit-padding-before: 0;
padding-block-start: 0;
-webkit-padding-after: 0;
padding-block-end: 0;
border-radius: 0;
border: 1px solid dimgray
}
.ro-form__select select:focus:before,
.ro-form__select select:focus:after,
.ro-form__select select:focus *:not(svg *),
.ro-form__select select:focus *:before,
.ro-form__select select:focus *:after {
all: revert
}
:is(.ro-form__select select:focus, #increase#specificity):not(svg *) {
outline: 2px dashed var(--default-text-color);
outline-offset: 3px;
-webkit-box-shadow: none;
box-shadow: none
}
.ro-form__select .icon {
--input-padding: 16px;
--icon-container-size: 26px;
position: absolute;
z-index: 2000;
content: "";
inset-inline-end: var(--input-padding);
inset-block-start: calc((var(--input-height) - var(--icon-container-size))/2);
pointer-events: none;
width: var(--icon-container-size);
height: var(--icon-container-size);
background-size: contain;
background-repeat: no-repeat
}
.ro-form__select .icon:before {
--icon-size: 18px;
width: var(--icon-size);
height: var(--icon-size);
inset-inline-start: 1px;
position: relative
}
.ro-form__select optgroup {
font-family: var(--font-family)
}
.text-input,
.text-input-with-icon {
--input-padding: 16px;
display: block;
width: 100%;
font-family: var(--font-family);
font-size: clamp(18px, 2.53vw, 20.25px);
line-height: calc(1.45*1em - (1em - 1rem)/1.8);
color: var(--default-text-color);
background-color: #fff;
background-clip: padding-box;
border: 1px solid dimgray;
border-radius: 0;
padding: 0 var(--input-padding)
}
.text-input:focus,
.text-input.is-focused,
.text-input-with-icon:focus,
.text-input-with-icon.is-focused {
border-color: rgba(0, 0, 0, 0);
position: relative;
z-index: 1010
}
.text-input:focus:before,
.text-input:focus:after,
.text-input:focus *:not(svg *),
.text-input:focus *:before,
.text-input:focus *:after,
.text-input.is-focused:before,
.text-input.is-focused:after,
.text-input.is-focused *:not(svg *),
.text-input.is-focused *:before,
.text-input.is-focused *:after,
.text-input-with-icon:focus:before,
.text-input-with-icon:focus:after,
.text-input-with-icon:focus *:not(svg *),
.text-input-with-icon:focus *:before,
.text-input-with-icon:focus *:after,
.text-input-with-icon.is-focused:before,
.text-input-with-icon.is-focused:after,
.text-input-with-icon.is-focused *:not(svg *),
.text-input-with-icon.is-focused *:before,
.text-input-with-icon.is-focused *:after {
all: revert
}
:is(.text-input:focus, #increase#specificity, .text-input.is-focused, .text-input-with-icon:focus, .text-input-with-icon.is-focused):not(svg *) {
outline: 2px dashed var(--default-text-color);
outline-offset: 3px;
-webkit-box-shadow: none;
box-shadow: none
}
.text-input::-webkit-input-placeholder,
.text-input-with-icon::-webkit-input-placeholder {
color: dimgray
}
.text-input::-moz-placeholder,
.text-input-with-icon::-moz-placeholder {
color: dimgray
}
.text-input:-ms-input-placeholder,
.text-input-with-icon:-ms-input-placeholder {
color: dimgray
}
.text-input::-ms-input-placeholder,
.text-input-with-icon::-ms-input-placeholder {
color: dimgray
}
.text-input::placeholder,
.text-input-with-icon::placeholder {
color: dimgray
}
.text-input.has-error,
.text-input-with-icon.has-error {
border: 2px solid #d52b1e
}
.text-input-with-icon {
display: flex;
justify-content: space-between;
align-items: center;
-webkit-padding-start: 0;
padding-inline-start: 0
}
.text-input-with-icon>input[type=text] {
background: none;
border: none;
width: calc(100% - 40px)
}
.checkbox,
.radio-button {
display: flex;
align-items: center
}
.checkbox__content,
.radio-button__content,
.checkbox__content--sub-label,
.radio-button__content--sub-label {
display: grid;
grid-template-columns: -webkit-min-content auto;
grid-template-columns: min-content auto;
grid-gap: .5em;
align-items: flex-start;
font-size: clamp(18px, 2.53vw, 20.25px);
line-height: calc(1.45*1em - (1em - 1rem)/1.8);
font-weight: normal;
color: var(--default-text-color)
}
.checkbox__content--sub-label,
.radio-button__content--sub-label {
display: flex
}
.checkbox__control,
.radio-button__control {
width: 24px;
height: 24px;
border: 1px solid currentColor;
background-color: #fff
}
.checkbox__control {
display: inline-grid;
border-radius: 0
}
.checkbox__input input[type=checkbox],
.radio-button__input input[type=radio] {
opacity: 0;
min-width: 0;
min-height: 0;
-webkit-margin-end: 0;
margin-inline-end: 0;
-webkit-margin-before: 0;
margin-block-start: 0
}
.checkbox-group__double-label-wrapper,
.radio-group__double-label-wrapper {
display: flex;
flex-wrap: wrap
}
.checkbox-group__double-label-wrapper .text-input,
.radio-group__double-label-wrapper .text-input {
-webkit-margin-before: 8px;
margin-block-start: 8px
}
.checkbox__input {
display: grid;
grid-template-areas: "checkbox"
}
.checkbox__input>* {
grid-area: checkbox
}
.checkbox__input input[type=checkbox] {
width: 24px;
height: 24px
}
.checkbox__input input[type=checkbox]:focus+.checkbox__control:before,
.checkbox__input input[type=checkbox]:focus+.checkbox__control:after,
.checkbox__input input[type=checkbox]:focus+.checkbox__control *:not(svg *),
.checkbox__input input[type=checkbox]:focus+.checkbox__control *:before,
.checkbox__input input[type=checkbox]:focus+.checkbox__control *:after {
all: revert
}
:is(.checkbox__input input[type=checkbox]:focus+.checkbox__control, #increase#specificity):not(svg *) {
outline: 2px dashed var(--default-text-color);
outline-offset: 3px;
-webkit-box-shadow: none;
box-shadow: none
}
.checkbox__input input[type=checkbox]:checked+.checkbox__control {
background-color: var(--default-button-color);
border-color: rgba(0, 0, 0, 0)
}
.checkbox__input input[type=checkbox]:checked+.checkbox__control:before {
-webkit-transform: translate(0px, -1px) scale(0.8);
transform: translate(0px, -1px) scale(0.8);
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' focusable='false'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='3' d='M1.73 12.91l6.37 6.37L22.79 4.59'%3E%3C/path%3E%3C/svg%3E")
}
.checkbox__label-text {
-webkit-padding-before: .05em;
padding-block-start: .05em
}
.checkbox__sub-content,
.radio-button__sub-content,
.ro-form__checkbox-field .ro-form__help-text {
-webkit-margin-start: calc(24px + 0.5em);
margin-inline-start: calc(24px + 0.5em)
}
.ro-form__checkbox-field .ro-form__help-text {
-webkit-margin-before: -8px;
margin-block-start: -8px
}
.radio-group,
.checkbox-group {
display: flex;
flex-direction: column;
width: 100%;
gap: 16px
}
.radio-button__input {
display: flex
}
.radio-button__input input[type=radio] {
width: 0;
height: 0
}
.radio-button__input input[type=radio]:focus+.radio-button__control {
position: relative;
z-index: 1010
}
.radio-button__input input[type=radio]:focus+.radio-button__control:before,
.radio-button__input input[type=radio]:focus+.radio-button__control:after,
.radio-button__input input[type=radio]:focus+.radio-button__control *:not(svg *),
.radio-button__input input[type=radio]:focus+.radio-button__control *:before,
.radio-button__input input[type=radio]:focus+.radio-button__control *:after {
all: revert
}
:is(.radio-button__input input[type=radio]:focus+.radio-button__control, #increase#specificity):not(svg *) {
outline: 2px dashed var(--default-text-color);
outline-offset: 3px;
-webkit-box-shadow: none;
box-shadow: none
}
.radio-button__input input[type=radio]+.radio-button__control::before,
.radio-button__input input[type=radio]:focus+.radio-button__control::before {
content: "";
width: 12px;
height: 12px;
-webkit-box-shadow: inset 12px 12px var(--default-button-color);
box-shadow: inset 12px 12px var(--default-button-color);
border-radius: 50%;
-webkit-transform: scale(0);
transform: scale(0)
}
.radio-button__input input[type=radio]:checked+.radio-button__control::before {
-webkit-transform: scale(1);
transform: scale(1)
}
.radio-button__control {
display: grid;
place-items: center;
border-radius: 50%;
-webkit-transform: translateY(-0.05em);
transform: translateY(-0.05em)
}
:where(.ro-form__field:not(:last-child)),
:where(.ro-form__date-picker-field:not(:last-child)),
:where(.ro-form__group-container:not(:last-child)) {
-webkit-margin-after: 40px;
margin-block-end: 40px
}
.text-area {
--input-padding: 16px;
display: block;
width: 100%;
font-family: var(--font-family);
font-size: clamp(18px, 2.53vw, 20.25px);
line-height: calc(1.45*1em - (1em - 1rem)/1.8);
color: var(--default-text-color);
background-color: #fff;
background-clip: padding-box;
border: 1px solid dimgray;
border-radius: 0;
padding: var(--input-padding);
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
min-width: 50%;
height: 180px
}
.text-area:focus,
.text-area.is-focused {
border-color: rgba(0, 0, 0, 0);
position: relative;
z-index: 1010
}
.text-area:focus:before,
.text-area:focus:after,
.text-area:focus *:not(svg *),
.text-area:focus *:before,
.text-area:focus *:after,
.text-area.is-focused:before,
.text-area.is-focused:after,
.text-area.is-focused *:not(svg *),
.text-area.is-focused *:before,
.text-area.is-focused *:after {
all: revert
}
:is(.text-area:focus, #increase#specificity, .text-area.is-focused):not(svg *) {
outline: 2px dashed var(--default-text-color);
outline-offset: 3px;
-webkit-box-shadow: none;
box-shadow: none
}
.text-area::-webkit-input-placeholder {
color: dimgray
}
.text-area::-moz-placeholder {
color: dimgray
}
.text-area:-ms-input-placeholder {
color: dimgray
}
.text-area::-ms-input-placeholder {
color: dimgray
}
.text-area::placeholder {
color: dimgray
}
.file-input {
display: flex;
align-items: center
}
.file-input__file-names {
-webkit-margin-start: 16px;
margin-inline-start: 16px
}
.form-error-summary__list-item {
display: grid;
grid-template-columns: -webkit-min-content auto;
grid-template-columns: min-content auto;
-webkit-column-gap: 12px;
-moz-column-gap: 12px;
column-gap: 12px
}
.form-error-summary__list-item:before {
position: relative;
inset-block-start: .5em;
display: block;
content: "";
width: 7px;
height: 7px;
background-color: #000
}
.form-error-summary__list-item:not(:last-child) {
-webkit-margin-after: 12px;
margin-block-end: 12px
}
.period-input-group {
display: flex;
align-items: center;
gap: 16px;
width: 100%
}
.period-input-group .period-input {
width: 100%
}
.ro-form__likert-group-field .radio-group {
-webkit-margin-before: 8px;
margin-block-start: 8px
}
.likert:not(:last-child) {
-webkit-margin-after: 12px;
margin-block-end: 12px
}
.notification.alert {
border-inline-start-width: 4px;
border-inline-start-style: solid;
padding: 20px 24px 20px 20px;
-webkit-margin-after: 16px;
margin-block-end: 16px
}
@media(max-width: 767px) {
.notification {
margin-inline: -16px
}
}
.fui-field .fui-errors {
margin-bottom: 0;
}
.notification--error,
.notification.notification--error.alert {
background-color: #f9dfdd;
border-inline-start-color: #d52b1e
}
.notification__heading {
position: relative;
display: grid;
grid-template-columns: -webkit-min-content 1fr;
grid-template-columns: min-content 1fr;
-webkit-column-gap: 12px;
-moz-column-gap: 12px;
column-gap: 12px
}
.notification__heading:before {
position: relative;
top: .05em;
display: block;
content: "";
width: 24px;
height: 24px;
background-size: contain
}
.notification--error .notification__heading:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cpath fill='none' d='M-1.5 41.5H22.5V65.5H-1.5z'%3E%3C/path%3E%3Ccircle cx='32' cy='32' r='32' fill='%23d52b1e'%3E%3C/circle%3E%3Cpath fill='%23fff' d='M41.52 18.94L32 27.37l-9.52-8.43a2.5 2.5 0 00-3.54 3.54L27.37 32l-8.43 9.52a2.5 2.5 0 003.54 3.54L32 36.63l9.52 8.43a2.5 2.5 0 003.54-3.54L36.63 32l8.43-9.52a2.5 2.5 0 00-3.54-3.54M32 32z' %3E%3C/path%3E%3C/svg%3E")
}
.notification__intro {
-webkit-margin-after: 8px;
margin-block-end: 8px
}
:is(.notification__intro p, #increase#specificity) {
-webkit-margin-after: 0;
margin-block-end: 0
}
.notification__intro,
.notification__intro p,
.notification__intro li,
.notification__body,
.notification__body p,
.notification__body li {
font-size: clamp(18px, 2.53vw, 20.25px);
line-height: calc(1.6*1em - (1em - 1rem)/1.8)
}
.notification__intro *:last-child,
.notification__body *:last-child {
-webkit-margin-after: 0;
margin-block-end: 0
}
.ro-form__fieldset {
-webkit-margin-before: clamp(24px, 5.5vw, 44px);
margin-block-start: clamp(24px, 5.5vw, 44px);
-webkit-margin-after: clamp(8px, 1.5vw, 12px);
margin-block-end: clamp(8px, 1.5vw, 12px)
}
.ro-form__fieldset:last-child {
-webkit-margin-after: 0;
margin-block-end: 0
}
.ro-form__fieldset.remove-margin-block-start {
-webkit-margin-before: 0;
margin-block-start: 0
}
.ro-form__legend {
font-size: clamp(22.78px, 3.2vw, 25.63px);
line-height: calc(1.45*1em - (1em - 1rem)/1.8);
font-weight: 600;
color: var(--default-text-color);
-webkit-margin-after: clamp(8px, 3vw, 24px);
margin-block-end: clamp(8px, 3vw, 24px)
}
.ro-form__legend.smaller-legend {
font-size: clamp(18px, 2.53vw, 20.25px);
line-height: calc(1.45*1em - (1em - 1rem)/1.8)
}
#navBar {
background-color: #01689b
}
.breadCrumbNav {
color: #fff
}
.breadCrumbNav a,
.breadCrumbNav a:hover,
.breadCrumbNav a:visited {
color: #fff
}
.breadCrumbNav a:after,
.breadCrumbNav a:hover:after,
.breadCrumbNav a:visited:after {
color: #fff
}
.breadCrumbNav span {
color: #fff
}
.mainNav .toggleNav {
color: #fff
}
.mainNav ul li a {
color: #fff;
border-top: 1px solid #fff
}
.mainNav ul li:last-child a {
border-bottom: 1px solid #fff
}
@media(min-width: 768px) {
.mainNav ul li a {
border-top: none
}
.mainNav ul li:last-child a {
border-bottom: none
}
}
.editorial-navigation {
background-color: #01689b
}
.editorial-navigation .navItem a {
color: #fff
}
.editorial-navigation .navItem a h3,
.editorial-navigation .navItem a span {
color: #fff
}
.editorial-navigation .navItem a:focus {
outline-color: #000
}
.editorial-navigation .navItem a:hover,
.editorial-navigation .navItem a:visited {
color: #fff
}
#searchForm .searchSubmit {
-webkit-transition: none;
transition: none
}
.topTaskPushNotification {
background: #01689b;
color: #fff
}
.topTaskPushNotification a,
.topTaskPushNotification h2,
.topTaskPushNotification p {
color: #fff
}
.site-footer {
background-color: #01689b
}
.site-footer .payoff span {
color: #fff
}
.site-footer .column h2 {
color: #fff
}
.site-footer .column ul a {
color: #fff
}
.site-footer .column ul a:hover,
.site-footer .column ul a:focus,
.site-footer .column ul a:visited::before {
color: #fff
}
:root {
/* Colors */
--primary-color: #01689b;
--grey2: #e6e6e6;
--grey3: #cccccc;
--red: #D52B1E;
--red2: #DF6056;
--alert-error-color: #f9dfdd;
--btn-bg-color-hover: #001C4F;
--alert-info-color: #d9ebf7;
--alert-warning-color: #fff4db;
/* Layout */
--fui-label-margin: 14px;
}
.beslisboom-2 .article.content {
background-color: #f3f3f3;
}
/* FORMS Overrides */
.fui-i {
--fui-font: var(--font-family);
--fui-color: #000;
--fui-label-color: #000;
--fui-label-font-size: 17px;
--fui-label-error-color: var(--red);
--fui-required-color: var(--red);
--fui-alert-padding: 0;
--fui-alert-error-color: var(--fui-color);
--fui-error-font-size: clamp(16px, 2.25vw, 18px);
/* Checkboxes */
--fui-check-label-height: 24px;
--fui-check-label-width: 24px;
--fui-check-label-border: 1px solid var(--fui-color);
--fui-check-check-border-radius: 0;
--fui-check-check-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' focusable='false'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='3' d='M1.73 12.91l6.37 6.37L22.79 4.59'%3E%3C/path%3E%3C/svg%3E");
--fui-check-check-bg-size: 17px;
--fui-check-border-color-checked: var(--default-button-color);
--fui-check-bg-color-checked: var(--default-button-color);
--fui-check-box-shadow-focus: none;
--fui-check-border-color-focus: var(--fui-color);
--fui-check-label-top: 0;
--fui-check-font-size: clamp(18px, 2.53vw, 20.25px);
}
form[id^="fui-beslis"] button.fui-submit:disabled {
background-color: #CCE1EB;
border-color: #CCE7F4;
color: white;
}
a.fui-btn {
color: var(--fui-submit-btn-color);
}
.fui-btn {
--fui-btn-font-size: 1.25rem;
--fui-btn-padding: 0.375rem 0.75rem;
--fui-btn-border-radius: 0;
}
.fui-label-above-input .fui-label {
--fui-label-margin: 14px;
}
.fui-input {
--fui-border-radius: 0;
--fui-input-font-size: 1.25rem;
}
.fui-input:focus {
--fui-input-border-color-focus: none;
}
.fui-radio {
--fui-check-font-size: clamp(18px, 2.53vw, 20.25px);
--fui-check-line-height: none;
}
.fui-radio input {
--fui-input-padding: none;
}
.fui-checkbox label, .fui-radio label {
--fui-check-font-size: none;
--fui-check-label-line-height: calc(1.45* 1em -(1em - 1rem) / 1.8);
--fui-check-label-padding-left: 33px;
/*height: 23px;*/
/*display: flex !important;*/
/*align-items: center !important;*/
}
.fui-radio:not(:last-child) {
--fui-check-margin-bottom: 1rem;
}
.fui-radio input:focus+label:before {
--fui-check-box-shadow-focus: none;
--fui-check-border-color-focus: none;
}
.fui-submit {
--fui-submit-btn-bg-color: #01689b;
--fui-submit-btn-border-color: #01689b;
--fui-submit-btn-bg-color-hover: #001C4F;
--fui-submit-btn-border-color-hover: #001C4F;
--fui-submit-btn-box-shadow-focus: none;
}
.fui-prev {
--fui-btn-bg-color: var(--primary-color);
--fui-btn-bg-color-hover: #001C4F;
}
.fui-radio-label:before {
--fui-check-label-width: 24px;
--fui-check-label-height: 24px;
--fui-check-label-top: 0;
--fui-border-color: #333333;
}
form[id^="fui-beslis"] .fui-radio input:checked+label:before {
background-color: white;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'-4%20-4%208%208'%3E%3Ccircle%20r%3D'3'%20fill%3D'%2301689b'%2F%3E%3C%2Fsvg%3E");
--fui-check-radio-bg-size: 15px auto;
--fui-check-border-color-checked: var(--fui-border-color);
}
.fui-radio input:focus+label:before,
.fui-checkbox input:focus+label:before {
outline: 2px dashed #000;
outline-offset: 2px;
}
form[id^="fui-beslis"] .fui-repeater-add-btn {
background-color: var(--primary-color);
--fui-repeater-add-btn-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='white' d='M368 224H224V80c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v144H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h144v144c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V288h144c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z'/%3E%3C/svg%3E");
}
form[id^="fui-beslis"] .fui-repeater-add-btn:hover,
form[id^="fui-beslis"] .fui-repeater-add-btn:focus {
background-color: var(--btn-bg-color-hover);
}
.fui-repeater-add-btn:after {
--fui-repeater-add-btn-top: 0.80rem;
}
.fui-field[data-field-handle$="_bedrag"] input {
padding-left: 28px;
}
.fui-type-number .fui-input-container,
.fui-field[data-field-handle$="_bedrag"] .fui-input-container {
position: relative;
}
.fui-type-number .fui-input-container:before,
.fui-field[data-field-handle$="_bedrag"] .fui-input-container:before {
content: "€";
height: 46px;
position: absolute;
color: var(--default-text-color);
padding: 0 0.7rem;
display: flex;
align-items: center;
}
.fui-type-number.fui-error .fui-input-container:before {
height: 50px;
}
.fui-repeater-row {
--fui-repeater-row-padding: 1rem 1rem 1rem 0;
--fui-repeater-row-border: none;
--fui-repeater-row-margin-bottom: 0;
}
.fui-repeater-row .fui-fieldset {
position: relative;
}
.fui-repeater-row .fui-fieldset .fui-field-rows {
margin-bottom: 0;
}
.fui-repeater-row input[type=text] {
padding-right: 58px;
}
.fui-repeater-remove-btn {
--fui-repeater-remove-btn-top: 0;
--fui-repeater-remove-btn-border: none;
--fui-repeater-remove-btn-height: 44px;
--fui-repeater-remove-btn-border-radius: none;
--fui-repeater-remove-btn-right: 9px;
--fui-repeater-remove-btn-transform: none;
bottom: 0;
background-color: var(--red);
}
.fui-repeater-remove-btn:after {
--fui-repeater-remove-btn-icon-bg-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.2' baseProfile='tiny' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg id='_x32_4px_Boxes'%3E%3Crect fill='none' width='24' height='24'/%3E%3C/g%3E%3Cg id='Production'%3E%3Cg%3E%3Cpath d='M5,21c0,0.5527,0.4473,1,1,1h12c0.5527,0,1-0.4473,1-1V8H5V21z M15,10h2v9l-2,1V10z M11,10h2v9l-2,1V10z M7,10h2v9l-2,1 V10z'/%3E%3Cpath d='M19,4h-3V3c0-0.5527-0.4473-1-1-1H9C8.4473,2,8,2.4473,8,3v1H5C4.4473,4,4,4.4473,4,5v2h1h14h1V5 C20,4.4473,19.5527,4,19,4z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
--fui-repeater-remove-btn-icon-height: 44px;
--fui-repeater-remove-btn-icon-width: 44px;
background-position: center;
background-color: var(--red2);
}
.fui-repeater-remove-btn:hover:after {
background-color: var(--red);
}
.fui-repeater-remove-btn:focus:after {
background-color: var(--red);
outline: 2px dashed #000;
outline-offset: 3px;
background-color: var(--red);
}
.fui-repeater-remove-btn:before {
content: none !important;
}
.fui-repeater-row .fui-field:not(.fui-type-hidden-field) {
margin-bottom: 0;
}
.fui-repeater-row input[type=text] {
height: 44px;
}
/* FORM LABELS */
.fui-label {
--fui-label-font-weight: bold;
/*--fui-label-font-size: 1.25rem;*/
--fui-label-color: var(--default-text-color);
}
/* FORM ALERTS */
.fui-alert {
--fui-alert-border-radius: 0;
}
.fui-alert-error {
--fui-alert-error-bg-color: var(--alert-error-color);
}
div[data-field-type=radio] .fui-error-message {
--fui-error-margin-top: .5rem;
}
.fui-error-message {
display: flex !important;
background-color: var(--alert-error-color);
--fui-error-font-size: clamp(16px, 2.25vw, 18px);
--fui-error-color: var(--default-text-color);
--fui-error-margin-top: 0;
padding: 1rem;
align-items: center;
gap: 0.75rem;
}
.fui-error-message:before {
content: "";
display: inline-block;
background-size: contain;
width: 24px;
min-width: 24px;
height: 24px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cpath fill='none' d='M-1.5 41.5H22.5V65.5H-1.5z'%3E%3C/path%3E%3Ccircle cx='32' cy='32' r='32' fill='%23d52b1e'%3E%3C/circle%3E%3Cpath fill='%23fff' d='M41.52 18.94L32 27.37l-9.52-8.43a2.5 2.5 0 00-3.54 3.54L27.37 32l-8.43 9.52a2.5 2.5 0 003.54 3.54L32 36.63l9.52 8.43a2.5 2.5 0 003.54-3.54L36.63 32l8.43-9.52a2.5 2.5 0 00-3.54-3.54M32 32z' %3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
}
.fui-error .fui-label {
--fui-label-error-color: var(--default-text-color)
}
.fui-input.fui-error {
--fui-input-error-border-color: var(--red);
border: 2px solid var(--red);
--fui-input-error-color: var(--default-text-color);
}
.fui-input.fui-error:focus {
--fui-input-error-box-shadow-focus: none;
}
/* ASIDE ANSWERS */
aside.answers {
display: inline-block;
width: 100%;
padding-left: 1rem;
padding-right: 1rem;
margin-top: var(--fui-row-gutter-top);
}
/* Accordion Styles */
details:first-of-type {
border-top: 2px solid #e6e6e6;
/*background-color: #f9f9f9;*/
/*transition: background-color 0.3s ease;*/
}
details {
border-bottom: 2px solid #e6e6e6;
/*background-color: #f9f9f9;*/
/*transition: background-color 3s ease;*/
}
details[open] {
background-color: #f9f9f9;
}
details li strong {
display: block;
}
details .edit-link {
display: block;
}
/* Style for the summary inside the details */
details summary {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 1.2rem;
font-weight: bold;
padding: 10px;
cursor: pointer;
outline: none;
list-style: none;
user-select: none; /* Prevent text selection when clicking */
}
details summary:focus {
outline: 2px dashed #000;
outline-offset: 3px;
}
/* Rotate the disclosure triangle (down arrow) when open */
details[open] summary::after {
-webkit-transition: transform 0.3s ease;
transition: transform 0.3s ease;
display: flex;
font-family: "RO Icons";
content: "";
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
color: #01689b;
}
details summary::after {
-webkit-transition: transform 0.3s ease;
transition: transform 0.3s ease;
display: flex;
font-family: "RO Icons";
content: "";
-webkit-transform: rotate(0);
transform: rotate(0);
color: #01689b;
}
/* Add some padding and margin to the contents revealed by details */
details > *:not(summary) {
padding: 10px;
margin: 0;
}
details > ul li {
margin-bottom: 1rem !important;
}
/* Styling the download button */
/*#download-table-1a {*/
/* padding: 10px 15px;*/
/* margin-top: 10px;*/
/* background-color: #01689b;*/
/* color: #fff;*/
/* border: none;*/
/* border-radius: 4px;*/
/* cursor: pointer;*/
/* transition: background-color 0.3s ease;*/
/*}*/
/*#download-table-1a:hover {*/
/* background-color: #0056b3;*/
/*}*/
/* Optional: Adding animation to the details expand/collapse */
details[open] {
background-color: #f3f3f3;
}
table tr td {
vertical-align: middle !important;
/*text-align: center;*/
}
table {
width: 100% !important;
border-collapse: collapse;
border-spacing: 0;
overflow-x: auto;
display: block; /* This makes the table scrollable */
-webkit-overflow-scrolling: touch; /* Smooth scrolling on mobile */
}
/* Beslisboom 1 */
.beslisboom-1 form .body-text {
padding: 0;
margin-bottom: 0;
}
.beslisboom-1 form .form-item {
background-color: #f3f3f3;
padding: 1rem;
margin-bottom: 0;
}
.notification {
margin-bottom: 1rem;
}
.notification .fui-field-container,
.notification:not(.fui-type-entries) .notification__text-container {
padding: 1rem;
}
.notification .fui-field-container h3,
.notification .notification__text-container h3 {
display: flex;
/*align-items: center;*/
gap: 0.3rem;
}
.notification .fui-field-container h3:before,
.notification .notification__text-container h3:before{
display: inline-block;
content: "";
min-width: 28px;
width: 28px;
height: 28px;
background-size: contain;
background-repeat: no-repeat;
}
.notification .fui-field-container p {
padding-left: calc(0.3rem + 28px);
}
.notification .fui-field-container > p {
padding-left: 0;
}
.notification.notification--info .fui-field-container,
.notification.notification--info .notification__text-container {
background-color: var(--alert-info-color);
}
.notification.notification--info .fui-field-container h3:before,
.notification.notification--info .notification__text-container h3:before {
background-image: url(../img/info_blue.svg);
}
.notification.notification--error .fui-field-container,
.notification.notification--error .notification__text-container {
background-color: var(--alert-error-color);
}
.notification.notification--warning .fui-field-container,
.notification.notification--warning .notification__text-container {
background-color: var(--alert-warning-color);
}
.notification.notification--warning .fui-field-container h3:before,
.notification.notification--warning .notification__text-container h3:before {
background-image: url(../img/warning_yellow.svg);
}
.beslisboom-1 form .fui-type-html.form-item.form-question {
padding-bottom: 0;
}
.beslisboom-1 .form-item.form-question.checkbox-switch {
padding-bottom: 0;
}
.beslisboom-1 .form-item.form-question.checkbox-switch ul {
margin-bottom: 0;
}
.beslisboom-1 form .fui-btn-wrapper {
background-color: #f3f3f3;
padding: 1rem;
}
.beslisboom-1 form .fui-btn-left button.fui-prev,
.beslisboom-1 form .fui-btn-left.one-button button {
margin-left: 0;
}
.beslisboom-1 form .form-question legend,
.beslisboom-1 form .form-question p {
font-weight: bold;
font-size: clamp(18px, 2.53vw, 20.25px);
}
.beslisboom-1 form .form-question p:last-child,
.beslisboom-1 form .form-item p:last-child {
margin-bottom: 0 !important;
}
span.info-icon {
display: inline-block;
background-color: red;
}
button.info-icon,
span.info-icon {
/*vertical-align: bottom;*/
margin-left: 0.5rem;
width: 23px;
height: 23px;
padding: 0;
min-height: 0;
background-image: url("../img/info_blue.png");
background-color: #f3f3f3;
background-size: contain;
background-repeat: no-repeat;
}
.fui-type-heading .info-icon {
background-color: white;
}
.question-with-list ul {
padding-left: 1.5rem;
}
.question-with-list ul li {
list-style-type: disc;
}
.tooltip-wrapper {
display: flex;
gap: 0.3rem;
}
.tooltip-wrapper .close-btn {
align-self: start;
}
.tooltip__text-content p,
.tooltip__text-content ul {
padding-left: calc(28px + 0.3rem);
}
.tooltip__text-content p:last-child,
.tooltip__text-content ul:last-child,
.notification__text-container p:last-child,
.notification__text-container ul:last-child {
margin-bottom: 0;
}
button.close-btn {
background-image: url("../img/black_cross.svg");
background-color: transparent;
width: 28px;
min-height: 28px;
max-height: 28px;
background-repeat: no-repeat;
background-size: contain;
}
.beslisboom-1a form [data-index="8"] .fui-btn-wrapper,
.beslisboom-1a form [data-index="24"] .fui-btn-wrapper {
background-color: white;
padding-left: 0;
}
.beslisboom-1a form [data-index="24"] .fui-btn-wrapper .fui-submit {
margin-left: 0;
}
.beslisboom-1b form [data-index="4"] .fui-btn-wrapper {
background-color: white;
padding-left: 0;
}