/* ========================================================================= * * Core styling (do not edit these files) * * The contents of the standard-assets-bundle have been copied into this * project so we can transition into making use of the core-assets-bundle * and website-bundle. * * ====================================================================== */ /* ========================================================================= * * A normalize plugin to make browsers behave more equal * * - More info: github.com/necolas/normalize.css * - With this file we don't need to use a reset stylesheet * * ====================================================================== */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Prevent adjustments of font size after orientation changes in IE and iOS. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. * 2. Add the correct display in IE. */ article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { /* 1 */ display: block; } /** * Add the correct display in IE 9-. */ audio, canvas, progress, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Add the correct display in IE 10-. * 1. Add the correct display in IE. */ template, [hidden] { display: none; } /* Links ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a, html div#cookie-bar a { background-color: transparent; } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /* Text-level semantics ========================================================================== */ /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /* Forms ========================================================================== */ /** * Change font properties to `inherit` in all browsers (opinionated). */ button, input, select, textarea { font: inherit; } /** * Restore the font weight unset by the previous rule. */ optgroup { font-weight: bold; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. * 2. Show the overflow in Edge, Firefox, and IE. */ button, input, select { /* 2 */ overflow: visible; } /** * Remove the margin in Safari. * 1. Remove the margin in Firefox and Safari. */ button, input, select, textarea { /* 1 */ margin: 0; } /** * Remove the inheritence of text transform in Edge, Firefox, and IE. * 1. Remove the inheritence of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Change the cursor in all browsers (opinionated). */ button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer; } /** * Restore the default cursor to disabled elements unset by the previous rule. */ [disabled] { cursor: default; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText; } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * Correct the odd appearance of search inputs in Chrome and Safari. */ [type="search"] { -webkit-appearance: textfield; } /** * Remove the inner padding and cancel buttons in Chrome on OS X and * Safari on OS X. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* ========================================================================= * * This stylesheet is still needed because Kirra templates use some of these essential class names * You can also use these class names in your own styling as extends or mixins * * ====================================================================== */ .clearfix:after, .cf:after { content: ''; display: table; clear: both; } .nomargin, .nom { margin: 0; } .nopadding .nop { padding: 0; } .nomp { margin: 0; padding: 0; } .block { display: block; } .dnone { display: none; } .inline { display: inline; } .center { display: block; margin: auto; } .hide, .hidden { position: absolute; left: -9999px; } .fleft { float: left; } .fright { float: right; } .clear { clear: both; } .cleft { clear: left; } .cright { clear: right; } .tcenter { text-align: center; } .tleft { text-align: left; } .tright { text-align: right; } .vbottom { vertical-align: bottom; } .vmiddle { vertical-align: middle; } .vtop { vertical-align: top; } .absolute { position: absolute; } .relative { position: relative; } .fixed { position: fixed; } .overflow { overflow: hidden; } .b, .bold, .strong { font-weight: bold; } .i, .em, .italic { font-style: italic; } .normal { font-weight: normal; } .u, .underline { text-decoration: underline; } .tnone { text-decoration: none; } .small { font-size: 0.9em; } .lower { text-transform: lowercase; } .upper { text-transform: uppercase; } .capitalize { text-transform: capitalize; } .truncate { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .default { cursor: default; } .pointer, .js-hover { cursor: pointer; } .mobiletext { display: none; } .break-word { -ms-word-break: break-word; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; } .hide-from-layout { display: none !important; } /* ========================================================================= * * This stylesheet makes elements behave the we iWink wants them to * * ====================================================================== */ address { font-style: normal; } [type=search] { box-sizing: border-box; -webkit-appearance: none; } picture { display: block; width: 100%; } img { max-width: 100%; display: block; position: relative; font-size: 1.8rem; } img[src*='.svg'] { max-width: none; width: 100%; } .responsive-image { position: relative; } .responsive-image > img { -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); position: absolute; top: 50%; left: 50%; width: 100%; height: auto; max-width: none; } ul, ol { list-style: none; } td, dd, figure { margin: 0; } fieldset { margin: 0; padding: 0; border: 0; } iframe { border: 0; } hr { height: 0; padding: 0; border: 0; overflow: hidden; display: block; clear: both; } [href^='mailto'] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } [href^='tel:'] { cursor: text; text-decoration: none; color: #004380; } [href^='tel:']:hover, [href^='tel:']:focus { color: currentColor; text-decoration: none; } *, *:before, *:after { box-sizing: inherit; } .icalendar { box-sizing: content-box; } .component-twitter s, .comp-twitter s, .comp-tweet s { text-decoration: none; } @media (min-width: 769px) { .kirra-frontend-bar-enabled { margin-top: 36px !important; } .kirra-frontend-bar-enabled .nav-toggle, .kirra-frontend-bar-enabled .page-mobile-nav-container { top: 36px; } } @media (max-width: 768px) { .frontend-bar { border-radius: 0.4rem; box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.05); line-height: 3.2rem; font-size: 1.8rem; position: fixed; bottom: 1.6rem; left: 1.6rem; background: #fff; padding: 1.6rem 1.6rem 0; } .frontend-bar ul, .frontend-bar p { margin-bottom: 1.6rem; } .frontend-bar ul:not(.right) { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; } .frontend-bar ul:not(.right) a:before { content: attr(title); } .frontend-bar ul:not(.right) li:not(:first-child) { margin-left: 3.2rem; } } .btn-default, .btn, button, [type=submit], html div#cookie-bar span.cookie-buttons .allow-cookies, html .cookie-explanation button.request-cookies, .call-to-action, .form-input-file .file-input-btn { transition: 0.15s ease-out; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: -ms-inline-flex; display: inline-flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; margin-bottom: 3.2rem; cursor: pointer; } /* ========================================================================= * * This is a very important stylesheet because it handles the behaviour of our main columns of the lay-out: * - The left column * - The middle column * - The right column * * More info about the semantics of the website can be found on: http://html5doctor.com/ * * ====================================================================== */ html, body { overflow-x: hidden; -ms-touch-action: manipulation; touch-action: manipulation; } html { box-sizing: border-box; } body { background: #f8f7f7; } .page-website-wrapper { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: calc(100vh - 12.8rem); } @media (max-width: 63.9375em) { .page-website-wrapper { min-height: calc(100vh - 6.4rem); } } @media (min-width: 768px) { .kirra-frontend-bar-enabled .page-website-wrapper { min-height: calc(100vh - 12.8rem - 36px); } } @media (min-width: 768px) and (max-width: 63.9375em) { .kirra-frontend-bar-enabled .page-website-wrapper { min-height: calc(100vh - 6.4rem - 36px); } } .page-wrapper { -webkit-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; } .page-wrapper > .inner { background: none; } .page-content { margin-left: -1.6rem; margin-right: -1.6rem; } .page-column { padding-left: 1.6rem; padding-right: 1.6rem; } .page-extracontent { -ms-flex-order: 4; -webkit-order: 4; -ms-order: 4; order: 4; } .page-overview { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 3.2rem; } .page-overview[data-alignment='center'] { -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; } .page-overview[data-alignment='right'] { -webkit-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; } .page-overview[data-gutter='1'] { margin-left: -1.6rem; margin-right: -1.6rem; margin-bottom: 0; } .page-overview[data-gutter='1'] > .page-overview-block { padding-left: 1.6rem; padding-right: 1.6rem; margin-bottom: 3.2rem; } .page-overview[data-gutter='1'] > h1, .page-overview[data-gutter='1'] > h2 { padding-left: 1.6rem; padding-right: 1.6rem; } .page-overview[data-gutter='0'] .text { padding-left: 1.6rem; padding-right: 1.6rem; } .page-overview > h1, .page-overview > h2 { width: 100%; } .extra-column-wrapper { -webkit-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; padding: 0 1.6rem; } @-webkit-keyframes scale { 0% { -webkit-transform: scale(0); } 50% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(0); } } @keyframes scale { 0% { transform: scale(0); } 50% { transform: scale(1); } 100% { transform: scale(0); } } [data-width]:not(.wrapper-is-loaded) { position: relative; min-height: 32px; } [data-width]:not(.wrapper-is-loaded) .page-overview-block { display: none; } [data-width]:not(.wrapper-is-loaded):before { -webkit-animation: scale 1s linear infinite; animation: scale 1s linear infinite; border-radius: 50%; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; border: 4px solid #002240; content: ''; position: absolute; top: 50%; left: 50%; width: 32px; height: 32px; margin-top: -16px; margin-left: -16px; color: #002240; text-align: center; } [data-width] .page-overview-block { -webkit-flex: 1; -ms-flex: 1; flex: 1; } [data-columns='1'] > .page-overview-block { width: 100%; } [data-columns='2'] > .page-overview-block { width: 50%; } [data-columns='3'] > .page-overview-block { width: 33.33333333%; } [data-columns='4'] > .page-overview-block { width: 25%; } [data-columns='5'] > .page-overview-block { width: 20%; } [data-columns='6'] > .page-overview-block { width: 16.66666667%; } .page-overview-block .image { position: relative; padding-top: 66.66666667%; } .page-overview-block .image > div { width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding-top: 0 !important; } .page-overview-block .image > img { -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: auto; max-width: none; height: 100%; position: absolute; top: 50%; left: 50%; } .page-overview-block .image[data-image-alignment='center'] img { -webkit-transform: translateY(-50%) !important; transform: translateY(-50%) !important; top: 50% !important; } .page-overview-block .image[data-image-alignment='bottom'] img { top: auto !important; bottom: 0 !important; } [data-gutter='1'] .page-overview-block .image { margin-bottom: 3.2rem; } .page-overview-block-inner { display: block; text-decoration: none; width: 100%; } a.page-overview-block-inner, a.page-overview-block-inner:hover, a.page-overview-block-inner:focus { color: #004380; } /* ========================================================================= * * All text styles are set here * * ====================================================================== */ html { font-size: 62.5%; } body { font-family: 'Bariol', sans-serif; font-size: 2em; line-height: 1.6; color: #004380; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: none; } h1, h2, h3, h4 { -webkit-transform: translateZ(0); transform: translateZ(0); font-family: 'Bariol Bold', 'Bariol', sans-serif; line-height: 1.2; text-rendering: optimizelegibility; } .touch-device h1, .touch-device h2, .touch-device h3, .touch-device h4 { text-rendering: optimizeSpeed; } h1 { font-size: 4rem; } h2 { font-size: 3.2rem; } h3 { font-size: 2.4rem; } h4 { font-size: 2rem; } p, address, ul, ol, table, blockquote, dl, hr { margin: 0 0 3.2rem; padding: 0; } /* ========================================================================= * * Default tooltip styling * * ====================================================================== */ [data-title] { position: relative; } [data-title]:after { transition: 0.15s ease-out; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: attr(data-title); display: inline-block; white-space: nowrap; font-weight: normal; font-style: normal; line-height: 1.6; position: absolute; bottom: 100%; left: 50%; z-index: 10; } /* ========================================================================= * * Main navigation styling (in the header) * * ====================================================================== */ .page-mainmenu li { position: relative; } .page-mainmenu .level-1 { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; margin-bottom: 0; } .page-mainmenu .level-1-item > a { display: inline-block; } .page-mainmenu .level-1-item ul { transition: 0.15s ease-out; position: absolute; margin: 0; } .page-mainmenu .level-2 { left: 0; top: 100%; z-index: 10; } .page-mainmenu .level-2 a { display: block; } .page-mainmenu .level-2 ul { left: 100%; top: 0; } .video-wrapper { padding-top: 56.25%; position: relative; } .video-wrapper > * { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } /* ========================================================================= * * Styling the website's breadcrumb * * - Depends on the variable @breadcrumb in variables.less * * ====================================================================== */ .page-breadcrumb > ol { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; margin: 0; } /* ========================================================================= * * This styling handles our responsive navigation * * - Depends on the variable @responsive in variables.less * * ====================================================================== */ .nav-trigger { display: none; } .nav-toggle { transition: 0.3s ease-in-out; top: 0; display: none; cursor: pointer; position: fixed; font-size: 1.8rem; text-align: center; z-index: 10; width: 6.4rem; height: 6.4rem; background: transparent; } .nav-toggle-lines { -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); position: absolute; top: 50%; left: 50%; border-radius: 0.1rem; transition: 0.15s ease-in-out; display: block; width: 3.2rem; height: 0.2rem; background: #009BA4; position: relative; } .nav-toggle-lines:before, .nav-toggle-lines:after { border-radius: 0.1rem; transition: 0.15s ease-in-out; -webkit-transform: translateZ(0); transform: translateZ(0); content: ''; height: 100%; background: #009BA4; width: 100%; position: absolute; display: block; top: 0; left: 0; } .nav-toggle-lines:before { -webkit-transform: translateY(0.1rem) translateY(-1rem); transform: translateY(0.1rem) translateY(-1rem); } .nav-toggle-lines:after { -webkit-transform: translateY(-0.1rem) translateY(1rem); transform: translateY(-0.1rem) translateY(1rem); } .page-mobile-nav-container { display: none; position: fixed; top: 0; bottom: 0; width: 0; z-index: 110; } .nav-closer { -webkit-transform: translateZ(0); transform: translateZ(0); transition: 0.3s ease-in-out; will-change: opacity; content: ''; background: rgba(0, 0, 0, 0.5); width: 100vw; position: absolute; top: 0; bottom: 0; display: block; opacity: 0; visibility: hidden; cursor: url('../../bundles/iwinkstandardassets/img/cursor-close.png'), auto; z-index: -1; } .nav-wrapper { transition: 0.3s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform; height: 100%; background: #002240; overflow: auto; -webkit-overflow-scrolling: touch; position: absolute; top: 0; } .nav-wrapper a { display: block; } .nav-wrapper li { position: relative; } .nav-wrapper ul { margin: 0; } .nav-wrapper ul ul { overflow: hidden; } .nav-wrapper .open-subnav { -webkit-tap-highlight-color: transparent; position: absolute; top: 0; right: 0; text-align: center; cursor: pointer; } .nav-wrapper .open-subnav:before { transition: 0.15s ease-out; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); position: absolute; top: 50%; left: 50%; } /* ========================================================================= * * Styling when the @navBreakpoint is reached * * ====================================================================== */ @media (max-width: 63.9375em) { .page-header, .page-website-wrapper { -webkit-transform: translateZ(0); transform: translateZ(0); transition: 0.3s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform; } .nav-toggle, .page-mobile-nav-container { display: block; } .nav-trigger:checked ~ .page-mobile-nav-container .nav-toggle span { background: transparent; } .nav-trigger:checked ~ .page-mobile-nav-container .nav-toggle span:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .nav-trigger:checked ~ .page-mobile-nav-container .nav-toggle span:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .nav-trigger:checked ~ .page-mobile-nav-container .nav-closer { opacity: 1; visibility: visible; } /* ========================================================================= * * Styling when the responsive navigation flies in from the left * * ====================================================================== */ /* ========================================================================= * * Styling when the responsive navigation flies in from the right * * ====================================================================== */ .nav-toggle { right: 0; } .page-mobile-nav-container { right: 0; } .nav-wrapper { -webkit-transform: translate3d(28rem, 0, 0); transform: translate3d(28rem, 0, 0); width: 28rem; right: 0; } .nav-wrapper:before { -webkit-transform: scaleX(-1); transform: scaleX(-1); left: 0; } .nav-closer { right: 0; } .nav-trigger:checked ~ .page-header, .nav-trigger:checked ~ .page-website-wrapper { -webkit-transform: translateX(-14rem); transform: translateX(-14rem); } .nav-trigger:checked ~ .page-mobile-nav-container .nav-toggle { -webkit-transform: translateX(-28rem); transform: translateX(-28rem); } .nav-trigger:checked ~ .page-mobile-nav-container .nav-wrapper { -webkit-transform: translateX(0); transform: translateX(0); } /* ========================================================================= * * Styling when the responsive navigation flies in from the top * * ====================================================================== */ /* ========================================================================= * * Styling when the responsive navigation flies in as an overlay * * ====================================================================== */ } /* ========================================================================= * * For icons we use fontastic.me * * For more info see icons.less in the project folder * * - Depends on the variable @icons in variables.less * * ====================================================================== */ @font-face { font-family: 'nij-smellinghe'; src: url("data:font/woff;base64,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") format('woff'), url("data:font/woff2;base64,d09GMgABAAAAABBsAAsAAAAAHgQAABAfAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAXBEICrIkqFgBNgIkA4EYC04ABCAFg1oHIBsnGFFUrGpkPw5yc8lleiR6zvymMtURksz+QNv8dxxYzCIUJ+DR2kc5l5wdYMxRNtt0ATpd6VeslbpwLqJ/6jYWFS4yPvOr2Qur70HWKvpVJMmaJqn6XOAKrY9EdU10pHqvGdN9ri5fmdGh1tAoid4OieIqPD8/l9rker/A6ZhdJ+wkkHP//1zae2mOKB2kVUC5DhAVCg+s/i9mnI4wu6GsHZBna6cyHSn4XMvsuLao21Qxz0o2JJ3phVx83AWg6HukAygApB7SaQCY450O8hLkiDN400UACKxUh9rsNiBQWcHGC7YEEQxUZb6ADci6HwpIFRldPwCcgLQAkk6dAHX233Y7gEYMIsHgLgntD+2H7JuTbMwLIBdVeWKWWEzxliDXyS/mknJFjAUbOcwiAWrxkoWqGCDDIplKsq4w5blyXEYBCsltCNh+HlwODWNh/kzuULcB5BCbT/bYMtEpOtVtoIQ5gOLB9fBli9EzOHX/0tndWRd2ZG/btClr01vWtzI2mUynbpmK5LNju1R8K5RW+HRRRcyq63Y0pIWGMRpzi6ZZAqJes0jERBY/MLOqigggF/EVvUbvgDQGb77WLtN0KNwvP2OYc7gEQEQ1fUq57JK+9ocZRCLmimRSWRETfwliOrqbw5ie7DAeLmB+f0473gZ+IJu8q6c6ETvTvb7FD+nWwMbZHsxPd61t9gHBDE4SaSRFbEkthOS8jd5oTz/SfEHurJy+aYku61HUW0tdy8DRFuMl1JwKYm6sKa9xFF23ZUCqC2lEVMTkLHyjTmRxhXvGG2YmC6QKa3XD+5Iogg25RzEzlcc92cqymtgqyCBrW9sbMJ3Gz6+sMrN9InGLxPNbhcYBsYuiACOQZLIifyO1cT5Zu2NzuwERzexsmm0PtIWKQi65xdW3JFoaqywLTMzs1emBxt097ur9+Bb0C3sK+YjQYYVsEGSIAq6zmUqKkMOeU1yMP0BC9TA2+7TDTeely0NaXe71GE/l6oihwcKIQINCsIz5WmpgXliWpRiisoLM/O9Jr+azfjk9OwMs4H34Tqn/KgeazMWOhWuxBD5udveeRKV9XYy/ktDAtxRZ65Jst9fTY5MRm8CHAOrskI7wfYmnI4MMaj4blszqEgQxpCdbjLqSOe11gNgoANiM0j7GfETSMU9kQ3i3x9lYlwxuUow4jQwRjsCcgjQQpPoLQW1E6Rh48qUWfMPGH5PGl4B3tZwLpgnZVZLIIikW8AbJdtd/GmepcXFAOt+nXRGQTV71XC9iF/r1Lf7inDNa/pD/G8iDjgRrPVvN9sIGum+VjkSPL6OWPZjXT7TDjvCD5Firem+2dsKALaayDTYYTy1SLF008QeWXl0b1q3Td6b1MwxS1KnemrylqtuCKqTa9pBmmbo9pZ3mkOIe4+7MXcPYGTEg1YXo5KmBia1J9VS9jti53tVNjYC4XH8wrV9ZvuIMgmjnWfdMNIsYVRaPNg0vqgj1pdHTXb3AygaEAxtHSwusiqgVbJLklDgBnekEkuk1DBYiIleoLorW4YhyqDCf1Qtt+Dpnkag/6L/Qv/6O+w1Zh3TizYapt13a65LTWFIOHts/NGcoqbRIr1IQziRB8t6Gby/S70wXyDLa9aLaOY3Qs0d2hPUjzVccVrPtW6uAyLageqjxUNPhJm17aDvmQ2g2TDpCTHdGjKMtR5ufNuk7wjsQUFXATr5fNrAmY2dgZ27oy7W0w037nz9KHmpUtwW35YXvrh8oMhoKzyKwJEA+Sut17CSDpMgbBBYAgZz5zqFAUTYebLXv+d18GXdRCQhM6YLZZroUB7iOPH5OncXRQHdBjpvoRBZxuSSRK/ml4hHqDoHliHEblFB1Ymwt9fhDrldEzg26wkViUk2sPkowt54o3PA6TfTWxT4N4zRWzVPVmdpyNSSY0lEaYuswnQbS0SHbizUhjazaAeGHjUc89E8ON62d78P84sDG0RZIjzSvX+gv6m+qSVIrHdPXnbqG9SvD+p34nWl2i+2aVC8Nqtuc24KkC70d0i4Pabdjt6f43Zm9M8bVEWOnZ2eE9rTIOThGT3WqZxhiqFM/070nPty4t/j1rRRS6De2Bt71jCyJsz3GaY457tFOd+2ODdWuzT4NeAHZTNRN3i+JiuiELJTCF/prv6ZSd2uCkSylzZzWWFS1T36W3+eUUswll5uLvSUmTYxy5EIu1ijHQ643c2EgfwttozSkkkhzCdxlo/qWtBvdOmLao6neMtM2W+oUNe2sxQ8YXzoUGldkZnX2dopLInFbnXp5GAQb4Gpsd8I07Tba6ma+Bshqyel0o3j8U8a7BIZbOnXTxUaBhZb66X95VvZsx/Md3327I8NzqGyHlb777jlW8AzSt9/tsFP29NQv///z3+Juhz3VJ7ztV7QwifCtQjqd14mkRDWs05/hhUpBvZ70/UlJl3L1upV/QpVVIilllrTW9GqLhmk50PvB5TY1wuUM9cNslKCD1JEazcPl57cQwSlrMwzFho0WaitG/Uy1f46/0ajxB17omdXoDXFTpmQVmGoJVUVdZgGs4iiHFIGfPqlV6QGB6elqMzow4NNHNXb20lXqj58CgP1QtnPnafopBkbvY5ye+4T6b2yF34YfLXjfluCM9/favpeu6LT4zouujY+Lql3ra+lcVuA76f374Iwtfb4nvpkali9gBZQymeohrPkdDQVO3dJMHM97BwRayXd5Sx3m8sYFbZC/faumqWsFTuvljRSX/znjNZWH4NEdOxbzRRQNuYRSSM6haMmxFJb7hkWL+RMo34Sewgl8unxImqDdvR0GHXKShh05omFoLBqm+vXrUnp1bq6akbvhMcBmkhRKRrW3jypCJlPulWiQ6CMywcX3HLXZO238+EfetYsy1hQ7sJkRm410kZhnxLsYzQ4OCxh4VxZPLKJnDd7MZDsU70lfXOv9cIIhTVKrz/IICmrS9bV9dN4bnvKB/8T4av1shc50l32H/5s/K2FSwVHBcee/7qd9W5wDGGrTNiK5sTy8NnTyDCyjqdHPc36TMa9pPp8tu01bO68ob56V5NbUxMuIJUORUb6al1nT0LoYpVIkJykVScnK9T3C0pFlOcumUw/+ODgC2DRvVjvLm5YgHGc4UhmRPn37l5wvd7Ojxt2hXzSTpF6moedpzLR5aflzW6P245e4dTJ2Wdzp7rK3+3NtbC4o+Vf7c/r7Nf09PSl2RBJ6hMxMGIbWs2Ucvd3H7lfAFnCWDz4iunLXleEplBEGNFxF9ttstnoCU8WMsNuHhKspF/aYVLHBxjeq/dtssPcihm0jXP9r5UfJ908PDhnWdkQzCiI2uRM2Np3LUGH7/kBOVHbd8/dMDw/nJIU86TjfPuxkTLBs7LCpBf+rKcJPPKFdKHIX4mQ+ZebJrpOSRsU4Wg2t2rW6IamNcdJuoDdmCP49Piju6LHIyGNHxVGP/ys4sUr1Gqbct3W4ySPeIy6bkRWwxSurrftgOHZ89VqeUto5V6VqdJ5CYPM8587dQiyI7L53v7vo9dbOTr5SACeeqqqrszOqm1Wqmpbs7JpJWiwP1qg4wcIqq6aFWYKmJuRhqRVjvDkFS+Hl5aXyVkGz2dfwUvLzUinFbHaOl5/QEMj6c3frJGfnSa2euCdMt9df3S8/tUyVGe00+NHl0WRCCCDEHV5+gsQop5hM7UzSbADSrFnMEQNUqds+fiBQ2NcgpD1v3hXtndebKQj2J4jWL5RgV0oCgZy/WxXxxUF37KBAoSxYwvq/LkU3Id7t4QE3F6yJPTonYUhTaKpCmZGZwVrQHNxRqawM794krhBXlLMcTTjIP3IvXXgT/OZN4JugIBDQgOSJeJAQGglBSCQURck0BAWfQwOgA0nGCwi6R27jD32O63WHyTwL36nd292PaFxzP1VWTf78hZYdkh4c6N/Kv9woY8fHZIe+IL+aHRF9Wp+/prEjQb0nL+JedHYSu2nhJwc5anSUz6jLFzk5K8tGSqpUW5t/f5XyaGGDSzKFGru4TqAyQaNb2yQjxb2gNzSIC4//K4cS3alTPd0lZT2lJQxDCWKI2YLp60wfd5ZXDEs2L/Al2DJOjaYWjjGsCzBDXcWB3SaTmNc6z8dqibXzldmMaTqWM4De0ZHhldWr97/3jB/H13St9HbwWtWFhxpnOGynouVF4SyWMZxcDsONJrqVockJptUw6hBti16C3kKrz6k/1q/Sq4eilUyFkkL/9nb/PmQyzd5CDYV6T0yQyWF1fXospwqVl/uamIx0jsSKqCPhZEDhOdO7qQMEiItsOp2n+zR1ol8SVlmJJfklqs+2no3IJJISmYyIaQWO9SmrlT9IAG6H/vpn59Ujz9wXul+/krWK4vzIXHLGunbAgLVWUDzwiisqjh8SXzBtx6bLejx+hDb6Fm/13r53jDSPHprHQk8NrcWT1k1LOzO7mT29PMzcREs71TS2OY3u3t/XhBBrbIIK14NHmyfQGOduaxPzh8YVl8TDIGLgxer/qgsD5YFm5tX+iZZdkQcnWlIcmeZAuarmv5IF9rVHOztf+/jguB/9urMzDNf6j8T+tScPz8sdMTw3b8Sa89Tq9dbb639v5hvz6N0pIo62uWwUN2oH5lGFyXdmaTnl1ZxRDF8SUkUi+VIuxpZquZk7y7CduH2uVkRFSJUkmWH13t5buXRBMgkX+rCEODEFgtxbvXstUhkpGd0nfYQodJnUgpDkgqQClo+LLlgHI8lCVEKFCAvaBoiCkZGqgoJIWOSriJF52YQ0KJAgdq6KBHetRO7AwNyggerKY2Gno4GBqgCv9yyvd96st94se9hinwxxKiKXl39e3tv3fVqzXIGkisgDfShiJJWxaK5y7u2dQ8mLlqeSxCJRXiRKQxTR5Y/n1LEyrAr5tSrGCSJBUapl7c19XI6RCRHxYjIOujAxx9Darcf+eKcDHNd6Gg1+rTV+Bu8w0OFRuQ5+U9QauBNIWp4OPvyh5/bUcA0SzYf0/Siqoef2l9AtaEl66F+TYnOAGTB0R1m+uAo1N3s9v6xMxQs925MyaLXSW3wPAR8RyJyuny5nqDtcblNxu4BVz9KhHupxvy1Mv2t/+QuCoN3mRXQzchH6AdnQLvc9PxmD9qCz6D/f/+KuHmARgd6hk6jdd1F0n58JMhwJ+gPyvRJRKfqBLk7LhnLEdzoCMOeaZt2v0rkP++xEJYNrhft1nFKp8jnyC0wN0JjAbj3I3ZBfmYL4iECO8T8gz/MAaRbDHoDR2oy3wA22ZQWQBcEEEjjCckA5lAxkoD0TKECFQHAAstS7wEC480FCyM7AzjwykIxvnQgoh/KBDHRwAgW8QAkOQI0vwwUU8K2ywhQycWzJmDEVlWXlJVAJFWCCEJgIY6EExlRQcWwug3Io+RhfLw3FQRORJsBEqLLnEwZSCAX8NtsIpfweIARZp3gHluwkGWBCXPpF40ZvgfXEoqr/xBqBONpgtuEySE5TA4YtHqCYUkaoTVOJUPQAUlOKw8+PHIUAAA==") format('woff2'), url("data:font/ttf;base64,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") format('truetype'), url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%20%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmetadata%3EGenerated%20by%20IcoMoon%3C%2Fmetadata%3E%0A%3Cdefs%3E%0A%3Cfont%20id%3D%22nij-smellinghe%22%20horiz-adv-x%3D%221024%22%3E%0A%3Cfont-face%20units-per-em%3D%221024%22%20ascent%3D%22960%22%20descent%3D%22-64%22%20%2F%3E%0A%3Cmissing-glyph%20horiz-adv-x%3D%221024%22%20%2F%3E%0A%3Cglyph%20unicode%3D%22%26%23x20%3B%22%20horiz-adv-x%3D%22512%22%20d%3D%22%22%20%2F%3E%0A%3Cglyph%20unicode%3D%22%26%23x41%3B%22%20glyph-name%3D%22search-1%22%20d%3D%22M726%20170c-76-62-174-100-280-100-246%200-446%20198-446%20444s200%20446%20446%20446c246%200%20444-200%20444-446%200-106-38-204-100-280l220-222c18-18%2018-46%200-62-16-18-44-18-62%200zM446%20870c-198%200-356-158-356-356%200-196%20158-356%20356-356%20196%200%20356%20160%20356%20356%200%20198-160%20356-356%20356z%22%20%2F%3E%0A%3Cglyph%20unicode%3D%22%26%23x42%3B%22%20glyph-name%3D%22arrow-from-right%22%20d%3D%22M368%20134l-296%20296c-10%2010-10%2026%200%2034l296%20296c10%2010%2024%2010%2034%200l40-38c8-10%208-26-2-34l-194-188h498c14%200%2024-10%2024-24v-56c0-14-10-24-24-24h-498l194-188c10-8%2010-24%204-34l-38-38c-10-10-26-10-34%200zM856%20808v-720c0-14%2010-24%2024-24h56c14%200%2024%2010%2024%2024v720c0%2014-10%2024-24%2024h-56c-14%200-24-10-24-24z%22%20%2F%3E%0A%3Cglyph%20unicode%3D%22%26%23x43%3B%22%20glyph-name%3D%22button-mijnnijsmellinghe%22%20d%3D%22M946-60c0%20286-212%20520-472%20520-262%200-474-234-474-520h168c0%20186%20136%20336%20306%20336%20168%200%20304-150%20304-336zM686%20760c0-112-90-202-200-202-112%200-202%2090-202%20202%200%20110%2090%20200%20202%20200%20110%200%20200-90%20200-200%22%20%2F%3E%0A%3Cglyph%20unicode%3D%22%26%23x44%3B%22%20glyph-name%3D%22volume%22%20d%3D%22M462%20818l-178-178h-204c-26%200-48-22-48-48v-288c0-26%2022-48%2048-48h204l178-178c30-30%2082-8%2082%2034v672c0%2042-52%2064-82%2034zM992%20448c0%20128-64%20244-172%20312-22%2014-52%208-66-14-14-24-8-52%2016-68%2078-50%20126-136%20126-230s-48-180-126-230c-24-16-30-44-16-68%2014-20%2042-30%2066-14%20108%2068%20172%20184%20172%20312zM708%20602c-22%2012-52%204-64-20-14-22-6-52%2018-64%2026-14%2042-42%2042-70s-16-56-42-70c-24-12-32-42-18-64%2012-24%2042-32%2064-20%2056%2032%2092%2090%2092%20154s-36%20122-92%20154z%22%20%2F%3E%0A%3Cglyph%20unicode%3D%22%26%23x45%3B%22%20glyph-name%3D%22external-link%22%20d%3D%22M1024%20878v-290c0-14-12-26-26-26h-60c-14%200-26%2012-24%2026l4%20130-4%204-496-496c-8-8-22-8-30%200l-40%2042c-8%208-8%2022%200%2030l496%20496-4%204-132-6c-14%200-26%2012-26%2026v60c0%2014%2012%2024%2026%2024l290%202c14%200%2026-12%2026-26zM760%20488l-42-44c-4-4-6-8-6-14v-342c0-6-6-10-12-10h-604c-6%200-10%204-10%2010v606c0%206%204%2010%2010%2010h536c20%200%2030%2022%2016%2036l-42%2044c-4%204-10%206-16%206h-504c-48%200-86-38-86-86v-626c0-46%2038-86%2086-86h626c46%200%2084%2040%2084%2086v394c0%2020-22%2030-36%2016z%22%20%2F%3E%0A%3Cglyph%20unicode%3D%22%26%23x46%3B%22%20glyph-name%3D%22check-2%22%20d%3D%22M892%20776l-562-560-198%20198c-8%2010-24%2010-32%200l-24-22c-8-10-8-26%200-34l238-238c10-10%2024-10%2034%200l600%20600c8%208%208%2024%200%2034l-24%2022c-8%2010-24%2010-32%200z%22%20%2F%3E%0A%3Cglyph%20unicode%3D%22%26%23x47%3B%22%20glyph-name%3D%22universal-access%22%20d%3D%22M0%20448c0%20282.77%20229.23%20512%20512%20512s512-229.23%20512-512v0c0-282.77-229.23-512-512-512s-512%20229.23-512%20512v0zM323%20620.2c-24.4%2010.4-52.6-0.8-63-25.2s0.8-52.6%2025.2-63l23.8-10.2c34.6-14.8%2070.4-25.8%20107.2-32.6v-100.2c0-8.6-1.4-17.2-4.2-25.2l-57.4-172.2c-8.4-25.2%205.2-52.4%2030.4-60.8s52.4%205.2%2060.8%2030.4l48.8%20146.4c2.6%207.6%209.6%2012.8%2017.6%2012.8s15.2-5.2%2017.6-12.8l48.8-146.4c8.4-25.2%2035.6-38.8%2060.8-30.4s38.8%2035.6%2030.4%2060.8l-57.4%20172.2c-2.8%208.2-4.2%2016.6-4.2%2025.2v100c36.8%207%2072.6%2017.8%20107.2%2032.6l23.8%2010.2c24.4%2010.4%2035.6%2038.6%2025.2%2063s-38.6%2035.6-63%2025.2l-24-10c-52.2-22.4-108.4-34-165.4-34s-113%2011.6-165.4%2034l-23.8%2010.2zM512%20640c44.183%200%2080%2035.817%2080%2080s-35.817%2080-80%2080v0c-44.183%200-80-35.817-80-80s35.817-80%2080-80v0z%22%20%2F%3E%0A%3Cglyph%20unicode%3D%22%26%23x48%3B%22%20glyph-name%3D%22x%22%20d%3D%22M778.411%20864h141.141l-308.352-352.427%20362.752-479.573h-284.032l-222.464%20290.859-254.549-290.859h-141.227l329.813%20376.96-347.989%20455.040h291.243l201.088-265.856zM728.875%20116.48h78.208l-504.832%20667.477h-83.925z%22%20%2F%3E%0A%3Cglyph%20unicode%3D%22%26%23x61%3B%22%20glyph-name%3D%22address%22%20d%3D%22M512%20960c-250%200-448-198-448-448%200-122%2044-236%20134-320%206-6%20262-236%20270-244%2024-18%2064-18%2082%200%206%208%20270%20238%20270%20244%2088%2084%20134%20198%20134%20320%206%20250-192%20448-442%20448zM512%20384c-70%200-128%2058-128%20128s58%20128%20128%20128c70%200%20128-58%20128-128s-58-128-128-128z%22%20%2F%3E%0A%3Cglyph%20unicode%3D%22%26%23x62%3B%22%20glyph-name%3D%22agenda%22%20d%3D%22M158%20448h158v84h-158zM30%208h962v762h-962zM1022%20742c0-24-26-42-58-42h-906c-32%200-58%2018-58%2042v72c0%2024%2026%2042%2058%2042h906c32%200%2058-18%2058-42v-72M158%20448h158v84h-158zM30%208h962v762h-962zM1022%20742c0-24-26-42-58-42h-906c-32%200-58%2018-58%2042v72c0%2024%2026%2042%2058%2042h906c32%200%2058-18%2058-42v-72M382%20126h502v84h-502zM158%20126h158v84h-158zM382%20270h502v86h-502zM158%20270h158v86h-158zM382%20416h502v84h-502zM158%20778h78v148h-78zM760%20778h78v148h-78zM382%20170h502v70h-502zM158%20170h158v70h-158zM382%20324h502v70h-502zM158%20324h158v70h-158zM382%20478h502v70h-502zM158%20478h158v70h-158zM382%20126h502v84h-502zM158%20126h158v84h-158zM382%20270h502v86h-502zM158%20270h158v86h-158zM382%20416h502v84h-502zM158%20778h78v148h-78zM760%20778h78v148h-78zM382%20170h502v70h-502zM158%20170h158v70h-158zM382%20324h502v70h-502zM158%20324h158v70h-158zM382%20478h502v70h-502zM158%20478h158v70h-158z%22%20%2F%3E%0A%3Cglyph%20unicode%3D%22%26%23x63%3B%22%20glyph-name%3D%22chevron-down%22%20d%3D%22M850%20726c40%2040%20104%2040%20144%200s40-106%200-146l-410-410c-40-40-104-40-144%200l-410%20410c-40%2040-40%20106%200%20146s104%2040%20144%200l338-338z%22%20%2F%3E%0A%3Cglyph%20unicode%3D%22%26%23x64%3B%22%20glyph-name%3D%22enveloppe%22%20d%3D%22M960%20896c38%200%2064-26%2064-64v-96l-512-282-512%20288v90c0%2038%2026%2064%2064%2064zM480%20326c18-8%2046-8%2064%200l480%20270v-532c0-38-26-64-64-64h-896c-38%200-64%2026-64%2064v532z%22%20%2F%3E%0A%3Cglyph%20unicode%3D%22%26%23x65%3B%22%20glyph-name%3D%22facebook%22%20d%3D%22M386-64l-2%20448h-192v192h192v128c0%20172%20108%20256%20262%20256%2072%200%20136-6%20154-8v-180h-106c-84%200-100-40-100-98v-98h238l-64-192h-174v-448z%22%20%2F%3E%0A%3Cglyph%20unicode%3D%22%26%23x66%3B%22%20glyph-name%3D%22home%22%20d%3D%22M702-60h128c38%200%2064%2026%2064%2064v448h64c18%200%2038%208%2050%2020%2026%2026%2020%2064-6%2090l-448%20384c-26%2018-58%2018-84%200l-448-384c-24-26-32-64-6-90%206-12%2026-20%2046-20h64v-448c0-38%2024-64%2064-64h128c38%200%2064%2026%2064%2064v192h256v-192c0-38%2024-64%2064-64%22%20%2F%3E%0A%3Cglyph%20unicode%3D%22%26%23x67%3B%22%20glyph-name%3D%22linkedin%22%20d%3D%22M820%20110h-146v224c0%2054%200%20120-72%20120s-84-60-84-120v-230h-144v464h138v-60c18%2036%2066%2072%20132%2072%20146%200%20170-96%20170-216v-254zM216%20628c-48%200-84%2042-84%2086%200%2048%2036%2084%2084%2084%2050%200%2086-36%2086-84-6-44-42-86-86-86zM284%20110h-140v458h146v-458zM922%20930h-880c-24%200-42-18-42-42v-886c0-18%2018-36%2042-36h886c24%200%2042%2018%2042%2042v880c-6%2024-24%2042-48%2042z%22%20%2F%3E%0A%3Cglyph%20unicode%3D%22%26%23x68%3B%22%20glyph-name%3D%22login%22%20d%3D%22M276%20644v80c0%2094%2062%20236%20236%20236s236-142%20236-236v-80c0-94-62-236-236-236s-236%20142-236%20236zM354%20330h316c142%200%20236-174%20236-394h-788c0%20220%2094%20394%20236%20394z%22%20%2F%3E%0A%3Cglyph%20unicode%3D%22%26%23x69%3B%22%20glyph-name%3D%22phone%22%20d%3D%22M978%20200l-164%20166c-26%2024-66%2024-92%200l-146-148-320%20320%20146%20148c26%2024%2026%2064%200%2090l-164%20166c-26%2024-66%2024-90%200l-148-148c0-458%20372-832%20832-832l146%20146c26%2026%2026%2066%200%2092%22%20%2F%3E%0A%3Cglyph%20unicode%3D%22%26%23x6a%3B%22%20glyph-name%3D%22search%22%20d%3D%22M458%20232c-168%200-308%20132-308%20300s140%20308%20308%20308c168%200%20306-140%20306-308s-138-300-306-300zM796%20280c54%2072%2084%20156%2084%20252%200%20236-188%20428-422%20428-236%200-428-192-428-428%200-234%20192-428%20428-428%2096%200%20186%2030%20252%2084l182-180c12-12%2030-18%2042-18s30%206%2042%2018c24%2024%2024%2060%200%2084z%22%20%2F%3E%0A%3Cglyph%20unicode%3D%22%26%23x6b%3B%22%20glyph-name%3D%22youtube%22%20d%3D%22M384%20256v384l320-192zM1012%20652c-14%2084-52%20142-142%20154-140%2026-358%2026-358%2026s-218%200-358-26c-90-12-134-70-142-154-12-82-12-204-12-204s0-122%2012-204c14-84%2052-142%20142-154%20140-26%20358-26%20358-26s218%200%20358%2026c90%2018%20128%2070%20142%20154%2012%2082%2012%20204%2012%20204s0%20122-12%20204z%22%20%2F%3E%0A%3Cglyph%20unicode%3D%22%26%23x6c%3B%22%20glyph-name%3D%22twitter%22%20d%3D%22M1024%20768c-38-20-76-26-122-32%2046%2026%2078%2064%2090%20116-38-26-84-40-134-52-38%2038-96%2064-154%2064-108%200-204-96-204-212%200-18%200-32%206-44-174%206-334%2090-436%20218-18-32-26-64-26-110%200-70%2040-134%2096-172-32%200-64%2012-96%2026%200-102%2072-186%20168-206-20-6-40-6-58-6-14%200-26%200-38%206%2024-82%20102-146%20198-146-70-58-160-90-262-90h-52c96-58%20204-96%20320-96%20384%200%20596%20320%20596%20596v24c44%2032%2082%2072%20108%20116%22%20%2F%3E%0A%3Cglyph%20unicode%3D%22%26%23x6d%3B%22%20glyph-name%3D%22arrow-right-small%22%20d%3D%22M52%20500h798l-212%20210c-20%2020-20%2054%200%2074s52%2020%2072%200l300-300c2-2%204-4%206-8%200%200%200-2%202-4%200-2%202-2%202-4s2-4%202-6c0-2%200-2%200-4%202-4%202-6%202-10s0-6-2-10c0-2%200-4%200-4%200-2-2-4-2-6s-2-4-2-4-2-4-2-4c-2-4-4-6-8-8l-298-300c-20-20-52-20-72%200s-20%2054%200%2074l212%20210h-798c-30%200-52%2024-52%2052s22%2052%2052%2052z%22%20%2F%3E%0A%3Cglyph%20unicode%3D%22%26%23x6e%3B%22%20glyph-name%3D%22whatsapp%22%20d%3D%22M762%20268c-14-32-64-56-84-56-18-8-82%200-154%2032-128%2056-210%20184-216%20192-8%206-52%2070-52%20128%200%2056%2032%2096%2044%20108%2026%2026%2078%2020%2090-6%206-26%2032-90%2038-96%208-6%208-32-12-46-6%200-38-24-26-44%206-12%2032-52%2070-90%2052-44%2090-58%20104-64%2012-6%2018-6%2024%206%208%208%2032%2040%2040%2052%206%2012%2018%2012%2024%206%208-6%2078-32%2090-38%2014-12%2026-12%2026-20%206-6%206-32-6-64M870%20812c-96%2096-218%20148-358%20148-276%200-506-230-506-506%200-90%2026-178%2070-256l-76-262%20268%2070c78-38%20160-64%20244-64%20282%200%20506%20230%20506%20506%206%20140-52%20268-148%20364%22%20%2F%3E%0A%3Cglyph%20unicode%3D%22%26%23x6f%3B%22%20glyph-name%3D%22check%22%20d%3D%22M358%20352l-204%20204-154-152%20358-360%20666%20666-154%20154z%22%20%2F%3E%0A%3Cglyph%20unicode%3D%22%26%23x70%3B%22%20glyph-name%3D%22wait%22%20d%3D%22M960%20832h-64c0-154-44-288-128-384%2076-90%20122-224%20128-384h64c38%200%2064-26%2064-64s-26-64-64-64h-896c-38%200-64%2026-64%2064s26%2064%2064%2064h64c0%20154%2052%20294%20128%20384-76%2096-122%20230-128%20384h-64c-38%200-64%2026-64%2064s26%2064%2064%2064h896c38%200%2064-26%2064-64s-26-64-64-64zM576%20442l58%2050c82%2078%20128%20200%20134%20340h-512c6-140%2052-262%20134-340l64-50-64-46c-76-56-128-184-134-332h518c-6%20148-58%20276-134%20332zM384%20128c6%20140%2096%20160%20128%20160s122-20%20128-160z%22%20%2F%3E%0A%3Cglyph%20unicode%3D%22%26%23x71%3B%22%20glyph-name%3D%22verpleeg%22%20d%3D%22M982%20618c-26%200-44-16-44-42v-86h-852v300c0%2024-18%2042-44%2042-24%200-42-18-42-42v-684c0-24%2018-42%2042-42%2026%200%2044%2018%2044%2042v128h852v-128c0-24%2018-42%2044-42%2024%200%2042%2018%2042%2042v470c0%2026-18%2042-42%2042z%22%20%2F%3E%0A%3Cglyph%20unicode%3D%22%26%23x72%3B%22%20glyph-name%3D%22time%22%20d%3D%22M512%20960c282%200%20512-230%20512-512s-230-512-512-512c-282%200-512%20230-512%20512s230%20512%20512%20512zM512%2064c212%200%20384%20172%20384%20384s-172%20384-384%20384c-212%200-384-172-384-384s172-384%20384-384zM576%20704v-192h192v-128h-320v320z%22%20%2F%3E%0A%3Cglyph%20unicode%3D%22%26%23x73%3B%22%20glyph-name%3D%22route%22%20d%3D%22M614%20960l-96-96%20274-272h-382c-226%200-410-184-410-410v-206h136v206c0%20150%20124%20272%20274%20272h382l-274-272%2096-96%20390%20390c26%2026%2026%2068%200%2094z%22%20%2F%3E%0A%3Cglyph%20unicode%3D%22%26%23x74%3B%22%20glyph-name%3D%22play%22%20d%3D%22M236%20950c-16%2012-36%2014-54%204-18-8-28-26-28-46v-920c0-20%2010-38%2028-46%208-4%2016-6%2022-6%2012%200%2022%204%2032%2010l614%20462c12%208%2020%2024%2020%2040s-8%2032-20%2040z%22%20%2F%3E%0A%3Cglyph%20unicode%3D%22%26%23x75%3B%22%20glyph-name%3D%22poli%22%20d%3D%22M846%20534c-94%200-170-78-170-172%200-78%2054-144%20128-164v-176h-426v212h96c64%200%20118%2048%20126%20110l68%20476c4%2024-4%2050-20%2068s-38%2030-64%2030h-78c0%2022-20%2042-44%2042-22%200-42-20-42-42v-86c0-24%2020-42%2042-42%2024%200%2044%2018%2044%2042h78l-68-476c-2-20-20-36-42-36h-278c-22%200-40%2016-42%2036l-68%20476h78c0-24%2020-42%2042-42%2024%200%2044%2018%2044%2042v86c0%2022-20%2042-44%2042-22%200-42-20-42-42h-78c-26%200-48-12-66-30-16-18-22-44-20-68l68-476c10-62%2064-110%20128-110h96v-256c0-22%2020-42%2042-42h512c24%200%2044%2020%2044%2042v220c72%2020%20128%2086%20128%20164%200%2094-78%20172-172%20172%22%20%2F%3E%0A%3Cglyph%20unicode%3D%22%26%23x76%3B%22%20glyph-name%3D%22breadcrumb%22%20d%3D%22M884%2026h-466v374h-186v-374h-92c-56%200-94%2038-94%2094v372c0%2028%2010%2056%2028%2074l372%20374c38%2026%2084%2026%20122%200l372-374c28-18%2038-46%2038-74v-372c0-56-38-94-94-94zM606%20402v-186h186v186z%22%20%2F%3E%0A%3Cglyph%20unicode%3D%22%26%23x77%3B%22%20glyph-name%3D%22instagram%22%20d%3D%22M512%20678c-126%200-230-102-230-230s104-230%20230-230c128%200%20230%20102%20230%20230s-102%20230-230%20230zM512%20298c-82%200-150%2068-150%20150s68%20150%20150%20150c82%200%20150-68%20150-150s-68-150-150-150zM806%20688c0-30-24-54-54-54s-54%2024-54%2054c0%2028%2024%2052%2054%2052s54-24%2054-52zM958%20632c-4%2072-20%20136-74%20188-52%2054-116%2070-186%2074-74%204-296%204-370%200-72-4-136-20-188-74-54-52-70-116-72-186-6-74-6-296%200-370%202-72%2018-136%2072-188%2052-52%20116-70%20188-72%2074-6%20296-6%20370%200%2070%202%20134%2018%20186%2072%2054%2052%2070%20116%2074%20188%204%2074%204%20294%200%20368zM862%20184c-16-40-46-70-86-86-58-22-198-18-264-18-64%200-206-4-264%2018-40%2016-70%2046-86%2086-22%2058-18%20198-18%20264s-4%20206%2018%20264c16%2040%2046%2070%2086%2086%2060%2022%20200%2018%20264%2018%2066%200%20206%204%20264-18%2040-16%2070-46%2086-86%2024-58%2018-198%2018-264s6-206-18-264z%22%20%2F%3E%0A%3Cglyph%20unicode%3D%22%26%23x78%3B%22%20glyph-name%3D%22instagram-1%22%20d%3D%22M650%20444c0-86-70-156-156-156-84%200-154%2070-154%20156s70%20154%20154%20154c86%200%20156-68%20156-154zM734%20444c0%20132-108%20238-240%20238s-238-106-238-238c0-132%20106-238%20238-238s240%20106%20240%20238zM798%20692c0%2030-24%2056-56%2056-30%200-54-26-54-56%200-32%2024-56%2054-56%2032%200%2056%2024%2056%2056zM494%20824c68%200%20214%206%20274-18%2022-8%2038-18%2054-34%2016-18%2026-34%2036-54%2024-62%2018-206%2018-274s6-214-18-274c-10-22-20-38-36-54s-32-26-54-34c-60-24-206-20-274-20-66%200-212-4-274%2020-20%208-36%2018-52%2034s-28%2032-36%2054c-24%2060-18%20206-18%20274s-6%20212%2018%20274c8%2020%2020%2036%2036%2054%2016%2016%2032%2026%2052%2034%2062%2024%20208%2018%20274%2018zM960%20444c0%2064%200%20128-4%20192-4%2074-20%20140-74%20194-56%2054-120%2072-196%2076-64%202-128%202-192%202s-126%200-192-2c-74-4-140-22-194-76s-72-120-74-194c-4-64-4-128-4-192s0-128%204-192c2-74%2020-140%2074-194%2054-56%20120-72%20194-76%2066-4%20128-2%20192-2s128-2%20192%202c76%204%20140%2020%20196%2076%2054%2054%2070%20120%2074%20194%204%2064%204%20128%204%20192z%22%20%2F%3E%0A%3Cglyph%20unicode%3D%22%26%23x79%3B%22%20glyph-name%3D%22times%22%20d%3D%22M592%20448l260%20260c8%2010%208%2024%200%2034l-46%2046c-10%208-24%208-34%200l-260-260-260%20260c-10%208-24%208-34%200l-46-46c-8-10-8-24%200-34l260-260-260-260c-8-10-8-24%200-34l46-46c10-8%2024-8%2034%200l260%20260%20260-260c10-8%2024-8%2034%200l46%2046c8%2010%208%2024%200%2034z%22%20%2F%3E%0A%3Cglyph%20unicode%3D%22%26%23x7a%3B%22%20glyph-name%3D%22info-circle%22%20d%3D%22M512%20944c-274%200-496-222-496-496s222-496%20496-496c274%200%20496%20222%20496%20496s-222%20496-496%20496zM512%20724c46%200%2084-38%2084-84s-38-84-84-84c-46%200-84%2038-84%2084s38%2084%2084%2084zM624%20216c0-14-10-24-24-24h-176c-14%200-24%2010-24%2024v48c0%2014%2010%2024%2024%2024h24v128h-24c-14%200-24%2010-24%2024v48c0%2014%2010%2024%2024%2024h128c14%200%2024-10%2024-24v-200h24c14%200%2024-10%2024-24z%22%20%2F%3E%0A%3C%2Ffont%3E%3C%2Fdefs%3E%3C%2Fsvg%3E#nij-smellinghe") format('svg'); font-weight: normal; font-style: normal; } [data-icon]:before { content: attr(data-icon); font-family: 'nij-smellinghe' !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; } /* ========================================================================= * * Default form styling * * - Styles all form elements, except: * - [type='checkbox'] * - [type='radio'] * - Sets placeholder colors * - button, [type='submit'] extend from .btn * - legend extends from h2 * - Also includes styling for tooltips and form descriptions * * ====================================================================== */ /* default form elements */ [type=text], [type=email], [type=tel], [type=password], [type=number], [type=search], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=time], [type=week], [type=url], textarea, select, button { border-radius: 0.4rem; box-shadow: none; transition: 0.15s ease-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: 'Bariol', sans-serif; font-size: 2rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; width: 100%; min-height: 4.8rem; padding: 0 1.6rem; background: rgba(245, 240, 235, 0.5); border: 1px solid #E8E2DF; display: block; } [type=text].disabled, [type=email].disabled, [type=tel].disabled, [type=password].disabled, [type=number].disabled, [type=search].disabled, [type=date].disabled, [type=datetime].disabled, [type=datetime-local].disabled, [type=month].disabled, [type=time].disabled, [type=week].disabled, [type=url].disabled, textarea.disabled, select.disabled, button.disabled { opacity: .5; } [type=text]:focus, [type=email]:focus, [type=tel]:focus, [type=password]:focus, [type=number]:focus, [type=search]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=time]:focus, [type=week]:focus, [type=url]:focus, textarea:focus, select:focus, button:focus { outline: 0; border-color: #004380; } [type=search]::-ms-clear { display: none; } [disabled] { cursor: not-allowed; } .style-select { border-radius: 0.4rem; box-shadow: none; transition: 0.15s ease-out; height: 4.8rem; width: 100%; position: relative; border: solid 1px #E8E2DF; background: rgba(245, 240, 235, 0.5); overflow: hidden; z-index: 1; } .style-select:before { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); position: absolute; top: 50%; display: block; right: 0; text-align: center; width: calc(4.8rem - 1px); line-height: calc(4.8rem - 2px); z-index: -1; } .style-select select { width: 100%; padding: 0 4.8rem 0 1.6rem; border: 0; text-indent: 0.01px; background: transparent; height: calc(4.8rem - 2px); min-height: 0; } .style-select select::-ms-expand { display: none; } .style-select.focus { border-color: #004380; } html:not(.touch-device) textarea::-webkit-scrollbar, html:not(.touch-device) select[multiple]::-webkit-scrollbar { -webkit-border-radius: 6px; width: 12px; height: 12px; background: rgba(245, 240, 235, 0.5); } html:not(.touch-device) textarea::-webkit-scrollbar-thumb, html:not(.touch-device) select[multiple]::-webkit-scrollbar-thumb { -webkit-border-radius: 6px; background: #787573; border: 3px solid rgba(245, 240, 235, 0.5); } select[multiple] { height: auto; padding: 0; overflow: auto; } select[multiple] option { padding: 0.8rem 1.6rem; word-wrap: break-word; } textarea { padding-top: 0.8rem; padding-bottom: 0.8rem; resize: vertical; overflow: auto; vertical-align: top; } ::-webkit-input-placeholder { color: rgba(0, 67, 128, 0.75); } ::-moz-placeholder { color: rgba(0, 67, 128, 0.75); } :-moz-placeholder { color: rgba(0, 67, 128, 0.75); } :-ms-input-placeholder { color: rgba(0, 67, 128, 0.75); } /* end default form elements */ /* submit buttons */ button, [type=submit] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: auto; font-size: 2rem; } button:focus, [type=submit]:focus { outline: 0; } /* end submit buttons */ /* form tooltip */ .form-tooltip[data-title] { border-radius: 50%; width: 2.4rem; height: 2.4rem; line-height: 2.4rem; text-align: center; position: absolute; top: 0; right: 0; margin: 0; } .form-tooltip[data-title]:after { -webkit-transform: translateX(0); transform: translateX(0); left: auto; right: 0; } /* end form tooltip */ /* descriptions for inputs */ .form-description { display: block; clear: both; color: #787573; margin: 0; font-size: 1.8rem; font-style: italic; padding-top: 0.8rem; } /* end descriptions for inputs */ /* ========================================================================= * * Default component styling, applies to all components. * * ====================================================================== */ .compblock { margin-bottom: 3.2rem; } @media (max-width: 40em) { .compblock { margin-bottom: 1.6rem; } } .compblock .compblock { margin-bottom: 0; } /* ========================================================================= * * Kirra's alinea component styling * * ====================================================================== */ .component-alinea:after { content: ''; display: table; clear: both; } .component-alinea strong, .component-alinea b { font-weight: bold; } .component-alinea object, .component-alinea embed, .component-alinea iframe { width: 100% !important; margin-bottom: 3.2rem; } .component-alinea img { margin-left: auto; margin-right: auto; } .component-alinea img[style*='float:right'] { max-width: 33.33333333%; margin-right: 0; margin-left: 3.2rem; height: auto !important; } @media (max-width: 30em) { .component-alinea img[style*='float:right'] { width: 100% !important; max-width: 100%; margin-left: 0; } } .component-alinea img[style*='float:left'] { max-width: 33.33333333%; margin-left: 0; margin-right: 3.2rem; height: auto !important; } @media (max-width: 30em) { .component-alinea img[style*='float:left'] { width: 100% !important; max-width: 100%; margin-right: 0; } } .component-alinea ol, .component-alinea ul { list-style: none; display: table; } .component-alinea li { position: relative; } .component-alinea li:before { -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 1.6rem; } .component-alinea ol { counter-reset: alinea-ol; } .component-alinea ol li { counter-increment: alinea-ol; } .component-alinea ol li:before { content: counter(alinea-ol) '.'; text-align: right; } .component-alinea .component-youtube iframe { opacity: 1; } .component-alinea > *:last-child { margin-bottom: 0; } .component-alinea [href^='mailto:'] { display: inline; } /* ========================================================================= * * Styling for: * - Kirra 'table' component * - Tables in Kirra 'alinea' component * * ====================================================================== */ .webapp-table, .component-alinea table { border-bottom: 1px solid #C2BEBA; border-collapse: collapse; } .webapp-table th, .component-alinea table th { background: #F5F0EB; text-align: left; } .webapp-table td, .component-alinea table td, .webapp-table th, .component-alinea table th { border-right: 1px solid #C2BEBA; border-top: 1px solid #C2BEBA; } .webapp-table td:first-child, .component-alinea table td:first-child, .webapp-table th:first-child, .component-alinea table th:first-child { border-left: 1px solid #C2BEBA; } .component-alinea table[border='0'] { border: 0 !important; } .component-alinea table[border='0'] > thead > tr > td, .component-alinea table[border='0'] > tbody > tr > td, .component-alinea table[border='0'] > tfoot > tr > td, .component-alinea table[border='0'] > thead > tr > th, .component-alinea table[border='0'] > tbody > tr > th, .component-alinea table[border='0'] > tfoot > tr > th { border: 0 !important; } .component-table { max-width: calc(100vw - 6.4rem); } .component-table .table-scroller { overflow-x: auto; -webkit-overflow-scrolling: touch; } .component-table table { margin-bottom: 0; width: 100%; } .component-table.swipe-hint:before { -webkit-animation: shakeTableHint 3s infinite ease-in-out; animation: shakeTableHint 3s infinite ease-in-out; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); will-change: transform; content: attr(data-swipe_text); text-align: center; display: block; margin: 0 16px; padding: 0 16px; } @-webkit-keyframes shakeTableHint { 0%, 70% { -webkit-transform: translate3d(0, 0, 0); } 10%, 30%, 50% { -webkit-transform: translate3d(-16px, 0, 0); } 20%, 40%, 60% { -webkit-transform: translate3d(16px, 0, 0); } } @keyframes shakeTableHint { 0%, 70% { transform: translate3d(0, 0, 0); } 10%, 30%, 50% { transform: translate3d(-16px, 0, 0); } 20%, 40%, 60% { transform: translate3d(16px, 0, 0); } } /* ========================================================================= * * Styling the Kirra 'image' and 'imageuitlijning' component * - Also handles some CSS when zooming on images * * ====================================================================== */ .component-image img, .component-imageuitlijning img { margin: auto; max-width: none; width: 100%; } .image-caption { margin: 0; } .component-imageuitlijning.align-links { float: left; } .component-imageuitlijning.align-links figure { margin-right: 3.2rem; } .component-imageuitlijning.align-rechts { float: right; } .component-imageuitlijning.align-rechts figure { margin-left: 3.2rem; } .component-imageuitlijning.align-gecentreerd { width: 100%; clear: both; } /* ========================================================================= * * Styling Kirra 'quote' component * * ====================================================================== */ .component-quote blockquote, .component-alinea blockquote blockquote, .component-paragraph.lead .ck-editor blockquote blockquote, .alinea blockquote blockquote, .ck-editor blockquote blockquote { margin: 0; } /* ========================================================================= * * Default styling for Kirra's sitemap page * * ====================================================================== */ .sitemap .sitemap { position: relative; padding-left: 3.2rem; } .sitemap .sitemap:before { position: absolute; content: ''; border-left: 1px dotted #787573; left: 1.6rem; top: 0; width: 1px; height: 100%; } .sitemap .sitemap li { position: relative; } .sitemap .sitemap li:last-child:before { position: absolute; content: ''; background: none; bottom: -1px; left: -17px; width: 10px; height: 1.6rem; z-index: 1; } .sitemap .sitemap li:last-child:after { position: absolute; content: ''; background: none; top: 1.6rem; left: -1.6rem; width: 0.8rem; height: calc(100% - 1.6rem); z-index: 1; } .sitemap .sitemap a { position: relative; padding-left: 0.8rem; } .sitemap .sitemap a:before { position: absolute; content: ''; margin-right: 3.2rem; border-top: 1px dotted #787573; width: 1.6rem; height: 1px; top: 2px; left: -1.6rem; margin-top: 0.8rem; } /* ========================================================================= * * Styling for Kirra 'Youtube' container component * * - In combination with our own view.tpl of the component and jquery.youtube.js: * - It creates an image as overlay over the Youtube video * - We van style our own 'play' button * - The video will play when clicking on the Youtube iframe * * - Depends on the variable @moduleYoutube in variables.less * * ====================================================================== */ .component-youtube-old { width: 100%; } .component-youtube-old iframe { opacity: 0; z-index: 3; } .component-youtube-old .youtube-overlay { transition: 0.15s ease-out; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .component-youtube-old .youtube-overlay:before { transition: 0.15s ease-out; position: absolute; text-align: center; left: 50%; top: 50%; } .component-youtube-old img { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); position: absolute; top: 50%; left: 0; max-width: none; width: 100%; z-index: 1; } .component-youtube-old.hideoverlay iframe { opacity: 1; } .desktop .component-youtube-old.has-autoplay .youtube-overlay, .desktop .component-youtube-old.has-autoplay img { display: none; } .desktop .component-youtube-old.has-autoplay iframe { opacity: 1; } /* ========================================================================= * * Kirra 'search' module styling * * - Styling for the search field in the header * - Styling for the search field on the search results page * - Styling for each search result * - Styling fot the pager at the bottom of the search results * * - Depends on the variable @moduleSearch in variables.less * * ====================================================================== */ .page-searchbox button { margin: 0; } .search-form { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; margin-bottom: 3.2rem; } .search-button { margin: 0; } .search-result a { display: block; color: #004380; } .search-result-url { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; } .search-pager-simple { text-align: right; } .search-pager-simple .active-page { float: left; } .search-pager-simple .pager-next { margin-left: 3.2rem; } .search-pager li, .search-pager a { display: inline-block; } .search-pager .pager-prev > *:before { float: left; margin-right: 0.8rem; } .search-pager .pager-next > *:before { float: right; margin-left: 0.8rem; } /* ========================================================================= * * Default Kirra 'flex' module styling * * By default for two and three column layouts * * - Depends on the variable @moduleFlex in variables.less * * ====================================================================== */ .flex-row { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -1.6rem; margin-right: -1.6rem; } .flex-box { padding: 0 1.6rem; width: 100%; } .flex-box.width-1-2 { width: 50%; } .flex-box.width-1-3 { width: 33.33333333%; } .flex-box.width-2-3 { width: 66.66666667%; } /* ========================================================================= * * Styling the cookie bar. * * - Because Kirra also includes a stylesheet for the cookiebar: * - We have to use some important * - We can't optimize our indenting * * - Depends on the variable @moduleCookies in variables.less * * ====================================================================== */ html { margin-top: 0 !important; } html div#cookie-bar { box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.05); padding: 1.6rem 1.6rem 0; font: 2rem 'Bariol', sans-serif; line-height: 1.6; background: rgba(255, 255, 255, 0.95); color: #004380; top: auto; bottom: 0; right: 0; left: 0; border: 0; filter: none; position: fixed; text-align: center; } html div#cookie-bar i.icon { display: none; } html div#cookie-bar span.cookie-buttons { position: relative; padding: 1.6rem 0 0; } html div#cookie-bar span.cookie-buttons button { width: auto; margin-bottom: 1.6rem !important; } html div#cookie-bar span.cookie-buttons .allow-cookies { margin-right: 1.6rem; } html div#cookie-bar span.cookie-buttons .disallow-cookies { color: #004380; padding-left: 0; padding-right: 0; margin: 0 0 1.6rem; border: 0; text-decoration: underline; background: transparent; font-weight: normal; } html .cookie-explanation-container { width: auto !important; height: auto !important; margin: 0 auto 3.2rem; border: 1px dashed #787573; background: #F5F0EB; } html .cookie-explanation { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; color: #787573; font-family: 'Bariol', sans-serif; font-style: normal; font-size: 2rem; text-align: center; line-height: 1.6; top: 0 !important; padding: 3.2rem; background: none; } html .cookie-explanation:before { content: '⚠'; color: #c00; font-size: 40px; line-height: 1; } html .cookie-explanation button.request-cookies { width: auto; margin: 3.2rem 0 0 !important; } /* ========================================================================= * * Responsive container for the Google Map container component * * - Depends on the variable @moduleMaps in variables.less * * ====================================================================== */ .google-maps { position: relative; } .google-maps > div[style*='absolute'] { top: 0; } .google-maps .gm-style { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .google-maps img { max-width: none; } .google-maps button { min-height: 0; } /* ========================================================================= * * Here all individual form components are styling * * - Note that the radio's en checkboxes are styled with a CSS trick () * - It works with :checked + * and styling is done on :before and :after elements. * * - Depends on the variable @moduleForms in variables.less * * ====================================================================== */ /* radio's and checkboxes */ [type=radio], [type=checkbox] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 0; height: 0; margin: 0; padding: 0; bottom: 0; opacity: 0; position: absolute; } [type=radio]:checked + label:before, [type=checkbox]:checked + label:before { border-color: #004380; } [type=radio]:checked + label:after, [type=checkbox]:checked + label:after { -webkit-transform: translateY(-50%) scale(1) !important; transform: translateY(-50%) scale(1) !important; border-color: #004380; } .form-input-radio label, .form-input-multipleselect-checkboxes label, .form-input-checkbox label { display: inline-block; margin-left: 0; float: none; } .form-input-radio.keuze:not(.form-input-radio) > label, .form-input-multipleselect-checkboxes.keuze:not(.form-input-radio) > label, .form-input-checkbox.keuze:not(.form-input-radio) > label, .form-input-radio ul label, .form-input-multipleselect-checkboxes ul label, .form-input-checkbox ul label { font-weight: normal; } .form-input-radio label:not(.multiple-title), .form-input-multipleselect-checkboxes label:not(.multiple-title), .form-input-checkbox label:not(.multiple-title) { padding-left: 3.2rem; position: relative; } .form-input-radio label:not(.multiple-title):before, .form-input-multipleselect-checkboxes label:not(.multiple-title):before, .form-input-checkbox label:not(.multiple-title):before, .form-input-radio label:not(.multiple-title):after, .form-input-multipleselect-checkboxes label:not(.multiple-title):after, .form-input-checkbox label:not(.multiple-title):after { transition: 0.15s ease-out; border-radius: 0.2rem; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); position: absolute; top: 50%; content: ''; display: block; width: 1.6rem; height: 1.6rem; line-height: 1.6rem; left: 0; border: 1px solid #c8bab2; } .form-input-radio label:not(.multiple-title):before, .form-input-multipleselect-checkboxes label:not(.multiple-title):before, .form-input-checkbox label:not(.multiple-title):before { background: rgba(245, 240, 235, 0.5); } .form-input-radio label:not(.multiple-title):after, .form-input-multipleselect-checkboxes label:not(.multiple-title):after, .form-input-checkbox label:not(.multiple-title):after { -webkit-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); border: 0; background: #004380; } .form-input-radio label:not(.multiple-title):hover:before, .form-input-multipleselect-checkboxes label:not(.multiple-title):hover:before, .form-input-checkbox label:not(.multiple-title):hover:before, .form-input-radio label:not(.multiple-title):focus:before, .form-input-multipleselect-checkboxes label:not(.multiple-title):focus:before, .form-input-checkbox label:not(.multiple-title):focus:before { border-color: #004380; } .form-input-radio label:not(.multiple-title):before, .form-input-radio label:not(.multiple-title):after { border-radius: 50%; } /* end radio's and checkboxes */ /* date field */ .form-input-date .style-select { width: 32%; max-width: 168px; float: left; } .form-input-date .style-select:not(:first-of-type) { margin-left: 2%; } @media (max-width: 30em) { .form-input-date .style-select { width: 100%; max-width: none; margin: 0 0 0.8rem 0 !important; float: none; } } /* end date field */ /* upload button */ .form-input-file .file-input-placeholder { border-radius: 0.4rem; box-shadow: none; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background: rgba(245, 240, 235, 0.5); min-height: 4.8rem; border: 1px solid #E8E2DF; position: relative; width: auto; margin-right: -4.8rem; font-weight: normal; } .form-input-file [type=file] { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } [type=file] { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; padding: 0; min-height: 0; width: 100%; border: 0; } [type=file]::-webkit-file-upload-button { margin-bottom: 0; font-family: 'Bariol', sans-serif; } [type=file]:focus, [type=file]:hover::-webkit-file-upload-button, [type=file]:focus::-webkit-file-upload-button { outline: 0; } [type=file]::-ms-value { border: 0; background: #fff; } [type=file]::-ms-browse { margin: 0; } /* end upload button */ /* ========================================================================= * * All form error handling is set here * * - Depends on the variable @moduleForms in variables.less * * ====================================================================== */ .form-error { border-radius: 0.4rem; background: #c00; color: #fff; padding: 1.6rem; margin: 0 0 3.2rem; font-weight: bold; } .form-error p, .form-error ul { margin: 0 0 1.6rem; } .form-error ul { list-style: disc outside; padding-left: 2.4rem; } div.input-error { padding-right: 3.2rem; } div.input-error p { border-radius: 0.4rem; display: inline-block; background: #c00; color: #fff; padding: 0.8rem 1.6rem; position: relative; font-size: 1.8rem; margin: 0 0 1.6rem; white-space: nowrap; } div.input-error p:before { border-radius: 0.4rem; content: ''; display: block; width: 0; height: 0; border: 6px solid transparent; border-top-color: #c00; overflow: hidden; position: absolute; left: 1.6rem; top: 100%; margin-top: -1px; } .errors { border-radius: 0.4rem; background: #c00; color: #fff; padding: 1.6rem; margin: 0 0 3.2rem; list-style: disc inside; } .errors li { padding-left: 2.4rem; } /* ========================================================================= * * Print styles * * ====================================================================== */ @media print { * { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ text-shadow: none !important; } body { font-family: 'Arial', sans-serif; } a, a:visited, html div#cookie-bar a { text-decoration: underline; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } figure { margin: 0; } div[style] { padding: 0 !important; height: auto !important; position: static !important; } div[style] img { max-width: 480px !important; height: auto !important; position: static !important; } .webbeheer-formulier { display: block; } .webbeheer-formulier fieldset { border: 0; margin: 0; padding: 0; } .webbeheer-formulier .velden, .webbeheer-formulier .component-classiclogin fieldset, .webbeheer-formulier .component-login fieldset { list-style: none; margin: 0; padding: 0; } .webbeheer-formulier label { display: block; } .webbeheer-formulier input, .webbeheer-formulier textarea, .webbeheer-formulier select { border: 1px solid #ddd; padding: 6px 12px; margin-bottom: 12px; } form, .frontend-bar, .nav-trigger, .hide-from-layout, .page-mobile-nav-container, .page-header, .page-breadcrumb, .component-youtube, .page-footer { display: none; } } /* Grid settings */ /* Framework settings */ /* Dimensions settings */ /* Styling */ /* Animations */ /* Typography */ /* Color settings */ /* Form styling */ /* Responsive */ /* Functionalities */ /* Modules */ /* ========================================================================= * * This is a very important stylesheet in which you can define styling that applies to elements all over the website * * For example: * - Dates are often seen on multiple places in a website and may have the same styling. * - In stead of styling each date over and over again on multiple places, we want to have a general styling. * - If we can't change the class of a date in a template, we can always extend from the .date class name * * An other example * - We often see that (overview) blocks have the same styling (white background, some padding and a shadow) * - Define the styling here and we can apply this class name to all block * - Or... we can extend from this class name if we can't change the class name in the HTML * * ====================================================================== */ /* ========================================================================= * * Related links * * ====================================================================== */ .related { overflow: hidden; } .related-links { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .related-links[style*='block'] { display: -webkit-flex !important; display: -ms-flexbox !important; display: -ms-flex !important; display: flex !important; } .related-links .related-link { width: calc(50% - 4.8rem); margin-bottom: 1.6rem; padding-right: 2.13333333rem; } @media (max-width: 48em) { .related-links .related-link { width: 100%; } } .related-links a { margin: 0; color: #005357; font-weight: normal; } .related-links a .icon::before { color: #00838A; } /* ========================================================================= * * Helpers * * ====================================================================== */ .tablet .only-mobile, .desktop .only-mobile { display: none; } .element-invisible { position: absolute !important; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .element-invisible-off { position: static !important; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } /* ========================================================================= * * Making the framework responsive * * ====================================================================== */ @media (max-width: 60em) { } @media (max-width: 30em) { .page-left > *, .page-right > * { width: 100%; float: none; } .page-left > *:nth-child(odd), .page-right > *:nth-child(odd) { clear: both; margin-right: 0; } } /* ========================================================================= * * Custom adjustments to framework * * ====================================================================== */ .content-container { border-radius: 0.8rem; box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.05); position: relative; padding: 3.2rem 6.4rem; background: #fff; z-index: 1; } .content-container.with-hero { margin-top: -3.2rem; } @media (max-width: 48em) { .content-container { padding: 3.2rem; } .content-container.with-hero { margin-top: -3.2rem; } } @media (max-width: 40em) { .content-container { padding: 1.6rem; overflow: hidden; } .content-container.with-hero { margin-top: -3.2rem; } } .page-content-container:after { content: ''; display: block; clear: both; height: 0; } .component-homepage .page-middle { position: relative; } @media (max-width: 48em) { [data-columns='2'] > .page-overview-block { width: 100%; } } /* ========================================================================= * * Making our grid responsive * Here you can set breakpoints for each overview-page * Note that the class 'overview-page' is also used in our framework on .page-content * * Check the grid.less in the core folder to see how to set up a nice grid * * ====================================================================== */ /* ========================================================================= * * Include fonts * * ====================================================================== */ @media (max-width: 30em) { html { font-size: 57.5%; } } @media (min-width: 64em) { html.font-size-large { font-size: 65%; } } @media (min-width: 80em) { html.font-size-large { font-size: 67.5%; } } /* ========================================================================= * * All text styles are set here * * ====================================================================== */ html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: none; } /** * Firefox specific rule */ @-moz-document url-prefix() { body { font-weight: lighter !important; } } h1, h2, h3, h4 { transition: 0.15s ease-out; font-weight: bold; color: #004380; } @media (max-width: 40em) { h1, h2, h3, h4 { -ms-word-break: break-word; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } } h1 { margin-bottom: 3.2rem; } h1 + .subtitle, h1 + .small, h2 + .subtitle { margin-top: -3.2rem; } @media (max-width: 40em) { h1 + .subtitle, h1 + .small, h2 + .subtitle { margin-top: -1.6rem; } } .subtitle { font-family: 'Bariol Italic', sans-serif; opacity: 0.5; } @media (max-width: 30em) { h1 { font-size: 8vw; } } hr { border-bottom: 1px solid #C2BEBA; } hr.full-screen { -webkit-transform: translateX(-50%); transform: translateX(-50%); position: relative; left: 50%; min-width: 100%; width: 400vw; } ul ul, ol ul, ul ol, ol ol { margin: 0; } /* ========================================================================= * * A very important stylesheet because all website use a lot of button * Here we control all custom button styling * * Usage for new buttons * - Create a class name like '.btn-ghost' (prefix always with btn-) * - Set double class names in the HTML to apply this styling: * - This means only common button styling is set on the .btn class * - All styling exceptions are set in ease separate class name like .btn-ghost * * ====================================================================== */ a, [href^='tel:'], html div#cookie-bar a { color: #00838A; } [href^='tel:'] { text-decoration: underline; cursor: pointer; } [href^='tel:']:hover { text-decoration: none; } .btn, button, [type=submit], html div#cookie-bar span.cookie-buttons .allow-cookies, html .cookie-explanation button.request-cookies, .call-to-action, .form-input-file .file-input-btn { border-radius: 0.4rem; padding: 0.8rem 1.6rem; border: 0; background: #F39700; color: #633000; font-weight: bold; text-align: center; text-decoration: none; } .btn:hover, .btn:focus, button:hover, button:focus, [type=submit]:hover, [type=submit]:focus, html div#cookie-bar span.cookie-buttons .allow-cookies:hover, html div#cookie-bar span.cookie-buttons .allow-cookies:focus, html .cookie-explanation button.request-cookies:hover, html .cookie-explanation button.request-cookies:focus, .call-to-action:hover, .call-to-action:focus, .form-input-file .file-input-btn:hover, .form-input-file .file-input-btn:focus, .form-input-file:hover .file-input-btn { background-color: #FFB63D; color: #633000; } .btn:before, button:before, [type=submit]:before, html div#cookie-bar span.cookie-buttons .allow-cookies:before, html .cookie-explanation button.request-cookies:before, .call-to-action:before, .form-input-file .file-input-btn:before { float: right; margin-left: 0.8rem; } .call-to-action { align-self: flex-start; text-decoration: none; } .green-cta .call-to-action { height: 4.8rem; background: #009BA4; color: #fff; } .green-cta .call-to-action .icon:before { padding-right: 0.8rem; content: 'C'; color: #fff; font-family: 'nij-smellinghe'; } .green-cta .call-to-action:hover, .green-cta .call-to-action:focus { background: #006b71; } .green-cta .call-to-action.hollow { background: #fff; border: 2px solid #009BA4; color: #004380; } .green-cta .call-to-action.hollow:hover, .green-cta .call-to-action.hollow:focus { background: #009BA4; color: #fff; } /* ========================================================================= * * Mixin for links with a button and custom underline * * ====================================================================== */ .icon-before { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); top: 50%; position: absolute; left: -3.2rem; font-family: 'nij-smellinghe'; font-size: 1.8rem; } /* ========================================================================= * * Custom tooltip styling * * The downside of this CSS tooltip is that the text will always be forced over one rule * This is because of the white-space: nowrap * Therefor it is only useful for tooltips with little text * * ====================================================================== */ [data-title]:after { border-radius: 0.4rem; opacity: 0; visibility: hidden; background: #000; padding: 0 0.8rem; color: #fff; font-size: 1.8rem; } [data-title]:hover:after, [data-title]:focus:after { opacity: 1; visibility: visible; margin-bottom: 0.53333333rem; } /* ========================================================================= * * Here we can set some browser behaviour * * ====================================================================== */ /* text selection */ .text-selection { color: #fff; background: #002240; } ::selection { color: #fff; background: #002240; } ::-moz-selection { color: #fff; background: #002240; } /* ========================================================================= * * The website's header styling goes here * * ====================================================================== */ /* header */ .page-header { background: #fff; } .page-header .inner { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -ms-align-items: center; align-items: center; position: relative; height: 12.8rem; } @media (max-width: 63.9375em) { .page-header .inner { height: 6.4rem; } } /* ========================================================================= * * Top nav * * ====================================================================== */ .top-nav .page-topmenu-list a, .top-nav .search-link { font-family: 'Bariol Bold', 'Bariol', sans-serif; font-size: 1.6rem; letter-spacing: 0.5px; color: #004380; text-decoration: none; line-height: 1.6; } .top-nav .page-topmenu-list { margin-right: 1.6rem; margin-bottom: 0; } .top-nav .search-link .icon::before { margin-right: 0.53333333rem; font-family: 'nij-smellinghe'; position: relative; top: 2px; } @media (max-width: 63.9375em) { .top-nav .page-topmenu { display: none; } .top-nav .portal .portal-link { border-radius: 0.4rem; margin-left: 1.2rem; font-size: 1.5rem; } } @media (max-width: 25em) { .top-nav { right: 5.6rem; } } /* ========================================================================= * * Language switch * * ====================================================================== */ .language { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: baseline; -ms-align-items: baseline; align-items: baseline; margin: 0 2.4rem; } .language .flag { display: none; } .language li { margin: 0 0.4rem; } .language a { transition: 0.15s ease-out; color: #787573; opacity: 0.7; font-size: 1.4rem; font-family: 'Bariol Bold', 'Bariol', sans-serif; text-transform: uppercase; text-decoration: none; } .language a:hover { color: #002240; } .language .current-language { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; border-radius: 50%; width: 2.8rem; height: 2.8rem; background: #009BA4; } .language .current-language a { color: #fff; } .language .current-language a:hover { color: inherit; } @media (max-width: 63.9375em) { .top-nav .language { display: none; } } .page-mobile-nav-container .language { -webkit-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; margin: 0.8rem 0; } .page-mobile-nav-container .language a { padding: 0.8rem 1.6rem; } /* ========================================================================= * * Info bar * * ====================================================================== */ .info-bar { background: #002240; color: #fff; font-weight: bold; font-size: 1.6rem; padding: 0.8rem 0 0; border-bottom: 2px solid #F39700; padding-left: 3.2rem; position: relative; z-index: 20; } .info-bar .row { display: flex; align-items: center; justify-content: space-between; height: auto; position: relative; padding-left: 3.2rem; padding-right: 3.2rem; } .info-bar .row .icon::before { position: absolute; top: 0; left: 0; } @media (max-width: 30em) { .info-bar .row .icon::before { left: -0.53333333rem; } } .info-bar .row p { margin-bottom: 0.49230769rem; } @media (max-width: 63.9375em) { .info-bar .row p { padding-right: 8rem; } } .info-bar .row a { color: #F39700; } .info-bar .row a:hover, .info-bar .row a:focus { color: #fff; } /* ========================================================================= * * Custom main navigation styling (in the header) * * ====================================================================== */ .page-mainmenu { margin-top: auto; margin-bottom: 1.6rem; } .page-mainmenu .level-1 { -webkit-align-items: center; -ms-align-items: center; align-items: center; } .page-mainmenu .level-1-item:not(:first-child) { margin-left: 1.6rem; } .page-mainmenu .level-1-item > a { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; margin: 0.8rem; font-family: 'Bariol Bold', 'Bariol', sans-serif; color: #004380; text-decoration: none; } @media (max-width: 63.9375em) { .page-mainmenu .level-1-item > a { height: 6.4rem; } } .page-mainmenu .level-1-item.active > a { color: #002240; border-bottom: 2px solid; } .page-mainmenu .level-1-item ul { border-radius: 0.4rem; right: 0; left: auto; opacity: 0; width: 30rem; min-width: 100%; visibility: hidden; background: #E6ECF2; border: 1px solid #E8E2DF; } .page-mainmenu .level-1-item ul a { padding: 0.8rem 1.6rem; color: #4D4B49; text-decoration: none; } .page-mainmenu .level-1-item ul a:hover { color: #004380; } .page-mainmenu .level-1-item ul li:not(:last-child) { border-bottom: 1px solid #E8E2DF; } .page-mainmenu .level-1-item ul:before, .page-mainmenu .level-1-item ul:after { position: absolute; content: ''; left: 80%; bottom: 100%; height: 0; width: 0; } .page-mainmenu .level-1-item ul:before { border-bottom: 0.8rem solid #E8E2DF; border-right: 0.8rem solid transparent; border-left: 0.8rem solid transparent; margin-left: -0.8rem; } .page-mainmenu .level-1-item ul:after { border-bottom: 7px solid #E6ECF2; border-right: 7px solid transparent; border-left: 7px solid transparent; margin-left: -7px; } .page-mainmenu li.hover ul, .page-mainmenu li:hover ul { opacity: 1; visibility: visible; } .page-mainmenu .subnav > a:after { position: relative; top: 1px; padding-left: 0.4rem; content: 'c'; color: #00838A; font-family: 'nij-smellinghe'; font-size: 12px; } /* ========================================================================= * * The website's footer styling goes here * * ====================================================================== */ .page-footer { position: relative; padding: 3.2rem 0; min-height: 33rem; background: #002240; z-index: 0; } .page-footer .inner { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; z-index: 1; } .page-footer .inner:last-child { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-footer .footer-middle { -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; max-width: 95rem; } .page-footer .footer-middle .page-overview-block { margin-bottom: 0; } .page-footer > *, .page-footer h3, .page-footer a { color: #fff; } .page-footer h3 { margin-bottom: 0.8rem; } .page-footer .page-footermenu { padding: 0.8rem 1.6rem 0.8rem 0; } .page-footer .copyright { display: block; padding: 0.8rem 0; } .page-footer a { text-decoration: underline; display: inline !important; box-shadow: 0 0.1rem 0 currentColor; line-height: 1.1; text-decoration: none; display: inline-block; position: relative; } .page-footer a:hover { color: #009BA4; } .page-footer a .icon::before { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); top: 50%; position: absolute; left: -3.2rem; font-family: 'nij-smellinghe'; color: #009BA4; font-size: 1.8rem; } .page-footer .page-social-list a, .page-footer .page-social-list a { margin-left: 3.2rem; } .page-footer .page-social-list a[href^='mailto'], .page-footer .page-social-list a[href^='mailto'] { overflow: initial; } .page-footer:after { content: ''; position: absolute; top: 3.2rem; right: 0; width: 26.8rem; height: 29rem; background: url(/img/icons/poppetjes.svg); background-repeat: no-repeat; background-size: cover; z-index: -1; } .page-footermenu ul, .footer-credits { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0; } .page-footermenu ul li:not(:last-child), .footer-credits li:not(:last-child) { margin-right: 3.2rem; } .page-footermenu ul a, .footer-credits a { display: inline-block; } /* ========================================================================= * * Footer top * * ====================================================================== */ .footer-top { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; margin-bottom: 3.2rem; } .footer-top .footer-logo a:after { display: none; } .footer-top figure { margin-right: 3.2rem; } .footer-top .slogan { font-family: 'Bariol', sans-serif; } /* ========================================================================= * * Responsive * * ====================================================================== */ @media (max-width: 48em) { .page-footer:after { right: -6.4rem; background-size: 60%; background-position: top right; } .page-footer a:before { top: 1.6rem; } .page-footer .footer-top { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-footer .footer-top .slogan { width: 100%; margin-top: 1.6rem; } .page-footer .footer-middle > * { width: 100%; } } /* ========================================================================= * * Here we can style our responsive navigation * * - Depends on the variable @responsive in variables.less * * ====================================================================== */ .nav-toggle { background: #fff; border-left: 2px solid #f8f7f7; } .nav-toggle span, .nav-toggle span:before, .nav-toggle span:after { border-radius: 0.1rem; } .nav-toggle:hover span, .nav-toggle:hover span:before, .nav-toggle:hover span:after { background: #F39700; } .nav-wrapper a { color: #fff; font-weight: bold; text-decoration: none; word-wrap: break-word; padding: 0.8rem 3.2rem; } .nav-wrapper a:hover { color: #F39700; } .nav-wrapper .level-1-item.active > a, .nav-wrapper .level-2-item.active > a { color: #F39700; } .nav-wrapper .level-2 { background: #00305a; } .nav-wrapper ul ul a { transition-duration: 0.15s; -webkit-transform: translateZ(0); transform: translateZ(0); line-height: 0; padding: 0 3.2rem 0 4.8rem; opacity: 0; } .nav-wrapper .open > li > a { opacity: 1; padding-top: 0.8rem; padding-bottom: 0.8rem; line-height: 1.6; } .nav-wrapper .open + .open-subnav:before { -webkit-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); } .nav-wrapper .subnav > a { padding-right: 4.8rem; } .nav-wrapper .open-subnav { height: 4.8rem; width: 4.8rem; } .nav-wrapper .open-subnav:before { border-radius: 50%; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -ms-align-items: center; align-items: center; width: 2.4rem; height: 2.4rem; line-height: 2.4rem; background: #002240; border: 2px solid #fff; color: #fff; content: 'c'; font-family: 'nij-smellinghe'; font-size: 10px; } .nav-wrapper .open-subnav:hover:before { background: #F39700; border-color: #F39700; } @media (max-width: 63.9375em) { .page-mainmenu { display: none; } .nav-wrapper .portal-link { -webkit-align-items: center; -ms-align-items: center; align-items: center; background: #009BA4; font-family: 'Bariol Bold', 'Bariol', sans-serif; } .nav-wrapper .portal-link:before { padding-right: 1.6rem; } .nav-wrapper .portal-link:hover { color: #fff; background: #00838b; } } @media (max-width: 63.9375em) and (min-width: 417px) { .nav-wrapper .portal-link { display: none; } } /* ========================================================================= * * For icons we use fontastic.me * * Usage: * - Make a new icon set on fontastic.me and give it the name of the project * - Select the icons you need in your project * - You can add custom icons by uploading an SVG * - Download the icons and place the font files in the folder 'public/fonts' * - Set a data-icon="x" on a html element * - You can set all kinds of characters set in the data-attribute * - You can see the mapping of the characters in your icon set on fontastic.me * * ====================================================================== */ [data-icon]:before { display: inline-block; line-height: inherit; font-size: inherit; } /* ========================================================================= * * Kirra's alinea component styling * * ====================================================================== */ .component-alinea.intro p, .component-paragraph.lead .ck-editor.intro p, .alinea.intro p, .ck-editor.intro p { font-size: 2.4rem; } @media (max-width: 40em) { .component-alinea.intro p, .component-paragraph.lead .ck-editor.intro p, .alinea.intro p, .ck-editor.intro p { font-size: 2rem; } } .component-alinea ol, .component-paragraph.lead .ck-editor ol, .alinea ol, .ck-editor ol, .component-alinea ul, .component-paragraph.lead .ck-editor ul, .alinea ul, .ck-editor ul { padding-left: 4.8rem; margin-left: 0; } .component-alinea li, .component-paragraph.lead .ck-editor li, .alinea li, .ck-editor li { padding-left: 0; } .component-alinea p ~ ul, .component-paragraph.lead .ck-editor p ~ ul, .alinea p ~ ul, .ck-editor p ~ ul, .component-alinea p ~ ol, .component-paragraph.lead .ck-editor p ~ ol, .alinea p ~ ol, .ck-editor p ~ ol { position: relative; } .component-alinea li:before, .component-paragraph.lead .ck-editor li:before, .alinea li:before, .ck-editor li:before { left: -3.2rem; } .component-alinea ul li:before, .component-paragraph.lead .ck-editor ul li:before, .alinea ul li:before, .ck-editor ul li:before { border-radius: 50%; content: ''; width: 0.6rem; height: 0.6rem; background: #A53189; top: 1.6rem; } .component-alinea ol li:before, .component-paragraph.lead .ck-editor ol li:before, .alinea ol li:before, .ck-editor ol li:before { -webkit-transform: translate(-3.2rem, -50%); transform: translate(-3.2rem, -50%); width: 4.8rem; } .ck-editor li { position: relative; } .ck-editor li::before { -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 1.6rem; } .ck-editor ol { counter-reset: alinea-ol; } .ck-editor ol li { counter-increment: alinea-ol; } .ck-editor ol li:before { content: counter(alinea-ol) '.'; text-align: right; } p { transition: 0.15s ease-out; } /* ========================================================================= * * Custom webapp and alinea table styling * * ====================================================================== */ .webapp-table, .component-alinea table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 4.8rem; } .webapp-table caption, .component-alinea table caption { text-align: left; } .webapp-table th, .component-alinea table th { font-weight: bold; background: none; } .webapp-table td, .component-alinea table td, .webapp-table th, .component-alinea table th { padding: 0.53333333rem 0.8rem; } /* ========================================================================= * * Custom image styling for the Kirra components 'image' and 'imageuitlijning' * * ====================================================================== */ .image-caption { font-size: 1.8rem; font-style: italic; color: #787573; } .page-middle .component-imageuitlijning.align-links, .page-middle .component-imageuitlijning.align-rechts { width: 50%; } @media (max-width: 30em) { .page-middle .component-imageuitlijning.align-links, .page-middle .component-imageuitlijning.align-rechts, .page-middle .component-imageuitlijning.align-links figure, .page-middle .component-imageuitlijning.align-rechts figure { width: 100%; margin-left: 0; margin-right: 0; float: none; } } .illustratie { margin-bottom: 3.2rem; clear: both; } @media (min-width: 40em) { .illustratie.illustratie-links { margin-right: 3.2rem; width: auto; float: left; margin-bottom: 1.6rem; } .illustratie.illustratie-rechts { margin-left: 3.2rem; width: auto; float: right; margin-bottom: 1.6rem; } } /* ========================================================================= * * Image centered full width * * ====================================================================== */ .content-container .align-gecentreerd, .content-container .full-width-image { width: auto; margin-left: -6.4rem; margin-right: -6.4rem; } @media (max-width: 40em) { .content-container .align-gecentreerd, .content-container .full-width-image { margin-left: -0.8rem; margin-right: -0.8rem; } } /* ========================================================================= * * Kirra's component 'quote' styling * * Do not remove the .component-quote styling because the quote in an alinea extends from this class name * * ====================================================================== */ .component-quote, .component-alinea blockquote, .component-paragraph.lead .ck-editor blockquote, .alinea blockquote, .ck-editor blockquote { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-align-items: center; align-items: center; } .component-quote .quote-image, .component-alinea blockquote .quote-image, .component-paragraph.lead .ck-editor blockquote .quote-image, .alinea blockquote .quote-image, .ck-editor blockquote .quote-image { -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; margin-right: 1.6rem; } .component-quote .quote-image img, .component-alinea blockquote .quote-image img, .component-paragraph.lead .ck-editor blockquote .quote-image img, .alinea blockquote .quote-image img, .ck-editor blockquote .quote-image img { border-radius: 0.8rem; } @media (max-width: 48em) { .component-quote .quote-image, .component-alinea blockquote .quote-image, .component-paragraph.lead .ck-editor blockquote .quote-image, .alinea blockquote .quote-image, .ck-editor blockquote .quote-image { -webkit-flex-basis: 150px; -ms-flex-basis: 150px; flex-basis: 150px; margin-bottom: 1.6rem; } } .component-quote .quote-content, .component-alinea blockquote .quote-content, .component-paragraph.lead .ck-editor blockquote .quote-content, .alinea blockquote .quote-content, .ck-editor blockquote .quote-content { -webkit-flex: 1 1 400px; -ms-flex: 1 1 400px; flex: 1 1 400px; } .component-quote p, .component-alinea blockquote p, .component-paragraph.lead .ck-editor blockquote p, .alinea blockquote p, .ck-editor blockquote p { margin-bottom: 1.6rem; font-size: 3.2rem; font-style: italic; line-height: 1.2; } .component-quote p:before, .component-alinea blockquote p:before, .component-paragraph.lead .ck-editor blockquote p:before, .alinea blockquote p:before, .ck-editor blockquote p:before { content: '“'; } .component-quote p:after, .component-alinea blockquote p:after, .component-paragraph.lead .ck-editor blockquote p:after, .alinea blockquote p:after, .ck-editor blockquote p:after { content: '”'; } .component-quote .author span, .component-alinea blockquote .author span, .component-paragraph.lead .ck-editor blockquote .author span, .alinea blockquote .author span, .ck-editor blockquote .author span { font-style: italic; opacity: 0.5; } /* ========================================================================= * * Variant quote (story link) * * ====================================================================== */ .story-link .read-more { margin-bottom: 0; } /* ========================================================================= * * Custom form styling can be done here * * ====================================================================== */ .style-select { background: rgba(245, 240, 235, 0.5); } .style-select:before { color: #00838A; font-family: 'nij-smellinghe'; font-size: 1.5rem; content: 'c'; } .style-select select { line-height: 1.6; } select[multiple] { max-height: 16rem; } textarea { height: 16rem; } .form-input-file .file-input-placeholder { padding: 0.8rem 1.6rem; cursor: pointer; } .form-input-file .file-input-btn { margin: 0 1.6rem 0 0; padding: 0 1.6rem; height: 3.2rem; } .form-tooltip[data-title] { background: #787573; cursor: help; font-size: 1rem; color: #fff; } /* ========================================================================= * * General form styling * * This styling applies to all forms that use .velden as a wrapper for the input elements * * ====================================================================== */ form ul, form ol { margin: 0; } .velden > li, .component-classiclogin fieldset > li, .component-login fieldset > li { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; margin-bottom: 1.6rem; position: relative; clear: both; width: 100%; } .velden > li:after, .component-classiclogin fieldset > li:after, .component-login fieldset > li:after { display: inline; clear: none; } .velden.two-column ul, .component-classiclogin fieldset.two-column ul, .component-login fieldset.two-column ul { margin-left: 0; } @media (min-width: 60em) { .velden.two-column, .component-classiclogin fieldset.two-column, .component-login fieldset.two-column { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; margin-left: -1.6rem; margin-right: -1.6rem; } .velden.two-column > *, .component-classiclogin fieldset.two-column > *, .component-login fieldset.two-column > * { width: 50%; margin-left: 1.6rem; margin-right: 1.6rem; } } .velden label, .component-classiclogin fieldset label, .component-login fieldset label { display: block; width: 100%; font-weight: bold; padding-right: 4.8rem; } .velden label em, .component-classiclogin fieldset label em, .component-login fieldset label em { margin-left: 0.53333333rem; color: #c00; font-style: normal; } .velden .form-input-paragraph, .velden .form-input-heading, .component-classiclogin fieldset .form-input-paragraph, .component-classiclogin fieldset .form-input-heading, .component-login fieldset .form-input-paragraph, .component-login fieldset .form-input-heading { margin-bottom: 0; } .form-input-multipleselect-checkboxes label:before, .form-input-multipleselect-checkboxes label:after { top: 14px !important; } /* ========================================================================= * * Extra form elements * * ====================================================================== */ .load-more-btn { border: 1px solid #F39700; background: #fff; color: #004380; text-decoration: none; } .load-more-btn:hover { background: #F39700; color: #fff; } .search-field input { border-radius: 0.4rem 0 0 0.4rem; background: rgba(245, 240, 235, 0.5); color: #004380; height: 4.8rem; } .search-field button { -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; border-radius: 0 0.4rem 0.4rem 0; } /* ========================================================================= * * Form errors extra styling * * ====================================================================== */ div.input-error p { white-space: normal; } .alert-success { border-radius: 0.8rem; padding: 1.6rem; background: rgba(76, 175, 80, 0.2); color: #4CAF50; border: 1px solid #4CAF50; } /* ========================================================================= * * Search filter * * ====================================================================== */ .search-filter .velden .search-field, .search-filter .component-classiclogin fieldset .search-field, .search-filter .component-login fieldset .search-field { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .search-filter .velden .search-field:before, .search-filter .component-classiclogin fieldset .search-field:before, .search-filter .component-login fieldset .search-field:before { position: absolute; top: 0.8rem; left: 1.6rem; font-family: 'nij-smellinghe'; font-size: 2rem; content: 'j'; } .search-filter .input-label { font-family: 'Bariol Bold', 'Bariol', sans-serif; } .search-filter .placeholder { display: block; margin: -4rem 0 3.2rem; font-size: 1.6rem; color: #787573; } .search-filter input { padding-left: 4.8rem; background: rgba(245, 240, 235, 0.5); border-color: #6d6c6a; } .search-filter .search-tab { position: relative; } @media (max-width: 30em) { .search-filter .search-tab { margin: 0 -1.6rem; } } .search-filter .search-tab:before { content: ''; position: absolute; display: block; width: calc(100% + 12.8rem); margin-right: -6.4rem; margin-left: -6.4rem; height: 1px; background: #E8E2DF; bottom: 0; } .search-filter .search-tab li { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .search-filter .search-tab input:focus + label { outline: 1px dotted #212121; outline: 5px auto -webkit-focus-ring-color; } .search-filter .search-tab input + label { transition: 0.3s; padding: 0.8rem 1.6rem; margin-right: 0.53333333rem; margin-bottom: 0; width: auto; background: #E6ECF2; border: 1px solid #E8E2DF; border-bottom: 0; cursor: pointer; font-weight: normal; } .search-filter .search-tab input + label .icon::before { padding-right: 1.06666667rem; } .search-filter .search-tab input + label:last-of-type { margin-right: 0; } @media (max-width: 30em) { .search-filter .search-tab input + label:first-of-type { margin-left: 0.26666667rem; } } .search-filter .search-tab input + label:hover { background: #eef2f6; } .search-filter .search-tab input:checked + label { background: #fff; } .search-filter .search-tab input:checked + label:hover { color: #4D4B49; } /* ========================================================================= * * Responsive search filter * * ====================================================================== */ @media (max-width: 48em) { .search-filter .search-tab li { -webkit-align-items: stretch; -ms-align-items: stretch; align-items: stretch; } .search-filter .search-tab input + label { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-align-items: center; align-items: center; width: calc(33.33333333% - 0.53333333rem); padding: 0.8rem; font-size: 15px; text-align: center; line-height: 1.2; overflow: hidden; } .search-filter .search-tab input + label:before { margin-bottom: 0.8rem; padding: 0; } } /* ========================================================================= * * Form privacy message * * ====================================================================== */ .form-privacy-description { padding: 3.2rem; background: #E6ECF2; } .form-privacy-description a { text-decoration: underline; display: inline !important; box-shadow: 0 0.1rem 0 currentColor; line-height: 1.1; text-decoration: none; } .form-privacy-description > *:last-of-type { margin-bottom: 0; } /* ========================================================================= * * Submit button * * ====================================================================== */ .form-controls .button-submit { margin-bottom: 0 !important; } .form-controls .button-submit .icon { margin-right: 0; } /* ========================================================================= * * Custom Youtube styling for Kirra's 'youtube' component * * - This styling works with 'js/jquery.youtube.js' * * - Depends on the variable @moduleYoutube in variables.less * * ====================================================================== */ .component-youtube-old { overflow: hidden; width: auto; margin-left: -6.4rem; margin-right: -6.4rem; } .component-youtube-old iframe { transition: 0.3s ease-in-out; width: calc(100% + 4px) !important; left: -2px !important; } .component-youtube-old .video-wrapper img { width: calc(100% + 4px) !important; left: -2px !important; } .component-youtube-old .video-wrapper:before, .component-youtube-old .video-wrapper:after { content: ''; position: absolute; top: 0; width: 1px; height: 100%; background: #f8f7f7; z-index: 10; } .component-youtube-old .video-wrapper:before { left: 0; } .component-youtube-old .video-wrapper:after { right: 0; } .component-youtube-old .youtube-overlay { background: rgba(0, 0, 0, 0.5); color: #fff; } .component-youtube-old .youtube-overlay:before { border-radius: 50%; font-family: 'nij-smellinghe'; content: 't'; background: #F39700; font-size: 21px; width: 64px; height: 64px; line-height: 64px; margin: -32px 0 0 -32px; padding-left: 2px; } .component-youtube-old h2 { transition-duration: 0.15s; color: #fff; padding: 3.2rem; position: absolute; width: 100%; bottom: 0; left: 0; margin: 0; } @media (max-width: 40em) { .component-youtube-old h2 { font-size: 2.1rem; padding-bottom: 1.6rem; } } .component-youtube-old img { transition: 0.3s ease-in-out; height: auto !important; } .component-youtube-old .h3 { transition-duration: 0.3s; width: 100%; padding: 1.6rem 3.2rem; margin: 0; position: absolute; bottom: 0; left: 0; font-family: 'Bariol Bold', 'Bariol', sans-serif; font-size: 3.2rem; color: #fff; } @media (max-width: 40em) { .component-youtube-old .h3 { font-size: 2.4rem; } } .component-youtube-old.hover .youtube-overlay { background: transparent; } .component-youtube-old.hover .youtube-overlay:before { -webkit-transform: scale(1.05); transform: scale(1.05); } .component-youtube-old.hover .h3 { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; } .component-youtube-old.hide-overlay img { -webkit-transform: translateY(-50%) scale(1.1); transform: translateY(-50%) scale(1.1); } /* ========================================================================= * * Responsive * * ====================================================================== */ @media (max-width: 48em) { .component-youtube { margin-left: -1.6rem; margin-right: -1.6rem; } } /* ========================================================================= * * Default Kirra 'flex' module styling * * ====================================================================== */ @media (max-width: 40em) { .flex-box.width-1-2 { width: 100%; } } @media (max-width: 60em) { .flex-box.width-1-3, .flex-box.width-2-3 { width: 100%; } } /* ========================================================================= * * Make Google Maps responsive * * ====================================================================== */ .google-maps { position: relative; padding-top: 56.25%; } .google-maps > * { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; } .google-maps button { min-height: 0; } /* ========================================================================= * * Google maps info marker * * ====================================================================== */ .gm-style-iw h4, .gm-style-iw p { margin-bottom: 1.6rem; } @media print { @page { margin: 0; } * { font-family: 'Helvetica', arial, sans-serif !important; } body { overflow: hidden; margin: 0 1.2cm; } .page-website-wrapper { min-height: unset !important; display: block !important; } .top-nav, .header-intro:after, .sf-toolbarreset, .site-breadcrumbs, .page-intro-container, .page-actions-container, .page-footer, .off-canvas, .header-intro { display: none !important; } .site-logo { position: inherit !important; width: auto !important; height: 75px !important; margin-bottom: 0 !important; } h1 { margin-bottom: 0 !important; font-size: 18px !important; display: block !important; } .content-container { padding-left: 0; padding-right: 0; } .component-triage { font-family: 'Helvetica Neue', sans-serif !important; } .component-triage .form { margin-bottom: 0 !important; } .component-triage .form > .form-control-radio { padding: 4px 4px 0 !important; } .component-triage .form-control-field-wrapper-checkbox-radio [type='radio'] { width: auto !important; height: auto !important; position: inherit !important; -webkit-appearance: checkbox !important; -moz-appearance: checkbox !important; opacity: 1 !important; display: inline-block !important; } .component-triage .form-control-field-wrapper-checkbox-radio .form-control-label, .component-triage legend.form-control-label { font-size: 12px !important; margin-bottom: 0 !important; } .component-triage .form-control-label::before { display: none !important; } .component-triage .form-control-field-wrapper-checkbox-radio input { margin-bottom: 0 !important; } .component-triage .result .icon { width: 30px !important; height: 30px !important; float: left; } .component-triage .result .icon::before { font-size: 15px !important; color: #ffffff; } .component-triage .result.positive .icon { background: #009BA4 !important; } .component-triage .result.negative .icon { background: #EA2828 !important; } .component-triage .result .negative p { font-size: 10px !important; margin-bottom: 0 !important; } .component-triage .result .positive p { display: none; } .component-triage .result .buttons { display: none; } .component-triage .form > .form-control { padding-bottom: 12px !important; margin-bottom: 1.6rem; } .component-triage h3 { font-size: 16px !important; margin-bottom: 0 !important; } .component-triage .date { font-size: 12px !important; margin-bottom: 0 !important; } .social-share-container { display: none !important; } } /* ========================================================================= * * Highlighted cards - Global styling * * ====================================================================== */ .highlighted-card { box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.05); border-radius: 0.8rem; background: #fff; border: 1px solid #E8E2DF; overflow: hidden; height: 100%; } .highlighted-card ul { margin-left: 0; } .highlighted-card .card-content { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 3.2rem; height: 100%; } .highlighted-card .card-content > :last-child { margin-bottom: 0; } .highlighted-card .card-content .read-more { -webkit-align-self: flex-start; -ms-align-self: flex-start; align-self: flex-start; margin-bottom: -0.8rem; } @media (max-width: 40em) { .highlighted-card .card-content { padding: 1.6rem 1.6rem 3.2rem; } } .highlighted-card .card-divider { -webkit-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; display: block; border-bottom: 1px solid rgba(77, 75, 73, 0.15); width: 20rem; margin: 0 0 2.4rem -6.4rem; background: #fff; } /* ========================================================================= * * Highlighted variant cards * * ====================================================================== */ .highlighted-card--homepage .card-title { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; -webkit-align-items: center; -ms-align-items: center; align-items: center; } @media (max-width: 40em) { .highlighted-card--homepage .card-title { flex-wrap: wrap; height: auto; } } .highlighted-card--homepage .card-title .icon::before { -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; content: ''; display: block; margin-right: 1.6rem; height: 4rem; width: 4.2rem; background-repeat: no-repeat; background-size: contain !important; } @media (min-width: 64em) { .highlighted-card--homepage .card-title .icon::before { height: 4.8rem; width: 5rem; } } .component-upcomingagendaitems .card-title .icon::before { background: url('/img/icons/agenda.svg') no-repeat; } .comp-quality-block .card-title .icon::before { background: url('/img/icons/quality.svg') no-repeat; } .comp-cross-links-list-card .card-title .icon::before { background: url('/img/icons/links.svg') no-repeat; } /* ========================================================================= * * Variant newsfolder - news item * * ====================================================================== */ .highlighted-card--news a { text-decoration: none; } .highlighted-card--news p { color: #004380; margin-bottom: 1.6rem; } .highlighted-card--news .title { color: #004380; margin-bottom: 0.4rem; } .component-newsfolder .highlighted-card--news .title { margin-bottom: 1.6rem; } .highlighted-card--news .title a { color: #004380; } .highlighted-card--news .title a:hover, .highlighted-card--news .title a:focus { color: #F39700; } .highlighted-card--news .small { margin-bottom: 2.4rem; color: rgba(0, 67, 128, 0.75); font-size: 1.8rem; font-style: italic; } .component-newsfolder .highlighted-card--news .small { margin-bottom: 0; } .highlighted-card--news .read-more { margin-bottom: 0; } .highlighted-card--news .card-image { position: relative; padding-top: 50%; overflow: hidden; background-image: url('/img/placeholder_news.png'); background-size: cover; } .highlighted-card--news .card-image figure { position: absolute; top: -1px; width: 100%; } /* ========================================================================= * * Variant CrosslinkList * * ====================================================================== */ .comp-cross-links-list-card li { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; min-height: 6.4rem; border-bottom: 1px solid #E8E2DF; } .comp-cross-links-list-card li:first-of-type { border-top: 1px solid #E8E2DF; } .comp-cross-links-list-card a { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; transition: 0.15s ease-out; width: 100%; padding: 1.6rem 0; color: #005357; text-decoration: none; } .comp-cross-links-list-card a span:not(.icon) { text-decoration: underline; display: inline !important; box-shadow: 0 0.1rem 0 currentColor; line-height: 1.1; text-decoration: none; } .comp-cross-links-list-card a .icon::after { content: 'm'; padding-left: 0.8rem; color: #00838A; font-family: 'nij-smellinghe'; } .comp-cross-links-list-card a:hover, .comp-cross-links-list-card a:focus { color: #009BA4; } .comp-cross-links-list-card a:hover .icon::after, .comp-cross-links-list-card a:focus .icon::after { color: #009BA4; } body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; backface-visibility: hidden; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; height: 100%; left: 0; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { box-sizing: border-box; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: .87; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s, visibility 0s linear .25s; visibility: hidden; z-index: 99997; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; transition: opacity .25s, visibility 0s; visibility: visible; } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; text-align: center; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; -webkit-transform: translate3d(0, 0, 0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide::before { content: ''; display: inline-block; height: 100%; margin-right: -0.25em; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--next { z-index: 99995; } .fancybox-slide--image { overflow: visible; padding: 44px 0; } .fancybox-slide--image::before { display: none; } .fancybox-slide--html { padding: 6px 6px 0 6px; } .fancybox-slide--iframe { padding: 44px 44px 0; } .fancybox-content { background: #fff; display: inline-block; margin: 0 0 6px 0; max-width: 100%; overflow: auto; padding: 0; padding: 24px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; margin: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-can-drag .fancybox-content { cursor: -webkit-grab; cursor: grab; } .fancybox-is-dragging .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-container [data-selectable='true'] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--html .fancybox-content { margin-bottom: 6px; } .fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: 100%; margin: 0; overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; height: calc(56%); margin-bottom: 44px; } .fancybox-video, .fancybox-iframe { background: transparent; border: 0; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } .fancybox-iframe { vertical-align: top; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } /* Buttons */ .fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0; border-radius: 0; cursor: pointer; display: inline-block; height: 44px; margin: 0; outline: none; padding: 10px; transition: color .2s; vertical-align: top; width: 44px; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; } .fancybox-button:focus, .fancybox-button:hover { color: #fff; } .fancybox-button.disabled, .fancybox-button.disabled:hover, .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; } .fancybox-button svg { display: block; overflow: visible; position: relative; shape-rendering: geometricPrecision; } .fancybox-button svg path { fill: transparent; stroke: currentColor; stroke-linejoin: round; stroke-width: 3; } .fancybox-button--play svg path:nth-child(2) { display: none; } .fancybox-button--pause svg path:nth-child(1) { display: none; } .fancybox-button--play svg path, .fancybox-button--share svg path, .fancybox-button--thumbs svg path { fill: currentColor; } .fancybox-button--share svg path { stroke-width: 1; } .fancybox-button--close { background-color: #F39700; color: #fff; } .fancybox-button--close:hover { background-color: #da8700; } .fancybox-button--zoom { background: #002240; color: #fff; } .fancybox-button--zoom:hover { background-color: #00305a; } /* Navigation arrows */ .fancybox-navigation .fancybox-button { height: 38px; opacity: 0; padding: 6px; position: absolute; top: 50%; width: 38px; } .fancybox-show-nav .fancybox-navigation .fancybox-button { transition: opacity .25s, visibility 0s, color .25s; } .fancybox-navigation .fancybox-button::after { content: ''; left: -25px; padding: 50px; position: absolute; top: -25px; } .fancybox-navigation .fancybox-button--arrow_left { left: 6px; } .fancybox-navigation .fancybox-button--arrow_right { right: 6px; } /* Close button on the top right corner of html content */ .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #555; cursor: pointer; height: 44px; margin: 0; padding: 6px; position: absolute; right: 0; top: 0; width: 44px; z-index: 10; } .fancybox-close-small svg { fill: transparent; opacity: .8; stroke: currentColor; stroke-width: 1.5; transition: stroke .1s; } .fancybox-close-small:focus { outline: none; } .fancybox-close-small:hover svg { opacity: 1; } .fancybox-slide--image .fancybox-close-small, .fancybox-slide--video .fancybox-close-small, .fancybox-slide--iframe .fancybox-close-small { color: #ccc; padding: 5px; right: -12px; top: -44px; } .fancybox-slide--image .fancybox-close-small:hover svg, .fancybox-slide--video .fancybox-close-small:hover svg, .fancybox-slide--iframe .fancybox-close-small:hover svg { background: transparent; color: #fff; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small { display: none; } /* Caption */ .fancybox-caption { bottom: 0; color: #fff; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 25px 44px 25px 44px; right: 0; } .fancybox-caption::before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC); background-repeat: repeat-x; background-size: contain; bottom: 0; content: ''; display: block; left: 0; pointer-events: none; position: absolute; right: 0; top: -25px; z-index: -1; } .fancybox-caption::after { border-bottom: 1px solid rgba(255, 255, 255, 0.3); content: ''; display: block; left: 44px; position: absolute; right: 44px; top: 0; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } /* Loading indicator */ .fancybox-loading { -webkit-animation: fancybox-rotate 0.8s infinite linear; animation: fancybox-rotate 0.8s infinite linear; background: transparent; border: 6px solid rgba(100, 100, 100, 0.5); border-radius: 100%; border-top-color: #fff; height: 60px; left: 50%; margin: -30px 0 0 -30px; opacity: .6; padding: 0; position: absolute; top: 50%; width: 60px; z-index: 99999; } @-webkit-keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* Transition effects */ .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } /* Share */ .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:visited, .fancybox-share__button:link { color: #fff; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; } /* Thumbs */ .fancybox-thumbs { background: #fff; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: transparent; top: 0; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs > ul { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x > ul { overflow: hidden; } .fancybox-thumbs-y > ul::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y > ul::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .fancybox-thumbs-y > ul::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs > ul > li { -webkit-backface-visibility: hidden; backface-visibility: hidden; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(92%); max-width: calc(46%); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1); } .fancybox-thumbs > ul > li { background-position: center center; background-repeat: no-repeat; background-size: cover; } .fancybox-thumbs > ul > li:before { border: 4px solid #4ea7f9; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; } .fancybox-thumbs .fancybox-thumbs-active:before { opacity: 1; } /* Styling for Small-Screen Devices */ @media all and (max-width: 800px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs > ul > li { max-width: calc(90%); } } /* ========================================================================= * * Global news overview styling * * ====================================================================== */ .component-newsfolder .content-container, .kirra-bundle-newsbundle-component-newsfolder .content-container { border-radius: 0; box-shadow: none; margin-top: 0; padding: 0; background: none; } .component-newsfolder .content-container.with-hero, .kirra-bundle-newsbundle-component-newsfolder .content-container.with-hero { margin-top: -6.4rem; } .component-newsfolder .content-container.with-hero .hero-content, .kirra-bundle-newsbundle-component-newsfolder .content-container.with-hero .hero-content { border-radius: 0.4rem; background: #fff; margin-bottom: 3.2rem; padding: 1.6rem 3.2rem 3.2rem; } .component-newsfolder .content-container.with-hero .hero-subtitle, .kirra-bundle-newsbundle-component-newsfolder .content-container.with-hero .hero-subtitle { margin-bottom: 0; } .component-newsfolder .content-container .small, .kirra-bundle-newsbundle-component-newsfolder .content-container .small { margin-bottom: 0; order: -1; } .component-newsfolder .content-container .title, .kirra-bundle-newsbundle-component-newsfolder .content-container .title { margin-bottom: 1.6rem; } .component-newsfolder .page-pagination, .kirra-bundle-newsbundle-component-newsfolder .page-pagination { -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; } /* ========================================================================= * * News detail page * * ====================================================================== */ .component-newsitem .page-breadcrumb { margin-bottom: 1.6rem; } .component-newsitem .news-title { margin-bottom: 3.2rem; } .component-newsitem .subtitle:not(.date) { opacity: 1; margin-bottom: 1.6rem; } .component-newsitem .date { font-family: 'Bariol Italic', sans-serif; opacity: 0.5; } .component-newsitem .with-hero { margin-top: auto; } .component-newsitem .with-hero .hero-content { display: none; } .hero-news-detail { width: 100%; max-width: 40rem; float: right; margin: 0 0 1.6rem 3.2rem; } @media (max-width: 48em) { .hero-news-detail { float: none; margin-left: 0; } } /* ========================================================================= * * Latest news * * ====================================================================== */ .latest-news { display: inline-block; width: 100%; margin-top: 3.2rem; padding-top: 6.4rem; border-top: 1px solid #E8E2DF; } .latest-news ul { list-style-type: none; margin-left: 0; } @media (max-width: 40em) { .latest-news { padding-top: 1.6rem; } } .latest-news .news-title { font-size: 1.8rem; } .latest-news a { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: baseline; -ms-align-items: baseline; align-items: baseline; margin-bottom: 1.6rem; text-decoration: none; } @media (max-width: 40em) { .latest-news a { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .latest-news .news-date { display: inline-block; min-width: 10rem; color: #004380; font-size: 1.6rem; margin-right: 1.6rem; } .latest-news .news-title { transition: 0.15s ease-out; color: #004380; font-weight: bold; margin-bottom: 0; } .latest-news a:hover .news-title { color: #F39700; } /* ========================================================================= * * News slider - homepage * * ====================================================================== */ .news-slider .small { margin-bottom: 1.06666667rem; } .news-slider h4 { transition: 0.15s ease-out; margin-bottom: 0.8rem; } .news-slider h4:focus { outline: none; } .news-slider a { text-decoration: none; } .news-slider .slick-dots { position: relative; margin-bottom: 0.8rem; bottom: 0; left: -4px; text-align: left; } .news-slider .slick-dots button:before { margin-left: 0; } .news-slider a:hover h4 { color: #F39700; } /* ========================================================================= * * Pagination * * ====================================================================== */ .page-pagination { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; margin-top: 3.2rem; } .page-pagination ul { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: -ms-inline-flex; display: inline-flex; border-radius: 0.4rem; margin-bottom: 0; overflow: hidden; border: 1px solid #E8E2DF; background: #fff; list-style: none; } .page-pagination li a, .page-pagination li.disabled { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; transition: 0.15s ease-out; width: 4.8rem; height: 4.8rem; text-decoration: none; color: #004380; } .page-pagination li:not(:last-child) { border-right: 1px solid #E8E2DF; } .page-pagination li a:hover, .page-pagination li a:focus { background: #EBF0F5; color: #004380; } .page-pagination li.active a { color: #fff; background: #009BA4; font-weight: bold; } .page-pagination .pager-next a .icon::before, .page-pagination .pager-prev a .icon::before { font-size: 12px; color: #00838A; } .page-pagination .pager-text { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .page-pagination .pager-next a .icon::before { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .page-pagination .pager-prev a .icon::before { -webkit-transform: rotate(90deg); transform: rotate(90deg); } /* ========================================================================= * * Progressive pagination * * ====================================================================== */ .page-pagination--progressive li a { width: auto; height: auto; } .page-pagination--progressive li a, .page-pagination--progressive .page { padding: 0.8rem 1.6rem; } .page-pagination--progressive .pager-prev a .icon::before { -webkit-transform: rotate(90deg) translateX(30%); transform: rotate(90deg) translateX(30%); padding-right: 1.6rem; } .page-pagination--progressive .pager-next a .icon::before { -ms-flex-order: 2; -webkit-order: 2; -ms-order: 2; order: 2; -webkit-transform: rotate(-90deg) translateX(-30%); transform: rotate(-90deg) translateX(-30%); padding-left: 1.6rem; } @media (max-width: 40em) { .page-pagination--progressive li a { height: 100%; } .page-pagination--progressive .pager span { display: none; } } /* ========================================================================= * * Stories overview * * ====================================================================== */ .app-component-storyfolder .content-container { border-radius: 0; box-shadow: none; margin-top: 0; padding: 0; background: none; } .app-component-storyfolder .card-content-quote { margin-bottom: 1.6rem; color: #009BA4; font-size: 2.4rem; font-style: italic; } .app-component-storyfolder .card-content-quote:before { content: '“'; margin-right: -0.32rem; } .app-component-storyfolder .card-content-quote:after { content: '”'; margin-left: -0.32rem; } .app-component-storyfolder .card-content-author { margin-bottom: 0.8rem; font-size: 1.8rem; } .app-component-storyfolder .card-content-author span { font-style: italic; opacity: 0.5; } .quote-title { color: #009BA4; font-size: 3.2rem; font-family: 'Bariol', sans-serif; font-style: italic; } /* ========================================================================= * * Story detail * * ====================================================================== */ .app-component-story .content-container .hero-content { margin-bottom: 3.2rem; } .hero-quote { font-family: 'Bariol', sans-serif; } .hero-quote:before { content: '“'; } .hero-quote:after { content: '”'; } @media (max-width: 40em) { .hero-quote { font-size: 2.8rem; } .hero-quote:before { margin-right: 0.4rem; } } .page-hero--story { max-height: 40rem; } .page-hero--story .site-hero-image img { width: 100vw; height: auto; max-height: 40rem; object-fit: cover; } .app-component-story .content-container.with-hero { margin-top: 0; } @media (max-width: 48em) { .app-component-story .content-container.with-hero { margin-top: 0; } } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: flex; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: flex !important; flex-grow: 1; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-slide > div { width: 100%; } .slick-arrow.slick-hidden { display: none; } /* Dots */ .slick-dotted .slick-slider { margin-bottom: 30px; } /* ========================================================================= * * Hidden content toggler * * ====================================================================== */ .hidden-content { display: none; } .toggle-button-wrapper { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; margin-top: -2.8rem; margin-bottom: 3.2rem; overflow: hidden; } .related .toggle-button-wrapper { margin-top: 0; } .toggle-button-wrapper .toggle-button { transition: color 0.15s ease-out; text-decoration: none; position: relative; margin-left: 3.2rem; margin-bottom: 0; font-size: 20px; } .toggle-button-wrapper .toggle-button::after { content: ''; background: #E8E2DF; height: 1px; width: 100vw; position: absolute; left: 109.6%; top: 50%; transform: translateY(-50%); } .toggle-button-wrapper .toggle-button .icon::before { transition: 0.15s ease-out; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); top: 50%; position: absolute; left: -3.2rem; font-size: 1.8rem; content: 'c'; font-size: 13px; font-family: 'nij-smellinghe'; text-transform: none; margin-right: 0.8rem; line-height: 0; } .toggle-button-wrapper .toggle-button.toggle-text { font-size: 0; } .toggle-button-wrapper .toggle-button.toggle-text .icon::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .toggle-button-wrapper .toggle-button.toggle-text .text::after { content: attr(data-toggle-text); font-size: 20px; } /* ========================================================================= * * Agenda overview page * * ====================================================================== */ .agenda-item { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; margin-bottom: 3.2rem; } .agenda-item .agenda-date { -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; width: 18rem; padding-right: 1.6rem; font-size: 1.8rem; color: #009BA4; order: -1; } .agenda-item .agenda-title-link a, .agenda-item .agenda-title-link { color: #004380; text-decoration: none; } .agenda-item .agenda-title-link + .subtitle { margin-top: -1.06666667rem; margin-bottom: 0.8rem; } .agenda-item .agenda-title-link:hover a { color: #F39700; } .agenda-item .agenda-content p { margin-bottom: 0.8rem; } @media (max-width: 48em) { .agenda-item { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .agenda-item .agenda-date { margin-bottom: 1.6rem; } } /* ========================================================================= * * Preview agenda item homepage * * ====================================================================== */ .component-upcomingagendaitems .agenda-item { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; margin-bottom: 3.2rem; } @media (max-width: 48em) { .component-upcomingagendaitems .agenda-item { -webkit-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; } } .component-upcomingagendaitems .agenda-date-preview { -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; background: #f8f7f7; border-radius: 0.4rem; position: relative; margin-right: 1.6rem; width: 5rem; height: 5.6rem; order: -1; } .component-upcomingagendaitems .agenda-date-preview time { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); top: 50%; left: 50%; font-family: 'Bariol Bold', 'Bariol', sans-serif; position: absolute; } .component-upcomingagendaitems .agenda-date-preview .start-date-day, .component-upcomingagendaitems .agenda-date-preview .start-date-month { font-weight: bold; line-height: 1; } .component-upcomingagendaitems .agenda-date-preview .start-date-day { color: #004380; font-size: 2.2rem; } .component-upcomingagendaitems .agenda-date-preview .start-date-month { color: #124544; font-size: 1.6rem; } .component-upcomingagendaitems .agenda-content { color: #004380; } .component-upcomingagendaitems .agenda-content a { color: #004380; text-decoration: none; } .component-upcomingagendaitems .agenda-content .h4, .component-upcomingagendaitems .agenda-content p { transition: 0.15s ease-out; margin-bottom: 0; } .component-upcomingagendaitems .agenda-content p { font-size: 1.6rem; } .component-upcomingagendaitems .agenda-content:hover h4 { color: #F39700; } /* ========================================================================= * * Agenda detail * * ====================================================================== */ .practical-information { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; border-radius: 0.8rem; padding: 3.2rem; margin-bottom: 3.2rem; background: #E6ECF2; } @media (max-width: 40em) { .practical-information { padding: 1.6rem; } } .practical-information .practical-information-title { width: 100%; } .practical-information .practical-information-time, .practical-information .practical-information-location { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; width: calc(50% - 1.6rem); } @media (max-width: 48em) { .practical-information .practical-information-time, .practical-information .practical-information-location { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; } .practical-information .practical-information-time time, .practical-information .practical-information-location time { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .practical-information .practical-information-time { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-right: 1.6rem; } .practical-information .practical-information-time time { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; } .practical-information .meta-title { min-width: 9.6rem; font-weight: bold; } [data-glossary-expanded] { z-index: 1; } dfn.components-glossaryterm { transition: 0.15s ease-out; cursor: pointer; text-decoration: underline; } dfn.components-glossaryterm:hover { color: #F39700; } aside.components-glossaryterm { padding: 1.6rem; background: #E6ECF2; border: 1px solid #E8E2DF; text-decoration: none; } aside.components-glossaryterm h1 { font-size: 2.4rem; margin-bottom: 0.8rem; } aside.components-glossaryterm p { margin-bottom: 0; } /* ========================================================================= * * Page actions * 1) Read speaker * 2) Social share * * ====================================================================== */ .page-actions-container { position: absolute; height: 100%; top: 6.4rem; left: -1.6rem; z-index: 10; } @media (min-width: 80em) { .page-actions-container { left: -3.2rem; } } .page-actions { box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.05); border-radius: 0.8rem; width: 5.8rem !important; max-width: 6rem; padding: 0.8rem; background: #fff; z-index: 1; } @media (min-width: 80em) { .page-actions { width: 6.4rem !important; max-width: 6.4rem; } } .page-actions:empty { display: none; } .page-actions .social-share { margin-left: 0; margin-bottom: 0; } .page-actions .social-share-label { margin-bottom: 0.8rem; max-width: 39px; font-size: 1.3rem; font-weight: bold; line-height: 1.2; letter-spacing: 0.6px; text-align: center; text-transform: uppercase; } .page-actions.mobile-only { display: none; } /* ========================================================================= * * Social share * * ====================================================================== */ .social-share-container { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-align-items: center; align-items: center; } .social-share { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-radius: 0.4rem; border: 1px solid #4D4B49; margin-bottom: 0.8rem; } .social-share li { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; height: 40px; width: 40px; } .social-share li:not(:last-child) { border-bottom: 1px solid #E8E2DF; } .social-share .icon-envelope, .social-share .icon-facebook, .social-share .icon-twitter, .social-share .icon-linkedin, .social-share .icon-whatsapp { position: relative; font-size: 16px; text-decoration: none; color: #676562; } .social-share .icon-envelope:before, .social-share .icon-facebook:before, .social-share .icon-twitter:before, .social-share .icon-linkedin:before, .social-share .icon-whatsapp:before { font-family: 'nij-smellinghe'; } .social-share .icon-envelope:hover, .social-share .icon-facebook:hover, .social-share .icon-twitter:hover, .social-share .icon-linkedin:hover, .social-share .icon-whatsapp:hover { color: #00838A; } .social-share .icon-envelope:before { content: 'd'; } .social-share .icon-facebook:before { content: 'e'; } .social-share .icon-twitter:before { content: 'H'; } .social-share .icon-linkedin:before { content: 'g'; } .social-share .icon-whatsapp:before { content: 'n'; } /* ========================================================================= * * Responsive * * ====================================================================== */ @media (max-width: 48em) { .page-actions-container { height: auto; position: relative; top: auto; left: auto; } .page-actions { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-radius: 0; box-shadow: none; width: 100% !important; max-width: none; padding: 1.6rem 0.8rem; bottom: -1.6rem; border-top: 1px solid #E8E2DF; } .page-actions span { margin-bottom: 0; margin-right: 0.4rem; } .page-actions.mobile-only { display: block; } .page-actions:not(.mobile-only) { display: none; } .sticky-wrapper { display: none; } .component-infoimage-wrapper .sticky-wrapper { display: block; } .social-share-container { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; width: 100%; } .social-share-container li:not(:last-child) { border-bottom: none; border-right: 1px solid #E8E2DF; } .social-share { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-bottom: 0; } } /* ========================================================================= * * Mailingtool subscription * * ====================================================================== */ .component-mailinglistsubscription { border-radius: 0.4rem; padding: 3.2rem; background: #E6ECF2; } .component-mailinglistsubscription button { margin-bottom: 0; } .component-mailinglistsubscription input { background: #fff; } .component-mailinglistsubscription p, .component-mailinglistsubscription legend { margin-bottom: 1.6rem; } @media (max-width: 40em) { .component-mailinglistsubscription { padding: 1.6rem; } } /* ========================================================================= * * Classic login * * ====================================================================== */ .component-classiclogin .page-wrapper, .component-login .page-wrapper { max-width: 80rem; width: 100%; margin: 6.4rem auto; } .component-classiclogin .header-intro:after, .component-login .header-intro:after, .component-classiclogin .page-actions-container, .component-login .page-actions-container { display: none; } .component-classiclogin .content-container, .component-login .content-container { min-height: auto; } .component-classiclogin h1, .component-login h1 { margin-bottom: 4.8rem; } .component-classiclogin .component-classiclogin-content, .component-login .component-classiclogin-content { font-size: 2.4rem; } .component-classiclogin fieldset legend, .component-login fieldset legend { display: none; } .component-classiclogin fieldset input, .component-login fieldset input { margin-bottom: 2.13333333rem; } .component-classiclogin fieldset a, .component-login fieldset a { color: #005357; } .component-classiclogin [type=submit], .component-login [type=submit] { margin: 1.6rem 3.2rem 1.6rem 0; } /* ========================================================================= * * Specialist overview * * ====================================================================== */ .letter-selection-wrapper .js-clear-filters { display: none; } .character-filtering { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; } .character-filtering li { border-radius: 0.4rem; margin: 0.1rem; width: 4.6rem; height: 4.6rem; } .character-filtering li a { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; transition: 0.15s ease-out; color: #004380; background: #E6ECF2; height: 100%; width: 100%; text-decoration: none; font-weight: bold; } .character-filtering li .disabled { background: #fff; border: 1px solid #E8E2DF; color: grey; font-weight: normal; } .character-filtering li .active { background: #002240; color: #fff; } .character-filtering li a:hover { color: #F39700; } .character-filtering li a:hover.disabled { cursor: default; color: grey; } .search_results .search-specialists { margin-left: -3.2rem; margin-right: -3.2rem; } .letter-heading { width: 100%; margin-bottom: 0.8rem; } .preview-specialist { border-radius: 0.8rem; width: 100%; display: block; padding: 1.6rem; text-decoration: none; height: 100%; } .preview-specialist .preview-specialist-name, .preview-specialist .preview-specialist-function { transition: 0.15s ease-out; color: #004380; margin-bottom: 0; } .preview-specialist .preview-specialist-name { line-height: 1.2; font-weight: bold; } .preview-specialist .preview-specialist-function { font-size: 1.8rem; opacity: 0.8; word-wrap: break-word; } .preview-specialist .profile-picture { margin-bottom: 1.06666667rem; } .preview-specialist .profile-picture img { width: 100%; } .preview-specialist:hover, .preview-specialist:focus { background: #002240; } .preview-specialist:hover .preview-specialist-name, .preview-specialist:focus .preview-specialist-name, .preview-specialist:hover .preview-specialist-function, .preview-specialist:focus .preview-specialist-function { color: #fff; } @media (max-width: 48em) { .search-specialist [data-columns='4'] > .page-overview-block { width: 33.33333333%; } } @media (max-width: 40em) { .search-specialist [data-columns='4'] > .page-overview-block { width: 50%; } } @media (max-width: 23.4375em) { .search-specialist [data-columns='4'] > .page-overview-block { width: 100%; } } /* ========================================================================= * * Specialist detail * * ====================================================================== */ .person-details { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; border-radius: 0.8rem; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; position: relative; margin-bottom: 4.8rem; background: #E6ECF2; } @media (max-width: 60em) { .person-details { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .person-details .person-details-content { -webkit-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; padding: 3.2rem; } .person-details .person-details-content h2 + .subtitle { margin-top: -1.06666667rem; } .person-details .person-details-content ul { margin-bottom: 1.6rem; list-style: none; } .person-details .person-details-content ul:last-child { margin-bottom: 0; } .person-details .person-details-content li:first-of-type { font-weight: bold; } .person-details .person-details-image { -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .person-details .person-details-image img { border-top-right-radius: 0.8rem; border-bottom-right-radius: 0.8rem; } @media (max-width: 60em) { .person-details .person-details-image img { width: 100%; max-width: 20rem; height: auto; } } .publications > .compblock { border-top: 1px solid #E8E2DF; padding: 1.6rem 0; } .publications > .compblock:last-child { border-bottom: 1px solid #E8E2DF; } .publications > .compblock p { margin-bottom: 0; } /* ========================================================================= * * Variant trademark * * ====================================================================== */ .app-component-specialist .header-intro:after { display: none; } .person-details:after { content: ''; position: absolute; bottom: -3.2rem; right: -1.6rem; width: 15.7rem; height: 17rem; background: url(/img/icons/poppetjes.svg); background-repeat: no-repeat; background-size: cover; } /* ========================================================================= * * Related specialist * * ====================================================================== */ .related-specialist-title { margin-bottom: 0; } .related-specialist-slider { position: relative; margin-left: -1.6rem; margin-right: -9.6rem; } .related-specialist-slider:after { background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4) 10%); background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4) 10%); background-image: -ms-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4) 10%); background-image: -o-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4) 10%); content: ''; width: 9rem; display: block; height: 100%; position: absolute; right: 3.2rem; top: 0; } .related-specialist-slider .slick-slider { padding-right: 3.2rem; overflow: hidden; padding-top: 3.2rem; margin-top: -1.6rem; } .related-specialist-slider .slick-list { padding-right: 9.6rem; } .related-specialist-slider .slick-next, .related-specialist-slider .slick-prev { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); top: 50%; display: -webkit-flex !important; display: -ms-flexbox !important; display: -ms-flex !important; display: flex !important; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; border-radius: 50%; position: absolute; width: 4.8rem; height: 4.8rem; padding: 0; z-index: 1; } .related-specialist-slider .slick-next:before, .related-specialist-slider .slick-prev:before { margin: 0; } .related-specialist-slider .slick-next.slick-disabled, .related-specialist-slider .slick-prev.slick-disabled { display: none !important; } .related-specialist-slider .slick-next { right: 0.8rem; } .related-specialist-slider .slick-prev { left: 0; } .related-specialist-slider .slick-prev:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .related-specialist-slider .slick-dots { position: absolute; top: 0; right: 9.6rem; width: auto; z-index: 1; } .related-specialist-slider .slick-dots button:focus::before { background: #002240; border-color: #002240; } .related-specialist-slider .preview-specialist { width: 25%; } .related-specialist-wrapper { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -1.6rem; } .related-specialist-wrapper .preview-specialist { width: 20rem; } @media (max-width: 40em) { .related-specialist-wrapper .preview-specialist { width: 16rem; padding: 0.8rem; } } /* ========================================================================= * * Responsive Related specialist * - Lot of breakpoints for slider * * ====================================================================== */ @media (max-width: 48em) { .related-specialist-slider { margin-right: -6.4rem; } } @media (max-width: 40em) { .related-specialist-slider { margin-top: 3.2rem; margin-right: -1.6rem; } .related-specialist-slider .slick-list { padding-right: 6.4rem; } .related-specialist-slider:after { right: 0; } .related-specialist-slider .slick-dots { right: 3.2rem; height: 0; } } /* ========================================================================= * * Search filter overview * * ====================================================================== */ .search-overview { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -1.6rem; margin-left: -1.6rem; list-style-type: none; } .search-overview li { width: 50%; padding-right: 1.6rem; padding-left: 1.6rem; } .search-overview .result-title { transition: 0.15s ease-out; display: inline-block; position: relative; margin-left: 1.6rem; color: #005357; text-decoration: none; } .search-overview .result-title:before { font-family: 'nij-smellinghe'; position: absolute; top: 3px; left: -1.6rem; content: '•'; font-size: 1.6rem; margin-right: 1.6rem; color: #F39700; } .search-overview .result-title span { border-bottom: 1px solid; } .search-overview .result-title:hover { color: #F39700; } /* ========================================================================= * * Responsive search filter overview * * ====================================================================== */ @media (max-width: 48em) { .search-overview li { width: 100%; } } /* ========================================================================= * * Global styling * * ====================================================================== */ .call-to-action-block { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; transition: 0.15s ease-out; border-radius: 0.4rem; padding: 3.2rem; background: #E6ECF2; text-decoration: none; } .call-to-action-block-content h3 { margin-bottom: 1.6rem; } .call-to-action-block-content p { color: #004380; margin-bottom: 0; } .call-to-action-block-content .read-more { margin-bottom: 0; } .call-to-action-block-image-container { -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; margin-right: 3.2rem; } .call-to-action-block:hover a { color: #F39700; } .department-information .call-to-action-block { background: #CDDAE6; } /* ========================================================================= * * Responsive styling * * ====================================================================== */ @media (max-width: 48em) { .call-to-action-block { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .call-to-action-block-image-container { margin-bottom: 1.6rem; } } @media (max-width: 40em) { .call-to-action-block { padding: 1.6rem; } } /* ========================================================================= * * Styling Care Program * * ====================================================================== */ .comp-care-program-featured { border-radius: 0.8rem; padding: 3.2rem; background: #E6ECF2; } .comp-care-program-featured .call-to-action-block { margin-bottom: 3.2rem; padding: 0; background: #E6ECF2; } .comp-care-program-featured h3 { margin-bottom: 0; } .patient-referral { display: inline-block !important; margin-bottom: 3.2rem; } /* ========================================================================= * * Responsive * * ====================================================================== */ @media (max-width: 40em) { .comp-care-program-featured { padding: 1.6rem; } .comp-care-program-featured .call-to-action-block { margin-bottom: 0.8rem; } } /* ========================================================================= * * Global styling * * ====================================================================== */ .contact-block { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; transition: 0.15s ease-out; border-radius: 0.4rem; margin-top: 6.4rem; padding: 3.2rem 2.4rem; background: #009BA4; text-decoration: none; } .contact-block-content h3, .contact-block-content p { color: #fff; } .contact-block-content h3 { margin-bottom: 1.6rem; } .contact-block-content .btn, .contact-block-content button, .contact-block-content [type=submit], .contact-block-content html div#cookie-bar span.cookie-buttons .allow-cookies, .contact-block-content html .cookie-explanation button.request-cookies, .contact-block-content .call-to-action, .contact-block-content .form-input-file .file-input-btn { margin-bottom: 0; } .contact-block-image-container { -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; margin-top: -6.4rem; margin-right: 3.2rem; } .contact-block-image-container img { border-radius: 0.4rem; } .contact-block:hover .btn, .contact-block:hover button, .contact-block:hover [type=submit], .contact-block:hover html div#cookie-bar span.cookie-buttons .allow-cookies, .contact-block:hover html .cookie-explanation button.request-cookies, .contact-block:hover .call-to-action, .contact-block:hover .form-input-file .file-input-btn { background: #002240; } /* ========================================================================= * * Responsive styling * * ====================================================================== */ @media (max-width: 48em) { .contact-block { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .contact-block-image-container { margin-bottom: 2.4rem; } } @media (max-width: 40em) { .contact-block { padding: 1.6rem; } } /* ========================================================================= * * Contact details component * * ====================================================================== */ .comp-contact-details { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } .comp-contact-details > * { width: 50%; } @media (max-width: 40em) { .comp-contact-details > * { width: 100%; } } .comp-contact-details ul { padding-left: 3.2rem; list-style: none; } .comp-contact-details ul li { position: relative; } .comp-contact-details a { text-decoration: underline; display: inline !important; box-shadow: 0 0.1rem 0 currentColor; line-height: 1.1; position: relative; color: #005357; text-decoration: none; } .comp-contact-details [data-icon]:before { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); top: 50%; position: absolute; left: -3.2rem; font-family: 'nij-smellinghe'; font-size: 1.8rem; color: #00838A; font-size: 1.6rem; } .comp-contact-details [href^='mailto'] { overflow: visible; } .comp-contact-details .contact-address p { position: relative; margin-bottom: 0; } .component-crosslinkslist { border-radius: 0.8rem; background: #E6ECF2; padding: 3.2rem; } .component-crosslinkslist ul { margin-bottom: 0; } .component-crosslinkslist li { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } .component-crosslinkslist li a { transition: 0.15s ease-out; font-weight: normal; color: #005357; margin-bottom: 0.8rem; position: relative; } .component-crosslinkslist li a:before { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); top: 50%; position: absolute; left: -3.2rem; font-family: 'nij-smellinghe'; font-size: 1.8rem; content: 'm'; color: #F39700; } .component-crosslinkslist li:last-child a { margin-bottom: 0; } /* ========================================================================= * * Responsive * * ====================================================================== */ @media (max-width: 40em) { .component-crosslinkslist { padding: 1.6rem; } } /* ========================================================================= * * Styling Crosslinks List Container * * ====================================================================== */ .component-crosslinkslistcontainer .crosslinkslist ul { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -1.6rem; margin-right: -1.6rem; list-style: none; } .component-crosslinkslistcontainer .crosslink-category-title { margin-bottom: 0.8rem; } .component-crosslinkslistcontainer .crosslink-block { width: 50%; padding: 1.6rem; } .component-crosslinkslistcontainer .crosslink-block a { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.05); height: 100%; padding: 2.13333333rem 3.2rem; border: 1px solid #E8E2DF; text-decoration: none; } .component-crosslinkslistcontainer .crosslink-block .crosslink-block-title { color: #004380; margin-bottom: 0.8rem; } .component-crosslinkslistcontainer .crosslink-block .read-more { -webkit-align-self: flex-start; -ms-align-self: flex-start; align-self: flex-start; margin-top: auto; margin-bottom: 0; font-size: 1.8rem; } .component-crosslinkslistcontainer .crosslink-block a:hover { box-shadow: 0 0.4rem 2rem rgba(0, 0, 0, 0.15); } .component-crosslinkslistcontainer .crosslink-block a:hover .read-more { color: #F39700; } @media (max-width: 48em) { .component-crosslinkslistcontainer .crosslink-block { width: 100%; } } /* ========================================================================= * * Tabs * * ====================================================================== */ .department-route ul, .department-floorplan ul { padding-left: 3.2rem; margin-bottom: 0; } .department-route ul li, .department-floorplan ul li { position: relative; } .department-route h4, .department-floorplan h4 { margin-bottom: 0.8rem; } .department-route p, .department-floorplan p { position: relative; margin-bottom: 0; } .department-route a, .department-floorplan a { text-decoration: underline; display: inline !important; box-shadow: 0 0.1rem 0 currentColor; line-height: 1.1; position: relative; color: #005357; text-decoration: none; } .page-content-container > .department-route h4, .page-content-container > .department-floorplan h4 { font-size: 3.2rem; margin-bottom: 1.6rem; } .department-information .green-cta { padding-top: 3.2rem; } .department-information .green-cta .call-to-action { margin-bottom: 0.53333333rem; } .department-information .green-cta .component-alinea { font-size: 1.6rem; opacity: .5; } /* ========================================================================= * * Responsive * * ====================================================================== */ /* ========================================================================= * * Department information (Phone number, opening hours) * * ====================================================================== */ .department-wrapper { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; margin: 0 -1.6rem; } @media (max-width: 60em) { .department-wrapper { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .department-wrapper > * { -webkit-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 50%; -ms-flex-basis: 50%; flex-basis: 50%; margin: 0 1.6rem; } .opening-hours-wrapper, .comp-phone-number-availability { padding-left: 3.2rem; } .opening-hours-wrapper .department-active-day, .comp-phone-number-availability .department-active-day { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; position: relative; margin-bottom: 0; } .opening-hours-wrapper [href^='tel:'], .comp-phone-number-availability [href^='tel:'] { text-decoration: underline; display: inline !important; box-shadow: 0 0.1rem 0 currentColor; line-height: 1.1; position: relative; color: #005357; text-decoration: none; } .opening-hours-wrapper [data-icon]:before, .comp-phone-number-availability [data-icon]:before { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); top: 50%; position: absolute; left: -3.2rem; font-family: 'nij-smellinghe'; font-size: 1.8rem; color: #00838A; font-size: 1.6rem; } .opening-hours-wrapper .toggle-button-wrapper, .comp-phone-number-availability .toggle-button-wrapper { margin-top: -2.4rem; } .opening-hours-wrapper .toggle-button-wrapper:after, .comp-phone-number-availability .toggle-button-wrapper:after { display: none; } .opening-hours-wrapper td, .comp-phone-number-availability td { vertical-align: baseline; } .opening-hours-wrapper table table, .comp-phone-number-availability table table { margin-bottom: 0; } .comp-phone-numbers-only ul { list-style: none; margin: 0; } .comp-phone-numbers-only li:not(:last-child) { margin-bottom: 1.6rem; } .comp-phone-numbers-only h4 { margin-bottom: 0; font-family: 'Bariol', sans-serif; font-weight: normal; } .comp-phone-numbers-only [href^='tel:'] { text-decoration: underline; display: inline !important; box-shadow: 0 0.1rem 0 currentColor; line-height: 1.1; font-weight: bold; position: relative; margin-left: 3.2rem; color: #005357; text-decoration: none; } .comp-phone-numbers-only [href^='tel:'] [data-icon]::before { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); top: 50%; position: absolute; left: -3.2rem; font-family: 'nij-smellinghe'; font-size: 1.8rem; color: #00838A; font-size: 1.6rem; } .phone-availability-text { color: rgba(0, 67, 128, 0.5); font-family: 'Bariol Italic', sans-serif; } .opening-hours-wrapper li { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; } .opening-hours-wrapper .day-name { width: 12.8rem; } .opening-hours-wrapper .toggle-button-wrapper { margin-top: 0.4rem; } .waiting-time-content { padding-left: 3.2rem; } .waiting-time-content p { position: relative; margin-bottom: 0; } .waiting-time-content [data-icon]:before { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); top: 50%; position: absolute; left: -3.2rem; font-family: 'nij-smellinghe'; font-size: 1.8rem; color: #00838A; font-size: 1.6rem; } .waiting-time-content span { color: rgba(0, 67, 128, 0.5); font-family: 'Bariol Italic', sans-serif; } /* ========================================================================= * * Download component * * ====================================================================== */ .component-downloaditem { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: baseline; -ms-align-items: baseline; align-items: baseline; margin-bottom: 3.2rem; padding: 0.8rem; border-bottom: 1px solid #E8E2DF; } .component-downloaditem:first-child { border-top: 1px solid #E8E2DF; } .component-downloaditem > *:not(a) { padding-right: 1.06666667rem; } .component-downloaditem [class^='ext-'] { display: flex; align-items: center; margin-right: 1.06666667rem; } .component-downloaditem .icon-brochure { -webkit-align-self: center; -ms-align-self: center; align-self: center; position: relative; width: 22px; height: 24px; background: url('/img/icons/download-icon-brochure.svg') no-repeat; background-position: 0 0 !important; background-size: 22px 24px; padding: 0; margin-right: 1.06666667rem; } .component-downloaditem .download-title { max-width: calc(80% - 22px - 1.06666667rem); flex-grow: 1; } @media (max-width: 60em) { .component-downloaditem .download-title { -ms-flex-order: -1; -webkit-order: -1; -ms-order: -1; order: -1; width: 100%; max-width: 100%; margin-bottom: 0.8rem; line-height: 1.2; } } .component-downloaditem .download-buttons { display: flex; width: 100%; max-width: 20%; margin-left: auto; text-align: right; } @media (max-width: 60em) { .component-downloaditem .download-buttons { width: auto; max-width: 100%; margin-left: 0; text-align: left; } } .component-downloaditem .download-buttons > * { margin-right: 1.06666667rem; } .component-downloaditem a { text-decoration: underline; display: inline !important; box-shadow: 0 0.1rem 0 currentColor; line-height: 1.1; text-decoration: none; color: #005357; margin-left: auto; } .component-downloaditem a:hover { color: #F39700; } .component-downloadlist ol { margin-left: 0; } .component-downloadlist .component-downloaditem { margin-bottom: 0; } /* ========================================================================= * * Download modal * * ====================================================================== */ .fancybox-button--zoom .zoom-icon { stroke: #fff; } .fancybox-button--zoom .zoom-icon line { stroke: #fff; } .fancybox-button--zoom[disabled] { opacity: 0; } /* ========================================================================= * * Variant Brochures * * ====================================================================== */ .component-brochures ol + ol { margin-top: -3.2rem; } .component-brochures ol + ol li:first-child { border-top: none; } .component-brochures .toggle-button-wrapper { margin-top: -1.6rem; } .component-brochures .toggle-button-wrapper:after { display: none; } .component-brochures .toggle-button-wrapper .toggle-button { background: none; } /* ========================================================================= * * Overview page * * ====================================================================== */ .search-overview .component-downloaditem { width: 100%; } .hidden-brochures { margin-right: -1.6rem; margin-left: -1.6rem; margin-top: -3.2rem; } .hidden-brochures .component-downloaditem { padding-right: 1.6rem; padding-left: 1.6rem; } .hidden-brochures .component-downloaditem:first-of-type { border-top: none; } /* ========================================================================= * * Search result * * ====================================================================== */ .search-download-item { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; } .search-download-item h3 { margin-left: 1.06666667rem; margin-bottom: 0; } .search-download-item i { -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; -webkit-align-self: center; -ms-align-self: center; align-self: center; position: relative; width: 22px; height: 24px; background: url('/img/icons/download-icon-placeholder.svg') no-repeat; background-position: 0 0 !important; } .search-download-item i span { position: absolute; color: #fff; font-size: 6px; left: 0.2rem; top: 1rem; font-family: 'Arial black', Arial; font-weight: bold; font-style: normal; text-transform: uppercase; } .search-download-item i.file { background: url('/img/icons/download-icon-placeholder-empty.svg') no-repeat; } .site-search-download-item { margin-bottom: 0.4rem; } .comp-folded-alinea .component-alinea { margin-bottom: 3.2rem; } /* ========================================================================= * * Global hero styling * * ====================================================================== */ .page-hero .page-hero-wrapper { position: relative; margin: 0 -6.4rem; } .page-hero .inner { position: static; } .page-hero .hero-subtitle { margin-bottom: 0; } .page-hero .page-hero-content { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); top: 50%; top: 45%; position: absolute; z-index: 2; } /* ========================================================================= * * When no image is selected * * ====================================================================== */ .header-intro { position: relative; margin-top: 3.2rem; } .header-intro:after { content: ''; position: absolute; top: -1.6rem; right: calc(-8.33333333%); width: 26.8rem; height: 29rem; background: url('/img/icons/poppetjes.svg') no-repeat; background-size: cover; z-index: -1; } .header-intro .small { font-family: 'Bariol Italic', sans-serif; opacity: 0.7; } .component-agendaitem .header-intro:after, .component-agendafolder .header-intro:after { display: none; } @media (max-width: 40em) { .header-intro { padding: 0 1.6rem; } .header-intro:after { background-size: 40%; background-position: top right; z-index: -1; opacity: 0.6; } } /* ========================================================================= * * Hero for default page * * ====================================================================== */ .page-hero-large { position: relative; } .page-hero-large .page-hero-image { height: 0; padding-bottom: 40%; min-height: 300px; max-height: 480px; overflow: hidden; } .page-hero-large .page-hero-image img { position: absolute; width: 100%; } .page-hero-large + .content-container { position: relative; margin-top: -4.8rem; } .content-container .hero-content { margin-bottom: 4.8rem; } .content-container .hero-title, .content-container .hero-subtitle { color: #004380; } .content-container .hero-title { font-size: 4.8rem; margin-bottom: 0; } .content-container .hero-subtitle { font-size: 3rem; font-family: 'Bariol Italic', sans-serif; line-height: 1; } @media (max-width: 60em) { .content-container .hero-content { margin-bottom: 3.2rem; } } @media (max-width: 40em) { .content-container .hero-title { font-size: 2.8rem; } .content-container .hero-subtitle { font-size: 2.1rem; } } /* ========================================================================= * * Hero homepage variant * * ====================================================================== */ .homepage-hero-head { position: relative; z-index: 1; padding: 1.6rem 0; } .homepage-hero-head:after { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); position: absolute; left: 50%; top: 0; bottom: 0; z-index: -1; content: ''; background: #fff; width: 400vw; } .homepage-hero-head .hero-title, .homepage-hero-head .hero-subtitle { margin-bottom: 0; color: #004380; } .homepage-hero-head .hero-title { font-size: 4rem; } .homepage-hero-head .hero-subtitle { font-size: 2.8rem; font-family: 'Bariol Italic', sans-serif; } .homepage-hero { transition: 0.3s; transition-delay: 1s; position: relative; background: #C2BEBA; margin: 0 auto; height: auto; min-height: 100%; max-height: 480px; width: 100%; top: 0; overflow: hidden; } .homepage-hero .page-hero-image { margin: 0; } .homepage-hero + .content-container { position: relative; margin-top: -4.8rem; } /* ========================================================================= * * Page hero story variant * * ====================================================================== */ .page-hero--story .page-hero-content { top: 50%; } .page-hero--story .hero-quote { font-size: 3.2rem; } @media (max-width: 40em) { .page-hero--story .hero-quote { font-size: 2.4rem; } } /* ========================================================================= * * Youtube hero * * ====================================================================== */ .youtube-layer { position: absolute; width: 100%; height: 100%; z-index: 2; background: transparent; } .youtube-wrapper { -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); top: 50%; left: 50%; position: absolute; width: 100%; padding-bottom: 56.25%; height: 0 !important; z-index: 1; } .youtube-wrapper iframe { position: absolute; top: 0; left: 0; right: auto; bottom: auto; width: 100%; height: 100%; } @media (max-width: 64em) { .youtube-wrapper { display: none; } } /* ========================================================================= * * Responsive * * ====================================================================== */ @media (max-width: 40em) { .page-hero { position: relative; margin-left: -1.6rem; margin-right: -1.6rem; width: 100vw; } .page-hero illustratie .page-hero-content { margin: 0 0.8rem; left: 0; } .page-hero .page-hero-image { min-height: 200px; } .page-hero .page-hero-image img { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); position: absolute; left: 50%; top: 0; max-width: none; } .homepage-hero-head .hero-title { font-size: 3.2rem; } .homepage-hero-head .hero-subtitle { font-size: 2.4rem; font-family: 'Bariol Italic', sans-serif; } .homepage-hero { margin: 0; } .homepage-hero .page-hero-content { margin: 0 1.6rem; top: 50%; left: 0; } .homepage-hero .page-hero-image { padding-bottom: 40%; min-height: auto; } .homepage-hero .page-searchbox-wrapper { display: none; } } @media (max-width: 30em) { .page-hero-large .page-hero-image img { width: 120%; } .homepage-hero-head .hero-title { font-size: 2.4rem; } .homepage-hero-head .hero-subtitle { font-size: 2.1rem; font-family: 'Bariol Italic', sans-serif; } } /* ========================================================================= * * Fallback preload * - Set fallback styling when image isn't loaded yet * * ====================================================================== */ .preload .page-hero-image, .preload .homepage-hero { min-height: 200px; background: #EBF0F5; } /* ========================================================================= * * Styling the Kirra 'iframe' component and making it responsive * * ====================================================================== */ .component-iframe iframe { width: 100%; height: calc(100vh - 12.8rem - 19.2rem); } @media (max-width: 63.9375em) { .component-iframe iframe { height: calc(100vh - 6.4rem - 9.6rem); } } /* ========================================================================= * * Message component * * ====================================================================== */ .comp-message { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; border-radius: 0.8rem; padding: 1.06666667rem 3.2rem; background: #00838A; } .comp-message:before { content: 'z'; margin-right: 1.6rem; color: #fff; font-family: 'nij-smellinghe'; font-size: 2.1rem; } .comp-message p, .comp-message a { margin-bottom: 0; color: #fff; } .comp-message a:hover, .comp-message a:focus { color: #fff; box-shadow: none; } /* ========================================================================= * * Global subpage overview styling * * ====================================================================== */ .content-container + .subpages-overview { margin-top: 3.2rem; } .subpages-overview .subpages-container { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .subpages-overview .page-overview-block { text-decoration: none; } .subpages-overview .page-overview-block-inner { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.05); border-radius: 0.8rem; border: 1px solid #E8E2DF; position: relative; height: 100%; overflow: hidden; } .subpages-overview .subpage-item { transition: 0.15s ease-out; position: relative; } .subpages-overview .subpage-item span:not(.icon), .subpages-overview .subpage-item .card-section:not(.icon) { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; width: 100%; padding: 2.4rem; background-color: #fff; color: #004380; font-size: 2.4rem; font-family: 'Bariol Bold', 'Bariol', sans-serif; } @media (min-width: 64em) { .subpages-overview .subpage-item span:not(.icon), .subpages-overview .subpage-item .card-section:not(.icon) { padding: 3.2rem; } } .subpages-overview .subpage-item span:not(.icon) h2, .subpages-overview .subpage-item .card-section:not(.icon) h2 { margin-bottom: 0; } .subpages-overview .subpage-item span:not(.icon) .icon::before, .subpages-overview .subpage-item .card-section:not(.icon) .icon::before { content: 'm'; padding-left: 0.8rem; color: #00838A; font-family: 'nij-smellinghe'; } @media (max-width: 40em) { .subpages-overview .subpage-item span:not(.icon), .subpages-overview .subpage-item .card-section:not(.icon) { padding: 1.06666667rem 2.4rem; line-height: 1.2; } } .subpages-overview .subpage-image { background-image: url('/img/placeholder_news.png'); background-size: cover; position: relative; overflow: hidden; } .subpages-overview .subpage-image::before { content: ''; display: block; width: 100%; padding-top: 55.73770492%; } .subpages-overview .subpage-image img { position: absolute; top: 0; left: 0; width: 100%; } .subpages-overview .subpage-item:hover, .subpages-overview .subpage-item:focus { -webkit-transform: translateY(-0.4rem); transform: translateY(-0.4rem); } .subpages-overview .subpage-item:hover h2, .subpages-overview .subpage-item:focus h2, .subpages-overview .subpage-item:hover span, .subpages-overview .subpage-item:focus span { color: #009BA4; } .subpages-overview .subpage-item:hover .page-overview-block-inner, .subpages-overview .subpage-item:focus .page-overview-block-inner { box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.05); } /* ========================================================================= * * Responsive subpage overview styling * * ====================================================================== */ @media (max-width: 48em) { .subpages-overview .subpage-item { width: 100%; } } /* ========================================================================= * * Popup * * ====================================================================== */ .popup { position: fixed; top: 0; left: 0; height: 100%; width: 100%; min-height: 100vh; background: rgba(1, 20, 36, 0.7); z-index: 200; overflow: auto; } .popup-wrapper { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; position: relative; max-width: 80rem; margin: 6.4rem auto; } @media (max-width: 63.9375em) { .popup-wrapper { max-width: 50rem; } } .comp-popup { border-radius: 0.8rem; position: relative; max-width: 80rem; background: #fff; } @media (max-width: 63.9375em) { .comp-popup { max-width: 50rem; } } @media (max-width: 40em) { .comp-popup { margin: 0 1.6rem; } } .popup-image-wrapper { border-radius: 0.8rem 0.8rem 0 0; overflow: hidden; } .popup-content { padding: 3.2rem 6.4rem; } @media (max-width: 63.9375em) { .popup-content { padding: 1.6rem; } } .close-popup { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; border-radius: 50%; position: absolute; right: -1.6rem; top: -1.6rem; width: 5rem; height: 5rem; background: #fff; color: #00838A; z-index: 1; } .close-popup .icon { margin-right: 0; } .close-popup .icon::before { margin: 0; font-size: 1.6rem; } @media (max-width: 40em) { .close-popup { right: 0.8rem; top: -2.4rem; } } @media (max-width: 30em) { .portal { position: absolute; top: 4.8rem; right: 0; } } .portal .portal-link { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; border-radius: 0 0 0.4rem 0.4rem; background: #004380; height: 4.8rem; margin-left: 1.6rem; padding: 0.8rem; font-family: 'Bariol Bold', 'Bariol', sans-serif; font-size: 1.6rem; color: #fff; text-decoration: none; } .portal .portal-link .icon::before { padding-right: 0.8rem; } .portal .portal-link:hover, .portal .portal-link:focus { background: #006b71; } .page-middle .portal { position: relative; z-index: 1; margin-left: 0; margin-top: -1.6rem; } .page-middle .portal .portal-link { -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; border-radius: 0.4rem; margin-left: 0; } @media (min-width: 417px) { .page-middle .portal { display: none; } } @media (max-width: 63.9375em) { .portal { border-radius: 0.4rem; margin-left: 1.2rem; font-size: 1.5rem; } } @media (max-width: 416px) { .top-nav .portal, .top-nav .portal-link { display: none; } } @media (max-width: 63.9375em) { .component-homepage .page-mobile-nav-container .portal, .component-homepage .page-mobile-nav-container .portal-link { display: none; } } /* ========================================================================= * * Quality Block * * ====================================================================== */ .comp-quality-block { height: 100%; } .comp-quality-block .card-content { height: 100%; } .quality-block-wrapper { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; } .quality-block-wrapper img { width: 100%; max-width: 300px; height: auto; margin: 0 auto 0.8rem; } .quality-block-wrapper p { margin-bottom: 0; font-family: 'Bariol Bold', 'Bariol', sans-serif; font-weight: bold; line-height: 1.2; } .quality-block-wrapper .quality-block-content { margin-top: auto; } /* ========================================================================= * * Zorgkaart block * * ====================================================================== */ .comp-zorgkaart .card-title:before { display: none; } .fractional_number sup { top: auto; } .zkn-widget-type-3, .zkn-widget-body { border: 0 !important; min-height: auto !important; height: auto !important; width: 100% !important; max-width: 100% !important; } .zkn-widget-type-3 p, .zkn-widget-body p { margin-bottom: 0 !important; } /* ========================================================================= * * Route container * * ====================================================================== */ .component-routecontainer { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; margin-left: -1.6rem; margin-right: -1.6rem; } @media (max-width: 48em) { .component-routecontainer { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .component-routecontainer .compblock { width: 50%; margin: 0 1.6rem 3.2rem; } @media (max-width: 40em) { .component-routecontainer .compblock { width: 100%; } } @media (max-width: 40em) { .component-routecontainer .compblock { margin-bottom: 1.6rem; } } /* ========================================================================= * * Summary block * * ====================================================================== */ .comp-summary-block { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .summary-item { width: 50%; margin-bottom: 1.6rem; } @media (max-width: 48em) { .summary-item { width: 100%; } } /* ========================================================================= * * Table of content * * ====================================================================== */ .table-of-content { border-radius: 0.4rem; position: relative; margin-top: 1.6rem; padding: 3.2rem; background: #002240; z-index: 1; } .table-of-content h3 { font-size: 2.4rem; margin-bottom: 1.6rem; } .table-of-content > * { color: #fff; } @media (max-width: 60em) { .table-of-content h3 { margin-bottom: 1.6rem; } } @media (max-width: 40em) { .table-of-content { margin-top: 0; padding: 1.6rem; } } .index-container { -webkit-column-count: 2; -webkit-column-gap: 3.2rem; -moz-column-count: 2; -moz-column-gap: 3.2rem; column-count: 2; column-gap: 3.2rem; } @media (max-width: 60em) { .index-container { -webkit-column-count: 1; -webkit-column-gap: 3.2rem; -moz-column-count: 1; -moz-column-gap: 3.2rem; column-count: 1; column-gap: 3.2rem; } } .index-container .index-item { padding-left: 3.2rem; } @media (max-width: 60em) { .index-container .index-item { margin-bottom: 0.8rem; } } .index-container a { position: relative; display: inline-block; color: #fff; } .index-container a .icon::before { position: absolute; top: 0.4rem; left: -3.2rem; content: 'm'; font-family: 'nij-smellinghe'; color: #00838A; } .index-container a:hover { color: #F39700; } .index-container a .text { text-decoration: underline; } /* ========================================================================= * * Specific info image variables * * ====================================================================== */ /* ========================================================================= * * InfoImage container component styling * * ====================================================================== */ .component-infoimagesoverview-content { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; } @media (max-width: 48em) { .component-infoimagesoverview-content { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .component-infoimagesoverview-content .component-infoimage-wrapper { width: 100%; } @media (max-width: 48em) { .component-infoimagesoverview-content .component-infoimage-wrapper { width: 100%; } } .component-infoimagesoverview-content .component-infoimage-wrapper .infoimage-inner-left-column { width: 50%; padding-right: 3.2rem; } @media (max-width: 48em) { .component-infoimagesoverview-content .component-infoimage-wrapper .infoimage-inner-left-column { width: 100%; padding-right: 0; } } .component-infoimagesoverview-content .component-infoimage-wrapper[data-state="hide-wrapper"] { display: none; } .component-infoimagesoverview-content .component-infoimage-wrapper .infoimage-content { width: 50%; } .component-infoimagesoverview-content .component-infoimage-wrapper:nth-child(even) { margin-left: auto; } .component-infoimagesoverview-content .component-infoimage-wrapper:nth-child(even) .infoimage-content { left: -96.8%; padding: 0; } @media (max-width: 48em) { .component-infoimagesoverview-content .component-infoimage-wrapper:nth-child(even) .infoimage-images .infoimage-back-button { left: 0; } } @media (max-width: 48em) { .component-infoimagesoverview-content .component-infoimage-wrapper { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-left: 0; } .component-infoimagesoverview-content .component-infoimage-wrapper .infoimage-content { position: static; width: 100%; } } .component-infoimagesoverview-content .accordion-toggle { margin: 0; padding: 0; background: none; } .component-infoimagesoverview-content .accordion-description .compblock { margin-bottom: 1.6rem; } .component-infoimagesoverview-content .accordion-title { padding: 0 0 0 2.4rem; margin-top: 3.2rem; text-align: left; line-height: 1.2; } .component-infoimagesoverview-content .accordion-title .icon::before { margin-top: 0; } .component-infoimagesoverview-content .read-more, .component-infoimagesoverview-content p { margin-bottom: 0; } /* ========================================================================= * * Component placement and sizing * * ====================================================================== */ .component-infoimage-wrapper { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; padding-top: 3.2rem; } .component-infoimage-wrapper .infoimage-caption { margin-top: 1.6rem; text-align: center; } .infoimage-images { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 48em) { .infoimage-images { width: 100%; } } .infoimage-images .infoimage-back-button { display: none; background: none; color: #F39700; margin-bottom: 1.6rem; } .infoimage-images .infoimage-back-button::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); content: 'm'; font-family: 'nij-smellinghe'; float: left; margin-right: 0.8rem; } .infoimage-images .infoimage-back-button:hover, .infoimage-images .infoimage-back-button:focus { color: #004380; } .infoimage-images [data-state="active"] { padding-top: 6.4rem; width: 100%; } .infoimage-images [data-state="active"] .infoimage-back-button { display: block; z-index: 30; } .infoimage-images [data-state="inactive"] .infoimage-section-image { display: none; } @media (max-width: 48em) { .infoimage-content { width: 100%; } } .infoimage-content [data-state="active"] { padding-top: 6.4rem; } [data-toggle="mouseover"] .infoimage-section-toggle .image-wrapper { opacity: 1; } [data-toggle="mouseover"] .infoimage-section-toggle .image-wrapper::before, [data-toggle="mouseover"] .infoimage-section-toggle .image-wrapper::after { transition: 0.3s; opacity: 1; height: 1.6rem; } [data-toggle="mouseout"] .infoimage-section-toggle .image-wrapper { opacity: .2; } .infoimage-section-toggle { background: none; cursor: pointer; padding: 0; margin-bottom: 0; width: 100%; } .infoimage-section-toggle:hover, .infoimage-section-toggle:focus { background: none; } .infoimage-section-toggle:hover .image-wrapper, .infoimage-section-toggle:focus .image-wrapper { opacity: 1; } [data-state="active"] .infoimage-section-toggle { cursor: default; } .infoimage-section-toggle .image-wrapper { display: block; position: relative; opacity: 1; visibility: visible; width: 160px; } .infoimage-section-toggle .image-wrapper img { width: 100%; max-width: none; } .infoimage-section-toggle .image-wrapper::before, .infoimage-section-toggle .image-wrapper::after { content: ''; transition: 0.6s ease-in; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.53) 47%, rgba(255, 255, 255, 0) 100%); opacity: 0; position: absolute; left: 0; z-index: 2; height: 0; width: 100%; } .infoimage-section-toggle .image-wrapper::after { background: linear-gradient(to top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.53) 47%, rgba(255, 255, 255, 0) 100%); bottom: 0; } .infoimage-section-toggle .image-wrapper .infopoints { display: none; } [data-state="active"] .infoimage-section-toggle .image-wrapper { display: block; width: 100%; opacity: 1; visibility: visible; } [data-state="active"] .infoimage-section-toggle .image-wrapper::before, [data-state="active"] .infoimage-section-toggle .image-wrapper::after { opacity: 1; height: 6.4rem; } [data-state="active"] .infoimage-section-toggle .image-wrapper .infopoints { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } [data-state="inactive"] .infoimage-section-toggle .image-wrapper { opacity: .2; visibility: hidden; display: none; } .infoimage-section-content { display: none; } .infoimage-section-content[data-state="active"] { display: block; } .comp-infoimage { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; flex-direction: column; margin: 0 auto; position: relative; } .comp-infoimage h2 { margin-bottom: 2rem; } .comp-infoimage .info-points-wrapper { -webkit-align-self: center; -ms-align-self: center; align-self: center; } .comp-infoimage img { width: auto; height: auto; max-width: 100%; max-height: 60rem; } /* ========================================================================= * * Markers on the image * * ====================================================================== */ .info-points-wrapper { position: relative; } .info-points-wrapper div[style] { border: 0 !important; } .info-point-marker { transition: 0.15s ease-out; border-radius: 50%; display: block; position: absolute; width: 2.4rem; height: 2.4rem; line-height: 2.4rem; text-align: center; font-weight: bolder; font-size: 1.6rem; text-decoration: none; margin: -1.2rem 0 0 -1.2rem; background: #004380; color: #fff; cursor: pointer; z-index: 1; } .info-point-marker:focus, .info-point-marker:hover { background: white; color: #002240; z-index: 99999; } /* ========================================================================= * * Popup of an info point * * ====================================================================== */ .tooltipster-base { position: absolute; } .comp-infopoint { box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.125); display: none; position: relative; background: #fff; width: calc(100% - 1rem); max-width: 48rem; max-height: 40rem; margin: 0 .5rem; } .tooltipster-base .comp-infopoint { display: flex; } .comp-infopoint h3 { margin-bottom: 1.6rem; } .comp-infopoint h3 a { text-decoration: none; color: #002240; } .comp-infopoint .close-popup { position: absolute; top: 0; right: 0; z-index: 3; cursor: pointer; width: 3.2rem; height: 3.2rem; line-height: 3.2rem; text-align: center; font-weight: bold; } .comp-infopoint .close-popup:active, .comp-infopoint .close-popup:focus, .comp-infopoint .close-popup:hover { background-color: transparent; color: #D91F43; } .comp-infopoint .read-more { color: #F39700; margin-bottom: 3.2rem; display: inline-block; } .comp-infopoint .component-alinea { margin-bottom: 3.2rem; } .info-point-scroller { overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; padding: 3.2rem 3.2rem 0; width: 100%; max-height: 40rem; } @media (max-width: 48rem) { .info-point-scroller { max-height: 36.8rem; } } .letter-filter-container.hide-element { display: none; } .letter-selection-wrapper { margin-top: 6.4rem; } .page-extra-content-info-points-index { overflow: hidden; margin-top: 6.4rem; } .page-extra-content-info-points-index .row { margin-left: 0 !important; margin-right: 0 !important; } .page-extra-content-info-points-index .comp-index-card { margin-bottom: 0; } .page-extra-content-info-points-index .info-point-scroller { padding: 1.6rem 0 0; } .page-extra-content-info-points-index .info-point-scroller p { margin-bottom: 1.6rem; } /* ========================================================================= * * Photoalbum * * ====================================================================== */ .page-overview-photo-album .page-overview-block { width: 33.33333333%; } @media (max-width: 60em) { .page-overview-photo-album .page-overview-block { width: 50%; } } @media (max-width: 33.75em) { .page-overview-photo-album .page-overview-block { width: 100%; } } .page-overview-photo-album .page-overview-block .component-photo { display: block; text-decoration: none; } .page-overview-photo-album .page-overview-block .image { background: #F5F0EB; margin-bottom: 0; } .page-overview-photo-album .page-overview-block .photo-caption { margin-bottom: 0; padding-top: 0.8rem; font-size: 1.6rem; font-style: italic; color: #787573; text-decoration: none; } @media (min-width: 48em) { .component-latest-news-and-agenda .page-overview-block { flex: 50%; } } @charset "UTF-8"; /** * Foundation for Sites * Version 6.7.5 * https://get.foundation * Licensed under MIT Open Source */ /** * Foundation for Sites * Version 6.7.5 * https://get.foundation * Licensed under MIT Open Source */ .slide-in-down.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: translateY(-100%); transition-property: transform, opacity; backface-visibility: hidden; } .slide-in-down.mui-enter.mui-enter-active { transform: translateY(0); } .slide-in-left.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: translateX(-100%); transition-property: transform, opacity; backface-visibility: hidden; } .slide-in-left.mui-enter.mui-enter-active { transform: translateX(0); } .slide-in-up.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: translateY(100%); transition-property: transform, opacity; backface-visibility: hidden; } .slide-in-up.mui-enter.mui-enter-active { transform: translateY(0); } .slide-in-right.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: translateX(100%); transition-property: transform, opacity; backface-visibility: hidden; } .slide-in-right.mui-enter.mui-enter-active { transform: translateX(0); } .slide-out-down.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: translateY(0); transition-property: transform, opacity; backface-visibility: hidden; } .slide-out-down.mui-leave.mui-leave-active { transform: translateY(100%); } .slide-out-right.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: translateX(0); transition-property: transform, opacity; backface-visibility: hidden; } .slide-out-right.mui-leave.mui-leave-active { transform: translateX(100%); } .slide-out-up.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: translateY(0); transition-property: transform, opacity; backface-visibility: hidden; } .slide-out-up.mui-leave.mui-leave-active { transform: translateY(-100%); } .slide-out-left.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: translateX(0); transition-property: transform, opacity; backface-visibility: hidden; } .slide-out-left.mui-leave.mui-leave-active { transform: translateX(-100%); } .fade-in.mui-enter { transition-duration: 500ms; transition-timing-function: linear; opacity: 0; transition-property: opacity; } .fade-in.mui-enter.mui-enter-active { opacity: 1; } .fade-out.mui-leave { transition-duration: 500ms; transition-timing-function: linear; opacity: 1; transition-property: opacity; } .fade-out.mui-leave.mui-leave-active { opacity: 0; } .hinge-in-from-top.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateX(-90deg); transform-origin: top; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-top.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-right.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateY(-90deg); transform-origin: right; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-right.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-bottom.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateX(90deg); transform-origin: bottom; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-bottom.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-left.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateY(90deg); transform-origin: left; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-left.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-middle-x.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateX(-90deg); transform-origin: center; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-middle-x.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-middle-y.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateY(-90deg); transform-origin: center; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-middle-y.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-out-from-top.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: top; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-top.mui-leave.mui-leave-active { transform: perspective(2000px) rotateX(90deg); opacity: 0; } .hinge-out-from-right.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: right; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-right.mui-leave.mui-leave-active { transform: perspective(2000px) rotateY(90deg); opacity: 0; } .hinge-out-from-bottom.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: bottom; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-bottom.mui-leave.mui-leave-active { transform: perspective(2000px) rotateX(-90deg); opacity: 0; } .hinge-out-from-left.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: left; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-left.mui-leave.mui-leave-active { transform: perspective(2000px) rotateY(-90deg); opacity: 0; } .hinge-out-from-middle-x.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: center; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-middle-x.mui-leave.mui-leave-active { transform: perspective(2000px) rotateX(90deg); opacity: 0; } .hinge-out-from-middle-y.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: center; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-middle-y.mui-leave.mui-leave-active { transform: perspective(2000px) rotateY(90deg); opacity: 0; } .scale-in-up.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: scale(0.5); transition-property: transform, opacity; opacity: 0; } .scale-in-up.mui-enter.mui-enter-active { transform: scale(1); opacity: 1; } .scale-in-down.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: scale(1.5); transition-property: transform, opacity; opacity: 0; } .scale-in-down.mui-enter.mui-enter-active { transform: scale(1); opacity: 1; } .scale-out-up.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: scale(1); transition-property: transform, opacity; opacity: 1; } .scale-out-up.mui-leave.mui-leave-active { transform: scale(1.5); opacity: 0; } .scale-out-down.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: scale(1); transition-property: transform, opacity; opacity: 1; } .scale-out-down.mui-leave.mui-leave-active { transform: scale(0.5); opacity: 0; } .spin-in.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: rotate(-0.75turn); transition-property: transform, opacity; opacity: 0; } .spin-in.mui-enter.mui-enter-active { transform: rotate(0); opacity: 1; } .spin-out.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: rotate(0); transition-property: transform, opacity; opacity: 1; } .spin-out.mui-leave.mui-leave-active { transform: rotate(0.75turn); opacity: 0; } .spin-in-ccw.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: rotate(0.75turn); transition-property: transform, opacity; opacity: 0; } .spin-in-ccw.mui-enter.mui-enter-active { transform: rotate(0); opacity: 1; } .spin-out-ccw.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: rotate(0); transition-property: transform, opacity; opacity: 1; } .spin-out-ccw.mui-leave.mui-leave-active { transform: rotate(-0.75turn); opacity: 0; } .slow { transition-duration: 750ms !important; } .fast { transition-duration: 250ms !important; } .linear { transition-timing-function: linear !important; } .ease { transition-timing-function: ease !important; } .ease-in { transition-timing-function: ease-in !important; } .ease-out { transition-timing-function: ease-out !important; } .ease-in-out { transition-timing-function: ease-in-out !important; } .bounce-in { transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } .bounce-out { transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } .bounce-in-out { transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } .short-delay { transition-delay: 300ms !important; } .long-delay { transition-delay: 700ms !important; } .shake { animation-name: shake-7; } @keyframes shake-7 { 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { transform: translateX(7%); } 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { transform: translateX(-7%); } } .spin-cw { animation-name: spin-cw-1turn; } @keyframes spin-cw-1turn { 0% { transform: rotate(-1turn); } 100% { transform: rotate(0); } } .spin-ccw { animation-name: spin-ccw-1turn; } @keyframes spin-ccw-1turn { 0% { transform: rotate(0); } 100% { transform: rotate(-1turn); } } .wiggle { animation-name: wiggle-7deg; } @keyframes wiggle-7deg { 40%, 50%, 60% { transform: rotate(7deg); } 35%, 45%, 55%, 65% { transform: rotate(-7deg); } 0%, 30%, 70%, 100% { transform: rotate(0); } } .shake, .spin-cw, .spin-ccw, .wiggle { animation-duration: 500ms; } .infinite { animation-iteration-count: infinite; } .slow { animation-duration: 750ms !important; } .fast { animation-duration: 250ms !important; } .linear { animation-timing-function: linear !important; } .ease { animation-timing-function: ease !important; } .ease-in { animation-timing-function: ease-in !important; } .ease-out { animation-timing-function: ease-out !important; } .ease-in-out { animation-timing-function: ease-in-out !important; } .bounce-in { animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } .bounce-out { animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } .bounce-in-out { animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } .short-delay { animation-delay: 300ms !important; } .long-delay { animation-delay: 700ms !important; } /* stylelint-disable selector-id-pattern */ /* stylelint-disable selector-class-pattern */ .row-overview-faq-page { margin-bottom: 0; list-style: none; margin-right: -0.8rem; margin-left: -0.8rem; display: flex; flex-flow: row wrap; row-gap: 6.4rem; } @media print, screen and (min-width: 30em) { .row-overview-faq-page { margin-right: -0.8rem; margin-left: -0.8rem; } } @media print, screen and (min-width: 40em) { .row-overview-faq-page { margin-right: -1.2rem; margin-left: -1.2rem; } } @media print, screen and (min-width: 48em) { .row-overview-faq-page { margin-right: -1.2rem; margin-left: -1.2rem; } } @media print, screen and (min-width: 60em) { .row-overview-faq-page { margin-right: -1.2rem; margin-left: -1.2rem; } } @media print, screen and (min-width: 64em) { .row-overview-faq-page { margin-right: -1.6rem; margin-left: -1.6rem; } } .row-overview-faq-page > .column-overview { display: flex; flex-direction: column; padding-right: calc(1.6rem * .5); padding-left: calc(1.6rem * .5); flex: 0 0 100%; max-width: 100%; width: 100%; } @media print, screen and (min-width: 40em) { .row-overview-faq-page > .column-overview { padding-right: calc(2.4rem * .5); padding-left: calc(2.4rem * .5); } } @media print, screen and (min-width: 64em) { .row-overview-faq-page > .column-overview { padding-right: calc(3.2rem * .5); padding-left: calc(3.2rem * .5); } } @media print, screen and (min-width: 64em) { .row-overview-faq-page > .column-overview { flex: 0 0 50%; max-width: 50%; width: 50%; } } .column-overview-faq-category .component-faq-questions { margin-bottom: 3.2rem; } .column-overview-faq-category .heading { font-family: var(--root-font-family, "Bariol", var(--root-font-family, "Bariol", sans-serif)); font-style: normal; font-weight: bold; color: inherit; text-rendering: optimizeLegibility; line-height: 1.2; margin-bottom: 1.6rem; font-size: 2rem; line-height: 3.2rem; margin-bottom: 3.2rem; } @media print, screen and (min-width: 64em) { .column-overview-faq-category .heading { font-size: 2.4rem; line-height: 3.2rem; } } .page-main-content-faq-page { margin-bottom: 3.2rem; } .component-faq-questions { border-bottom: 1px solid #E8E2DF; } .faq-question-button { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0.4rem 0; font-family: inherit; font-size: 1.8rem; font-weight: bold; line-height: var(--root-line-height, 1.6); color: inherit; text-align: left; border-top: 1px solid #E8E2DF; border-radius: 0; } .faq-question-button .icon::after { content: "c"; font-family: "nijsmellinghe"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; font-size: 15px; } @media reader, speech, aural { .faq-question-button .icon::after { display: none; visibility: hidden; } } .faq-answer { display: none; padding: 0; font-size: inherit; color: inherit; } .faq-answer.show-answer { display: block; } .readspeaker { display: flex; align-items: center; position: relative; } .readspeaker .rs_addtools, .readspeaker .rsbtn { padding-bottom: 0; } .readspeaker-toggle-button { width: auto; height: 3.2rem; padding: 0 1.06667rem; background: #F8F7F7; color: #004380; border: 0; border-radius: 0 0 0.4rem 0; line-height: var(--root-line-height, 1.6); } .readspeaker-toggle-button .readspeaker-toggle-button-icon { position: relative; margin-right: 0.8rem; } .readspeaker-toggle-button .readspeaker-toggle-button-icon::before { content: "D"; font-family: "nijsmellinghe"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; } @media reader, speech, aural { .readspeaker-toggle-button .readspeaker-toggle-button-icon::before { display: none; visibility: hidden; } } .readspeaker-widget { background: none; padding: 0; border-radius: 0; box-shadow: none; display: none; position: absolute; top: calc(100% + 0.4rem); right: 0; } .readspeaker-widget.show-readspeaker { display: block; } .readspeaker-widget .rsbtn { width: 17.6rem !important; } .readspeaker-widget .rsbtn.rsexpanded { width: 39.7rem !important; } .readspeaker-widget button { min-height: 0; } .row-overview-news-folder { margin-bottom: 0; list-style: none; margin-right: -0.8rem; margin-left: -0.8rem; display: flex; flex-flow: row wrap; } @media print, screen and (min-width: 30em) { .row-overview-news-folder { margin-right: -0.8rem; margin-left: -0.8rem; } } @media print, screen and (min-width: 40em) { .row-overview-news-folder { margin-right: -1.2rem; margin-left: -1.2rem; } } @media print, screen and (min-width: 48em) { .row-overview-news-folder { margin-right: -1.2rem; margin-left: -1.2rem; } } @media print, screen and (min-width: 60em) { .row-overview-news-folder { margin-right: -1.2rem; margin-left: -1.2rem; } } @media print, screen and (min-width: 64em) { .row-overview-news-folder { margin-right: -1.6rem; margin-left: -1.6rem; } } .row-overview-news-folder > .column-overview { display: flex; flex-direction: column; padding-right: calc(1.6rem * .5); padding-left: calc(1.6rem * .5); flex: 0 0 100%; max-width: 100%; width: 100%; } @media print, screen and (min-width: 40em) { .row-overview-news-folder > .column-overview { padding-right: calc(2.4rem * .5); padding-left: calc(2.4rem * .5); } } @media print, screen and (min-width: 64em) { .row-overview-news-folder > .column-overview { padding-right: calc(3.2rem * .5); padding-left: calc(3.2rem * .5); } } @media print, screen and (min-width: 48em) { .row-overview-news-folder > .column-overview { flex: 0 0 50%; max-width: 50%; width: 50%; } } .row-overview-news-folder .card-news-detail { flex-direction: row; padding-bottom: 0; justify-content: normal; } .row-overview-news-folder .card-news-detail .card-image { margin-bottom: 0; flex-basis: 33.33333%; min-width: 33.33333%; position: static; margin-right: 3.2rem; } .row-overview-news-folder .card-news-detail .card-image::after { display: none; } .row-overview-news-folder .card-news-detail .image-ratio { position: relative; } .row-overview-news-folder .card-news-detail .card-section { max-width: calc(100% - 3.2rem - 33.33333%); flex-basis: calc(100% - 3.2rem - 33.33333%); position: static; } .page-news-detail .meta-data-news-detail-page .meta-item-date-last-edited .meta-item-key { position: static !important; width: auto !important; height: auto !important; overflow: visible !important; clip: auto !important; white-space: normal !important; } .component-latest-news-items { display: flex; flex-wrap: wrap; align-items: baseline; } .component-latest-news-items .component-title { flex-grow: 1; } .component-latest-news-items .row-overview-latest-news-items { flex-grow: 1; } .component-latest-news-items .row-overview-latest-news-items { margin-bottom: 0; list-style: none; margin-right: -0.8rem; margin-left: -0.8rem; display: flex; flex-flow: row wrap; } @media print, screen and (min-width: 30em) { .component-latest-news-items .row-overview-latest-news-items { margin-right: -0.8rem; margin-left: -0.8rem; } } @media print, screen and (min-width: 40em) { .component-latest-news-items .row-overview-latest-news-items { margin-right: -1.2rem; margin-left: -1.2rem; } } @media print, screen and (min-width: 48em) { .component-latest-news-items .row-overview-latest-news-items { margin-right: -1.2rem; margin-left: -1.2rem; } } @media print, screen and (min-width: 60em) { .component-latest-news-items .row-overview-latest-news-items { margin-right: -1.2rem; margin-left: -1.2rem; } } @media print, screen and (min-width: 64em) { .component-latest-news-items .row-overview-latest-news-items { margin-right: -1.6rem; margin-left: -1.6rem; } } .component-latest-news-items .row-overview-latest-news-items > .column-overview { display: flex; flex-direction: column; padding-right: calc(1.6rem * .5); padding-left: calc(1.6rem * .5); flex: 0 0 100%; max-width: 100%; width: 100%; } @media print, screen and (min-width: 40em) { .component-latest-news-items .row-overview-latest-news-items > .column-overview { padding-right: calc(2.4rem * .5); padding-left: calc(2.4rem * .5); } } @media print, screen and (min-width: 64em) { .component-latest-news-items .row-overview-latest-news-items > .column-overview { padding-right: calc(3.2rem * .5); padding-left: calc(3.2rem * .5); } } @media print, screen and (min-width: 40em) { .component-latest-news-items .row-overview-latest-news-items > .column-overview { flex: 0 0 50%; max-width: 50%; width: 50%; } } .component-latest-news-items .card-news-detail { flex-direction: column; padding-bottom: 0; justify-content: normal; } .component-latest-news-items .card-news-detail .card-image, .component-latest-news-items .card-news-detail .card-section { position: static; } .component-latest-news-items .card-news-detail .card-image { margin: 0 0 2.4rem; flex-basis: auto; } .component-latest-news-items .card-news-detail .card-image::after { display: none; } .component-latest-news-items .card-news-detail .image-ratio { position: relative; } .component-latest-news-items .card-news-detail .card-section { max-width: 100%; flex-basis: auto; padding: 0; } .component-latest-news-items .button-go-to-page { width: 100%; order: 1; justify-content: flex-end; } .row-overview-news-latest { margin-bottom: 0; list-style: none; margin-right: -0.8rem; margin-left: -0.8rem; display: flex; flex-flow: row wrap; } @media print, screen and (min-width: 30em) { .row-overview-news-latest { margin-right: -0.8rem; margin-left: -0.8rem; } } @media print, screen and (min-width: 40em) { .row-overview-news-latest { margin-right: -1.2rem; margin-left: -1.2rem; } } @media print, screen and (min-width: 48em) { .row-overview-news-latest { margin-right: -1.2rem; margin-left: -1.2rem; } } @media print, screen and (min-width: 60em) { .row-overview-news-latest { margin-right: -1.2rem; margin-left: -1.2rem; } } @media print, screen and (min-width: 64em) { .row-overview-news-latest { margin-right: -1.6rem; margin-left: -1.6rem; } } .row-overview-news-latest > .column-overview { display: flex; flex-direction: column; padding-right: calc(1.6rem * .5); padding-left: calc(1.6rem * .5); flex: 0 0 100%; max-width: 100%; width: 100%; } @media print, screen and (min-width: 40em) { .row-overview-news-latest > .column-overview { padding-right: calc(2.4rem * .5); padding-left: calc(2.4rem * .5); } } @media print, screen and (min-width: 64em) { .row-overview-news-latest > .column-overview { padding-right: calc(3.2rem * .5); padding-left: calc(3.2rem * .5); } } @media print, screen and (min-width: 40em) { .row-overview-news-latest > .column-overview { flex: 0 0 50%; max-width: 50%; width: 50%; } } .row-overview-news-latest .card-news-detail { flex-direction: row; padding-bottom: 0; justify-content: normal; } .row-overview-news-latest .card-news-detail .card-image { margin-bottom: 0; flex-basis: 33.33333%; min-width: 33.33333%; position: static; margin-right: 3.2rem; } .row-overview-news-latest .card-news-detail .card-image::after { display: none; } .row-overview-news-latest .card-news-detail .image-ratio { position: relative; } .row-overview-news-latest .card-news-detail .card-section { max-width: calc(100% - 3.2rem - 33.33333%); flex-basis: calc(100% - 3.2rem - 33.33333%); position: static; } @media print, screen and (min-width: 40em) { .row-overview-news-latest .card-news-detail { flex-direction: column; padding-bottom: 0; } .row-overview-news-latest .card-news-detail .card-image, .row-overview-news-latest .card-news-detail .card-section { position: static; } .row-overview-news-latest .card-news-detail .card-image { margin: 0 0 2.4rem; flex-basis: auto; } .row-overview-news-latest .card-news-detail .card-image::after { display: none; } .row-overview-news-latest .card-news-detail .image-ratio { position: relative; } .row-overview-news-latest .card-news-detail .card-section { max-width: 100%; flex-basis: auto; padding: 0; } } .button-rss { display: none; } .flex-row { max-width: 121.6rem; margin-right: auto; margin-left: auto; display: flex; flex-flow: row wrap; margin-right: calc(3.2rem * -.5); margin-left: calc(3.2rem * -.5); } @media print, screen and (min-width: 30em) { .flex-row { margin-right: calc(3.2rem * -.5); margin-left: calc(3.2rem * -.5); } } @media print, screen and (min-width: 40em) { .flex-row { margin-right: calc(3.2rem * -.5); margin-left: calc(3.2rem * -.5); } } @media print, screen and (min-width: 48em) { .flex-row { margin-right: calc(3.2rem * -.5); margin-left: calc(3.2rem * -.5); } } @media print, screen and (min-width: 60em) { .flex-row { margin-right: calc(3.2rem * -.5); margin-left: calc(3.2rem * -.5); } } @media print, screen and (min-width: 64em) { .flex-row { margin-right: calc(3.2rem * -.5); margin-left: calc(3.2rem * -.5); } } .flex-row [class*="flex-box"] { width: 100%; max-width: 100%; padding-right: calc(3.2rem * .5); padding-left: calc(3.2rem * .5); display: flex; flex-direction: column; } .flex-row [class*="flex-box"] > :last-child { flex-grow: 1; } @media print, screen and (min-width: 40em) { .flex-row .flex-box-1-2 { width: 50%; } } [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea { display: block; box-sizing: border-box; width: 100%; height: 5.1rem; margin: 0 0 3.2rem; padding: 1.6rem; border: 1px solid #6d6c6a; border-radius: 0.4rem; background-color: #ffffff; box-shadow: none; font-family: inherit; font-size: 2rem; font-weight: normal; line-height: 1; color: #004380; transition: 0.25s ease-out; appearance: none; } [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus { outline: none; border: 1px solid #6F6D6A; background-color: #ffffff; box-shadow: none; transition: 0.25s ease-out; } textarea { max-width: 100%; } textarea[rows] { height: auto; } input:disabled, input[readonly], textarea:disabled, textarea[readonly] { background-color: #F8F7F7; cursor: not-allowed; } [type='submit'], [type='button'] { appearance: none; border-radius: 0.4rem; } input[type='search'] { box-sizing: border-box; } ::placeholder { color: #003566; } [type='file'], [type='checkbox'], [type='radio'] { margin: 0 0 3.2rem; } [type='checkbox'] + label, [type='checkbox'] + legend.form-control-label, [type='radio'] + label, [type='radio'] + legend.form-control-label { display: inline-block; vertical-align: baseline; margin-left: 1.6rem; margin-right: 3.2rem; margin-bottom: 0; } [type='checkbox'] + label[for], [type='checkbox'] + legend.form-control-label[for], [type='radio'] + label[for], [type='radio'] + legend.form-control-label[for] { cursor: pointer; } label > [type='checkbox'], legend.form-control-label > [type='checkbox'], label > [type='radio'], legend.form-control-label > [type='radio'] { margin-right: 1.6rem; } [type='file'] { width: 100%; } label, legend.form-control-label { display: block; margin: 0; font-size: 2rem; font-weight: bold; line-height: 1.6; color: #4D4B49; } label.middle, legend.middle.form-control-label { margin: 0 0 3.2rem; line-height: var(--root-line-height, 1.6); padding: 1.7rem 0; } .help-text { margin-top: -1.6rem; font-size: 1.8rem; font-style: italic; color: #6F6D6A; } .input-group { display: flex; width: 100%; margin-bottom: 3.2rem; align-items: stretch; } .input-group > :first-child, .input-group > :first-child.input-group-button > * { border-radius: 0.4rem 0 0 0.4rem; } .input-group > :last-child, .input-group > :last-child.input-group-button > * { border-radius: 0 0.4rem 0.4rem 0; } .input-group-label, .input-group-field, .input-group-button, .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label, .input-group-button legend.form-control-label { margin: 0; white-space: nowrap; } .input-group-label { padding: 0 1rem; border: 1px solid #C2BEBA; background: #E8E2DF; color: #4D4B49; text-align: center; white-space: nowrap; display: flex; flex: 0 0 auto; align-items: center; } .input-group-label:first-child { border-right: 0; } .input-group-label:last-child { border-left: 0; } .input-group-field { border-radius: 0; flex: 1 1 0px; min-width: 0; } .input-group-button { padding-top: 0; padding-bottom: 0; text-align: center; display: flex; flex: 0 0 auto; } .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label, .input-group-button legend.form-control-label { align-self: stretch; height: auto; padding-top: 0; padding-bottom: 0; font-size: 2rem; } fieldset { margin: 0; padding: 0; border: 0; } legend { max-width: 100%; margin-bottom: 1.6rem; } .fieldset { margin: 0; padding: 0; border: 0; } .fieldset legend { margin: 0; margin-left: -0.3rem; padding: 0; } select { height: 5.1rem; margin: 0 0 3.2rem; padding: 1.6rem; appearance: none; border: 1px solid #6d6c6a; border-radius: 0.4rem; background-color: #ffffff; font-family: inherit; font-size: 2rem; font-weight: normal; line-height: 1; color: #004380; background-image: url('data:image/svg+xml;utf8,'); background-origin: content-box; background-position: right -3.2rem center; background-repeat: no-repeat; background-size: 9px 6px; padding-right: 4.8rem; transition: 0.25s ease-out; } @media screen and (min-width: 0\0) { select { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } select:focus { outline: none; border: 1px solid #6F6D6A; background-color: #ffffff; box-shadow: none; transition: 0.25s ease-out; } select:disabled { background-color: #F8F7F7; cursor: not-allowed; } select::-ms-expand { display: none; } select[multiple] { height: auto; background-image: none; } select:not([multiple]) { padding-top: 0; padding-bottom: 0; } .is-invalid-input:not(:focus) { border-color: #cc4b37; background-color: #faedeb; } .is-invalid-input:not(:focus)::placeholder { color: #cc4b37; } .form-error { display: none; margin-top: -1.6rem; margin-bottom: 3.2rem; font-size: 1.8rem; font-weight: bold; color: #cc4b37; } .form-error.is-visible { display: block; } .callout { position: relative; margin: 0 0 3.2rem; padding: 1rem; border: 1px solid rgba(77, 75, 73, 0.25); border-radius: 0.4rem; background-color: white; color: #004380; } .callout > :first-child { margin-top: 0; } .callout > :last-child { margin-bottom: 0; } .callout.primary { background-color: #bce0ff; color: #004380; } .callout.secondary { background-color: #fff0d7; color: #004380; } .callout.tertiary { background-color: #cbfcff; color: #004380; } .callout.quaternary { background-color: #f5ddef; color: #004380; } .callout.success { background-color: #e1faea; color: #004380; } .callout.warning { background-color: #fff3d9; color: #004380; } .callout.alert { background-color: #f7e4e1; color: #004380; } .callout.small { padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; } .callout.large { padding-top: 3rem; padding-right: 3rem; padding-bottom: 3rem; padding-left: 3rem; } .callout li label, .callout li legend.form-control-label { display: inline; font-weight: normal; text-decoration: underline; cursor: pointer; } @media (hover: hover) and (pointer: fine) { .callout li label:hover, .callout li legend.form-control-label:hover { text-decoration: none; } } .callout.primary li label, .callout.primary li legend.form-control-label { color: #f8f7f7; } .callout.secondary li label, .callout.secondary li legend.form-control-label { color: #004380; } .callout.tertiary li label, .callout.tertiary li legend.form-control-label { color: #f8f7f7; } .callout.quaternary li label, .callout.quaternary li legend.form-control-label { color: #f8f7f7; } .callout.success li label, .callout.success li legend.form-control-label { color: #004380; } .callout.warning li label, .callout.warning li legend.form-control-label { color: #004380; } .callout.alert li label, .callout.alert li legend.form-control-label { color: #f8f7f7; } .form { display: flex; flex-flow: column wrap; margin: 0 0 3.2rem; } .form .form-controls { min-width: 100%; display: flex; margin-left: -0.8rem; margin-right: -0.8rem; flex-direction: column; } @media print, screen and (min-width: 40em) { .form .form-controls { margin-left: -1.2rem; margin-right: -1.2rem; } } @media print, screen and (min-width: 64em) { .form .form-controls { margin-left: -1.6rem; margin-right: -1.6rem; } } .form .form-control, .form .recaptcha-holder { margin-bottom: 3.2rem; width: 100%; padding-left: 0.8rem; padding-right: 0.8rem; } @media print, screen and (min-width: 40em) { .form .form-control, .form .recaptcha-holder { padding-left: 1.2rem; padding-right: 1.2rem; } } @media print, screen and (min-width: 64em) { .form .form-control, .form .recaptcha-holder { padding-left: 1.6rem; padding-right: 1.6rem; } } .form .form-control .form-control-wrapper, .form .recaptcha-holder .form-control-wrapper { margin-left: -0.8rem; margin-right: -0.8rem; } @media print, screen and (min-width: 40em) { .form .form-control .form-control-wrapper, .form .recaptcha-holder .form-control-wrapper { margin-left: -1.2rem; margin-right: -1.2rem; } } @media print, screen and (min-width: 64em) { .form .form-control .form-control-wrapper, .form .recaptcha-holder .form-control-wrapper { margin-left: -1.6rem; margin-right: -1.6rem; } } .form .form-control .form-control, .form .recaptcha-holder .form-control, .form .form-control .recaptcha-holder, .form .recaptcha-holder .recaptcha-holder { margin-bottom: 1.6rem; } .form .form-control-whitespace { height: 3.2rem; } .form [type='text'], .form [type='password'], .form [type='date'], .form [type='datetime'], .form [type='datetime-local'], .form [type='month'], .form [type='week'], .form [type='email'], .form [type='number'], .form [type='search'], .form [type='tel'], .form [type='time'], .form [type='url'], .form [type='color'], .form select, .form textarea { margin: 0; -webkit-appearance: none; } .form .form-control-buttons { display: flex; align-items: center; } .form .form-control-buttons > button { margin: 0 0 3.2rem; } .form .form-control-buttons > button:not(:last-child) { margin-right: 3.2rem; } .component-form-verwijzing .component-block:not(:last-child) { margin-bottom: 3.2rem; } .form-control-label { margin: 0 0 0.8rem; } .form-control-label .form-control-optional { margin: 0 0 0 0.8rem; color: #6F6D6A; font-style: normal; font-weight: normal; } .form-control-field-wrapper-checkbox-radio .form-control-label, .form-control-wrapper .form-control-label { font-weight: normal; } legend.form-control-label { margin: 0 0 0.8rem; float: left; } legend.form-control-label + * { clear: both; } .form-control-field-wrapper-checkbox-radio { position: relative; } .form-control-field-wrapper-checkbox-radio .form-control-label { padding-left: 2.4rem; position: relative; margin-left: 0; margin-right: 0; } .form-control-field-wrapper-checkbox-radio .form-control-label::before { transition: 0.25s ease-out; content: ''; background: #ffffff; width: 1.6rem; height: 1.6rem; display: block; position: absolute; top: calc(var(--root-line-height, 1.6) * 0.625 * .5); transform: translateY(-50%); left: 0; border: 1px solid #6d6c6a; border-radius: 0.2rem; padding: 0.1rem; background-clip: content-box; } @media (hover: hover) and (pointer: fine) { .form-control-field-wrapper-checkbox-radio .form-control-label:hover::before, .form-control-field-wrapper-checkbox-radio [type='checkbox']:focus + .form-control-label::before, .form-control-field-wrapper-checkbox-radio [type='radio']:focus + .form-control-label::before { border: 1px solid #6F6D6A; background-color: rgba(0, 34, 64, 0.5); } .form-control-field-wrapper-checkbox-radio .form-control-label:hover::after { color: #ffffff; opacity: 1 !important; } } .form-control-field-wrapper-checkbox-radio [type='radio'] + .form-control-label::before { border-radius: 50%; } .form-control-field-wrapper-checkbox-radio [type='checkbox'] + .form-control-label:hover + .form-control-label::after, .form-control-field-wrapper-checkbox-radio [type='checkbox'] + .form-control-label:checked + .form-control-label::after { opacity: 1; border-color: #ffffff; } .form-control-field-wrapper-checkbox-radio [type='checkbox'] + .form-control-label::after { content: ''; width: 0.9rem; height: 0.45rem; display: block; position: absolute; top: calc(var(--root-line-height, 1.6) * 0.625 * .5); left: 0.8rem; transform: translate(-50%, -50%) rotate(-45deg); border: 0.2rem solid rgba(0, 67, 128, 0.25); border-top: 0; border-right: 0; opacity: 0; } .form-control-field-wrapper-checkbox-radio [type='checkbox'], .form-control-field-wrapper-checkbox-radio [type='radio'] { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .form-control-field-wrapper-checkbox-radio [type='checkbox']:checked + .form-control-label::before, .form-control-field-wrapper-checkbox-radio [type='radio']:checked + .form-control-label::before { background: #002240; background-clip: content-box; } .form-control-field-wrapper-checkbox-radio [type='checkbox']:focus + .form-control-label::before, .form-control-field-wrapper-checkbox-radio [type='radio']:focus + .form-control-label::before { box-shadow: none; } .form-control-field-wrapper-checkbox-radio + .form-control-field-wrapper input[type='text'] { margin-top: 0.8rem; } .form-control-radio-text .form-control-field-wrapper-checkbox-radio:has([type='radio']:not(:checked)) ~ .form-control-field-wrapper [type='text'] { display: none; } .form .form-control-select-date { margin-bottom: 1.6rem; } .form .form-control-select-date .form-control-wrapper { padding-left: 0.8rem; padding-right: 0.8rem; } @media print, screen and (min-width: 40em) { .form .form-control-select-date .form-control-wrapper { padding-left: 1.2rem; padding-right: 1.2rem; } } @media print, screen and (min-width: 64em) { .form .form-control-select-date .form-control-wrapper { padding-left: 1.6rem; padding-right: 1.6rem; } } .form .form-control-select-date .form-control-field-wrapper { margin-bottom: 1.6rem; } .form .form-control-select-date .form-control-field-wrapper .form-label { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } @media print, screen and (min-width: 40em) { .form .form-control-select-date .form-control-wrapper { display: flex; flex-wrap: wrap; flex-direction: row; } .form .form-control-select-date .form-control-field-wrapper { position: relative; width: calc(33.3333% - 2.13344rem); } .form .form-control-select-date .form-control-field-wrapper:not(:last-of-type) { margin-right: 3.2rem; } } textarea { min-height: 12rem; } .form-control-file .file-upload-button { display: inline-block; vertical-align: middle; margin: 0 0 3.2rem; padding: 0.85em 1em; border: 1px solid transparent; border-radius: 0.4rem; transition: 0.25s ease-out; font-family: inherit; font-size: 1.6rem; font-weight: bold; -webkit-appearance: none; line-height: 1; text-align: center; cursor: pointer; display: inline-flex; font-weight: bold; text-decoration: none; align-items: center; margin-bottom: 0; cursor: pointer; display: inline-flex; } [data-whatinput='mouse'] .form-control-file .file-upload-button { outline: 0; } .form-control-file .file-upload-button dfn { color: inherit !important; } .form-control-file .file-upload-button dfn:before, .form-control-file .file-upload-button dfn::after { content: ' '; white-space: pre; } .form-control-file .file-upload-button, .form-control-file .file-upload-button.disabled, .form-control-file .file-upload-button[disabled], .form-control-file .file-upload-button.disabled:hover, .form-control-file .file-upload-button[disabled]:hover, .form-control-file .file-upload-button.disabled:focus, .form-control-file .file-upload-button[disabled]:focus { border: 2px solid #004380; color: #004380; } .form-control-file .file-upload-button:hover, .form-control-file .file-upload-button:focus { border-color: #002240; color: #002240; } .form-control-file [type='file'] { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .form-control-file [type='file']:focus + .file-upload-button { outline: 1px dotted #212121; outline: auto 5px -webkit-focus-ring-color; } .form-control-file [type='file']:focus + .file-upload-button, .form-control-file [type='file']:focus + .file-upload-button.disabled, .form-control-file [type='file']:focus + .file-upload-button[disabled], .form-control-file [type='file']:focus + .file-upload-button.disabled:hover, .form-control-file [type='file']:focus + .file-upload-button[disabled]:hover, .form-control-file [type='file']:focus + .file-upload-button.disabled:focus, .form-control-file [type='file']:focus + .file-upload-button[disabled]:focus { border: 2px solid #003667; color: #003667; } .form-control-file [type='file']:focus + .file-upload-button:hover, .form-control-file [type='file']:focus + .file-upload-button:focus { border-color: #001b33; color: #001b33; } .form .form-control, .form .recaptcha-holder { position: relative; } .form .form-control-label { padding-right: 2.4rem; } @media print, screen and (min-width: 40em) { .form .form-control-label { padding-right: 2.8rem; } } @media print, screen and (min-width: 64em) { .form .form-control-label { padding-right: 3.2rem; } } .form .form-control-wrapper .form-control-label { padding-right: 0; } .form .tooltip-trigger { position: absolute; top: 0; right: 0.8rem; } @media print, screen and (min-width: 40em) { .form .tooltip-trigger { right: 1.2rem; } } @media print, screen and (min-width: 64em) { .form .tooltip-trigger { right: 1.6rem; } } .tooltip.dropdown-pane { border: 0; } .tooltip.dropdown-pane::before { display: block; width: 0; height: 0; border-style: solid; border-width: 0.8rem; content: ''; border-bottom-width: 0; border-color: #4D4B49 transparent transparent; position: absolute; left: 50%; transform: translateX(-50%); top: 100%; } .form-control-error-message { margin: 0.8rem 0 0; color: #cc4b37; font-weight: bold; font-size: 1.8rem; } .form-control-error [type='text']:not(:focus), .form-control-error [type='password']:not(:focus), .form-control-error [type='date']:not(:focus), .form-control-error [type='datetime']:not(:focus), .form-control-error [type='datetime-local']:not(:focus), .form-control-error [type='month']:not(:focus), .form-control-error [type='week']:not(:focus), .form-control-error [type='email']:not(:focus), .form-control-error [type='number']:not(:focus), .form-control-error [type='search']:not(:focus), .form-control-error [type='tel']:not(:focus), .form-control-error [type='time']:not(:focus), .form-control-error [type='url']:not(:focus), .form-control-error [type='color']:not(:focus), .form-control-error textarea:not(:focus) { border-color: #cc4b37; background-color: #faedeb; } .form-control-error [type='text']:not(:focus)::placeholder, .form-control-error [type='password']:not(:focus)::placeholder, .form-control-error [type='date']:not(:focus)::placeholder, .form-control-error [type='datetime']:not(:focus)::placeholder, .form-control-error [type='datetime-local']:not(:focus)::placeholder, .form-control-error [type='month']:not(:focus)::placeholder, .form-control-error [type='week']:not(:focus)::placeholder, .form-control-error [type='email']:not(:focus)::placeholder, .form-control-error [type='number']:not(:focus)::placeholder, .form-control-error [type='search']:not(:focus)::placeholder, .form-control-error [type='tel']:not(:focus)::placeholder, .form-control-error [type='time']:not(:focus)::placeholder, .form-control-error [type='url']:not(:focus)::placeholder, .form-control-error [type='color']:not(:focus)::placeholder, .form-control-error textarea:not(:focus)::placeholder { color: #cc4b37; } .form-required-description { display: none; } .form-control-color [type='color'] { padding: 2px; } .recaptcha-holder .grecaptcha-badge { position: static !important; } .hide { display: none !important; } .invisible { visibility: hidden; } .visible { visibility: visible; } @media print, screen and (max-width: 29.99875em) { .hide-for-small-only { display: none !important; } } @media screen and (max-width: 0em), screen and (min-width: 30em) { .show-for-small-only { display: none !important; } } @media print, screen and (min-width: 30em) { .hide-for-small-medium { display: none !important; } } @media screen and (max-width: 29.99875em) { .show-for-small-medium { display: none !important; } } @media print, screen and (min-width: 30em) and (max-width: 39.99875em) { .hide-for-small-medium-only { display: none !important; } } @media screen and (max-width: 29.99875em), screen and (min-width: 40em) { .show-for-small-medium-only { display: none !important; } } @media print, screen and (min-width: 40em) { .hide-for-medium { display: none !important; } } @media screen and (max-width: 39.99875em) { .show-for-medium { display: none !important; } } @media print, screen and (min-width: 40em) and (max-width: 47.99875em) { .hide-for-medium-only { display: none !important; } } @media screen and (max-width: 39.99875em), screen and (min-width: 48em) { .show-for-medium-only { display: none !important; } } @media print, screen and (min-width: 48em) { .hide-for-medium-large { display: none !important; } } @media screen and (max-width: 47.99875em) { .show-for-medium-large { display: none !important; } } @media print, screen and (min-width: 48em) and (max-width: 59.99875em) { .hide-for-medium-large-only { display: none !important; } } @media screen and (max-width: 47.99875em), screen and (min-width: 60em) { .show-for-medium-large-only { display: none !important; } } @media print, screen and (min-width: 60em) { .hide-for-xmedium { display: none !important; } } @media screen and (max-width: 59.99875em) { .show-for-xmedium { display: none !important; } } @media print, screen and (min-width: 60em) and (max-width: 63.99875em) { .hide-for-xmedium-only { display: none !important; } } @media screen and (max-width: 59.99875em), screen and (min-width: 64em) { .show-for-xmedium-only { display: none !important; } } @media print, screen and (min-width: 64em) { .hide-for-large { display: none !important; } } @media screen and (max-width: 63.99875em) { .show-for-large { display: none !important; } } @media print, screen and (min-width: 64em) and (max-width: 79.99875em) { .hide-for-large-only { display: none !important; } } @media screen and (max-width: 63.99875em), screen and (min-width: 80em) { .show-for-large-only { display: none !important; } } .show-for-sr, .show-on-focus { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .show-on-focus:active, .show-on-focus:focus { position: static !important; width: auto !important; height: auto !important; overflow: visible !important; clip: auto !important; white-space: normal !important; } .show-for-landscape, .hide-for-portrait { display: block !important; } @media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important; } } @media screen and (orientation: portrait) { .show-for-landscape, .hide-for-portrait { display: none !important; } } .hide-for-landscape, .show-for-portrait { display: none !important; } @media screen and (orientation: landscape) { .hide-for-landscape, .show-for-portrait { display: none !important; } } @media screen and (orientation: portrait) { .hide-for-landscape, .show-for-portrait { display: block !important; } } .show-for-dark-mode { display: none; } .hide-for-dark-mode { display: block; } @media screen and (prefers-color-scheme: dark) { .show-for-dark-mode { display: block !important; } .hide-for-dark-mode { display: none !important; } } .show-for-ie { display: none; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .show-for-ie { display: block !important; } .hide-for-ie { display: none !important; } } .show-for-sticky { display: none; } .is-stuck .show-for-sticky { display: block; } .is-stuck .hide-for-sticky { display: none; } .align-left { justify-content: flex-start; } .align-right { justify-content: flex-end; } .align-center { justify-content: center; } .align-justify { justify-content: space-between; } .align-spaced { justify-content: space-around; } .align-left.vertical.menu > li > a { justify-content: flex-start; } .align-right.vertical.menu > li > a { justify-content: flex-end; } .align-center.vertical.menu > li > a { justify-content: center; } .align-top { align-items: flex-start; } .align-self-top { align-self: flex-start; } .align-bottom { align-items: flex-end; } .align-self-bottom { align-self: flex-end; } .align-middle { align-items: center; } .align-self-middle { align-self: center; } .align-stretch { align-items: stretch; } .align-self-stretch { align-self: stretch; } .align-center-middle { justify-content: center; align-items: center; align-content: center; } .small-order-1 { order: 1; } .small-order-2 { order: 2; } .small-order-3 { order: 3; } .small-order-4 { order: 4; } .small-order-5 { order: 5; } .small-order-6 { order: 6; } @media print, screen and (min-width: 30em) { .small-medium-order-1 { order: 1; } .small-medium-order-2 { order: 2; } .small-medium-order-3 { order: 3; } .small-medium-order-4 { order: 4; } .small-medium-order-5 { order: 5; } .small-medium-order-6 { order: 6; } } @media print, screen and (min-width: 40em) { .medium-order-1 { order: 1; } .medium-order-2 { order: 2; } .medium-order-3 { order: 3; } .medium-order-4 { order: 4; } .medium-order-5 { order: 5; } .medium-order-6 { order: 6; } } @media print, screen and (min-width: 48em) { .medium-large-order-1 { order: 1; } .medium-large-order-2 { order: 2; } .medium-large-order-3 { order: 3; } .medium-large-order-4 { order: 4; } .medium-large-order-5 { order: 5; } .medium-large-order-6 { order: 6; } } @media print, screen and (min-width: 60em) { .xmedium-order-1 { order: 1; } .xmedium-order-2 { order: 2; } .xmedium-order-3 { order: 3; } .xmedium-order-4 { order: 4; } .xmedium-order-5 { order: 5; } .xmedium-order-6 { order: 6; } } @media print, screen and (min-width: 64em) { .large-order-1 { order: 1; } .large-order-2 { order: 2; } .large-order-3 { order: 3; } .large-order-4 { order: 4; } .large-order-5 { order: 5; } .large-order-6 { order: 6; } } .flex-container { display: flex; } .flex-child-auto { flex: 1 1 auto; } .flex-child-grow { flex: 1 0 auto; } .flex-child-shrink { flex: 0 1 auto; } .flex-dir-row { flex-direction: row; } .flex-dir-row-reverse { flex-direction: row-reverse; } .flex-dir-column { flex-direction: column; } .flex-dir-column-reverse { flex-direction: column-reverse; } @media print, screen and (min-width: 30em) { .small-medium-flex-container { display: flex; } .small-medium-flex-child-auto { flex: 1 1 auto; } .small-medium-flex-child-grow { flex: 1 0 auto; } .small-medium-flex-child-shrink { flex: 0 1 auto; } .small-medium-flex-dir-row { flex-direction: row; } .small-medium-flex-dir-row-reverse { flex-direction: row-reverse; } .small-medium-flex-dir-column { flex-direction: column; } .small-medium-flex-dir-column-reverse { flex-direction: column-reverse; } } @media print, screen and (min-width: 40em) { .medium-flex-container { display: flex; } .medium-flex-child-auto { flex: 1 1 auto; } .medium-flex-child-grow { flex: 1 0 auto; } .medium-flex-child-shrink { flex: 0 1 auto; } .medium-flex-dir-row { flex-direction: row; } .medium-flex-dir-row-reverse { flex-direction: row-reverse; } .medium-flex-dir-column { flex-direction: column; } .medium-flex-dir-column-reverse { flex-direction: column-reverse; } } @media print, screen and (min-width: 48em) { .medium-large-flex-container { display: flex; } .medium-large-flex-child-auto { flex: 1 1 auto; } .medium-large-flex-child-grow { flex: 1 0 auto; } .medium-large-flex-child-shrink { flex: 0 1 auto; } .medium-large-flex-dir-row { flex-direction: row; } .medium-large-flex-dir-row-reverse { flex-direction: row-reverse; } .medium-large-flex-dir-column { flex-direction: column; } .medium-large-flex-dir-column-reverse { flex-direction: column-reverse; } } @media print, screen and (min-width: 60em) { .xmedium-flex-container { display: flex; } .xmedium-flex-child-auto { flex: 1 1 auto; } .xmedium-flex-child-grow { flex: 1 0 auto; } .xmedium-flex-child-shrink { flex: 0 1 auto; } .xmedium-flex-dir-row { flex-direction: row; } .xmedium-flex-dir-row-reverse { flex-direction: row-reverse; } .xmedium-flex-dir-column { flex-direction: column; } .xmedium-flex-dir-column-reverse { flex-direction: column-reverse; } } @media print, screen and (min-width: 64em) { .large-flex-container { display: flex; } .large-flex-child-auto { flex: 1 1 auto; } .large-flex-child-grow { flex: 1 0 auto; } .large-flex-child-shrink { flex: 0 1 auto; } .large-flex-dir-row { flex-direction: row; } .large-flex-dir-row-reverse { flex-direction: row-reverse; } .large-flex-dir-column { flex-direction: column; } .large-flex-dir-column-reverse { flex-direction: column-reverse; } } .subheader { margin-top: 0; margin-bottom: 2.4rem; font-weight: normal; line-height: inherit; color: #ffffff; } .lead { font-size: 2.4rem; line-height: 3.8rem; } .stat { font-size: 3.6rem; line-height: 1; } p + .stat { margin-top: -1rem; } ul.no-bullet, ol.no-bullet { margin-left: 0; list-style: none; } .cite-block, cite { display: block; color: #6F6D6A; font-size: 1.8rem; } .cite-block:before, cite:before { content: "— "; } .code-inline, code { border: 1px solid #C2BEBA; background-color: #E8E2DF; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #4D4B49; display: inline; max-width: 100%; word-wrap: break-word; padding: 0.2rem 0.5rem 0.1rem; } .code-block { border: 1px solid #C2BEBA; background-color: #E8E2DF; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #4D4B49; display: block; overflow: auto; white-space: pre; padding: 1rem; margin-bottom: 1.5rem; } .row { max-width: 121.6rem; margin-right: auto; margin-left: auto; display: flex; flex-flow: row wrap; } .row .row { margin-right: -0.8rem; margin-left: -0.8rem; } @media print, screen and (min-width: 30em) { .row .row { margin-right: -0.8rem; margin-left: -0.8rem; } } @media print, screen and (min-width: 40em) { .row .row { margin-right: -1.2rem; margin-left: -1.2rem; } } @media print, screen and (min-width: 48em) { .row .row { margin-right: -1.2rem; margin-left: -1.2rem; } } @media print, screen and (min-width: 60em) { .row .row { margin-right: -1.2rem; margin-left: -1.2rem; } } @media print, screen and (min-width: 64em) { .row .row { margin-right: -1.6rem; margin-left: -1.6rem; } } .row .row.collapse { margin-right: 0; margin-left: 0; } .row.expanded { max-width: none; } .row.expanded .row { margin-right: auto; margin-left: auto; } .row:not(.expanded) .row { max-width: none; } .row.collapse > .column, .row.collapse > .columns { padding-right: 0; padding-left: 0; } .row.is-collapse-child, .row.collapse > .column > .row, .row.collapse > .columns > .row { margin-right: 0; margin-left: 0; } .column, .columns { flex: 1 1 0px; padding-right: 0.8rem; padding-left: 0.8rem; min-width: 0; } @media print, screen and (min-width: 40em) { .column, .columns { padding-right: 1.2rem; padding-left: 1.2rem; } } @media print, screen and (min-width: 64em) { .column, .columns { padding-right: 1.6rem; padding-left: 1.6rem; } } .column.row.row, .row.row.columns { float: none; display: block; } .row .column.row.row, .row .row.row.columns { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } .small-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .small-offset-0 { margin-left: 0%; } .small-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .small-offset-1 { margin-left: 8.33333%; } .small-3 { flex: 0 0 25%; max-width: 25%; } .small-offset-2 { margin-left: 16.66667%; } .small-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .small-offset-3 { margin-left: 25%; } .small-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .small-offset-4 { margin-left: 33.33333%; } .small-6 { flex: 0 0 50%; max-width: 50%; } .small-offset-5 { margin-left: 41.66667%; } .small-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .small-offset-6 { margin-left: 50%; } .small-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .small-offset-7 { margin-left: 58.33333%; } .small-9 { flex: 0 0 75%; max-width: 75%; } .small-offset-8 { margin-left: 66.66667%; } .small-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .small-offset-9 { margin-left: 75%; } .small-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .small-offset-10 { margin-left: 83.33333%; } .small-12 { flex: 0 0 100%; max-width: 100%; } .small-offset-11 { margin-left: 91.66667%; } .small-up-1 { flex-wrap: wrap; } .small-up-1 > .column, .small-up-1 > .columns { flex: 0 0 100%; max-width: 100%; } .small-up-2 { flex-wrap: wrap; } .small-up-2 > .column, .small-up-2 > .columns { flex: 0 0 50%; max-width: 50%; } .small-up-3 { flex-wrap: wrap; } .small-up-3 > .column, .small-up-3 > .columns { flex: 0 0 33.33333%; max-width: 33.33333%; } .small-up-4 { flex-wrap: wrap; } .small-up-4 > .column, .small-up-4 > .columns { flex: 0 0 25%; max-width: 25%; } .small-up-5 { flex-wrap: wrap; } .small-up-5 > .column, .small-up-5 > .columns { flex: 0 0 20%; max-width: 20%; } .small-up-6 { flex-wrap: wrap; } .small-up-6 > .column, .small-up-6 > .columns { flex: 0 0 16.66667%; max-width: 16.66667%; } .small-up-7 { flex-wrap: wrap; } .small-up-7 > .column, .small-up-7 > .columns { flex: 0 0 14.28571%; max-width: 14.28571%; } .small-up-8 { flex-wrap: wrap; } .small-up-8 > .column, .small-up-8 > .columns { flex: 0 0 12.5%; max-width: 12.5%; } .small-collapse > .column, .small-collapse > .columns { padding-right: 0; padding-left: 0; } .small-uncollapse > .column, .small-uncollapse > .columns { padding-right: 0.8rem; padding-left: 0.8rem; } @media print, screen and (min-width: 30em) { .small-medium-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .small-medium-offset-0 { margin-left: 0%; } .small-medium-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .small-medium-offset-1 { margin-left: 8.33333%; } .small-medium-3 { flex: 0 0 25%; max-width: 25%; } .small-medium-offset-2 { margin-left: 16.66667%; } .small-medium-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .small-medium-offset-3 { margin-left: 25%; } .small-medium-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .small-medium-offset-4 { margin-left: 33.33333%; } .small-medium-6 { flex: 0 0 50%; max-width: 50%; } .small-medium-offset-5 { margin-left: 41.66667%; } .small-medium-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .small-medium-offset-6 { margin-left: 50%; } .small-medium-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .small-medium-offset-7 { margin-left: 58.33333%; } .small-medium-9 { flex: 0 0 75%; max-width: 75%; } .small-medium-offset-8 { margin-left: 66.66667%; } .small-medium-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .small-medium-offset-9 { margin-left: 75%; } .small-medium-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .small-medium-offset-10 { margin-left: 83.33333%; } .small-medium-12 { flex: 0 0 100%; max-width: 100%; } .small-medium-offset-11 { margin-left: 91.66667%; } .small-medium-up-1 { flex-wrap: wrap; } .small-medium-up-1 > .column, .small-medium-up-1 > .columns { flex: 0 0 100%; max-width: 100%; } .small-medium-up-2 { flex-wrap: wrap; } .small-medium-up-2 > .column, .small-medium-up-2 > .columns { flex: 0 0 50%; max-width: 50%; } .small-medium-up-3 { flex-wrap: wrap; } .small-medium-up-3 > .column, .small-medium-up-3 > .columns { flex: 0 0 33.33333%; max-width: 33.33333%; } .small-medium-up-4 { flex-wrap: wrap; } .small-medium-up-4 > .column, .small-medium-up-4 > .columns { flex: 0 0 25%; max-width: 25%; } .small-medium-up-5 { flex-wrap: wrap; } .small-medium-up-5 > .column, .small-medium-up-5 > .columns { flex: 0 0 20%; max-width: 20%; } .small-medium-up-6 { flex-wrap: wrap; } .small-medium-up-6 > .column, .small-medium-up-6 > .columns { flex: 0 0 16.66667%; max-width: 16.66667%; } .small-medium-up-7 { flex-wrap: wrap; } .small-medium-up-7 > .column, .small-medium-up-7 > .columns { flex: 0 0 14.28571%; max-width: 14.28571%; } .small-medium-up-8 { flex-wrap: wrap; } .small-medium-up-8 > .column, .small-medium-up-8 > .columns { flex: 0 0 12.5%; max-width: 12.5%; } } @media print, screen and (min-width: 30em) and (min-width: 30em) { .small-medium-expand { flex: 1 1 0px; } } .row.small-medium-unstack > .column, .row.small-medium-unstack > .columns { flex: 0 0 100%; } @media print, screen and (min-width: 30em) { .row.small-medium-unstack > .column, .row.small-medium-unstack > .columns { flex: 1 1 0px; } } @media print, screen and (min-width: 30em) { .small-medium-collapse > .column, .small-medium-collapse > .columns { padding-right: 0; padding-left: 0; } .small-medium-uncollapse > .column, .small-medium-uncollapse > .columns { padding-right: 0.8rem; padding-left: 0.8rem; } } @media print, screen and (min-width: 40em) { .medium-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .medium-offset-0 { margin-left: 0%; } .medium-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .medium-offset-1 { margin-left: 8.33333%; } .medium-3 { flex: 0 0 25%; max-width: 25%; } .medium-offset-2 { margin-left: 16.66667%; } .medium-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .medium-offset-3 { margin-left: 25%; } .medium-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .medium-offset-4 { margin-left: 33.33333%; } .medium-6 { flex: 0 0 50%; max-width: 50%; } .medium-offset-5 { margin-left: 41.66667%; } .medium-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .medium-offset-6 { margin-left: 50%; } .medium-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .medium-offset-7 { margin-left: 58.33333%; } .medium-9 { flex: 0 0 75%; max-width: 75%; } .medium-offset-8 { margin-left: 66.66667%; } .medium-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .medium-offset-9 { margin-left: 75%; } .medium-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .medium-offset-10 { margin-left: 83.33333%; } .medium-12 { flex: 0 0 100%; max-width: 100%; } .medium-offset-11 { margin-left: 91.66667%; } .medium-up-1 { flex-wrap: wrap; } .medium-up-1 > .column, .medium-up-1 > .columns { flex: 0 0 100%; max-width: 100%; } .medium-up-2 { flex-wrap: wrap; } .medium-up-2 > .column, .medium-up-2 > .columns { flex: 0 0 50%; max-width: 50%; } .medium-up-3 { flex-wrap: wrap; } .medium-up-3 > .column, .medium-up-3 > .columns { flex: 0 0 33.33333%; max-width: 33.33333%; } .medium-up-4 { flex-wrap: wrap; } .medium-up-4 > .column, .medium-up-4 > .columns { flex: 0 0 25%; max-width: 25%; } .medium-up-5 { flex-wrap: wrap; } .medium-up-5 > .column, .medium-up-5 > .columns { flex: 0 0 20%; max-width: 20%; } .medium-up-6 { flex-wrap: wrap; } .medium-up-6 > .column, .medium-up-6 > .columns { flex: 0 0 16.66667%; max-width: 16.66667%; } .medium-up-7 { flex-wrap: wrap; } .medium-up-7 > .column, .medium-up-7 > .columns { flex: 0 0 14.28571%; max-width: 14.28571%; } .medium-up-8 { flex-wrap: wrap; } .medium-up-8 > .column, .medium-up-8 > .columns { flex: 0 0 12.5%; max-width: 12.5%; } } @media print, screen and (min-width: 40em) and (min-width: 40em) { .medium-expand { flex: 1 1 0px; } } .row.medium-unstack > .column, .row.medium-unstack > .columns { flex: 0 0 100%; } @media print, screen and (min-width: 40em) { .row.medium-unstack > .column, .row.medium-unstack > .columns { flex: 1 1 0px; } } @media print, screen and (min-width: 40em) { .medium-collapse > .column, .medium-collapse > .columns { padding-right: 0; padding-left: 0; } .medium-uncollapse > .column, .medium-uncollapse > .columns { padding-right: 1.2rem; padding-left: 1.2rem; } } @media print, screen and (min-width: 48em) { .medium-large-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .medium-large-offset-0 { margin-left: 0%; } .medium-large-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .medium-large-offset-1 { margin-left: 8.33333%; } .medium-large-3 { flex: 0 0 25%; max-width: 25%; } .medium-large-offset-2 { margin-left: 16.66667%; } .medium-large-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .medium-large-offset-3 { margin-left: 25%; } .medium-large-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .medium-large-offset-4 { margin-left: 33.33333%; } .medium-large-6 { flex: 0 0 50%; max-width: 50%; } .medium-large-offset-5 { margin-left: 41.66667%; } .medium-large-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .medium-large-offset-6 { margin-left: 50%; } .medium-large-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .medium-large-offset-7 { margin-left: 58.33333%; } .medium-large-9 { flex: 0 0 75%; max-width: 75%; } .medium-large-offset-8 { margin-left: 66.66667%; } .medium-large-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .medium-large-offset-9 { margin-left: 75%; } .medium-large-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .medium-large-offset-10 { margin-left: 83.33333%; } .medium-large-12 { flex: 0 0 100%; max-width: 100%; } .medium-large-offset-11 { margin-left: 91.66667%; } .medium-large-up-1 { flex-wrap: wrap; } .medium-large-up-1 > .column, .medium-large-up-1 > .columns { flex: 0 0 100%; max-width: 100%; } .medium-large-up-2 { flex-wrap: wrap; } .medium-large-up-2 > .column, .medium-large-up-2 > .columns { flex: 0 0 50%; max-width: 50%; } .medium-large-up-3 { flex-wrap: wrap; } .medium-large-up-3 > .column, .medium-large-up-3 > .columns { flex: 0 0 33.33333%; max-width: 33.33333%; } .medium-large-up-4 { flex-wrap: wrap; } .medium-large-up-4 > .column, .medium-large-up-4 > .columns { flex: 0 0 25%; max-width: 25%; } .medium-large-up-5 { flex-wrap: wrap; } .medium-large-up-5 > .column, .medium-large-up-5 > .columns { flex: 0 0 20%; max-width: 20%; } .medium-large-up-6 { flex-wrap: wrap; } .medium-large-up-6 > .column, .medium-large-up-6 > .columns { flex: 0 0 16.66667%; max-width: 16.66667%; } .medium-large-up-7 { flex-wrap: wrap; } .medium-large-up-7 > .column, .medium-large-up-7 > .columns { flex: 0 0 14.28571%; max-width: 14.28571%; } .medium-large-up-8 { flex-wrap: wrap; } .medium-large-up-8 > .column, .medium-large-up-8 > .columns { flex: 0 0 12.5%; max-width: 12.5%; } } @media print, screen and (min-width: 48em) and (min-width: 48em) { .medium-large-expand { flex: 1 1 0px; } } .row.medium-large-unstack > .column, .row.medium-large-unstack > .columns { flex: 0 0 100%; } @media print, screen and (min-width: 48em) { .row.medium-large-unstack > .column, .row.medium-large-unstack > .columns { flex: 1 1 0px; } } @media print, screen and (min-width: 48em) { .medium-large-collapse > .column, .medium-large-collapse > .columns { padding-right: 0; padding-left: 0; } .medium-large-uncollapse > .column, .medium-large-uncollapse > .columns { padding-right: 1.2rem; padding-left: 1.2rem; } } @media print, screen and (min-width: 60em) { .xmedium-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .xmedium-offset-0 { margin-left: 0%; } .xmedium-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .xmedium-offset-1 { margin-left: 8.33333%; } .xmedium-3 { flex: 0 0 25%; max-width: 25%; } .xmedium-offset-2 { margin-left: 16.66667%; } .xmedium-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .xmedium-offset-3 { margin-left: 25%; } .xmedium-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .xmedium-offset-4 { margin-left: 33.33333%; } .xmedium-6 { flex: 0 0 50%; max-width: 50%; } .xmedium-offset-5 { margin-left: 41.66667%; } .xmedium-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .xmedium-offset-6 { margin-left: 50%; } .xmedium-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .xmedium-offset-7 { margin-left: 58.33333%; } .xmedium-9 { flex: 0 0 75%; max-width: 75%; } .xmedium-offset-8 { margin-left: 66.66667%; } .xmedium-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .xmedium-offset-9 { margin-left: 75%; } .xmedium-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .xmedium-offset-10 { margin-left: 83.33333%; } .xmedium-12 { flex: 0 0 100%; max-width: 100%; } .xmedium-offset-11 { margin-left: 91.66667%; } .xmedium-up-1 { flex-wrap: wrap; } .xmedium-up-1 > .column, .xmedium-up-1 > .columns { flex: 0 0 100%; max-width: 100%; } .xmedium-up-2 { flex-wrap: wrap; } .xmedium-up-2 > .column, .xmedium-up-2 > .columns { flex: 0 0 50%; max-width: 50%; } .xmedium-up-3 { flex-wrap: wrap; } .xmedium-up-3 > .column, .xmedium-up-3 > .columns { flex: 0 0 33.33333%; max-width: 33.33333%; } .xmedium-up-4 { flex-wrap: wrap; } .xmedium-up-4 > .column, .xmedium-up-4 > .columns { flex: 0 0 25%; max-width: 25%; } .xmedium-up-5 { flex-wrap: wrap; } .xmedium-up-5 > .column, .xmedium-up-5 > .columns { flex: 0 0 20%; max-width: 20%; } .xmedium-up-6 { flex-wrap: wrap; } .xmedium-up-6 > .column, .xmedium-up-6 > .columns { flex: 0 0 16.66667%; max-width: 16.66667%; } .xmedium-up-7 { flex-wrap: wrap; } .xmedium-up-7 > .column, .xmedium-up-7 > .columns { flex: 0 0 14.28571%; max-width: 14.28571%; } .xmedium-up-8 { flex-wrap: wrap; } .xmedium-up-8 > .column, .xmedium-up-8 > .columns { flex: 0 0 12.5%; max-width: 12.5%; } } @media print, screen and (min-width: 60em) and (min-width: 60em) { .xmedium-expand { flex: 1 1 0px; } } .row.xmedium-unstack > .column, .row.xmedium-unstack > .columns { flex: 0 0 100%; } @media print, screen and (min-width: 60em) { .row.xmedium-unstack > .column, .row.xmedium-unstack > .columns { flex: 1 1 0px; } } @media print, screen and (min-width: 60em) { .xmedium-collapse > .column, .xmedium-collapse > .columns { padding-right: 0; padding-left: 0; } .xmedium-uncollapse > .column, .xmedium-uncollapse > .columns { padding-right: 1.2rem; padding-left: 1.2rem; } } @media print, screen and (min-width: 64em) { .large-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .large-offset-0 { margin-left: 0%; } .large-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .large-offset-1 { margin-left: 8.33333%; } .large-3 { flex: 0 0 25%; max-width: 25%; } .large-offset-2 { margin-left: 16.66667%; } .large-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .large-offset-3 { margin-left: 25%; } .large-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .large-offset-4 { margin-left: 33.33333%; } .large-6 { flex: 0 0 50%; max-width: 50%; } .large-offset-5 { margin-left: 41.66667%; } .large-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .large-offset-6 { margin-left: 50%; } .large-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .large-offset-7 { margin-left: 58.33333%; } .large-9 { flex: 0 0 75%; max-width: 75%; } .large-offset-8 { margin-left: 66.66667%; } .large-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .large-offset-9 { margin-left: 75%; } .large-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .large-offset-10 { margin-left: 83.33333%; } .large-12 { flex: 0 0 100%; max-width: 100%; } .large-offset-11 { margin-left: 91.66667%; } .large-up-1 { flex-wrap: wrap; } .large-up-1 > .column, .large-up-1 > .columns { flex: 0 0 100%; max-width: 100%; } .large-up-2 { flex-wrap: wrap; } .large-up-2 > .column, .large-up-2 > .columns { flex: 0 0 50%; max-width: 50%; } .large-up-3 { flex-wrap: wrap; } .large-up-3 > .column, .large-up-3 > .columns { flex: 0 0 33.33333%; max-width: 33.33333%; } .large-up-4 { flex-wrap: wrap; } .large-up-4 > .column, .large-up-4 > .columns { flex: 0 0 25%; max-width: 25%; } .large-up-5 { flex-wrap: wrap; } .large-up-5 > .column, .large-up-5 > .columns { flex: 0 0 20%; max-width: 20%; } .large-up-6 { flex-wrap: wrap; } .large-up-6 > .column, .large-up-6 > .columns { flex: 0 0 16.66667%; max-width: 16.66667%; } .large-up-7 { flex-wrap: wrap; } .large-up-7 > .column, .large-up-7 > .columns { flex: 0 0 14.28571%; max-width: 14.28571%; } .large-up-8 { flex-wrap: wrap; } .large-up-8 > .column, .large-up-8 > .columns { flex: 0 0 12.5%; max-width: 12.5%; } } @media print, screen and (min-width: 64em) and (min-width: 64em) { .large-expand { flex: 1 1 0px; } } .row.large-unstack > .column, .row.large-unstack > .columns { flex: 0 0 100%; } @media print, screen and (min-width: 64em) { .row.large-unstack > .column, .row.large-unstack > .columns { flex: 1 1 0px; } } @media print, screen and (min-width: 64em) { .large-collapse > .column, .large-collapse > .columns { padding-right: 0; padding-left: 0; } .large-uncollapse > .column, .large-uncollapse > .columns { padding-right: 1.6rem; padding-left: 1.6rem; } } .shrink { flex: 0 0 auto; max-width: 100%; } .column-block { margin-bottom: 1.6rem; } .column-block > :last-child { margin-bottom: 0; } @media print, screen and (min-width: 40em) { .column-block { margin-bottom: 2.4rem; } .column-block > :last-child { margin-bottom: 0; } } @media print, screen and (min-width: 64em) { .column-block { margin-bottom: 3.2rem; } .column-block > :last-child { margin-bottom: 0; } } .menu { padding: 0; margin: 0; list-style: none; position: relative; display: flex; flex-wrap: wrap; } [data-whatinput='mouse'] .menu li { outline: 0; } .menu a, .menu .button { line-height: 1; text-decoration: none; display: block; padding: 0.8rem 1.6rem; } .menu input, .menu select, .menu a, .menu button { margin-bottom: 0; } .menu input { display: inline-block; } .menu, .menu.horizontal { flex-wrap: wrap; flex-direction: row; } .menu.vertical { flex-wrap: nowrap; flex-direction: column; } .menu.vertical.icon-top li a img, .menu.vertical.icon-top li a i, .menu.vertical.icon-top li a svg, .menu.vertical.icon-bottom li a img, .menu.vertical.icon-bottom li a i, .menu.vertical.icon-bottom li a svg { text-align: left; } .menu.expanded li { flex: 1 1 0px; } .menu.expanded.icon-top li a img, .menu.expanded.icon-top li a i, .menu.expanded.icon-top li a svg, .menu.expanded.icon-bottom li a img, .menu.expanded.icon-bottom li a i, .menu.expanded.icon-bottom li a svg { text-align: left; } .menu.simple { align-items: center; } .menu.simple li + li { margin-left: 1.6rem; } .menu.simple a { padding: 0; } @media print, screen and (min-width: 30em) { .menu.small-medium-horizontal { flex-wrap: wrap; flex-direction: row; } .menu.small-medium-vertical { flex-wrap: nowrap; flex-direction: column; } .menu.small-medium-expanded li { flex: 1 1 0px; } .menu.small-medium-simple li { flex: 1 1 0px; } } @media print, screen and (min-width: 40em) { .menu.medium-horizontal { flex-wrap: wrap; flex-direction: row; } .menu.medium-vertical { flex-wrap: nowrap; flex-direction: column; } .menu.medium-expanded li { flex: 1 1 0px; } .menu.medium-simple li { flex: 1 1 0px; } } @media print, screen and (min-width: 48em) { .menu.medium-large-horizontal { flex-wrap: wrap; flex-direction: row; } .menu.medium-large-vertical { flex-wrap: nowrap; flex-direction: column; } .menu.medium-large-expanded li { flex: 1 1 0px; } .menu.medium-large-simple li { flex: 1 1 0px; } } @media print, screen and (min-width: 60em) { .menu.xmedium-horizontal { flex-wrap: wrap; flex-direction: row; } .menu.xmedium-vertical { flex-wrap: nowrap; flex-direction: column; } .menu.xmedium-expanded li { flex: 1 1 0px; } .menu.xmedium-simple li { flex: 1 1 0px; } } @media print, screen and (min-width: 64em) { .menu.large-horizontal { flex-wrap: wrap; flex-direction: row; } .menu.large-vertical { flex-wrap: nowrap; flex-direction: column; } .menu.large-expanded li { flex: 1 1 0px; } .menu.large-simple li { flex: 1 1 0px; } } .menu.nested { margin-right: 0; margin-left: 3.2rem; } .menu.icons a { display: flex; } .menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a { display: flex; } .menu.icon-left li a, .menu.nested.icon-left li a { flex-flow: row nowrap; } .menu.icon-left li a img, .menu.icon-left li a i, .menu.icon-left li a svg, .menu.nested.icon-left li a img, .menu.nested.icon-left li a i, .menu.nested.icon-left li a svg { margin-right: 0.8rem; } .menu.icon-right li a, .menu.nested.icon-right li a { flex-flow: row nowrap; } .menu.icon-right li a img, .menu.icon-right li a i, .menu.icon-right li a svg, .menu.nested.icon-right li a img, .menu.nested.icon-right li a i, .menu.nested.icon-right li a svg { margin-left: 0.8rem; } .menu.icon-top li a, .menu.nested.icon-top li a { flex-flow: column nowrap; } .menu.icon-top li a img, .menu.icon-top li a i, .menu.icon-top li a svg, .menu.nested.icon-top li a img, .menu.nested.icon-top li a i, .menu.nested.icon-top li a svg { align-self: stretch; margin-bottom: 0.8rem; text-align: center; } .menu.icon-bottom li a, .menu.nested.icon-bottom li a { flex-flow: column nowrap; } .menu.icon-bottom li a img, .menu.icon-bottom li a i, .menu.icon-bottom li a svg, .menu.nested.icon-bottom li a img, .menu.nested.icon-bottom li a i, .menu.nested.icon-bottom li a svg { align-self: stretch; margin-bottom: 0.8rem; text-align: center; } .menu .is-active > a { background: #002240; color: #ffffff; } .menu .active > a { background: #002240; color: #ffffff; } .menu.align-left { justify-content: flex-start; } .menu.align-right li { display: flex; justify-content: flex-end; } .menu.align-right li .submenu li { justify-content: flex-start; } .menu.align-right.vertical li { display: block; text-align: right; } .menu.align-right.vertical li .submenu li { text-align: right; } .menu.align-right.icon-top li a img, .menu.align-right.icon-top li a i, .menu.align-right.icon-top li a svg, .menu.align-right.icon-bottom li a img, .menu.align-right.icon-bottom li a i, .menu.align-right.icon-bottom li a svg { text-align: right; } .menu.align-right .nested { margin-right: 3.2rem; margin-left: 0; } .menu.align-center li { display: flex; justify-content: center; } .menu.align-center li .submenu li { justify-content: flex-start; } .menu .menu-text { padding: 1.6rem 3.2rem; font-weight: bold; line-height: 1; color: inherit; } .menu-centered > .menu { justify-content: center; } .menu-centered > .menu li { display: flex; justify-content: center; } .menu-centered > .menu li .submenu li { justify-content: flex-start; } .no-js [data-responsive-menu] ul { display: none; } .accordion-menu li { width: 100%; } .accordion-menu a { padding: 1.6rem 3.2rem; } .accordion-menu .is-accordion-submenu a { padding: 1.6rem 3.2rem; } .accordion-menu .nested.is-accordion-submenu { margin-right: 0; margin-left: 3.2rem; } .accordion-menu.align-right .nested.is-accordion-submenu { margin-right: 3.2rem; margin-left: 0; } .is-accordion-submenu-parent { position: relative; } .has-submenu-toggle > a { margin-right: 2.4rem; } .submenu-toggle { position: absolute; top: 0; right: 0; width: 2.4rem; height: 2.4rem; cursor: pointer; } .submenu-toggle::after { display: block; width: 0; height: 0; border-style: solid; border-width: 4px; content: ''; border-bottom-width: 0; border-color: #ffffff transparent transparent; top: 0; bottom: 0; margin: auto; } .submenu-toggle[aria-expanded='true']::after { transform: scaleY(-1); transform-origin: 50% 50%; } .submenu-toggle-text { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .accordion { margin-left: 0; background: #ffffff; list-style-type: none; } .accordion[disabled] .accordion-title { cursor: not-allowed; } .accordion-item:first-child > :first-child { border-radius: 0.4rem 0.4rem 0 0; } .accordion-item:last-child > :last-child { border-radius: 0 0 0.4rem 0.4rem; } .accordion-title { position: relative; display: block; padding: 3.2rem; border: 0; border-bottom: 0; font-size: 1.8rem; line-height: 1; color: #002240; } :last-child:not(.is-active) > .accordion-title { border-bottom: 0; border-radius: 0 0 0.4rem 0.4rem; } .accordion-title:hover, .accordion-title:focus { background-color: transparent; } .accordion-title::before { position: absolute; top: 50%; right: 1rem; margin-top: -0.5rem; content: "c"; } .is-active > .accordion-title::before { content: "c"; } .accordion-content { display: none; padding: 0 0 4.8rem; border: 0; border-bottom: 0; background-color: #ffffff; color: #004380; } :last-child > .accordion-content:last-child { border-bottom: 0; } .accordion-title { padding-right: 6.4rem; } .accordion-title::before { display: none; } .accordion-title .icon { position: absolute; top: 50%; transform: translateY(-50%); right: 3.2rem; color: #004380; } .accordion-title .icon::before { content: "c"; font-family: var(--root-font-family, "Bariol", sans-serif); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; } @media reader, speech, aural { .accordion-title .icon::before { display: none; visibility: hidden; } } .is-active > .accordion-title .icon::before { content: "c"; } .dropdown.menu > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 0.8rem; } .dropdown.menu > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 12px; content: ''; border-bottom-width: 0; border-color: #F39700 transparent transparent; right: 5px; left: auto; margin-top: -6px; } [data-whatinput='mouse'] .dropdown.menu a { outline: 0; } .dropdown.menu > li > a { background: #ffffff; padding: 0; } .dropdown.menu > li.is-active > a { background: transparent; color: #00838a; } .no-js .dropdown.menu ul { display: none; } .dropdown.menu .nested.is-dropdown-submenu { margin-right: 0; margin-left: 0; } .dropdown.menu.vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu { top: 0; right: 100%; left: auto; } .dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.vertical > li > a::after { right: 14px; } .dropdown.menu.vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 12px; content: ''; border-left-width: 0; border-color: transparent #F39700 transparent transparent; right: auto; left: 5px; } .dropdown.menu.vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 12px; content: ''; border-right-width: 0; border-color: transparent transparent transparent #F39700; } @media print, screen and (min-width: 30em) { .dropdown.menu.small-medium-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu.small-medium-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu.small-medium-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 0.8rem; } .dropdown.menu.small-medium-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 12px; content: ''; border-bottom-width: 0; border-color: #F39700 transparent transparent; right: 5px; left: auto; margin-top: -6px; } .dropdown.menu.small-medium-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.small-medium-vertical > li.opens-left > .is-dropdown-submenu { top: 0; right: 100%; left: auto; } .dropdown.menu.small-medium-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.small-medium-vertical > li > a::after { right: 14px; } .dropdown.menu.small-medium-vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 12px; content: ''; border-left-width: 0; border-color: transparent #F39700 transparent transparent; right: auto; left: 5px; } .dropdown.menu.small-medium-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 12px; content: ''; border-right-width: 0; border-color: transparent transparent transparent #F39700; } } @media print, screen and (min-width: 40em) { .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 0.8rem; } .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 12px; content: ''; border-bottom-width: 0; border-color: #F39700 transparent transparent; right: 5px; left: auto; margin-top: -6px; } .dropdown.menu.medium-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu { top: 0; right: 100%; left: auto; } .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.medium-vertical > li > a::after { right: 14px; } .dropdown.menu.medium-vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 12px; content: ''; border-left-width: 0; border-color: transparent #F39700 transparent transparent; right: auto; left: 5px; } .dropdown.menu.medium-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 12px; content: ''; border-right-width: 0; border-color: transparent transparent transparent #F39700; } } @media print, screen and (min-width: 48em) { .dropdown.menu.medium-large-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu.medium-large-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu.medium-large-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 0.8rem; } .dropdown.menu.medium-large-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 12px; content: ''; border-bottom-width: 0; border-color: #F39700 transparent transparent; right: 5px; left: auto; margin-top: -6px; } .dropdown.menu.medium-large-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.medium-large-vertical > li.opens-left > .is-dropdown-submenu { top: 0; right: 100%; left: auto; } .dropdown.menu.medium-large-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.medium-large-vertical > li > a::after { right: 14px; } .dropdown.menu.medium-large-vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 12px; content: ''; border-left-width: 0; border-color: transparent #F39700 transparent transparent; right: auto; left: 5px; } .dropdown.menu.medium-large-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 12px; content: ''; border-right-width: 0; border-color: transparent transparent transparent #F39700; } } @media print, screen and (min-width: 60em) { .dropdown.menu.xmedium-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu.xmedium-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu.xmedium-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 0.8rem; } .dropdown.menu.xmedium-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 12px; content: ''; border-bottom-width: 0; border-color: #F39700 transparent transparent; right: 5px; left: auto; margin-top: -6px; } .dropdown.menu.xmedium-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.xmedium-vertical > li.opens-left > .is-dropdown-submenu { top: 0; right: 100%; left: auto; } .dropdown.menu.xmedium-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.xmedium-vertical > li > a::after { right: 14px; } .dropdown.menu.xmedium-vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 12px; content: ''; border-left-width: 0; border-color: transparent #F39700 transparent transparent; right: auto; left: 5px; } .dropdown.menu.xmedium-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 12px; content: ''; border-right-width: 0; border-color: transparent transparent transparent #F39700; } } @media print, screen and (min-width: 64em) { .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 0.8rem; } .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 12px; content: ''; border-bottom-width: 0; border-color: #F39700 transparent transparent; right: 5px; left: auto; margin-top: -6px; } .dropdown.menu.large-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu { top: 0; right: 100%; left: auto; } .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.large-vertical > li > a::after { right: 14px; } .dropdown.menu.large-vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 12px; content: ''; border-left-width: 0; border-color: transparent #F39700 transparent transparent; right: auto; left: 5px; } .dropdown.menu.large-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 12px; content: ''; border-right-width: 0; border-color: transparent transparent transparent #F39700; } } .dropdown.menu.align-right .is-dropdown-submenu.first-sub { top: 100%; right: 0; left: auto; } .is-dropdown-menu.vertical { width: 100px; } .is-dropdown-menu.vertical.align-right { float: right; } .is-dropdown-submenu-parent { position: relative; } .is-dropdown-submenu-parent a::after { position: absolute; top: 50%; right: 5px; left: auto; margin-top: -12px; } .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu { top: 100%; left: auto; } .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu { right: 100%; left: auto; } .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .is-dropdown-submenu { position: absolute; top: 0; left: 100%; z-index: 1; display: none; min-width: 30rem; border: 1px solid #E8E2DF; background: #E8E2DF; } .dropdown .is-dropdown-submenu a { padding: 1.6rem 3.2rem; } .is-dropdown-submenu .is-dropdown-submenu-parent > a::after { right: 14px; } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 12px; content: ''; border-left-width: 0; border-color: transparent #F39700 transparent transparent; right: auto; left: 5px; } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 12px; content: ''; border-right-width: 0; border-color: transparent transparent transparent #F39700; } .is-dropdown-submenu .is-dropdown-submenu { margin-top: -1px; } .is-dropdown-submenu > li { width: 100%; } .is-dropdown-submenu.js-dropdown-active { display: block; } .tabs { margin: 0; border: 1px solid transparent; background: transparent; list-style-type: none; } .tabs::before, .tabs::after { display: table; content: ' '; flex-basis: 0; order: 1; } .tabs::after { clear: both; } .tabs.vertical > li { display: block; float: none; width: auto; } .tabs.simple > li > a { padding: 0; } .tabs.simple > li > a:hover { background: transparent; } .tabs.primary { background: #002240; } .tabs.primary > li > a { color: #ffffff; } .tabs.primary > li > a:hover, .tabs.primary > li > a:focus { background: #002e56; } .tabs-title { float: left; } .tabs-title > a { display: block; padding: 1.6rem 3.2rem; font-size: 1.8rem; line-height: 1; color: #004380; } [data-whatinput='mouse'] .tabs-title > a { outline: 0; } .tabs-title > a:hover { background: #F8F7F7; color: #003a6e; } .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] { background: #E8E2DF; color: #002240; } .tabs-content { border: 1px solid transparent; border-top: 0; background: #E8E2DF; color: #004380; transition: all 0.5s ease; } .tabs-content.vertical { border: 1px solid transparent; border-left: 0; } .tabs-panel { display: none; padding: 0; } .tabs-panel.is-active { display: block; } .dropdown-pane { position: absolute; z-index: 10; display: none; width: 36rem; padding: 3.2rem; visibility: hidden; border: 1px solid #E8E2DF; border-radius: 0; background-color: #f8f7f7; font-size: 62.5%; } .dropdown-pane.is-opening { display: block; } .dropdown-pane.is-open { display: block; visibility: visible; } .dropdown-pane.tiny { width: 12rem; } .dropdown-pane.small { width: 24rem; } .dropdown-pane.large { width: 48rem; } [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea { display: block; box-sizing: border-box; width: 100%; height: 5.1rem; margin: 0 0 3.2rem; padding: 1.6rem; border: 1px solid #6d6c6a; border-radius: 0.4rem; background-color: #ffffff; box-shadow: none; font-family: inherit; font-size: 2rem; font-weight: normal; line-height: 1; color: #004380; transition: 0.25s ease-out; appearance: none; } [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus { outline: none; border: 1px solid #6F6D6A; background-color: #ffffff; box-shadow: none; transition: 0.25s ease-out; } textarea { max-width: 100%; } textarea[rows] { height: auto; } input:disabled, input[readonly], textarea:disabled, textarea[readonly] { background-color: #F8F7F7; cursor: not-allowed; } [type='submit'], [type='button'] { appearance: none; border-radius: 0.4rem; } input[type='search'] { box-sizing: border-box; } ::placeholder { color: #003566; } [type='file'], [type='checkbox'], [type='radio'] { margin: 0 0 3.2rem; } [type='checkbox'] + label, [type='checkbox'] + legend.form-control-label, [type='radio'] + label, [type='radio'] + legend.form-control-label { display: inline-block; vertical-align: baseline; margin-left: 1.6rem; margin-right: 3.2rem; margin-bottom: 0; } [type='checkbox'] + label[for], [type='checkbox'] + legend.form-control-label[for], [type='radio'] + label[for], [type='radio'] + legend.form-control-label[for] { cursor: pointer; } label > [type='checkbox'], legend.form-control-label > [type='checkbox'], label > [type='radio'], legend.form-control-label > [type='radio'] { margin-right: 1.6rem; } [type='file'] { width: 100%; } label, legend.form-control-label { display: block; margin: 0; font-size: 2rem; font-weight: bold; line-height: 1.6; color: #4D4B49; } label.middle, legend.middle.form-control-label { margin: 0 0 3.2rem; line-height: var(--root-line-height, 1.6); padding: 1.7rem 0; } .help-text { margin-top: -1.6rem; font-size: 1.8rem; font-style: italic; color: #6F6D6A; } .input-group { display: flex; width: 100%; margin-bottom: 3.2rem; align-items: stretch; } .input-group > :first-child, .input-group > :first-child.input-group-button > * { border-radius: 0.4rem 0 0 0.4rem; } .input-group > :last-child, .input-group > :last-child.input-group-button > * { border-radius: 0 0.4rem 0.4rem 0; } .input-group-label, .input-group-field, .input-group-button, .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label, .input-group-button legend.form-control-label { margin: 0; white-space: nowrap; } .input-group-label { padding: 0 1rem; border: 1px solid #C2BEBA; background: #E8E2DF; color: #4D4B49; text-align: center; white-space: nowrap; display: flex; flex: 0 0 auto; align-items: center; } .input-group-label:first-child { border-right: 0; } .input-group-label:last-child { border-left: 0; } .input-group-field { border-radius: 0; flex: 1 1 0px; min-width: 0; } .input-group-button { padding-top: 0; padding-bottom: 0; text-align: center; display: flex; flex: 0 0 auto; } .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label, .input-group-button legend.form-control-label { align-self: stretch; height: auto; padding-top: 0; padding-bottom: 0; font-size: 2rem; } fieldset { margin: 0; padding: 0; border: 0; } legend { max-width: 100%; margin-bottom: 1.6rem; } .fieldset { margin: 0; padding: 0; border: 0; } .fieldset legend { margin: 0; margin-left: -0.3rem; padding: 0; } select { height: 5.1rem; margin: 0 0 3.2rem; padding: 1.6rem; appearance: none; border: 1px solid #6d6c6a; border-radius: 0.4rem; background-color: #ffffff; font-family: inherit; font-size: 2rem; font-weight: normal; line-height: 1; color: #004380; background-image: url('data:image/svg+xml;utf8,'); background-origin: content-box; background-position: right -3.2rem center; background-repeat: no-repeat; background-size: 9px 6px; padding-right: 4.8rem; transition: 0.25s ease-out; } @media screen and (min-width: 0\0) { select { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } select:focus { outline: none; border: 1px solid #6F6D6A; background-color: #ffffff; box-shadow: none; transition: 0.25s ease-out; } select:disabled { background-color: #F8F7F7; cursor: not-allowed; } select::-ms-expand { display: none; } select[multiple] { height: auto; background-image: none; } select:not([multiple]) { padding-top: 0; padding-bottom: 0; } .is-invalid-input:not(:focus) { border-color: #cc4b37; background-color: #faedeb; } .is-invalid-input:not(:focus)::placeholder { color: #cc4b37; } .form-error { display: none; margin-top: -1.6rem; margin-bottom: 3.2rem; font-size: 1.8rem; font-weight: bold; color: #cc4b37; } .form-error.is-visible { display: block; } .callout { position: relative; margin: 0 0 3.2rem; padding: 1rem; border: 1px solid rgba(77, 75, 73, 0.25); border-radius: 0.4rem; background-color: white; color: #004380; } .callout > :first-child { margin-top: 0; } .callout > :last-child { margin-bottom: 0; } .callout.primary { background-color: #bce0ff; color: #004380; } .callout.secondary { background-color: #fff0d7; color: #004380; } .callout.tertiary { background-color: #cbfcff; color: #004380; } .callout.quaternary { background-color: #f5ddef; color: #004380; } .callout.success { background-color: #e1faea; color: #004380; } .callout.warning { background-color: #fff3d9; color: #004380; } .callout.alert { background-color: #f7e4e1; color: #004380; } .callout.small { padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; } .callout.large { padding-top: 3rem; padding-right: 3rem; padding-bottom: 3rem; padding-left: 3rem; } .callout li label, .callout li legend.form-control-label { display: inline; font-weight: normal; text-decoration: underline; cursor: pointer; } @media (hover: hover) and (pointer: fine) { .callout li label:hover, .callout li legend.form-control-label:hover { text-decoration: none; } } .callout.primary li label, .callout.primary li legend.form-control-label { color: #f8f7f7; } .callout.secondary li label, .callout.secondary li legend.form-control-label { color: #004380; } .callout.tertiary li label, .callout.tertiary li legend.form-control-label { color: #f8f7f7; } .callout.quaternary li label, .callout.quaternary li legend.form-control-label { color: #f8f7f7; } .callout.success li label, .callout.success li legend.form-control-label { color: #004380; } .callout.warning li label, .callout.warning li legend.form-control-label { color: #004380; } .callout.alert li label, .callout.alert li legend.form-control-label { color: #f8f7f7; } .form { display: flex; flex-flow: column wrap; margin: 0 0 3.2rem; } .form .form-controls { min-width: 100%; display: flex; margin-left: -0.8rem; margin-right: -0.8rem; flex-direction: column; } @media print, screen and (min-width: 40em) { .form .form-controls { margin-left: -1.2rem; margin-right: -1.2rem; } } @media print, screen and (min-width: 64em) { .form .form-controls { margin-left: -1.6rem; margin-right: -1.6rem; } } .form .form-control, .form .recaptcha-holder { margin-bottom: 3.2rem; width: 100%; padding-left: 0.8rem; padding-right: 0.8rem; } @media print, screen and (min-width: 40em) { .form .form-control, .form .recaptcha-holder { padding-left: 1.2rem; padding-right: 1.2rem; } } @media print, screen and (min-width: 64em) { .form .form-control, .form .recaptcha-holder { padding-left: 1.6rem; padding-right: 1.6rem; } } .form .form-control .form-control-wrapper, .form .recaptcha-holder .form-control-wrapper { margin-left: -0.8rem; margin-right: -0.8rem; } @media print, screen and (min-width: 40em) { .form .form-control .form-control-wrapper, .form .recaptcha-holder .form-control-wrapper { margin-left: -1.2rem; margin-right: -1.2rem; } } @media print, screen and (min-width: 64em) { .form .form-control .form-control-wrapper, .form .recaptcha-holder .form-control-wrapper { margin-left: -1.6rem; margin-right: -1.6rem; } } .form .form-control .form-control, .form .recaptcha-holder .form-control, .form .form-control .recaptcha-holder, .form .recaptcha-holder .recaptcha-holder { margin-bottom: 1.6rem; } .form .form-control-whitespace { height: 3.2rem; } .form [type='text'], .form [type='password'], .form [type='date'], .form [type='datetime'], .form [type='datetime-local'], .form [type='month'], .form [type='week'], .form [type='email'], .form [type='number'], .form [type='search'], .form [type='tel'], .form [type='time'], .form [type='url'], .form [type='color'], .form select, .form textarea { margin: 0; -webkit-appearance: none; } .form .form-control-buttons { display: flex; align-items: center; } .form .form-control-buttons > button { margin: 0 0 3.2rem; } .form .form-control-buttons > button:not(:last-child) { margin-right: 3.2rem; } .component-form-verwijzing .component-block:not(:last-child) { margin-bottom: 3.2rem; } .form-control-label { margin: 0 0 0.8rem; } .form-control-label .form-control-optional { margin: 0 0 0 0.8rem; color: #6F6D6A; font-style: normal; font-weight: normal; } .form-control-field-wrapper-checkbox-radio .form-control-label, .form-control-wrapper .form-control-label { font-weight: normal; } legend.form-control-label { margin: 0 0 0.8rem; float: left; } legend.form-control-label + * { clear: both; } .form-control-field-wrapper-checkbox-radio { position: relative; } .form-control-field-wrapper-checkbox-radio .form-control-label { padding-left: 2.4rem; position: relative; margin-left: 0; margin-right: 0; } .form-control-field-wrapper-checkbox-radio .form-control-label::before { transition: 0.25s ease-out; content: ''; background: #ffffff; width: 1.6rem; height: 1.6rem; display: block; position: absolute; top: calc(var(--root-line-height, 1.6) * 0.625 * .5); transform: translateY(-50%); left: 0; border: 1px solid #6d6c6a; border-radius: 0.2rem; padding: 0.1rem; background-clip: content-box; } @media (hover: hover) and (pointer: fine) { .form-control-field-wrapper-checkbox-radio .form-control-label:hover::before, .form-control-field-wrapper-checkbox-radio [type='checkbox']:focus + .form-control-label::before, .form-control-field-wrapper-checkbox-radio [type='radio']:focus + .form-control-label::before { border: 1px solid #6F6D6A; background-color: rgba(0, 34, 64, 0.5); } .form-control-field-wrapper-checkbox-radio .form-control-label:hover::after { color: #ffffff; opacity: 1 !important; } } .form-control-field-wrapper-checkbox-radio [type='radio'] + .form-control-label::before { border-radius: 50%; } .form-control-field-wrapper-checkbox-radio [type='checkbox'] + .form-control-label:hover + .form-control-label::after, .form-control-field-wrapper-checkbox-radio [type='checkbox'] + .form-control-label:checked + .form-control-label::after { opacity: 1; border-color: #ffffff; } .form-control-field-wrapper-checkbox-radio [type='checkbox'] + .form-control-label::after { content: ''; width: 0.9rem; height: 0.45rem; display: block; position: absolute; top: calc(var(--root-line-height, 1.6) * 0.625 * .5); left: 0.8rem; transform: translate(-50%, -50%) rotate(-45deg); border: 0.2rem solid rgba(0, 67, 128, 0.25); border-top: 0; border-right: 0; opacity: 0; } .form-control-field-wrapper-checkbox-radio [type='checkbox'], .form-control-field-wrapper-checkbox-radio [type='radio'] { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .form-control-field-wrapper-checkbox-radio [type='checkbox']:checked + .form-control-label::before, .form-control-field-wrapper-checkbox-radio [type='radio']:checked + .form-control-label::before { background: #002240; background-clip: content-box; } .form-control-field-wrapper-checkbox-radio [type='checkbox']:focus + .form-control-label::before, .form-control-field-wrapper-checkbox-radio [type='radio']:focus + .form-control-label::before { box-shadow: none; } .form-control-field-wrapper-checkbox-radio + .form-control-field-wrapper input[type='text'] { margin-top: 0.8rem; } .form-control-radio-text .form-control-field-wrapper-checkbox-radio:has([type='radio']:not(:checked)) ~ .form-control-field-wrapper [type='text'] { display: none; } .form .form-control-select-date { margin-bottom: 1.6rem; } .form .form-control-select-date .form-control-wrapper { padding-left: 0.8rem; padding-right: 0.8rem; } @media print, screen and (min-width: 40em) { .form .form-control-select-date .form-control-wrapper { padding-left: 1.2rem; padding-right: 1.2rem; } } @media print, screen and (min-width: 64em) { .form .form-control-select-date .form-control-wrapper { padding-left: 1.6rem; padding-right: 1.6rem; } } .form .form-control-select-date .form-control-field-wrapper { margin-bottom: 1.6rem; } .form .form-control-select-date .form-control-field-wrapper .form-label { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } @media print, screen and (min-width: 40em) { .form .form-control-select-date .form-control-wrapper { display: flex; flex-wrap: wrap; flex-direction: row; } .form .form-control-select-date .form-control-field-wrapper { position: relative; width: calc(33.3333% - 2.13344rem); } .form .form-control-select-date .form-control-field-wrapper:not(:last-of-type) { margin-right: 3.2rem; } } textarea { min-height: 12rem; } .form-control-file .file-upload-button { display: inline-block; vertical-align: middle; margin: 0 0 3.2rem; padding: 0.85em 1em; border: 1px solid transparent; border-radius: 0.4rem; transition: 0.25s ease-out; font-family: inherit; font-size: 1.6rem; font-weight: bold; -webkit-appearance: none; line-height: 1; text-align: center; cursor: pointer; display: inline-flex; font-weight: bold; text-decoration: none; align-items: center; margin-bottom: 0; cursor: pointer; display: inline-flex; } [data-whatinput='mouse'] .form-control-file .file-upload-button { outline: 0; } .form-control-file .file-upload-button dfn { color: inherit !important; } .form-control-file .file-upload-button dfn:before, .form-control-file .file-upload-button dfn::after { content: ' '; white-space: pre; } .form-control-file .file-upload-button, .form-control-file .file-upload-button.disabled, .form-control-file .file-upload-button[disabled], .form-control-file .file-upload-button.disabled:hover, .form-control-file .file-upload-button[disabled]:hover, .form-control-file .file-upload-button.disabled:focus, .form-control-file .file-upload-button[disabled]:focus { border: 2px solid #004380; color: #004380; } .form-control-file .file-upload-button:hover, .form-control-file .file-upload-button:focus { border-color: #002240; color: #002240; } .form-control-file [type='file'] { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .form-control-file [type='file']:focus + .file-upload-button { outline: 1px dotted #212121; outline: auto 5px -webkit-focus-ring-color; } .form-control-file [type='file']:focus + .file-upload-button, .form-control-file [type='file']:focus + .file-upload-button.disabled, .form-control-file [type='file']:focus + .file-upload-button[disabled], .form-control-file [type='file']:focus + .file-upload-button.disabled:hover, .form-control-file [type='file']:focus + .file-upload-button[disabled]:hover, .form-control-file [type='file']:focus + .file-upload-button.disabled:focus, .form-control-file [type='file']:focus + .file-upload-button[disabled]:focus { border: 2px solid #003667; color: #003667; } .form-control-file [type='file']:focus + .file-upload-button:hover, .form-control-file [type='file']:focus + .file-upload-button:focus { border-color: #001b33; color: #001b33; } .form .form-control, .form .recaptcha-holder { position: relative; } .form .form-control-label { padding-right: 2.4rem; } @media print, screen and (min-width: 40em) { .form .form-control-label { padding-right: 2.8rem; } } @media print, screen and (min-width: 64em) { .form .form-control-label { padding-right: 3.2rem; } } .form .form-control-wrapper .form-control-label { padding-right: 0; } .form .tooltip-trigger { position: absolute; top: 0; right: 0.8rem; } @media print, screen and (min-width: 40em) { .form .tooltip-trigger { right: 1.2rem; } } @media print, screen and (min-width: 64em) { .form .tooltip-trigger { right: 1.6rem; } } .tooltip.dropdown-pane { border: 0; } .tooltip.dropdown-pane::before { display: block; width: 0; height: 0; border-style: solid; border-width: 0.8rem; content: ''; border-bottom-width: 0; border-color: #4D4B49 transparent transparent; position: absolute; left: 50%; transform: translateX(-50%); top: 100%; } .form-control-error-message { margin: 0.8rem 0 0; color: #cc4b37; font-weight: bold; font-size: 1.8rem; } .form-control-error [type='text']:not(:focus), .form-control-error [type='password']:not(:focus), .form-control-error [type='date']:not(:focus), .form-control-error [type='datetime']:not(:focus), .form-control-error [type='datetime-local']:not(:focus), .form-control-error [type='month']:not(:focus), .form-control-error [type='week']:not(:focus), .form-control-error [type='email']:not(:focus), .form-control-error [type='number']:not(:focus), .form-control-error [type='search']:not(:focus), .form-control-error [type='tel']:not(:focus), .form-control-error [type='time']:not(:focus), .form-control-error [type='url']:not(:focus), .form-control-error [type='color']:not(:focus), .form-control-error textarea:not(:focus) { border-color: #cc4b37; background-color: #faedeb; } .form-control-error [type='text']:not(:focus)::placeholder, .form-control-error [type='password']:not(:focus)::placeholder, .form-control-error [type='date']:not(:focus)::placeholder, .form-control-error [type='datetime']:not(:focus)::placeholder, .form-control-error [type='datetime-local']:not(:focus)::placeholder, .form-control-error [type='month']:not(:focus)::placeholder, .form-control-error [type='week']:not(:focus)::placeholder, .form-control-error [type='email']:not(:focus)::placeholder, .form-control-error [type='number']:not(:focus)::placeholder, .form-control-error [type='search']:not(:focus)::placeholder, .form-control-error [type='tel']:not(:focus)::placeholder, .form-control-error [type='time']:not(:focus)::placeholder, .form-control-error [type='url']:not(:focus)::placeholder, .form-control-error [type='color']:not(:focus)::placeholder, .form-control-error textarea:not(:focus)::placeholder { color: #cc4b37; } .form-required-description { display: none; } .form-control-color [type='color'] { padding: 2px; } .recaptcha-holder .grecaptcha-badge { position: static !important; } html, body { position: relative; } html { scroll-behavior: smooth; } .no-js * { transition: none !important; } address { font-style: normal; margin-bottom: 3.2rem; } textarea { overflow: auto; resize: vertical; } picture { display: block; } select { display: block; } .responsive-image { width: 100%; position: relative; } .responsive-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: none; transform: none; } .image-ratio { width: 100%; position: relative; padding-bottom: 66.66667% !important; width: 100%; position: relative; overflow: hidden; background: #F8F7F7; } .image-ratio img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: none; } .image-ratio .responsive-image { padding-top: 0 !important; position: static; } .image-ratio .responsive-image { position: static; padding-top: 0 !important; } [href^='mailto:'] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .icalendar { box-sizing: content-box; } .component-twitter s, .comp-twitter s, .comp-tweet s { text-decoration: none; } .component-block { margin-bottom: 3.2rem; } .component-block .component-block { margin-bottom: 0; } .row { width: 100%; padding-left: 0.8rem; padding-right: 0.8rem; } @media print, screen and (min-width: 40em) { .row { padding-left: 1.2rem; padding-right: 1.2rem; } } @media print, screen and (min-width: 64em) { .row { padding-left: 1.6rem; padding-right: 1.6rem; } } .row .row { width: auto; min-width: 100%; padding-left: 0; padding-right: 0; } div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; } p { margin-bottom: 3.2rem; font-size: inherit; line-height: var(--root-line-height, 1.6); text-rendering: optimizeLegibility; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 1.8rem; line-height: inherit; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: var(--root-font-family, "Bariol", var(--root-font-family, "Bariol", sans-serif)); font-style: normal; font-weight: bold; color: inherit; text-rendering: optimizeLegibility; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small { line-height: 0; color: #6F6D6A; } a { line-height: inherit; color: #004380; text-decoration: underline; cursor: pointer; } a:hover, a:focus { color: #009BA4; } a img { border: 0; } hr { clear: both; max-width: 121.6rem; height: 0; margin: 6.4rem auto; border-top: 0; border-right: 0; border-bottom: 1px solid #E8E2DF; border-left: 0; } ul, ol, dl { margin-bottom: 3.2rem; list-style-position: outside; line-height: var(--root-line-height, 1.6); } li { font-size: inherit; } ul { margin-left: 1.6rem; list-style-type: disc; } ol { margin-left: 1.6rem; } ul ul, ol ul, ul ol, ol ol { margin-left: 3.2rem; margin-bottom: 0; } dl { margin-bottom: 3.2rem; } dl dt { margin-bottom: 0; font-weight: normal; } blockquote { margin: 0 0 3.2rem; padding: 1.6rem 3.2rem 1.6rem 3.2rem; border-left: 2px solid #E8E2DF; } blockquote, blockquote p { line-height: var(--root-line-height, 1.6); color: #004380; } abbr, abbr[title] { border-bottom: 1px dotted #6F6D6A; cursor: help; text-decoration: none; } figure { margin: 0; } kbd { margin: 0; padding: 0.2rem 0.4rem 0; background-color: #E8E2DF; font-family: Consolas, "Liberation Mono", Courier, monospace; color: #4D4B49; border-radius: 0.4rem; } .subheader { margin-top: 0; margin-bottom: 2.4rem; font-weight: normal; line-height: inherit; color: #ffffff; } .lead { font-size: 2.4rem; line-height: 3.8rem; } .stat { font-size: 3.6rem; line-height: 1; } p + .stat { margin-top: -1rem; } ul.no-bullet, ol.no-bullet { margin-left: 0; list-style: none; } .cite-block, cite { display: block; color: #6F6D6A; font-size: 1.8rem; } .cite-block:before, cite:before { content: "— "; } .code-inline, code { border: 1px solid #C2BEBA; background-color: #E8E2DF; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #4D4B49; display: inline; max-width: 100%; word-wrap: break-word; padding: 0.2rem 0.5rem 0.1rem; } .code-block { border: 1px solid #C2BEBA; background-color: #E8E2DF; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #4D4B49; display: block; overflow: auto; white-space: pre; padding: 1rem; margin-bottom: 1.5rem; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } @media print, screen and (min-width: 30em) { .small-medium-text-left { text-align: left; } .small-medium-text-right { text-align: right; } .small-medium-text-center { text-align: center; } .small-medium-text-justify { text-align: justify; } } @media print, screen and (min-width: 40em) { .medium-text-left { text-align: left; } .medium-text-right { text-align: right; } .medium-text-center { text-align: center; } .medium-text-justify { text-align: justify; } } @media print, screen and (min-width: 48em) { .medium-large-text-left { text-align: left; } .medium-large-text-right { text-align: right; } .medium-large-text-center { text-align: center; } .medium-large-text-justify { text-align: justify; } } @media print, screen and (min-width: 60em) { .xmedium-text-left { text-align: left; } .xmedium-text-right { text-align: right; } .xmedium-text-center { text-align: center; } .xmedium-text-justify { text-align: justify; } } @media print, screen and (min-width: 64em) { .large-text-left { text-align: left; } .large-text-right { text-align: right; } .large-text-center { text-align: center; } .large-text-justify { text-align: justify; } } .show-for-print { display: none !important; } @media print { * { background: transparent !important; color: black !important; print-color-adjust: economy; box-shadow: none !important; text-shadow: none !important; } .show-for-print { display: block !important; } .hide-for-print, .site-header, .off-canvas, .site-hero-image, .breadcrumbs, .site-share, .site-footer { display: none !important; } table.show-for-print { display: table !important; } thead.show-for-print { display: table-header-group !important; } tbody.show-for-print { display: table-row-group !important; } tr.show-for-print { display: table-row !important; } td.show-for-print { display: table-cell !important; } th.show-for-print { display: table-cell !important; } a, a:visited { text-decoration: underline; } .ir a:after, a[href^='javascript:']:after, a[href^='#']:after { content: ''; } abbr[title]:after { content: " (" attr(title) ")"; } pre, blockquote { border: 1px solid #6F6D6A; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .print-break-inside { page-break-inside: auto; } } .ck-editor::before, .ck-editor::after { display: table; content: ' '; flex-basis: 0; order: 1; } .ck-editor::after { clear: both; } .ck-editor .quote-wrapper p { font-family: var(--root-font-family, "Bariol", var(--root-font-family, "Bariol", sans-serif)); font-size: 2.4rem; } .ck-editor .quote-wrapper p:last-child { margin-bottom: 0; } .ck-editor .quote-author { font-size: 62.5%; color: #6F6D6A; } .ck-editor > * { margin-bottom: 3.2rem; } .ck-editor > *:last-child { margin-bottom: 0; } .ck-editor a:not(.button):not(.read-more) { color: #004380; text-decoration: underline; } @media (hover: hover) and (pointer: fine) { .ck-editor a:not(.button):not(.read-more):hover { color: #009BA4; text-decoration: underline; } } .ck-editor ul:not([style*='list-style']) { list-style: none; } .ck-editor ul:not([style*='list-style']) > li { position: relative; padding-left: calc(1.6rem + 6px); } .ck-editor ul:not([style*='list-style']) > li::marker { color: #002240; } .ck-editor ul:not([style*='list-style']) > li::before { background: #002240; color: #002240; width: 6px; height: 6px; border: 0; border-radius: 50%; content: ''; position: absolute; top: calc(var(--root-line-height, 1.6) * 0.625 * .5); left: 0; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; } .ck-editor ol:not([style*='list-style']) > li { position: relative; padding-left: calc(1.6rem + 6px); } .ck-editor ol:not([style*='list-style']) > li::marker { color: #002240; } .ck-editor ol:not([style*='list-style']) > li::before { background: none; color: #002240; width: 6px; height: auto; border: 0; border-radius: 50%; content: ''; position: absolute; top: calc(var(--root-line-height, 1.6) * 0.625 * .5); left: 0; transform: translateY(-50%); display: flex; align-items: center; } .ck-editor ol:not([style*='list-style'])[start='1'] { list-style: none; counter-reset: kirra-ol; } .ck-editor ol:not([style*='list-style'])[start='1'] > li::before { counter-increment: kirra-ol; content: counter(kirra-ol, decimal) "."; } .ck-editor ol:not([style*='list-style']):not([start='1']) { padding-left: calc(1.6rem + 6px); } .ck-editor ol:not([style*='list-style']):not([start='1']) > li { padding-left: 0; } .ck-editor ul[style*='list-style'], .ck-editor ol[style*='list-style'] { padding-left: calc(1.6rem + 6px); } .ck-editor ul[style*='list-style'] > li::marker, .ck-editor ol[style*='list-style'] > li::marker { color: #002240; } .ck-editor table :not([style*='list-style']) li { display: block; } .ck-editor img { width: 100%; height: auto !important; } @media print, screen and (min-width: 40em) { .ck-editor img[style*='float:left'], .ck-editor img[align='left'], .ck-editor img.align-left, .ck-editor img.image-align-left { width: 33.33333% !important; height: auto !important; max-width: none; margin-right: 3.2rem; float: left !important; clear: left; } .ck-editor img[style*='float:right'], .ck-editor img[align='right'], .ck-editor img.align-right, .ck-editor img.image-align-right { width: 33.33333% !important; height: auto !important; max-width: none; margin-left: 3.2rem; float: right !important; clear: right; } .ck-editor img[style*='float:center'], .ck-editor img[align='center'], .ck-editor img.align-center, .ck-editor img.image-align-center { width: 100% !important; height: auto !important; max-width: none; clear: both; } } .ck-editor [href^='mailto:'] { display: inline; white-space: normal; } .ck-editor blockquote p { font-family: var(--root-font-family, "Bariol", var(--root-font-family, "Bariol", sans-serif)); font-size: 2.4rem; } h1, .h1 { font-family: var(--root-font-family, "Bariol", var(--root-font-family, "Bariol", sans-serif)); font-style: normal; font-weight: bold; color: inherit; text-rendering: optimizeLegibility; line-height: 1.2; margin-bottom: 1.6rem; font-size: 3.2rem; line-height: 4rem; } @media print, screen and (min-width: 64em) { h1, .h1 { font-size: 4rem; line-height: 4.8rem; } } h1 a, .h1 a { text-decoration: none; } @media (hover: hover) and (pointer: fine) { h1 a:hover, .h1 a:hover { color: inherit; text-decoration: underline; } h1 a:focus, .h1 a:focus { color: inherit; text-decoration: underline; } } h2, .h2 { font-family: var(--root-font-family, "Bariol", var(--root-font-family, "Bariol", sans-serif)); font-style: normal; font-weight: bold; color: inherit; text-rendering: optimizeLegibility; line-height: 1.2; margin-bottom: 1.6rem; font-size: 2.4rem; line-height: 3.2rem; } @media print, screen and (min-width: 64em) { h2, .h2 { font-size: 3.2rem; line-height: 4rem; } } h2 a, .h2 a { text-decoration: none; } @media (hover: hover) and (pointer: fine) { h2 a:hover, .h2 a:hover { color: inherit; text-decoration: underline; } h2 a:focus, .h2 a:focus { color: inherit; text-decoration: underline; } } h3, .h3 { font-family: var(--root-font-family, "Bariol", var(--root-font-family, "Bariol", sans-serif)); font-style: normal; font-weight: bold; color: inherit; text-rendering: optimizeLegibility; line-height: 1.2; margin-bottom: 1.6rem; font-size: 2rem; line-height: 3.2rem; } @media print, screen and (min-width: 64em) { h3, .h3 { font-size: 2.4rem; line-height: 3.2rem; } } h3 a, .h3 a { text-decoration: none; } @media (hover: hover) and (pointer: fine) { h3 a:hover, .h3 a:hover { color: inherit; text-decoration: underline; } h3 a:focus, .h3 a:focus { color: inherit; text-decoration: underline; } } h4, .h4 { font-family: var(--root-font-family, "Bariol", var(--root-font-family, "Bariol", sans-serif)); font-style: normal; font-weight: bold; color: inherit; text-rendering: optimizeLegibility; line-height: 1.2; margin-bottom: 1.6rem; font-size: 1.8rem; line-height: 2.8rem; } @media print, screen and (min-width: 64em) { h4, .h4 { font-size: 2rem; line-height: 3.2rem; } } h4 a, .h4 a { text-decoration: none; } @media (hover: hover) and (pointer: fine) { h4 a:hover, .h4 a:hover { color: inherit; text-decoration: underline; } h4 a:focus, .h4 a:focus { color: inherit; text-decoration: underline; } } @font-face { font-family: "bundle-core-assets"; src: url("/bundles/kirracoreassets/kirra/fonts/bundle-core-assets.woff?v=1") format("woff"), url("/bundles/kirracoreassets/kirra/fonts/bundle-core-assets.ttf?v=1") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "nijsmellinghe"; src: url("/static/fonts/nijsmellinghe/nijsmellinghe.woff?v=1") format("woff"), url("/static/fonts/nijsmellinghe/nijsmellinghe.ttf?v=1") format("truetype"); font-weight: normal; font-style: normal; font-display: fallback; } @media print { @page { margin: 1.5cm; } .off-canvas-content { padding: 0; } .row { max-width: none; margin: 0; } .column, .columns { padding: 0; } } .page-left { padding-right: calc(1.6rem * .5); padding-left: calc(1.6rem * .5); flex: 0 0 100%; max-width: 100%; } @media print, screen and (min-width: 40em) { .page-left { padding-right: calc(2.4rem * .5); padding-left: calc(2.4rem * .5); } } @media print, screen and (min-width: 64em) { .page-left { padding-right: calc(3.2rem * .5); padding-left: calc(3.2rem * .5); } } .page-middle { padding-right: calc(1.6rem * .5); padding-left: calc(1.6rem * .5); flex: 0 0 100%; max-width: 100%; } @media print, screen and (min-width: 40em) { .page-middle { padding-right: calc(2.4rem * .5); padding-left: calc(2.4rem * .5); } } @media print, screen and (min-width: 64em) { .page-middle { padding-right: calc(3.2rem * .5); padding-left: calc(3.2rem * .5); } } @media print, screen and (min-width: 64em) { .page-left { padding-right: calc(1.6rem * .5); padding-left: calc(1.6rem * .5); flex: 0 0 33.33333%; max-width: 33.33333%; } } @media print, screen and (min-width: 64em) and (min-width: 40em) { .page-left { padding-right: calc(2.4rem * .5); padding-left: calc(2.4rem * .5); } } @media print, screen and (min-width: 64em) and (min-width: 64em) { .page-left { padding-right: calc(3.2rem * .5); padding-left: calc(3.2rem * .5); } } @media print, screen and (min-width: 64em) { .page-middle { padding-right: calc(1.6rem * .5); padding-left: calc(1.6rem * .5); flex: 0 0 83.33333%; max-width: 83.33333%; margin-left: 8.33333%; } } @media print, screen and (min-width: 64em) and (min-width: 40em) { .page-middle { padding-right: calc(2.4rem * .5); padding-left: calc(2.4rem * .5); } } @media print, screen and (min-width: 64em) and (min-width: 64em) { .page-middle { padding-right: calc(3.2rem * .5); padding-left: calc(3.2rem * .5); } } .site-header { width: 100%; max-width: 100%; border: 0; padding: 0; box-shadow: none; background: #F8F7F7; color: #004380; z-index: 10; display: flex; flex-direction: column; margin-bottom: 0; height: 6.4rem; position: absolute; } .site-header .site-header-content { display: flex; flex-direction: column; justify-content: center; height: 100%; } @media print, screen and (min-width: 64em) { .site-header { height: 10.6rem; } } .off-canvas-content { padding-top: 6.4rem; } @media print, screen and (min-width: 64em) { .off-canvas-content { padding-top: 10.6rem; } } .site-header .row { align-items: center; justify-content: space-between; flex-wrap: nowrap; } .site-header .row-header-top { height: 0; position: relative; z-index: 1; color: #ffffff; } @media print, screen and (min-width: 64em) { .site-header .row-header-top { height: 3.2rem; } } .site-header .row-header-top::after { position: absolute; left: 50%; transform: translateX(-50%); top: 0; bottom: 0; z-index: -1; content: ''; background: transparent; width: 400vw; } .site-hero { overflow: hidden; position: relative; z-index: 0; width: 144rem; max-width: 100%; margin: 0 auto 3.2rem; background: #00838a; } @media print, screen and (min-width: 64em) { .site-hero { margin: 0 auto 3.2rem; } } .has-hero .site-hero { height: auto; } @media print, screen and (min-width: 64em) { .has-hero .site-hero { height: 47.8rem; } } .site-hero .site-hero-image { position: relative; position: absolute; width: 100%; height: 100%; } .site-hero .site-hero-image img:not([src*='.svg']) { object-fit: cover; font-family: "object-fit: cover", var(--root-font-family, "Bariol", sans-serif); } .site-hero .site-hero-image img { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; } .has-hero .site-hero-text-wrapper { position: relative; z-index: 1; display: flex; flex: 1; align-items: flex-start; height: auto; } @media print, screen and (min-width: 64em) { .has-hero .site-hero-text-wrapper { height: 47.8rem; } } .has-hero .site-hero-text-wrapper .site-hero-text { border-radius: 0; box-shadow: none; background: none; padding: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; width: 100%; } .has-hero .site-hero-text-wrapper .column, .has-hero .site-hero-text-wrapper .columns { display: flex; justify-content: flex-start; } .site-hero-text-wrapper .site-hero-text { padding: 0; color: #ffffff; } .site-hero-text-wrapper .site-hero-text > :last-child:not(h1) { margin-bottom: 0; } .nav-primary > ul.menu { font-family: inherit; height: auto; margin: 0; border-radius: 0; } .nav-primary > ul.menu > li > a { height: auto; margin: 1.6rem; border-radius: 0; } .dropdown.menu > .is-dropdown-submenu-parent > a::after { content: none !important; display: none !important; } .dropdown.menu > .is-dropdown-submenu-parent > a .icon::after { display: inherit; width: auto; height: auto; border: 0; margin: 0; line-height: 0; transform: translateY(-50%); color: inherit; font-family: "nijsmellinghe"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; content: "c"; margin-top: -6px; position: absolute; top: 50%; right: 5px; left: auto; } @media reader, speech, aural { .dropdown.menu > .is-dropdown-submenu-parent > a .icon::after { display: none; visibility: hidden; } } .card { display: flex; flex-direction: column; flex-grow: 1; margin-bottom: 4.8rem; border: 0; border-radius: 0; background: #ffffff; box-shadow: none; overflow: hidden; color: #004380; } .card > :last-child { margin-bottom: 0; } .card-divider { display: flex; flex: 0 1 auto; padding: 0; background: #E8E2DF; } .card-divider > :last-child { margin-bottom: 0; } .card-section { flex: 1 0 auto; padding: 0; } .card-section > :last-child { margin-bottom: 0; } .card-image { min-height: 1px; } .card { justify-content: normal; text-decoration: none; } .card .card-section { display: flex; flex-direction: column; align-items: flex-start; } .card .card-section > * { max-width: 100%; } .card .card-image { padding: 0; margin-bottom: 2.4rem; position: relative; overflow: hidden; } .card .card-image, .card .card-image .responsive-image-ratio, .card .card-image img { border-radius: 0; } .card .card-image img:not([src*='.svg']) { object-fit: cover; font-family: "object-fit: cover", var(--root-font-family, "Bariol", sans-serif); } .card .image-ratio { width: 100%; position: relative; padding-bottom: 66.66667% !important; } .card .image-ratio img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: none; } .card .image-ratio .responsive-image { padding-top: 0 !important; position: static; } .card .heading { order: 10; } .card .meta { order: 20; } .card .paragraph { order: 30; } .card .button, .card .read-more, .card .column-overview-faq-category .faq-category-link, .column-overview-faq-category .card .faq-category-link, .card .component-latest-news-items .button-go-to-page a, .component-latest-news-items .button-go-to-page .card a { order: 40; } .card .extra { order: 50; } .card .heading + .meta { margin-top: calc(1.6rem * -0.75); } .card-horizontal { flex-direction: row; padding-bottom: 0; } .card-horizontal .card-image { margin-bottom: 0; flex-basis: 33.33333%; min-width: 33.33333%; position: static; margin-right: 3.2rem; } .card-horizontal .card-image::after { display: none; } .card-horizontal .image-ratio { position: relative; } .card-horizontal .card-section { max-width: calc(100% - 3.2rem - 33.33333%); flex-basis: calc(100% - 3.2rem - 33.33333%); position: static; } .card-overlay { position: relative; padding-bottom: 66.66667%; } .card-overlay .heading, .card-overlay .meta, .card-overlay .paragraph { color: #004380; } .card-overlay .card-image { margin: 0; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .card-overlay .image-ratio { position: static; } .card-overlay .card-section { max-width: 100%; position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; padding: 0; } .card-vertical { flex-direction: column; padding-bottom: 0; } .card-vertical .card-image, .card-vertical .card-section { position: static; } .card-vertical .card-image { margin: 0 0 2.4rem; flex-basis: auto; } .card-vertical .card-image::after { display: none; } .card-vertical .image-ratio { position: relative; } .card-vertical .card-section { max-width: 100%; flex-basis: auto; padding: 0; } .is-off-canvas-open { overflow: hidden; } .js-off-canvas-overlay { position: absolute; top: 0; left: 0; z-index: 11; width: 100%; height: 100%; transition: opacity 0.5s ease-out, visibility 0.5s ease-out; background: rgba(255, 255, 255, 0.25); opacity: 0; visibility: hidden; overflow: hidden; } .js-off-canvas-overlay.is-visible { opacity: 1; visibility: visible; } .js-off-canvas-overlay.is-closable { cursor: pointer; } .js-off-canvas-overlay.is-overlay-absolute { position: absolute; } .js-off-canvas-overlay.is-overlay-fixed { position: fixed; } .off-canvas { position: fixed; z-index: 12; transition: transform 0.5s ease-out; backface-visibility: hidden; background: #002240; top: 0; right: 0; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; width: 26rem; transform: translateX(26rem); transform: translateX(26rem); } [data-whatinput='mouse'] .off-canvas { outline: 0; } .off-canvas.is-transition-push { z-index: 12; } .off-canvas.is-closed { visibility: hidden; } .off-canvas.is-transition-overlap { z-index: 13; } .off-canvas.is-transition-overlap.is-open { box-shadow: none; } .off-canvas.is-open { transform: translate(0, 0); } @media print, screen and (min-width: 40em) { .off-canvas { width: 28rem; transform: translateX(28rem); } } .off-canvas-content .off-canvas.position-right { transform: translateX(26rem); } @media print, screen and (min-width: 40em) { .off-canvas-content .off-canvas.position-right { transform: translateX(28rem); } } .off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open { transform: translate(0, 0); } .off-canvas-content.is-open-right.has-transition-push { transform: translateX(-26rem); } @media print, screen and (min-width: 40em) { .off-canvas-content.is-open-right.has-transition-push { transform: translateX(-28rem); } } .off-canvas.is-transition-push { box-shadow: inset 0 0 0 0 transparent; } @media print, screen and (min-width: 40em) { .off-canvas { transform: translateX(28rem); } } .off-canvas.is-open { transform: none; z-index: 12; transition: none; visibility: visible; } .off-canvas.is-open .close-button { display: none; } .off-canvas-content .off-canvas.is-open { transform: none; } .off-canvas-content.has-reveal-right { margin-right: 26rem; } .off-canvas.is-open ~ .off-canvas-content { margin-right: 26rem; } .off-canvas.is-open { transition: transform 0.5s ease-out; box-shadow: none; } .off-canvas.is-open ~ .off-canvas-content { margin: 0; } .off-canvas.is-open ~ .site-header, .off-canvas.is-open ~ .off-canvas-content { transform: translateX(-26rem); } @media print, screen and (min-width: 40em) { .off-canvas.is-open ~ .site-header, .off-canvas.is-open ~ .off-canvas-content { transform: translateX(-28rem); } } .off-canvas-content { transform: none; backface-visibility: hidden; } .off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push { transition: transform 0.5s ease-out; } .off-canvas-content.has-transition-push { transform: translate(0, 0); } .off-canvas-content .off-canvas.is-open { transform: translate(0, 0); } .hamburger { height: 6.4rem; background: #ffffff; box-shadow: none; border-radius: 0; transition: transform 0.5s ease-out; right: 0; position: fixed; top: 0; cursor: pointer; z-index: 14; display: flex; align-items: center; padding-left: 1.6rem; padding-right: 1.6rem; margin-top: 0rem; margin-right: 0rem; } @media print, screen and (min-width: 64em) { .hamburger { display: none; } } @media print, screen and (min-width: 64em) { .hamburger { margin-top: 2.1rem; margin-right: 2.1rem; } } @media (min-width: 769px) { .kirra-frontend-bar-enabled .hamburger { top: 36px; } } .hamburger .lines { width: 3.2rem; height: 2px; position: relative; margin-right: 1.6rem; } .hamburger .line { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 3.2rem; height: 2px; background: #009BA4; border-radius: 1px; transition: transform 0.5s ease-out, opacity 0.25s 0.25s ease-out; } .hamburger .line-1 { margin-top: -6px; } .hamburger .line-4 { margin-top: 6px; } .hamburger .hamburger-text { font-size: 1.6rem; color: #002240; } .hamburger .hamburger-closing-text { display: none; } .hamburger[aria-expanded='true'] .hamburger-opening-text { display: none; } .hamburger[aria-expanded='true'] .hamburger-closing-text { display: block; } .off-canvas.is-open ~ .hamburger { transform: translateX(-26rem); } @media print, screen and (min-width: 40em) { .off-canvas.is-open ~ .hamburger { transform: translateX(-28rem); } } .off-canvas.is-open ~ .hamburger .line { transition-delay: 0s; } .off-canvas.is-open ~ .hamburger .line-1, .off-canvas.is-open ~ .hamburger .line-4 { opacity: 0; } .off-canvas.is-open ~ .hamburger .line-2 { transform: translate(-50%, -50%) rotate(45deg); } .off-canvas.is-open ~ .hamburger .line-3 { transform: translate(-50%, -50%) rotate(-45deg); } @media print, screen and (max-width: 63.99875em) { .nav-primary { display: none !important; } .site-header-top-nav { display: none !important; } } .site-header { transition: transform 0.5s ease-out; } .skip-to-content { position: absolute; top: 0; left: 0; width: 100%; padding: 1.6rem; background: #ffffff; box-shadow: 0 1.2rem 3.6rem rgba(77, 75, 73, 0.1); text-align: center; transform: translate3d(0, -100%, 0); transition: transform 0.25s ease-out; opacity: 0; z-index: 11; } .skip-to-content:focus { transform: translate3d(0, 0, 0); opacity: 1; } .font-resizer { border: 1px solid #ffffff; border-radius: 0.4rem; display: none; } @media print, screen and (min-width: 64em) { .font-resizer { display: flex; } } .font-resizer-button { background: #F8F7F7; color: #004380; width: 3.2rem; height: 3.2rem; display: none; align-items: center; justify-content: center; border-radius: 0; overflow: hidden; } .font-resizer-button:first-of-type { border-top-left-radius: 0.4rem; border-bottom-left-radius: 0.4rem; } .font-resizer-button:last-of-type { border-top-right-radius: 0.4rem; border-bottom-right-radius: 0.4rem; } .font-resizer-button:not(:first-of-type) { border-left: 1px solid #ffffff; } .font-resizer-button[disabled] { cursor: not-allowed; } .font-resizer-button[disabled] .font-resizer-icon::before { opacity: 0.5; } .font-resizer-button-default { display: inline-flex; } .font-resizer-button-default .font-resizer-icon::before { content: "A"; } .font-resizer-button-increase { display: inline-flex; } .font-resizer-button-increase .font-resizer-icon::before { content: "A"; } .component-video .responsive-embed { position: relative; width: 100%; position: relative; height: 0; margin-bottom: 3.2rem; padding-bottom: 56.25%; overflow: hidden; margin: 0; overflow: visible; background: transparent; border: 0; } .component-video .responsive-embed iframe, .component-video .responsive-embed object, .component-video .responsive-embed embed, .component-video .responsive-embed video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .component-video button[data-play-video] { display: none; } .component-video iframe, .component-video object, .component-video embed, .component-video video { border: 0; z-index: 1; } .component-video.has-image button[data-play-video] { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 5; } .component-video.has-image iframe, .component-video.has-image object, .component-video.has-image embed, .component-video.has-image video { display: none; } .component-video .responsive-image { padding-top: 56.25% !important; } .component-video img { max-width: none; width: 100%; height: auto; } .component-video .video-placeholder { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: none; min-width: 100%; min-height: 100%; z-index: 2; cursor: pointer; } .component-video.video-is-playing .video-placeholder { visibility: hidden; } .has-image .responsive-embed .video-play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; background: #F39700; border-radius: 50%; z-index: 3; pointer-events: none; width: 7.2rem; height: 7.2rem; } @media print, screen and (min-width: 40em) { .has-image .responsive-embed .video-play-button { width: 10.2rem; height: 10.2rem; } } .has-image .responsive-embed .video-play-button::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; z-index: 4; transform: translate(-50%, -50%) scaleY(0.6667); pointer-events: none; margin-left: 2%; display: block; width: 0; height: 0; border-style: solid; border-width: 1.8rem; content: ''; border-right-width: 0; border-color: transparent transparent transparent #ffffff; } @media print, screen and (min-width: 40em) { .has-image .responsive-embed .video-play-button::before { display: block; width: 0; height: 0; border-style: solid; border-width: 2.55rem; content: ''; border-right-width: 0; border-color: transparent transparent transparent #ffffff; } } .video-is-playing .video-play-button { visibility: hidden; } .component-youtube.has-youtube-shorts:not(.has-image) { width: auto; max-width: 80vw; height: auto; max-height: 50vh; aspect-ratio: 9 / 16; } .component-youtube.has-youtube-shorts:not(.has-image) .responsive-embed { height: auto; aspect-ratio: 9 / 16; } .youtube-title { font-size: 1.8rem; font-style: italic; font-weight: normal; color: #6F6D6A; padding: 0.8rem 0 0; margin: 0; border-left: 1px solid #E8E2DF; } .component-paragraph.lead, .component-paragraph.lead * { color: #004380; font-weight: normal; font-style: normal; } .component-paragraph.lead em { font-style: italic; } .component-paragraph.lead strong { font-weight: bold; } .component-paragraph.lead * { line-height: 3.8rem; } .component-paragraph-with-image .image .image-wrapper { display: flex; align-items: center; overflow: hidden; background: #F8F7F7; } .component-paragraph-with-image .image img { max-width: none; width: 100%; } .component-paragraph-with-image.behavior-float { overflow: hidden; } .component-paragraph-with-image.behavior-float .column-image { width: 100%; margin-bottom: 3.2rem; } .component-paragraph-with-image.behavior-float .column-image.image-align-right { order: 2; } .component-paragraph-with-image.behavior-float .column, .component-paragraph-with-image.behavior-float .columns { flex: 0 0 100%; max-width: 100%; } .component-paragraph-with-image.behavior-float.image-align-left .column-image { float: none; margin-right: 0; } .component-paragraph-with-image.behavior-float.image-align-right .column-image { float: none; margin-left: 0; } @media print, screen and (min-width: 40em) { .component-paragraph-with-image.behavior-float .row { display: block; } .component-paragraph-with-image.behavior-float .column-image { max-width: 33.33333%; } .component-paragraph-with-image.behavior-float.image-align-left .column-image { float: left; margin-right: 0.8rem; } } @media print, screen and (min-width: 40em) and (min-width: 40em) { .component-paragraph-with-image.behavior-float.image-align-left .column-image { margin-right: 1.2rem; } } @media print, screen and (min-width: 40em) and (min-width: 64em) { .component-paragraph-with-image.behavior-float.image-align-left .column-image { margin-right: 1.6rem; } } @media print, screen and (min-width: 40em) { .component-paragraph-with-image.behavior-float.image-align-right .column-image { float: right; margin-left: 0.8rem; } } @media print, screen and (min-width: 40em) and (min-width: 40em) { .component-paragraph-with-image.behavior-float.image-align-right .column-image { margin-left: 1.2rem; } } @media print, screen and (min-width: 40em) and (min-width: 64em) { .component-paragraph-with-image.behavior-float.image-align-right .column-image { margin-left: 1.6rem; } } @media print, screen and (min-width: 64em) { .component-paragraph-with-image.behavior-float .row { display: block; } .component-paragraph-with-image.behavior-float .column-image { max-width: 25%; } .component-paragraph-with-image.behavior-float.image-align-left .column-image { float: left; margin-right: 0.8rem; } } @media print, screen and (min-width: 64em) and (min-width: 40em) { .component-paragraph-with-image.behavior-float.image-align-left .column-image { margin-right: 1.2rem; } } @media print, screen and (min-width: 64em) and (min-width: 64em) { .component-paragraph-with-image.behavior-float.image-align-left .column-image { margin-right: 1.6rem; } } @media print, screen and (min-width: 64em) { .component-paragraph-with-image.behavior-float.image-align-right .column-image { float: right; margin-left: 0.8rem; } } @media print, screen and (min-width: 64em) and (min-width: 40em) { .component-paragraph-with-image.behavior-float.image-align-right .column-image { margin-left: 1.2rem; } } @media print, screen and (min-width: 64em) and (min-width: 64em) { .component-paragraph-with-image.behavior-float.image-align-right .column-image { margin-left: 1.6rem; } } .component-paragraph-with-image.behavior-columns.image-align-right .column-image { order: 2; } .component-paragraph-with-image.behavior-columns .column, .component-paragraph-with-image.behavior-columns .columns { flex: 0 0 100%; max-width: 100%; } .component-paragraph-with-image.behavior-columns.image-align-left .column-image { margin-bottom: 3.2rem; } .component-paragraph-with-image.behavior-columns.image-align-right .column-content { margin-bottom: 3.2rem; } @media print, screen and (min-width: 40em) { .component-paragraph-with-image.behavior-columns .column.column-image, .component-paragraph-with-image.behavior-columns .column-image.columns { flex: 0 0 33.33333%; max-width: 33.33333%; } .component-paragraph-with-image.behavior-columns .column.column-content, .component-paragraph-with-image.behavior-columns .column-content.columns { flex: 0 0 66.66667%; max-width: 66.66667%; } .component-paragraph-with-image.behavior-columns.image-align-left .column-image, .component-paragraph-with-image.behavior-columns.image-align-right .column-content { margin-bottom: 0; } } @media print, screen and (min-width: 64em) { .component-paragraph-with-image.behavior-columns .column.column-image, .component-paragraph-with-image.behavior-columns .column-image.columns { flex: 0 0 25%; max-width: 25%; } .component-paragraph-with-image.behavior-columns .column.column-content, .component-paragraph-with-image.behavior-columns .column-content.columns { flex: 0 0 75%; max-width: 75%; } .component-paragraph-with-image.behavior-columns.image-align-left .column-image, .component-paragraph-with-image.behavior-columns.image-align-right .column-content { margin-bottom: 0; } } .component-paragraph-with-image.behavior-grow .column-image { display: flex; } .component-paragraph-with-image.behavior-grow.image-align-right .column-image { order: 2; } .component-paragraph-with-image.behavior-grow .image { display: flex; flex-grow: 1; } .component-paragraph-with-image.behavior-grow .image-wrapper { width: 100%; align-items: stretch; } .component-paragraph-with-image.behavior-grow .image-wrapper img:not([src*='.svg']) { object-fit: cover; font-family: "object-fit: cover", var(--root-font-family, "Bariol", sans-serif); } .component-paragraph-with-image.behavior-grow .column, .component-paragraph-with-image.behavior-grow .columns { flex: 0 0 100%; max-width: 100%; } .component-paragraph-with-image.behavior-grow.image-align-left .column-image { margin-bottom: 3.2rem; } .component-paragraph-with-image.behavior-grow.image-align-right .column-content { margin-bottom: 3.2rem; } @media print, screen and (min-width: 40em) { .component-paragraph-with-image.behavior-grow .column.column-image, .component-paragraph-with-image.behavior-grow .column-image.columns { flex: 0 0 33.33333%; max-width: 33.33333%; } .component-paragraph-with-image.behavior-grow .column.column-content, .component-paragraph-with-image.behavior-grow .column-content.columns { flex: 0 0 66.66667%; max-width: 66.66667%; } .component-paragraph-with-image.behavior-grow.image-align-left .column-image, .component-paragraph-with-image.behavior-grow.image-align-right .column-content { margin-bottom: 0; } } @media print, screen and (min-width: 64em) { .component-paragraph-with-image.behavior-grow .column.column-image, .component-paragraph-with-image.behavior-grow .column-image.columns { flex: 0 0 25%; max-width: 25%; } .component-paragraph-with-image.behavior-grow .column.column-content, .component-paragraph-with-image.behavior-grow .column-content.columns { flex: 0 0 75%; max-width: 75%; } .component-paragraph-with-image.behavior-grow.image-align-left .column-image, .component-paragraph-with-image.behavior-grow.image-align-right .column-content { margin-bottom: 0; } } table { border-collapse: collapse; width: 100%; margin-bottom: 3.2rem; border-radius: 0.4rem; } thead, tbody, tfoot { border: 0; background-color: rgba(255, 255, 255, 0); } caption { padding: 0.8rem 1.6rem; font-weight: bold; } thead { background: rgba(77, 75, 73, 0.1); color: #004380; } tfoot { background: rgba(77, 75, 73, 0.1); color: #004380; } thead tr, tfoot tr { background: transparent; } thead th, thead td, tfoot th, tfoot td { padding: 0.8rem 1.6rem; font-weight: bold; text-align: left; } tbody th, tbody td { padding: 0.8rem 1.6rem; } tbody tr:nth-child(even) { border-bottom: 0; background-color: rgba(0, 67, 128, 0.1); } table.unstriped tbody { background-color: rgba(255, 255, 255, 0); } table.unstriped tbody tr { border-bottom: 0; background-color: rgba(255, 255, 255, 0); } @media print, screen and (max-width: 47.99875em) { table.stack thead { display: none; } table.stack tfoot { display: none; } table.stack tr, table.stack th, table.stack td { display: block; } table.stack td { border-top: 0; } } table.scroll { display: block; width: 100%; overflow-x: auto; } table.hover thead tr:hover { background-color: rgba(77, 75, 73, 0.1); } table.hover tfoot tr:hover { background-color: rgba(77, 75, 73, 0.1); } table.hover tbody tr:hover { background-color: rgba(77, 75, 73, 0.1); } table.hover:not(.unstriped) tr:nth-of-type(even):hover { background-color: rgba(77, 75, 73, 0.15); } .table-scroll { overflow-x: auto; } .component-table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: calc(100vw - 1.6rem); } @media print, screen and (min-width: 40em) { .component-table { max-width: calc(100vw - 2.4rem); } } @media print, screen and (min-width: 64em) { .component-table { max-width: calc(100vw - 3.2rem); } } table { margin-bottom: 0; border: 0; } table th { text-align: left; } table thead, table tbody, table tfoot { border: 0; } table td, table th { border: 0; } table caption { padding: 0; } table[border='0'] > thead > tr > td, table[border='0'] > thead > tr > th, table[border='0'] > tbody > tr > td, table[border='0'] > tbody > tr > th, table[border='0'] > tfoot > tr > td, table[border='0'] > tfoot > tr > th { border-width: 0px; } table[border='1'] > thead > tr > td, table[border='1'] > thead > tr > th, table[border='1'] > tbody > tr > td, table[border='1'] > tbody > tr > th, table[border='1'] > tfoot > tr > td, table[border='1'] > tfoot > tr > th { border-width: 1px; } table[border='2'] > thead > tr > td, table[border='2'] > thead > tr > th, table[border='2'] > tbody > tr > td, table[border='2'] > tbody > tr > th, table[border='2'] > tfoot > tr > td, table[border='2'] > tfoot > tr > th { border-width: 2px; } table[border='3'] > thead > tr > td, table[border='3'] > thead > tr > th, table[border='3'] > tbody > tr > td, table[border='3'] > tbody > tr > th, table[border='3'] > tfoot > tr > td, table[border='3'] > tfoot > tr > th { border-width: 3px; } table caption { text-align: left; font-family: var(--root-font-family, "Bariol", var(--root-font-family, "Bariol", sans-serif)); font-style: normal; font-weight: bold; color: inherit; text-rendering: optimizeLegibility; line-height: 1.2; margin-bottom: 1.6rem; font-size: 2.4rem; line-height: 3.2rem; } @media print, screen and (min-width: 64em) { table caption { font-size: 3.2rem; line-height: 4rem; } } .has-tip { position: relative; display: inline-block; border-bottom: 1px dotted #6F6D6A; font-weight: bold; cursor: help; } .tooltip { position: absolute; top: calc(100% + 0.8rem); z-index: 1200; max-width: 20rem; padding: 1.6rem; border-radius: 0.4rem; background-color: #4D4B49; font-size: 1.8rem; color: #ffffff; } .tooltip::before { position: absolute; } .tooltip.bottom::before { display: block; width: 0; height: 0; border-style: solid; border-width: 0.8rem; content: ''; border-top-width: 0; border-color: transparent transparent #4D4B49; bottom: 100%; } .tooltip.bottom.align-center::before { left: 50%; transform: translateX(-50%); } .tooltip.top::before { display: block; width: 0; height: 0; border-style: solid; border-width: 0.8rem; content: ''; border-bottom-width: 0; border-color: #4D4B49 transparent transparent; top: 100%; bottom: auto; } .tooltip.top.align-center::before { left: 50%; transform: translateX(-50%); } .tooltip.left::before { display: block; width: 0; height: 0; border-style: solid; border-width: 0.8rem; content: ''; border-right-width: 0; border-color: transparent transparent transparent #4D4B49; left: 100%; } .tooltip.left.align-center::before { bottom: auto; top: 50%; transform: translateY(-50%); } .tooltip.right::before { display: block; width: 0; height: 0; border-style: solid; border-width: 0.8rem; content: ''; border-left-width: 0; border-color: transparent #4D4B49 transparent transparent; right: 100%; left: auto; } .tooltip.right.align-center::before { bottom: auto; top: 50%; transform: translateY(-50%); } .tooltip.align-top::before { bottom: auto; top: 10%; } .tooltip.align-bottom::before { bottom: 10%; top: auto; } .tooltip.align-left::before { left: 10%; right: auto; } .tooltip.align-right::before { left: auto; right: 10%; } .tooltip-trigger { min-width: 1.6rem; width: 1.6rem; height: 1.6rem; background: #002240; border: 0; border-radius: 50%; color: #ffffff; cursor: help; position: relative; font-size: 14px; } .tooltip-trigger .icon::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: var(--root-font-family, "Bariol", sans-serif); content: "?"; } .breadcrumbs { margin: 1.6rem 0 6.4rem; list-style: none; } .breadcrumbs::before, .breadcrumbs::after { display: table; content: ' '; flex-basis: 0; order: 1; } .breadcrumbs::after { clear: both; } .breadcrumbs li { float: left; font-size: 1.8rem; color: #ffffff; cursor: default; } .breadcrumbs li:not(:last-child)::after { position: relative; margin: 0 1.6rem; opacity: 1; content: "›"; color: #ffffff; } .breadcrumbs a { color: #ffffff; } .breadcrumbs a:hover { text-decoration: underline; } .breadcrumbs .disabled { color: #ffffff; cursor: not-allowed; } .breadcrumbs { align-items: center; flex-wrap: wrap; overflow: hidden; padding: 0; } .breadcrumbs li, .breadcrumbs a { display: inline-flex; align-items: center; position: relative; } .breadcrumbs a { text-decoration: underline; } .breadcrumbs li::after { display: none; } .breadcrumbs .icon::after { position: relative; margin: 0 1.6rem; opacity: 1; content: "›"; color: #ffffff; } .breadcrumbs .home-icon { text-decoration: none; color: #002240; padding-right: 0.8rem; font-size: 16px; } .breadcrumbs .home-icon::before { content: "f"; font-family: "nijsmellinghe"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; } @media reader, speech, aural { .breadcrumbs .home-icon::before { display: none; visibility: hidden; } } @media print, screen and (max-width: 63.99875em) { .breadcrumbs-back-button { margin: 0; text-align: left; } .breadcrumbs-button-wrapper:not(.hide-for-mobile) .breadcrumbs-back-button { padding-right: calc(4.8rem + 6.4rem); } .breadcrumbs-back-button .icon::before { content: "←"; font-family: var(--root-font-family, "Bariol", sans-serif); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; margin-right: 1.6rem; order: -1; } } .breadcrumbs-button-wrapper { display: none; } @media print, screen and (max-width: 63.99875em) { .breadcrumbs-button-wrapper { margin: 0 0 3.2rem; display: inline-block; position: relative; } } .breadcrumbs-button-toggler { width: 4.8rem; border-left: 1px solid #003d73; border-top-left-radius: 0; border-bottom-left-radius: 0; position: absolute; top: 0; right: 0; bottom: 0; } .hide-for-mobile .breadcrumbs-button-toggler { display: none; } .breadcrumbs-button-toggler .icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .breadcrumbs-button-toggler .icon::before { content: "↓"; font-family: var(--root-font-family, "Bariol", sans-serif); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; color: #ffffff; } @media reader, speech, aural { .breadcrumbs-button-toggler .icon::before { display: none; visibility: hidden; } } .site-breadcrumbs { top: auto !important; left: auto !important; } @media print, screen and (max-width: 63.99875em) { .site-breadcrumbs { display: none; width: 26.4rem; margin-top: calc(-3.2rem + 0.6rem); position: absolute; z-index: 1; } .site-breadcrumbs.is-open { display: block; } .site-breadcrumbs ul { display: flex; flex-direction: column; padding: 0.8rem 0; background: #ffffff; border: 1px solid #E8E2DF; border-radius: 0.4rem; box-shadow: 0 1.2rem 3.6rem rgba(77, 75, 73, 0.1); } .site-breadcrumbs li { width: 100%; display: block; } .site-breadcrumbs a, .site-breadcrumbs .last { display: block; padding: 1.6rem 3.2rem; color: #004380; } .site-breadcrumbs a { transition: 0.25s ease-out; text-decoration: underline; } } @media print and (hover: hover) and (pointer: fine), screen and (max-width: 63.99875em) and (hover: hover) and (pointer: fine) { .site-breadcrumbs a:hover { color: #4D4B49; background: #F8F7F7; } .site-breadcrumbs a:focus { color: #4D4B49; background: #F8F7F7; } } @media print, screen and (max-width: 63.99875em) { .site-breadcrumbs .icon { display: none; } } .meta { margin-bottom: 3.2rem; display: flex; flex-wrap: wrap; } .meta-item { color: #004380; font-size: 2rem; text-transform: none; display: inline-flex; margin: 0; } .meta-item a { color: #004380; } @media (hover: hover) and (pointer: fine) { .meta-item a:hover { color: #00284d; } } .meta-item:not(:last-child) { margin-right: 3.2rem; } .meta-item .icon { order: -1; } .meta-item .icon::before { margin-right: 1.6rem; } .meta-item .meta-item-key { display: inline-flex; position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .meta-item .meta-item-key::after { content: ': '; white-space: pre; } .button { display: inline-block; vertical-align: middle; margin: 0 0 3.2rem; padding: 0.85em 1em; border: 1px solid transparent; border-radius: 0.4rem; transition: 0.25s ease-out; font-family: inherit; font-size: 1.6rem; font-weight: bold; -webkit-appearance: none; line-height: 1; text-align: center; cursor: pointer; } [data-whatinput='mouse'] .button { outline: 0; } .button.expanded { display: block; width: 100%; margin-right: 0; margin-left: 0; } .button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus { background-color: #004380; color: #ffffff; } .button:hover, .button:focus { background-color: #003667; color: #ffffff; } .button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus { background-color: #002240; color: #ffffff; } .button.primary:hover, .button.primary:focus { background-color: #001b33; color: #ffffff; } .button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus { background-color: #F39700; color: #4D4B49; } .button.secondary:hover, .button.secondary:focus { background-color: #c27900; color: #4D4B49; } .button.tertiary, .button.tertiary.disabled, .button.tertiary[disabled], .button.tertiary.disabled:hover, .button.tertiary[disabled]:hover, .button.tertiary.disabled:focus, .button.tertiary[disabled]:focus { background-color: #009BA4; color: #ffffff; } .button.tertiary:hover, .button.tertiary:focus { background-color: #007c83; color: #ffffff; } .button.quaternary, .button.quaternary.disabled, .button.quaternary[disabled], .button.quaternary.disabled:hover, .button.quaternary[disabled]:hover, .button.quaternary.disabled:focus, .button.quaternary[disabled]:focus { background-color: #A53189; color: #ffffff; } .button.quaternary:hover, .button.quaternary:focus { background-color: #84276e; color: #ffffff; } .button.success, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus { background-color: #3adb76; color: #4D4B49; } .button.success:hover, .button.success:focus { background-color: #22bb5b; color: #4D4B49; } .button.warning, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus { background-color: #ffae00; color: #4D4B49; } .button.warning:hover, .button.warning:focus { background-color: #cc8b00; color: #4D4B49; } .button.alert, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus { background-color: #cc4b37; color: #ffffff; } .button.alert:hover, .button.alert:focus { background-color: #a53b2a; color: #ffffff; } .button.hollow, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus { background-color: transparent; } .button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus { border: 2px solid #004380; color: #004380; } .button.hollow:hover, .button.hollow:focus { border-color: #002240; color: #002240; } .button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus { border: 2px solid #002240; color: #002240; } .button.hollow.primary:hover, .button.hollow.primary:focus { border-color: #001120; color: #001120; } .button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus { border: 2px solid #F39700; color: #F39700; } .button.hollow.secondary:hover, .button.hollow.secondary:focus { border-color: #7a4c00; color: #7a4c00; } .button.hollow.tertiary, .button.hollow.tertiary.disabled, .button.hollow.tertiary[disabled], .button.hollow.tertiary.disabled:hover, .button.hollow.tertiary[disabled]:hover, .button.hollow.tertiary.disabled:focus, .button.hollow.tertiary[disabled]:focus { border: 2px solid #009BA4; color: #009BA4; } .button.hollow.tertiary:hover, .button.hollow.tertiary:focus { border-color: #004e52; color: #004e52; } .button.hollow.quaternary, .button.hollow.quaternary.disabled, .button.hollow.quaternary[disabled], .button.hollow.quaternary.disabled:hover, .button.hollow.quaternary[disabled]:hover, .button.hollow.quaternary.disabled:focus, .button.hollow.quaternary[disabled]:focus { border: 2px solid #A53189; color: #A53189; } .button.hollow.quaternary:hover, .button.hollow.quaternary:focus { border-color: #531945; color: #531945; } .button.hollow.success, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus { border: 2px solid #3adb76; color: #3adb76; } .button.hollow.success:hover, .button.hollow.success:focus { border-color: #157539; color: #157539; } .button.hollow.warning, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus { border: 2px solid #ffae00; color: #ffae00; } .button.hollow.warning:hover, .button.hollow.warning:focus { border-color: #805700; color: #805700; } .button.hollow.alert, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus { border: 2px solid #cc4b37; color: #cc4b37; } .button.hollow.alert:hover, .button.hollow.alert:focus { border-color: #67251a; color: #67251a; } .button.clear, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus { border-color: transparent; background-color: transparent; } .button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus { color: #004380; } .button.clear:hover, .button.clear:focus { color: #002240; } .button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus { color: #002240; } .button.clear.primary:hover, .button.clear.primary:focus { color: #001120; } .button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus { color: #F39700; } .button.clear.secondary:hover, .button.clear.secondary:focus { color: #7a4c00; } .button.clear.tertiary, .button.clear.tertiary.disabled, .button.clear.tertiary[disabled], .button.clear.tertiary.disabled:hover, .button.clear.tertiary[disabled]:hover, .button.clear.tertiary.disabled:focus, .button.clear.tertiary[disabled]:focus { color: #009BA4; } .button.clear.tertiary:hover, .button.clear.tertiary:focus { color: #004e52; } .button.clear.quaternary, .button.clear.quaternary.disabled, .button.clear.quaternary[disabled], .button.clear.quaternary.disabled:hover, .button.clear.quaternary[disabled]:hover, .button.clear.quaternary.disabled:focus, .button.clear.quaternary[disabled]:focus { color: #A53189; } .button.clear.quaternary:hover, .button.clear.quaternary:focus { color: #531945; } .button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus { color: #3adb76; } .button.clear.success:hover, .button.clear.success:focus { color: #157539; } .button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus { color: #ffae00; } .button.clear.warning:hover, .button.clear.warning:focus { color: #805700; } .button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus { color: #cc4b37; } .button.clear.alert:hover, .button.clear.alert:focus { color: #67251a; } .button.disabled, .button[disabled] { opacity: 0.25; cursor: not-allowed; } .button.dropdown::after { display: block; width: 0; height: 0; border-style: solid; border-width: 0.4em; content: ''; border-bottom-width: 0; border-color: #ffffff transparent transparent; position: relative; top: 0.4em; display: inline-block; float: right; margin-left: 1em; } .button.dropdown.hollow::after, .button.dropdown.clear::after { border-top-color: #004380; } .button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after { border-top-color: #002240; } .button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after { border-top-color: #F39700; } .button.dropdown.hollow.tertiary::after, .button.dropdown.clear.tertiary::after { border-top-color: #009BA4; } .button.dropdown.hollow.quaternary::after, .button.dropdown.clear.quaternary::after { border-top-color: #A53189; } .button.dropdown.hollow.success::after, .button.dropdown.clear.success::after { border-top-color: #3adb76; } .button.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after { border-top-color: #ffae00; } .button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after { border-top-color: #cc4b37; } .button.arrow-only::after { top: -0.1em; float: none; margin-left: 0; } a.button:hover, a.button:focus { text-decoration: none; } .button { display: inline-flex; font-weight: bold; text-decoration: none; align-items: center; } .button dfn { color: inherit !important; } .button dfn:before, .button dfn::after { content: ' '; white-space: pre; } .read-more, .column-overview-faq-category .faq-category-link, .component-latest-news-items .button-go-to-page a { padding: 0; font-weight: normal; color: #004380; position: relative; display: inline-flex; align-items: center; margin: 0 0 3.2rem; text-decoration: underline; } .read-more dfn, .column-overview-faq-category .faq-category-link dfn, .component-latest-news-items .button-go-to-page a dfn { color: inherit !important; } .read-more dfn:before, .column-overview-faq-category .faq-category-link dfn:before, .component-latest-news-items .button-go-to-page a dfn:before, .read-more dfn::after, .column-overview-faq-category .faq-category-link dfn::after, .component-latest-news-items .button-go-to-page a dfn::after { content: ' '; white-space: pre; } .button-group { margin-bottom: 3.2rem; display: flex; flex-wrap: wrap; align-items: stretch; flex-grow: 1; } .button-group::before, .button-group::after { display: table; content: ' '; flex-basis: 0; order: 1; } .button-group::after { clear: both; } .button-group::before, .button-group::after { display: none; } .button-group .button { margin: 0; margin-right: 0.8rem; margin-bottom: 0.8rem; font-size: 1.6rem; flex: 0 0 auto; } .button-group .button:last-child { margin-right: 0; } .button-group.expanded .button { flex: 1 1 0px; } .button-group.primary .button, .button-group.primary .button.disabled, .button-group.primary .button[disabled], .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled]:hover, .button-group.primary .button.disabled:focus, .button-group.primary .button[disabled]:focus { background-color: #002240; color: #ffffff; } .button-group.primary .button:hover, .button-group.primary .button:focus { background-color: #001b33; color: #ffffff; } .button-group.secondary .button, .button-group.secondary .button.disabled, .button-group.secondary .button[disabled], .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled]:hover, .button-group.secondary .button.disabled:focus, .button-group.secondary .button[disabled]:focus { background-color: #F39700; color: #4D4B49; } .button-group.secondary .button:hover, .button-group.secondary .button:focus { background-color: #c27900; color: #4D4B49; } .button-group.tertiary .button, .button-group.tertiary .button.disabled, .button-group.tertiary .button[disabled], .button-group.tertiary .button.disabled:hover, .button-group.tertiary .button[disabled]:hover, .button-group.tertiary .button.disabled:focus, .button-group.tertiary .button[disabled]:focus { background-color: #009BA4; color: #ffffff; } .button-group.tertiary .button:hover, .button-group.tertiary .button:focus { background-color: #007c83; color: #ffffff; } .button-group.quaternary .button, .button-group.quaternary .button.disabled, .button-group.quaternary .button[disabled], .button-group.quaternary .button.disabled:hover, .button-group.quaternary .button[disabled]:hover, .button-group.quaternary .button.disabled:focus, .button-group.quaternary .button[disabled]:focus { background-color: #A53189; color: #ffffff; } .button-group.quaternary .button:hover, .button-group.quaternary .button:focus { background-color: #84276e; color: #ffffff; } .button-group.success .button, .button-group.success .button.disabled, .button-group.success .button[disabled], .button-group.success .button.disabled:hover, .button-group.success .button[disabled]:hover, .button-group.success .button.disabled:focus, .button-group.success .button[disabled]:focus { background-color: #3adb76; color: #4D4B49; } .button-group.success .button:hover, .button-group.success .button:focus { background-color: #22bb5b; color: #4D4B49; } .button-group.warning .button, .button-group.warning .button.disabled, .button-group.warning .button[disabled], .button-group.warning .button.disabled:hover, .button-group.warning .button[disabled]:hover, .button-group.warning .button.disabled:focus, .button-group.warning .button[disabled]:focus { background-color: #ffae00; color: #4D4B49; } .button-group.warning .button:hover, .button-group.warning .button:focus { background-color: #cc8b00; color: #4D4B49; } .button-group.alert .button, .button-group.alert .button.disabled, .button-group.alert .button[disabled], .button-group.alert .button.disabled:hover, .button-group.alert .button[disabled]:hover, .button-group.alert .button.disabled:focus, .button-group.alert .button[disabled]:focus { background-color: #cc4b37; color: #ffffff; } .button-group.alert .button:hover, .button-group.alert .button:focus { background-color: #a53b2a; color: #ffffff; } .button-group.hollow .button, .button-group.hollow .button:hover, .button-group.hollow .button:focus, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:hover, .button-group.hollow .button[disabled]:focus { background-color: transparent; } .button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button[disabled], .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled]:focus { border: 2px solid #004380; color: #004380; } .button-group.hollow .button:hover, .button-group.hollow .button:focus { border-color: #002240; color: #002240; } .button-group.hollow.primary .button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled]:hover, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow .button.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary[disabled]:focus { border: 2px solid #002240; color: #002240; } .button-group.hollow.primary .button:hover, .button-group.hollow.primary .button:focus, .button-group.hollow .button.primary:hover, .button-group.hollow .button.primary:focus { border-color: #001120; color: #001120; } .button-group.hollow.secondary .button, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled]:hover, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow .button.secondary, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary[disabled]:focus { border: 2px solid #F39700; color: #F39700; } .button-group.hollow.secondary .button:hover, .button-group.hollow.secondary .button:focus, .button-group.hollow .button.secondary:hover, .button-group.hollow .button.secondary:focus { border-color: #7a4c00; color: #7a4c00; } .button-group.hollow.tertiary .button, .button-group.hollow.tertiary .button.disabled, .button-group.hollow.tertiary .button[disabled], .button-group.hollow.tertiary .button.disabled:hover, .button-group.hollow.tertiary .button[disabled]:hover, .button-group.hollow.tertiary .button.disabled:focus, .button-group.hollow.tertiary .button[disabled]:focus, .button-group.hollow .button.tertiary, .button-group.hollow .button.tertiary.disabled, .button-group.hollow .button.tertiary[disabled], .button-group.hollow .button.tertiary.disabled:hover, .button-group.hollow .button.tertiary[disabled]:hover, .button-group.hollow .button.tertiary.disabled:focus, .button-group.hollow .button.tertiary[disabled]:focus { border: 2px solid #009BA4; color: #009BA4; } .button-group.hollow.tertiary .button:hover, .button-group.hollow.tertiary .button:focus, .button-group.hollow .button.tertiary:hover, .button-group.hollow .button.tertiary:focus { border-color: #004e52; color: #004e52; } .button-group.hollow.quaternary .button, .button-group.hollow.quaternary .button.disabled, .button-group.hollow.quaternary .button[disabled], .button-group.hollow.quaternary .button.disabled:hover, .button-group.hollow.quaternary .button[disabled]:hover, .button-group.hollow.quaternary .button.disabled:focus, .button-group.hollow.quaternary .button[disabled]:focus, .button-group.hollow .button.quaternary, .button-group.hollow .button.quaternary.disabled, .button-group.hollow .button.quaternary[disabled], .button-group.hollow .button.quaternary.disabled:hover, .button-group.hollow .button.quaternary[disabled]:hover, .button-group.hollow .button.quaternary.disabled:focus, .button-group.hollow .button.quaternary[disabled]:focus { border: 2px solid #A53189; color: #A53189; } .button-group.hollow.quaternary .button:hover, .button-group.hollow.quaternary .button:focus, .button-group.hollow .button.quaternary:hover, .button-group.hollow .button.quaternary:focus { border-color: #531945; color: #531945; } .button-group.hollow.success .button, .button-group.hollow.success .button.disabled, .button-group.hollow.success .button[disabled], .button-group.hollow.success .button.disabled:hover, .button-group.hollow.success .button[disabled]:hover, .button-group.hollow.success .button.disabled:focus, .button-group.hollow.success .button[disabled]:focus, .button-group.hollow .button.success, .button-group.hollow .button.success.disabled, .button-group.hollow .button.success[disabled], .button-group.hollow .button.success.disabled:hover, .button-group.hollow .button.success[disabled]:hover, .button-group.hollow .button.success.disabled:focus, .button-group.hollow .button.success[disabled]:focus { border: 2px solid #3adb76; color: #3adb76; } .button-group.hollow.success .button:hover, .button-group.hollow.success .button:focus, .button-group.hollow .button.success:hover, .button-group.hollow .button.success:focus { border-color: #157539; color: #157539; } .button-group.hollow.warning .button, .button-group.hollow.warning .button.disabled, .button-group.hollow.warning .button[disabled], .button-group.hollow.warning .button.disabled:hover, .button-group.hollow.warning .button[disabled]:hover, .button-group.hollow.warning .button.disabled:focus, .button-group.hollow.warning .button[disabled]:focus, .button-group.hollow .button.warning, .button-group.hollow .button.warning.disabled, .button-group.hollow .button.warning[disabled], .button-group.hollow .button.warning.disabled:hover, .button-group.hollow .button.warning[disabled]:hover, .button-group.hollow .button.warning.disabled:focus, .button-group.hollow .button.warning[disabled]:focus { border: 2px solid #ffae00; color: #ffae00; } .button-group.hollow.warning .button:hover, .button-group.hollow.warning .button:focus, .button-group.hollow .button.warning:hover, .button-group.hollow .button.warning:focus { border-color: #805700; color: #805700; } .button-group.hollow.alert .button, .button-group.hollow.alert .button.disabled, .button-group.hollow.alert .button[disabled], .button-group.hollow.alert .button.disabled:hover, .button-group.hollow.alert .button[disabled]:hover, .button-group.hollow.alert .button.disabled:focus, .button-group.hollow.alert .button[disabled]:focus, .button-group.hollow .button.alert, .button-group.hollow .button.alert.disabled, .button-group.hollow .button.alert[disabled], .button-group.hollow .button.alert.disabled:hover, .button-group.hollow .button.alert[disabled]:hover, .button-group.hollow .button.alert.disabled:focus, .button-group.hollow .button.alert[disabled]:focus { border: 2px solid #cc4b37; color: #cc4b37; } .button-group.hollow.alert .button:hover, .button-group.hollow.alert .button:focus, .button-group.hollow .button.alert:hover, .button-group.hollow .button.alert:focus { border-color: #67251a; color: #67251a; } .button-group.clear .button, .button-group.clear .button:hover, .button-group.clear .button:focus, .button-group.clear .button.disabled, .button-group.clear .button.disabled:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:hover, .button-group.clear .button[disabled]:focus { border-color: transparent; background-color: transparent; } .button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button[disabled], .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled]:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled]:focus { color: #004380; } .button-group.clear .button:hover, .button-group.clear .button:focus { color: #002240; } .button-group.clear.primary .button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled]:hover, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button[disabled]:focus, .button-group.clear .button.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled]:hover, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary[disabled]:focus { color: #002240; } .button-group.clear.primary .button:hover, .button-group.clear.primary .button:focus, .button-group.clear .button.primary:hover, .button-group.clear .button.primary:focus { color: #001120; } .button-group.clear.secondary .button, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled]:hover, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button[disabled]:focus, .button-group.clear .button.secondary, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary[disabled]:focus { color: #F39700; } .button-group.clear.secondary .button:hover, .button-group.clear.secondary .button:focus, .button-group.clear .button.secondary:hover, .button-group.clear .button.secondary:focus { color: #7a4c00; } .button-group.clear.tertiary .button, .button-group.clear.tertiary .button.disabled, .button-group.clear.tertiary .button[disabled], .button-group.clear.tertiary .button.disabled:hover, .button-group.clear.tertiary .button[disabled]:hover, .button-group.clear.tertiary .button.disabled:focus, .button-group.clear.tertiary .button[disabled]:focus, .button-group.clear .button.tertiary, .button-group.clear .button.tertiary.disabled, .button-group.clear .button.tertiary[disabled], .button-group.clear .button.tertiary.disabled:hover, .button-group.clear .button.tertiary[disabled]:hover, .button-group.clear .button.tertiary.disabled:focus, .button-group.clear .button.tertiary[disabled]:focus { color: #009BA4; } .button-group.clear.tertiary .button:hover, .button-group.clear.tertiary .button:focus, .button-group.clear .button.tertiary:hover, .button-group.clear .button.tertiary:focus { color: #004e52; } .button-group.clear.quaternary .button, .button-group.clear.quaternary .button.disabled, .button-group.clear.quaternary .button[disabled], .button-group.clear.quaternary .button.disabled:hover, .button-group.clear.quaternary .button[disabled]:hover, .button-group.clear.quaternary .button.disabled:focus, .button-group.clear.quaternary .button[disabled]:focus, .button-group.clear .button.quaternary, .button-group.clear .button.quaternary.disabled, .button-group.clear .button.quaternary[disabled], .button-group.clear .button.quaternary.disabled:hover, .button-group.clear .button.quaternary[disabled]:hover, .button-group.clear .button.quaternary.disabled:focus, .button-group.clear .button.quaternary[disabled]:focus { color: #A53189; } .button-group.clear.quaternary .button:hover, .button-group.clear.quaternary .button:focus, .button-group.clear .button.quaternary:hover, .button-group.clear .button.quaternary:focus { color: #531945; } .button-group.clear.success .button, .button-group.clear.success .button.disabled, .button-group.clear.success .button[disabled], .button-group.clear.success .button.disabled:hover, .button-group.clear.success .button[disabled]:hover, .button-group.clear.success .button.disabled:focus, .button-group.clear.success .button[disabled]:focus, .button-group.clear .button.success, .button-group.clear .button.success.disabled, .button-group.clear .button.success[disabled], .button-group.clear .button.success.disabled:hover, .button-group.clear .button.success[disabled]:hover, .button-group.clear .button.success.disabled:focus, .button-group.clear .button.success[disabled]:focus { color: #3adb76; } .button-group.clear.success .button:hover, .button-group.clear.success .button:focus, .button-group.clear .button.success:hover, .button-group.clear .button.success:focus { color: #157539; } .button-group.clear.warning .button, .button-group.clear.warning .button.disabled, .button-group.clear.warning .button[disabled], .button-group.clear.warning .button.disabled:hover, .button-group.clear.warning .button[disabled]:hover, .button-group.clear.warning .button.disabled:focus, .button-group.clear.warning .button[disabled]:focus, .button-group.clear .button.warning, .button-group.clear .button.warning.disabled, .button-group.clear .button.warning[disabled], .button-group.clear .button.warning.disabled:hover, .button-group.clear .button.warning[disabled]:hover, .button-group.clear .button.warning.disabled:focus, .button-group.clear .button.warning[disabled]:focus { color: #ffae00; } .button-group.clear.warning .button:hover, .button-group.clear.warning .button:focus, .button-group.clear .button.warning:hover, .button-group.clear .button.warning:focus { color: #805700; } .button-group.clear.alert .button, .button-group.clear.alert .button.disabled, .button-group.clear.alert .button[disabled], .button-group.clear.alert .button.disabled:hover, .button-group.clear.alert .button[disabled]:hover, .button-group.clear.alert .button.disabled:focus, .button-group.clear.alert .button[disabled]:focus, .button-group.clear .button.alert, .button-group.clear .button.alert.disabled, .button-group.clear .button.alert[disabled], .button-group.clear .button.alert.disabled:hover, .button-group.clear .button.alert[disabled]:hover, .button-group.clear .button.alert.disabled:focus, .button-group.clear .button.alert[disabled]:focus { color: #cc4b37; } .button-group.clear.alert .button:hover, .button-group.clear.alert .button:focus, .button-group.clear .button.alert:hover, .button-group.clear .button.alert:focus { color: #67251a; } .button-group.no-gaps .button { margin-right: -0.2rem; } .button-group.no-gaps .button + .button { border-left-color: transparent; } .button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium { flex-wrap: wrap; } .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button { flex: 0 0 100%; } .button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child { margin-bottom: 0; } .button-group.stacked.expanded .button, .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-medium.expanded .button { flex: 1 1 0px; } @media print, screen and (min-width: 40em) { .button-group.stacked-for-small .button { flex: 0 0 auto; margin-bottom: 0; } } @media print, screen and (min-width: 64em) { .button-group.stacked-for-medium .button { flex: 0 0 auto; margin-bottom: 0; } } @media print, screen and (max-width: 29.99875em) { .button-group.stacked-for-small.expanded { display: block; } .button-group.stacked-for-small.expanded .button { display: block; margin-right: 0; } } @media print, screen and (max-width: 47.99875em) { .button-group.stacked-for-medium.expanded { display: block; } .button-group.stacked-for-medium.expanded .button { display: block; margin-right: 0; } } .button-group { width: 100%; flex-direction: column; flex-wrap: wrap; align-items: flex-start; flex-direction: row; } .button-group.align-left { justify-content: flex-start; } .button-group.align-right { justify-content: flex-end; } .button-group.align-center { justify-content: center; } .button-group.align-stretched { justify-content: space-between; } .button-group::before, .button-group::after { display: none; } .subheader { font-size: 2.8rem; font-style: italic; line-height: 3.3rem; } @font-face { font-family: 'Bariol'; src: url("/static/fonts/bariol_regular-webfont.woff2") format("woff2"), url("/static/fonts/bariol_regular-webfont.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Bariol'; src: url("/static/fonts/bariol_regular_italic-webfont.woff2") format("woff2"), url("/static/fonts/bariol_regular_italic-webfont.woff") format("woff"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Bariol'; src: url("/static/fonts/bariol_bold-webfont.woff2") format("woff2"), url("/static/fonts/bariol_bold-webfont.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Dyslexic'; src: url("/static/fonts/open-dyslexic_regular.woff2") format("woff2"), url("/static/fonts/open-dyslexic_regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Dyslexic'; src: url("/static/fonts/open-dyslexic_italic.woff2") format("woff2"), url("/static/fonts/open-dyslexic_italic.woff") format("woff"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Open Dyslexic'; src: url("/static/fonts/open-dyslexic_bold.woff2") format("woff2"), url("/static/fonts/open-dyslexic_bold.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; } .ck-editor ul:not([style*='list-style']) { list-style: disc; } .ck-editor ul:not([style*='list-style']) li { padding-left: 0; } .ck-editor ul:not([style*='list-style']) li::before { display: none; } .button-accessibility-tools { height: 3.6rem; margin: 0; background: #F8F7F7; border-radius: 0 0 0.4rem 0.4rem; color: #004380; } .button-accessibility-tools[aria-expanded="true"] { background: #003566; color: #ffffff; } .button-accessibility-tools::before { content: attr(data-icon); font-family: "nijsmellinghe"; order: 1; } .component-accessibility-tools { top: -0.6rem !important; left: auto !important; right: -1.6rem !important; width: 23rem; min-width: 23rem; max-width: 31.28rem; padding: 2.4rem; z-index: 1; background: #ffffff; border: none; border-radius: 0.8rem; box-shadow: 0 2.4rem 4.8rem rgba(77, 75, 73, 0.16); color: #004380; } @media screen and (min-width: 22.5em) { .component-accessibility-tools { right: 3.2rem !important; } } @media print, screen and (min-width: 30em) { .component-accessibility-tools { right: 3.6rem !important; } } @media print, screen and (min-width: 64em) { .component-accessibility-tools { width: 100%; top: 3.6rem !important; right: 0 !important; } .component-accessibility-tools .label { font-size: 1.8rem !important; } } .component-accessibility-tools .heading { font-family: var(--root-font-family, "Bariol", var(--root-font-family, "Bariol", sans-serif)); font-style: normal; font-weight: bold; color: inherit; text-rendering: optimizeLegibility; line-height: 1.2; margin-bottom: 1.6rem; font-size: 1.8rem; line-height: 2.8rem; display: block; margin-bottom: 2.4rem; } @media print, screen and (min-width: 64em) { .component-accessibility-tools .heading { font-size: 2rem; line-height: 3.2rem; } } .component-accessibility-tools .dropdown-section { display: flex; flex-direction: column; gap: 1.8rem; } .component-accessibility-tools .dropdown-section > div[class$="-wrapper"] { display: flex; flex: 1; justify-content: space-between; align-items: center; } .component-accessibility-tools .dropdown-section > div[class$="-wrapper"].readspeaker-wrapper .column-readspeaker { height: auto; } .component-accessibility-tools .dropdown-section > div[class$="-wrapper"].readspeaker-wrapper .column-readspeaker .readspeaker-toggle-button { display: none !important; } .component-accessibility-tools .dropdown-section > div[class$="-wrapper"].readspeaker-wrapper .column-readspeaker .readspeaker-widget { display: block !important; position: relative; top: auto; width: auto; } .component-accessibility-tools .dropdown-section > div[class$="-wrapper"][class^="font-resizer-"], .component-accessibility-tools .dropdown-section > div[class$="-wrapper"][class^="readspeaker-"] { display: none; } @media print, screen and (min-width: 64em) { .component-accessibility-tools .dropdown-section > div[class$="-wrapper"][class^="font-resizer-"], .component-accessibility-tools .dropdown-section > div[class$="-wrapper"][class^="readspeaker-"] { display: flex; } } .component-accessibility-tools .dropdown-section > div[class$="-wrapper"] .label { color: #004380; font-size: 1.6rem; font-weight: bold; } .site-header-extra .button-accessibility-tools { width: 4.05rem; justify-content: center; background: #003566; color: #ffffff; } .site-header-extra .button-accessibility-tools .button-text { display: none; } .site-header-extra .button-accessibility-tools::before { margin-left: 0; font-size: 1.6rem; } @media print, screen and (min-width: 64em) { .site-header .site-header-extra .button-accessibility-tools { display: none; } } .site-header .top-nav .button-accessibility-tools { display: none; } @media print, screen and (min-width: 64em) { .site-header .top-nav .button-accessibility-tools { display: inline-flex; } } .component-dyslexia-font .dyslexia-font-toggle-input { transition: 0.375s ease-out; box-sizing: content-box; order: 1; position: relative; width: 4.8rem; height: 2.4rem; margin: 0; opacity: 1; border: 2px solid #6F6D6A; border-radius: 2.4rem; outline-color: transparent; cursor: pointer; } .component-dyslexia-font .dyslexia-font-toggle-input:focus, .component-dyslexia-font .dyslexia-font-toggle-input:hover { border-color: #00838a; } .component-dyslexia-font .dyslexia-font-toggle-input:focus::before, .component-dyslexia-font .dyslexia-font-toggle-input:hover::before { background: #00838a; } .component-dyslexia-font .dyslexia-font-toggle-input::before { transition: 0.375s ease-out; content: ''; position: absolute; top: calc((2.4rem - 2rem) / 2); left: calc((2.4rem - 2rem) / 2); width: 2rem; height: 2rem; background: #6F6D6A; border-radius: 2rem; } .component-dyslexia-font .dyslexia-font-toggle-input:checked { border-color: #004380; } .component-dyslexia-font .dyslexia-font-toggle-input:checked:focus, .component-dyslexia-font .dyslexia-font-toggle-input:checked:hover { border-color: #00838a; } .component-dyslexia-font .dyslexia-font-toggle-input:checked:focus::before, .component-dyslexia-font .dyslexia-font-toggle-input:checked:hover::before { background: #00838a; } .component-dyslexia-font .dyslexia-font-toggle-input:checked::before { left: calc(2.4rem + calc((2.4rem - 2rem) / 2)); background: #004380; } .component-dyslexia-font .dyslexia-font-toggle-label { margin: 0; order: 0; } body { font-family: var(--root-font-family, "Bariol", sans-serif) !important; } html.dyslexia-font-enabled body { font-size: 1.8rem; line-height: var(--root-line-height, 1.6); } html.dyslexia-font-enabled body .nav-top, html.dyslexia-font-enabled body .nav-primary { font-size: 1.6rem; } html.dyslexia-font-enabled body .site-hero .heading { font-size: 4.2rem; } html.dyslexia-font-enabled body .site-hero .subheader { font-size: 3rem; } .font-resizer .font-resizer-button { margin-bottom: 0; color: #004380; width: 2rem; border-left: 0; padding-top: 0; padding-bottom: 0; } .font-resizer .font-resizer-button:hover, .font-resizer .font-resizer-button:focus { background: #F8F7F7; color: #00838a; } .font-resizer .font-resizer-button:hover .font-resizer-icon::before, .font-resizer .font-resizer-button:focus .font-resizer-icon::before { opacity: 1; } .font-resizer .font-resizer-button-default { font-size: 90%; line-height: 1; } .font-resizer .font-resizer-button-decrease { border-bottom-left-radius: 0.4rem; } .font-resizer .font-resizer-button-increase { font-size: 115%; } .readspeaker { display: none; } @media print, screen and (min-width: 64em) { .readspeaker { display: block; } } .column-readspeaker { padding: 0; } .readspeaker-toggle-button { display: flex; margin-bottom: 0; } .readspeaker-toggle-button { font-size: 1.6rem; padding-top: 0; padding-bottom: 0; } @media print, screen and (min-width: 40em) { .readspeaker-toggle-button.hide { display: flex !important; position: relative; left: 0; margin-left: 1.06667rem; border-radius: 0.4rem; } } @media print, screen and (min-width: 64em) { .readspeaker-toggle-button.hide { margin-left: 0; } } .readspeaker-toggle-button:hover, .readspeaker-toggle-button:focus { background: #F8F7F7; color: #009BA4; } .readspeaker-toggle-button .readspeaker-toggle-button-icon { font-size: 1.8rem; display: block; margin: 0.3rem 0 0 0.8rem; order: 1; } .readspeaker-widget .rsbtn .rsbtn_tooltoggle { min-height: 0; } .readspeaker-widget .rsbtn button { min-height: auto; } .readspeaker-widget .readspeaker-button.rsbtn { width: 100% !important; display: flex; flex-wrap: wrap; gap: 1px; } .readspeaker-widget .readspeaker-button.rsbtn .rsbtn_tooltoggle { height: 3rem !important; } .readspeaker-widget .readspeaker-button.rsbtn .rsbtn_play { box-sizing: border-box !important; display: flex; width: 100%; height: 3rem !important; top: -1px; border: 1px solid !important; } .readspeaker-widget .readspeaker-button.rsbtn .rsbtn_play .rsbtn_left { display: flex; flex: 1; justify-content: center; } .readspeaker-widget .readspeaker-button.rsbtn .rsbtn_exp { flex-basis: 100%; height: 3rem !important; } .readspeaker-widget .readspeaker-button.rsbtn .rsbtn_exp .rsbtn_exp_inner { width: 100%; display: flex; justify-content: space-between; } .readspeaker-widget .readspeaker-button.rsbtn .rsbtn_exp .rsbtn_exp_inner .button { width: calc(100% / 7); } .readspeaker-widget .readspeaker-button.rsbtn .rsbtn_exp .rsbtn_exp_inner .rs-player-loadindicator { display: block !important; left: 0 !important; } button, .button { min-height: auto; } button .icon, .button .icon { margin-right: 0.8rem; } .read-more, .column-overview-faq-category .faq-category-link, .component-latest-news-items .button-go-to-page a { transition: 0.25s ease-out; color: #00838a; font-weight: normal; text-decoration: none; } .read-more:hover, .column-overview-faq-category .faq-category-link:hover, .component-latest-news-items .button-go-to-page a:hover { color: #004380; } .read-more:hover .text, .column-overview-faq-category .faq-category-link:hover .text, .component-latest-news-items .button-go-to-page a:hover .text { text-decoration: underline; text-decoration-color: #009BA4; -webkit-text-decoration-color: #009BA4; -moz-text-decoration-color: #009BA4; } .read-more .text, .column-overview-faq-category .faq-category-link .text, .component-latest-news-items .button-go-to-page a .text { transition: 0.25s ease-out; text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; text-decoration-color: #004380; -webkit-text-decoration-color: #004380; -moz-text-decoration-color: #004380; } .read-more .icon, .column-overview-faq-category .faq-category-link .icon, .component-latest-news-items .button-go-to-page a .icon { display: inline-flex; align-items: center; margin-top: 0.4rem; } .read-more .icon::before, .column-overview-faq-category .faq-category-link .icon::before, .component-latest-news-items .button-go-to-page a .icon::before { content: "m"; font-family: "nijsmellinghe"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; margin-right: 1.6rem; } @media reader, speech, aural { .read-more .icon::before, .column-overview-faq-category .faq-category-link .icon::before, .component-latest-news-items .button-go-to-page a .icon::before { display: none; visibility: hidden; } } .component-title { transition: 0.25s ease-out; } .card-job-post-detail, .card-easy-cruit-job-post-detail { margin: 0; border: 1px solid #f3efed; border-radius: 0.8rem; position: relative; overflow: visible; } .card-job-post-detail .card-image, .card-easy-cruit-job-post-detail .card-image { margin-bottom: 0; background-image: url("/img/placeholder_news.png"); background-size: cover; } .card-job-post-detail .card-image, .card-job-post-detail .card-image img, .card-easy-cruit-job-post-detail .card-image, .card-easy-cruit-job-post-detail .card-image img { border-radius: 0.4rem; } .card-job-post-detail .card-image .image-ratio, .card-easy-cruit-job-post-detail .card-image .image-ratio { background: #F5F8FA; } .card-job-post-detail .card-image.image-placeholder .image-ratio, .card-easy-cruit-job-post-detail .card-image.image-placeholder .image-ratio { background-image: url("/img/placeholder_news.png"); background-size: cover; } .card-job-post-detail .label, .card-easy-cruit-job-post-detail .label { position: absolute; z-index: 10; top: -0.4rem; left: 3.2rem; padding: 0 1.6rem; background: #A53189; color: #ffffff; border-radius: 0.2rem; } .card-job-post-detail .card-section, .card-easy-cruit-job-post-detail .card-section { padding: 3.2rem; } .card-job-post-detail .heading, .card-easy-cruit-job-post-detail .heading { font-family: var(--root-font-family, "Bariol", var(--root-font-family, "Bariol", sans-serif)); font-style: normal; font-weight: bold; color: inherit; text-rendering: optimizeLegibility; line-height: 1.2; margin-bottom: 1.6rem; font-size: 2rem; line-height: 3.2rem; margin-bottom: 0; } @media print, screen and (min-width: 64em) { .card-job-post-detail .heading, .card-easy-cruit-job-post-detail .heading { font-size: 2.4rem; line-height: 3.2rem; } } .card-job-post-detail .heading + .meta, .card-easy-cruit-job-post-detail .heading + .meta { margin-top: 0; } .card-job-post-detail .heading:not(:has(+ .meta .meta-item-job-title:first-child)), .card-easy-cruit-job-post-detail .heading:not(:has(+ .meta .meta-item-job-title:first-child)) { margin-bottom: 2.13344rem; } .card-job-post-detail .meta .meta-item-key, .card-job-post-detail .meta .meta-item-value, .card-easy-cruit-job-post-detail .meta .meta-item-key, .card-easy-cruit-job-post-detail .meta .meta-item-value { display: inline; } .card-job-post-detail .meta .meta-item-starting-date, .card-easy-cruit-job-post-detail .meta .meta-item-starting-date { display: none; } .card-job-post-detail .button, .card-easy-cruit-job-post-detail .button { display: none; } .card-job-post-contact-person { margin: 0; padding: 3.2rem; background: #F5F8FA; border-radius: 0.8rem; } .card-job-post-contact-person .card-image { margin-bottom: 3.2rem; } .card-job-post-contact-person .card-image, .card-job-post-contact-person .card-image img { border-radius: 0.4rem; } .card-job-post-contact-person .card-image .image-ratio { background: #F5F8FA; } .card-job-post-contact-person .card-image.image-placeholder .image-ratio { background: url("/img/placeholder-avatar-overview.svg") center center no-repeat; background-size: contain; } .card-job-post-contact-person .heading { margin-bottom: 0; } .card-job-post-contact-person .heading + .meta { margin-top: 0; } .card-job-post-contact-person .heading:not(:has(+ .meta .meta-item-job-title:first-child)) { margin-bottom: 0.8rem; } .card-job-post-contact-person .meta { flex-direction: column; gap: 0.4rem; } .card-job-post-contact-person .meta a { text-decoration: none; } @media (hover: hover) and (pointer: fine) { .card-job-post-contact-person .meta a:hover { text-decoration: underline; } .card-job-post-contact-person .meta a:focus { text-decoration: underline; } } .card-job-post-contact-person .meta .icon { margin-top: 0.4rem; color: #00838a; font-size: 1.6rem; } .card-job-post-contact-person .meta .meta-item-value { display: flex; } .card-job-post-contact-person .meta .meta-item-job-title { margin-bottom: 0.8rem; } .card-job-post-contact-person .meta .meta-item-email-address .icon::before { content: "d"; font-family: "nijsmellinghe"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; } @media reader, speech, aural { .card-job-post-contact-person .meta .meta-item-email-address .icon::before { display: none; visibility: hidden; } } .card-job-post-contact-person .meta .meta-item-linkedin-url .icon::before { content: "g"; font-family: "nijsmellinghe"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; } @media reader, speech, aural { .card-job-post-contact-person .meta .meta-item-linkedin-url .icon::before { display: none; visibility: hidden; } } .hamburger { border-left: 0.2rem solid #F8F7F7; margin: 0; z-index: 30; } .hamburger:hover, .hamburger:focus { background: #ffffff; border: 1px dotted #002240; } .hamburger:hover .line, .hamburger:focus .line { background: #004380; } .site-hero { background: #00838a; border-radius: 0 0 0.4rem 0.4rem; box-shadow: 0 1.2rem 3.6rem rgba(77, 75, 73, 0.1); position: relative; overflow: visible; z-index: 10; } .no-hero .site-hero { padding-bottom: 3.2rem; } @media print, screen and (min-width: 64em) { .site-hero { display: flex; flex-wrap: wrap; } } .site-hero .site-hero-image { background: #002240; border-radius: 0 0 0 9.15rem; overflow: hidden; position: relative; width: 100%; } @media print, screen and (min-width: 64em) { .site-hero .site-hero-image { margin-left: 0.8rem; border-radius: 0 0 0 18.3rem; order: 1; width: 50%; } } @media print, screen and (min-width: 64em) and (min-width: 40em) { .site-hero .site-hero-image { margin-left: 1.2rem; } } @media print, screen and (min-width: 64em) and (min-width: 64em) { .site-hero .site-hero-image { margin-left: 1.6rem; } } @media screen and (min-width: 80em) { .site-hero .site-hero-image { margin-right: -11.2rem; width: calc(100%/2 + 11.2rem); } } .has-hero .site-hero .site-hero-image { height: auto; } @media print, screen and (min-width: 64em) { .has-hero .site-hero .site-hero-image { height: 47.8rem; } } .site-hero .site-hero-image img { object-fit: cover; font-family: "object-fit: cover", var(--root-font-family, "Bariol", sans-serif); width: 100%; height: 100%; position: static; } .site-hero .site-hero-text-wrapper { margin-right: 1.6rem; display: flex; width: 100%; } @media print, screen and (min-width: 40em) { .site-hero .site-hero-text-wrapper { margin-right: 2.4rem; } } @media print, screen and (min-width: 64em) { .site-hero .site-hero-text-wrapper { margin-right: 3.2rem; } } @media print, screen and (min-width: 64em) { .site-hero .site-hero-text-wrapper { order: 0; width: 50%; margin-left: 8.33333%; } } .site-hero .site-intro { position: relative; z-index: 10; } .site-hero .hero-overlay { width: 100%; height: 100%; position: absolute; bottom: 0; left: calc( -100vw / 2 + 100% / 2); pointer-events: none; z-index: 0; } .site-hero .hero-overlay svg { width: 35.4rem; height: 38.3rem; position: absolute; bottom: 0; left: -3rem; } .site-hero .heading { color: #ffffff; margin-bottom: 0.53333rem; } .no-hero .site-hero .site-hero-text-wrapper { margin-right: 1.6rem; display: flex; width: 100%; } @media print, screen and (min-width: 40em) { .no-hero .site-hero .site-hero-text-wrapper { margin-right: 2.4rem; } } @media print, screen and (min-width: 64em) { .no-hero .site-hero .site-hero-text-wrapper { margin-right: 3.2rem; } } @media print, screen and (min-width: 64em) { .no-hero .site-hero .site-hero-text-wrapper { order: 0; width: 83.33333%; margin-left: 8.33333%; } } .accordion-item { border-bottom: 1px solid #E8E2DF; } .accordion-item:first-child { border-top: 1px solid #E8E2DF; } .accordion-title { transition: 0.25s ease-out; font-size: 2rem; font-weight: bold; color: #004380; text-decoration: none; padding: 1.6rem 3.2rem; } .accordion-title:hover, .accordion-title:focus { color: #009BA4; } .accordion-title .icon { transform: translateY(-50%) rotate(0deg); right: auto !important; left: 0 !important; } .accordion-title .icon::before { font-family: "nijsmellinghe"; color: #A53189; font-size: 14px; } .is-active > .accordion-title .icon { transform: translateY(-50%) rotate(-180deg); } .accordion-content { color: #004380; padding-bottom: 3.2rem; } .accordion-content p { margin-bottom: 0; } .component-video { position: relative; margin-left: -3.2rem; margin-right: -3.2rem; } @media print, screen and (min-width: 48em) { .component-video { margin-left: -6.4rem; margin-right: -6.4rem; } } .component-video button[data-play-video] { background: transparent; } .component-video .youtube-title { transition: 0.25s ease-out; color: #ffffff; font-weight: bold; padding: 3.2rem; position: absolute; width: 100%; bottom: 0; left: 0; margin: 0; z-index: 10; font-size: 2.2rem; opacity: 1; visibility: visible; } @media print, screen and (min-width: 30em) { .component-video .youtube-title { font-size: 3.2rem; padding: 6.4rem; } } .component-video.video-is-playing .youtube-title, .component-video.video-is-playing .responsive-image::after { opacity: 0; visibility: hidden; } .component-video .video-play-button { transition: 0.25s ease-out; } .component-video:hover .video-play-button { background: #009BA4; } .component-video:hover .responsive-image::after { opacity: 50%; } .component-video .responsive-image::after { transition: 0.25s ease-out; content: ''; position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.35); z-index: 3; pointer-events: none; } .tabs { border: 0; } .tabs .tabs-title { background: transparent; margin-right: 0.8rem; } .tabs .tabs-title a { border-radius: 0.4rem 0.4rem 0 0; border-top: 0.5rem solid transparent; background: none; padding: 2.4rem 4.8rem; text-decoration: none; font-size: 2rem; color: #004380; } .tabs .tabs-title a .icon::before { margin-right: 0.8rem; position: relative; top: .2rem; } @media print, screen and (max-width: 39.99875em) { .tabs .tabs-title a { display: flex; flex-direction: column; align-items: center; font-size: 1.53rem; padding: 1.6rem; } .tabs .tabs-title a .icon::before { top: 0; } } .tabs .tabs-title > a:focus, .tabs .tabs-title > a[aria-selected='true'], .tabs .tabs-title > a:hover { background: #F5F8FA; border-color: #F39700; } .tabs-content { padding: 2.4rem 2.4rem 0; background: #F5F8FA; border: 0; } @media print, screen and (min-width: 40em) { .tabs-content { padding: 3.2rem 3.2rem 0; } } .tabs-content .tabs-panel.is-active { margin-top: -1px; } .tabs-content .compblock { margin-bottom: 3.2rem; } .tabs-content .call-to-action { width: auto; margin-bottom: 0; } .tabs-content .component-image { max-width: 35rem; } .component-paragraph-with-image .row { margin: 0 -1rem; } .component-paragraph-with-image .column-image { margin-bottom: 3.2rem; } .component-paragraph-with-image .responsive-image img { transform: none; } .component-triage .form h1 { display: none; } .component-triage .form > .form-control-radio { border: 1px solid #F8F7F7; border-radius: 0.4rem; padding: 3.2rem; } .component-triage .form > .form-control-radio .form-control-wrapper { display: flex; justify-content: flex-start; } .component-triage .form > .form-control-radio .form-control-wrapper .form-control, .component-triage .form > .form-control-radio .form-control-wrapper .recaptcha-holder { margin-bottom: 0; } .component-triage .form .form-control-label { font-size: 2.4rem; color: #004380; } .component-triage .form .form-control-field-wrapper-checkbox-radio .form-control-label { font-size: 1.8rem; color: #004380; font-weight: bold; } .component-triage .form .form-control, .component-triage .form .recaptcha-holder { width: auto; } .component-triage .result { display: none; flex-direction: column; justify-content: center; align-items: center; color: #004380; } .component-triage .result.active { display: flex; } .component-triage .result .icon { display: flex; justify-content: center; align-items: center; width: 13.5rem; height: 13.5rem; background: #009BA4; margin-bottom: 1.6rem; color-adjust: exact !important; -webkit-print-color-adjust: exact !important; } .component-triage .result.positive .icon { background: #009BA4; } .component-triage .result.positive span.negative { display: none; } .component-triage .result.negative .icon { background: #EA2828; } .component-triage .result.negative span.positive { display: none; } .component-triage .result span:not(.icon) { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; margin-bottom: 0; width: 100%; } .component-triage .result span:not(.icon) h3 { margin-bottom: 3.2rem; } .component-triage .result span:not(.icon) p { width: 100%; } .component-triage .result .date { font-style: italic; } .component-triage .result button { margin-top: 3.2rem; font-weight: bold; } .component-table th { white-space: nowrap; } .page-main-content-waiting-period-list .component-table td:first-child, .page-main-content-waiting-period-list .component-table td:last-child, .component-waiting-period .component-table td:first-child, .component-waiting-period .component-table td:last-child { font-weight: bold; } .page-main-content-waiting-period-list .component-table td:first-child, .component-waiting-period .component-table td:first-child { border-top-left-radius: 0.4rem; border-bottom-left-radius: 0.4rem; } .page-main-content-waiting-period-list .component-table td:last-child, .component-waiting-period .component-table td:last-child { border-top-right-radius: 0.4rem; border-bottom-right-radius: 0.4rem; } .page-main-content-waiting-period-list .tooltip-trigger, .component-waiting-period .tooltip-trigger { display: inline-block; margin-left: 0.8rem; } .tabs-content .component-waiting-period .component-title { font-family: var(--root-font-family, "Bariol", var(--root-font-family, "Bariol", sans-serif)); font-style: normal; font-weight: bold; color: inherit; text-rendering: optimizeLegibility; line-height: 1.2; margin-bottom: 1.6rem; font-size: 2rem; line-height: 3.2rem; margin-bottom: 0.8rem; } @media print, screen and (min-width: 64em) { .tabs-content .component-waiting-period .component-title { font-size: 2.4rem; line-height: 3.2rem; } } .tooltip-trigger { margin: 0; min-height: auto; padding: 0; } .breadcrumbs-button-wrapper { margin: 1.6rem 0 0; } .breadcrumbs-button-wrapper .breadcrumbs-button-toggler { background: #002240; } .site-breadcrumbs .breadcrumbs { margin: 0 0 3.2rem; } @media print, screen and (min-width: 64em) { .site-breadcrumbs .breadcrumbs { margin-top: 1.6rem; margin-bottom: 6.4rem; } } @media print, screen and (max-width: 79.99875em) { .site-breadcrumbs .breadcrumbs .icon::after { margin: 0.8rem; } } .site-breadcrumbs a:hover, .site-breadcrumbs a:focus { opacity: .75; } .site-breadcrumbs .home .home-text { font-size: 1.8rem; } .hero-breadcrumbs { margin-top: 1.6rem; } .hero-breadcrumbs .inner { max-width: 121.6rem; } #klachtenformulier h2 { display: none; } .zkn-widget-body a { color: #00838A !important; text-decoration: underline !important; } .zkn-widget-body a:hover, .zkn-widget-body a:focus { color: #004380 !important; } .page-searchbox { display: flex; position: relative; } .page-searchbox input[type='search'] { border-color: #ffffff; border-radius: 0.4rem 0 0 0.4rem; height: 6rem; padding: 0.8rem; } @media print, screen and (min-width: 48em) { .page-searchbox input[type='search'] { padding: 1.6rem; } } .page-searchbox input[type='search']:focus::placeholder { color: transparent; } .page-searchbox .gsc-search-button { background: #003566; border-radius: 0 0.4rem 0.4rem 0; color: #ffffff; width: 6rem; height: 6rem; margin-right: 0; } .page-searchbox .gsc-search-button:hover, .page-searchbox .gsc-search-button:focus { background: #004380; } .page-searchbox .gsc-search-button .icon::before { content: "j"; font-family: "nijsmellinghe"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; color: currentColor; font-size: 24px; } @media reader, speech, aural { .page-searchbox .gsc-search-button .icon::before { display: none; visibility: hidden; } } .kirra-bundle-sitesearch360bundle-component-sitesearch360 .site-hero { padding-top: 6.4rem; } .kirra-bundle-sitesearch360bundle-component-sitesearch360 .content-container label:first-of-type, .kirra-bundle-sitesearch360bundle-component-sitesearch360 .content-container legend.form-control-label:first-of-type { display: none; } .kirra-bundle-sitesearch360bundle-component-sitesearch360 .content-container input[type="search"] { border-radius: 0.4rem 0 0 0.4rem !important; border: 1px solid #6d6c6a !important; background-color: #faf7f5 !important; color: #004380 !important; flex-grow: 1 !important; width: 100% !important; font-size: 2rem !important; background-size: 32px 32px !important; font-style: italic !important; font-family: var(--root-font-family, "Bariol", var(--root-font-family, "Bariol", sans-serif)) !important; } .kirra-bundle-sitesearch360bundle-component-sitesearch360 .content-container .ss360-group + div, .kirra-bundle-sitesearch360bundle-component-sitesearch360 .content-container .unibox-suggest-cluster + div { display: none; } .kirra-bundle-sitesearch360bundle-component-sitesearch360 .content-container .ss360-layer .ss360-layer__heading { font-size: 2.4rem; padding-top: 0 !important; } @media print, screen and (min-width: 64em) { .kirra-bundle-sitesearch360bundle-component-sitesearch360 .content-container .ss360-layer .ss360-layer__heading { font-size: 3.2rem; } } .kirra-bundle-sitesearch360bundle-component-sitesearch360 .content-container .ss360-layer .ss360-layer.ss360-n-section { padding: 0; } .kirra-bundle-sitesearch360bundle-component-sitesearch360 .content-container .ss360-suggests { box-shadow: none; margin-bottom: 0; } .kirra-bundle-sitesearch360bundle-component-sitesearch360 .content-container #ss360-layer .ss360-ac-c { font-size: 2rem; text-decoration: underline; color: #009BA4; } @media print, screen and (min-width: 64em) { .kirra-bundle-sitesearch360bundle-component-sitesearch360 .content-container #ss360-layer .ss360-ac-c { font-size: 2.4rem; } } .kirra-bundle-sitesearch360bundle-component-sitesearch360 .content-container #ss360-layer .ss360-ac-c:hover, .kirra-bundle-sitesearch360bundle-component-sitesearch360 .content-container #ss360-layer .ss360-ac-c:focus { text-decoration: none; } .kirra-bundle-sitesearch360bundle-component-sitesearch360 .content-container #ss360-layer button.ss360-ac-c { font-size: 2rem; text-decoration: none; color: #004380; border: 2px solid #009BA4; font-weight: 600; padding: 1.06667rem; min-width: 0; box-shadow: none; } @media print, screen and (min-width: 64em) { .kirra-bundle-sitesearch360bundle-component-sitesearch360 .content-container #ss360-layer button.ss360-ac-c { font-size: 2.4rem; } } .kirra-bundle-sitesearch360bundle-component-sitesearch360 .content-container #ss360-layer button.ss360-ac-c:hover, .kirra-bundle-sitesearch360bundle-component-sitesearch360 .content-container #ss360-layer button.ss360-ac-c:focus { background: #009BA4; color: #ffffff; } .kirra-bundle-sitesearch360bundle-component-sitesearch360 .content-container .ss360-suggests__content { margin-left: 0; } .kirra-bundle-sitesearch360bundle-component-sitesearch360 .content-container .ss360-suggests__snippet { color: #004380; font-size: 1.8rem; font-family: var(--root-font-family, "Bariol", var(--root-font-family, "Bariol", sans-serif)); } .kirra-bundle-sitesearch360bundle-component-sitesearch360 .content-container #ss360-no-results + div { display: none; } .component-faq-selector .component-title { font-size: 2.4rem; line-height: 1.33333; margin-bottom: 0; } @media print, screen and (min-width: 64em) { .component-faq-selector .component-title { font-size: 3.2rem; } } @media print, screen and (min-width: 64em) { .component-faq-selector .component-title { line-height: 1.25; } } .component-faq-selector .component-faq-questions .faq-question-button { justify-content: flex-start; background: #ffffff; font-size: 2rem; margin-bottom: 0; font-family: var(--root-font-family, "Bariol", sans-serif); } .component-faq-selector .component-faq-questions .faq-question-button:focus { border-color: #E8E2DF; outline: auto; outline: 2px auto -webkit-focus-ring-color; } .component-faq-selector .component-faq-questions .faq-question-button.is-expanded .icon { transform: rotate(-90deg); } .component-faq-selector .component-faq-questions .icon { order: -1; color: #A53189; margin-right: 1.6rem; } .meta .meta-item.meta-item-phone-number .icon::before { content: "i"; font-family: "nijsmellinghe"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; } @media reader, speech, aural { .meta .meta-item.meta-item-phone-number .icon::before { display: none; visibility: hidden; } } .component-beterdichtbij-blok h3 { color: #E24B35; display: flex; margin-bottom: 0; } .component-beterdichtbij-blok h3::after { content: ''; background: url("/static/img/beterdichtbij-logo-mark.svg") no-repeat; display: inline-block; width: 2.6rem; height: 2.6rem; margin-left: 0.8rem; margin-top: 0.5rem; } .component-beterdichtbij-blok p { color: #496F92; font-size: 1.8rem; font-style: italic; margin-bottom: 0; } .component-beterdichtbij-blok .read-more, .component-beterdichtbij-blok .column-overview-faq-category .faq-category-link, .column-overview-faq-category .component-beterdichtbij-blok .faq-category-link, .component-beterdichtbij-blok .component-latest-news-items .button-go-to-page a, .component-latest-news-items .button-go-to-page .component-beterdichtbij-blok a { margin-bottom: 0; } .component-examination-preparation { background: rgba(0, 67, 128, 0.1); border-radius: 0.4rem; display: flex; flex-wrap: wrap; padding: 2.4rem 3.2rem; } @media print, screen and (min-width: 64em) { .component-examination-preparation { flex-wrap: nowrap; } } .component-examination-preparation h3 { margin-bottom: 1.6rem; } .component-examination-preparation .component-content { margin-right: 3.2rem; } @media print, screen and (min-width: 64em) { .component-examination-preparation .component-content { width: 100%; } } .component-examination-preparation .component-content p { margin-bottom: 0; } .component-examination-preparation .read-more, .component-examination-preparation .column-overview-faq-category .faq-category-link, .column-overview-faq-category .component-examination-preparation .faq-category-link, .component-examination-preparation .component-latest-news-items .button-go-to-page a, .component-latest-news-items .button-go-to-page .component-examination-preparation a { margin-bottom: 1.6rem; } @media print, screen and (min-width: 64em) { .component-examination-preparation .read-more, .component-examination-preparation .column-overview-faq-category .faq-category-link, .column-overview-faq-category .component-examination-preparation .faq-category-link, .component-examination-preparation .component-latest-news-items .button-go-to-page a, .component-latest-news-items .button-go-to-page .component-examination-preparation a { margin-bottom: 0; } } .component-examination-preparation .component-image { width: 100%; } @media print, screen and (min-width: 64em) { .component-examination-preparation .component-image { max-width: 21.6rem; } } .component-examination-preparation .component-image .responsive-image { padding-top: 66.66667%; } .component-simple-opening-hours .component-content { display: flex; } .component-simple-opening-hours p { margin-bottom: 0; } .component-simple-opening-hours .icon::before { content: "r"; font-family: "nijsmellinghe"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; color: #00838a; font-size: 16px; margin-right: 1.6rem; } @media reader, speech, aural { .component-simple-opening-hours .icon::before { display: none; visibility: hidden; } } .component-rich-link { border-radius: 0.8rem; box-shadow: 0 1.2rem 3.6rem rgba(77, 75, 73, 0.1); } @media print, screen and (min-width: 60em) { .component-rich-link { flex-direction: row; padding-bottom: 0; } .component-rich-link .card-image { margin-bottom: 0; flex-basis: 60%; min-width: 60%; position: static; margin-right: 3.2rem; } .component-rich-link .card-image::after { display: none; } .component-rich-link .image-ratio { position: relative; } .component-rich-link .card-section { max-width: calc(100% - 3.2rem - 60%); flex-basis: calc(100% - 3.2rem - 60%); position: static; } } .component-rich-link .card-section { padding: 0 3.2rem 2.4rem; } @media print, screen and (min-width: 60em) { .component-rich-link .card-section { padding: 3.2rem 3.2rem 2.4rem 0; } } .component-rich-link .component-title a { color: #004380; text-decoration: none; } .component-rich-link .component-title a:hover { text-decoration: underline; } .component-rich-link .paragraph { margin-bottom: 2.4rem; } .component-rich-link .read-more, .component-rich-link .column-overview-faq-category .faq-category-link, .column-overview-faq-category .component-rich-link .faq-category-link, .component-rich-link .component-latest-news-items .button-go-to-page a, .component-latest-news-items .button-go-to-page .component-rich-link a { border-top: 0.1rem solid #E8E2DF; margin-top: auto; padding-top: 1.8rem; padding-left: 3.2rem; margin-left: -3.2rem; } .component-rich-link-featured { position: relative; padding-bottom: 66.66667%; padding-bottom: 0 !important; } .component-rich-link-featured .heading, .component-rich-link-featured .meta, .component-rich-link-featured .paragraph { color: #ffffff; } .component-rich-link-featured .card-image { margin: 0; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .component-rich-link-featured .image-ratio { position: static; } .component-rich-link-featured .card-section { max-width: 100%; position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; padding: 4.8rem 3.2rem; } @media print, screen and (min-width: 64em) { .component-rich-link-featured { margin-left: -10rem; margin-right: -10rem; margin-left: -9.93333rem; margin-right: -9.93333rem; margin-left: -9.86667rem; margin-right: -9.86667rem; } } @media print, screen and (min-width: 64em) { .component-rich-link-featured { margin-bottom: 8rem; } } .component-rich-link-featured::before { content: ''; background: linear-gradient(90deg, #00838a 1.93%, rgba(0, 131, 138, 0.5) 100%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } @media print, screen and (min-width: 60em) { .component-rich-link-featured::before { background: linear-gradient(90deg, #00838a 25%, rgba(0, 131, 138, 0) 100%); } } .component-rich-link-featured .card-image::before { content: ''; background: url("/img/rich-link-featured-overlay.svg") no-repeat; display: none; width: 222px; height: 240px; position: absolute; right: 0; bottom: 0; z-index: 1; } @media print, screen and (min-width: 40em) { .component-rich-link-featured .card-image::before { display: block; } } .component-rich-link-featured .image-ratio { padding-bottom: 0 !important; } .component-rich-link-featured .card-section { padding-top: 11.2rem; padding-bottom: 11.2rem; max-width: 83.33333%; top: 0; position: static; } @media print, screen and (min-width: 60em) { .component-rich-link-featured .card-section { width: 50%; } } @media print, screen and (min-width: 64em) { .component-rich-link-featured .card-section { margin-left: 8.33333%; max-width: 50%; } } .component-rich-link-featured .component-title, .component-rich-link-featured .component-title a { color: #ffffff; } .component-rich-link-featured .paragraph { margin-bottom: 2.4rem; } .component-rich-link-featured .read-more, .component-rich-link-featured .column-overview-faq-category .faq-category-link, .column-overview-faq-category .component-rich-link-featured .faq-category-link, .component-rich-link-featured .component-latest-news-items .button-go-to-page a, .component-latest-news-items .button-go-to-page .component-rich-link-featured a { border-top: 0; color: #ffffff; padding: 0; width: 100%; margin: 0; } .component-rich-link-featured .read-more .text, .component-rich-link-featured .column-overview-faq-category .faq-category-link .text, .column-overview-faq-category .component-rich-link-featured .faq-category-link .text, .component-rich-link-featured .component-latest-news-items .button-go-to-page a .text, .component-latest-news-items .button-go-to-page .component-rich-link-featured a .text { text-decoration-color: rgba(255, 255, 255, 0.2); } .component-rich-link-featured .read-more:hover .text, .component-rich-link-featured .column-overview-faq-category .faq-category-link:hover .text, .column-overview-faq-category .component-rich-link-featured .faq-category-link:hover .text, .component-rich-link-featured .component-latest-news-items .button-go-to-page a:hover .text, .component-latest-news-items .button-go-to-page .component-rich-link-featured a:hover .text { text-decoration-color: #ffffff; } .component-call-to-action-portal h3 { margin-bottom: 0.8rem; } .component-call-to-action-portal .call-to-action .icon::before { content: "h"; font-family: "nijsmellinghe"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; } @media reader, speech, aural { .component-call-to-action-portal .call-to-action .icon::before { display: none; visibility: hidden; } } .component-child-page-list-extended { display: flex; position: relative; padding: 4.8rem 0; } .component-child-page-list-extended::before { content: ''; background: #ffffff; border-radius: 0.8rem; display: block; width: 83.33333%; height: 100%; position: absolute; top: 0; left: 8.33333%; z-index: -1; } .component-child-page-list-extended .component-intro .component-title { font-family: var(--root-font-family, "Bariol", var(--root-font-family, "Bariol", sans-serif)); font-style: normal; font-weight: bold; color: inherit; text-rendering: optimizeLegibility; line-height: 1.2; margin-bottom: 1.6rem; font-size: 3.2rem; line-height: 4rem; quotes: "“" "”" "‘" "’"; } @media print, screen and (min-width: 64em) { .component-child-page-list-extended .component-intro .component-title { font-size: 4rem; line-height: 4.8rem; } } .component-child-page-list-extended .component-intro .component-title::before { content: open-quote; font-size: 15rem; opacity: .1; position: absolute; top: 0; left: 0; } @media print, screen and (min-width: 64em) { .component-child-page-list-extended .component-intro .component-title::before { left: -3.2rem; } } .component-child-page-list-extended .column-child-page-list { margin-bottom: 3.2rem; } @media print, screen and (min-width: 64em) { .component-child-page-list-extended .column-child-page-list { margin-bottom: 0; } } .component-child-page-list-extended .column-child-page-list .component-rich-link { background: #004380; height: 100%; margin-bottom: 3.2rem; } .component-child-page-list-extended .column-child-page-list:nth-child(2) .component-rich-link { background: #ac3984; margin-bottom: 0; } .component-child-page-list-extended .component-rich-link { flex-direction: column; padding-top: 3.2rem; } .component-child-page-list-extended .component-rich-link .component-title { font-size: 2.8rem; line-height: 3.2rem; margin-bottom: 0; } .component-child-page-list-extended .component-rich-link .component-title a, .component-child-page-list-extended .component-rich-link .read-more, .component-child-page-list-extended .component-rich-link .column-overview-faq-category .faq-category-link, .column-overview-faq-category .component-child-page-list-extended .component-rich-link .faq-category-link, .component-child-page-list-extended .component-rich-link .component-latest-news-items .button-go-to-page a, .component-latest-news-items .button-go-to-page .component-child-page-list-extended .component-rich-link a { color: #ffffff; } .component-child-page-list-extended .component-rich-link .card-icon { height: auto; margin-bottom: 2.4rem; } .component-child-page-list-extended .component-rich-link .card-section { width: 100%; max-width: 100%; padding: 0 3.2rem 3.2rem; } .component-child-page-list-extended .component-rich-link .read-more, .component-child-page-list-extended .component-rich-link .column-overview-faq-category .faq-category-link, .column-overview-faq-category .component-child-page-list-extended .component-rich-link .faq-category-link, .component-child-page-list-extended .component-rich-link .component-latest-news-items .button-go-to-page a, .component-latest-news-items .button-go-to-page .component-child-page-list-extended .component-rich-link a { border-top: 0; margin-left: auto; padding-top: 0; width: auto; } .component-child-page-list-extended .component-rich-link .read-more .text, .component-child-page-list-extended .component-rich-link .column-overview-faq-category .faq-category-link .text, .column-overview-faq-category .component-child-page-list-extended .component-rich-link .faq-category-link .text, .component-child-page-list-extended .component-rich-link .component-latest-news-items .button-go-to-page a .text, .component-latest-news-items .button-go-to-page .component-child-page-list-extended .component-rich-link a .text { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .component-rich-link .card-icon { display: flex; height: 100%; margin-bottom: 3.2rem; padding: 0 0 0 3.2rem; } .component-rich-link .card-icon img[src*='.svg'] { width: 100%; height: 100%; min-height: 72px; max-height: 72px; max-width: 70px; } .component-simple-visiting-hours .component-content { display: flex; } .component-simple-visiting-hours p { margin-bottom: 0; } .component-simple-visiting-hours .icon::before { content: "r"; font-family: "nijsmellinghe"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; color: #00838a; font-size: 16px; margin-right: 1.6rem; } @media reader, speech, aural { .component-simple-visiting-hours .icon::before { display: none; visibility: hidden; } } .story-link { flex-wrap: wrap; margin-top: 2.4rem; margin-bottom: 3.6rem; } @media print, screen and (min-width: 48em) { .story-link { flex-wrap: nowrap; } } .story-link .story-image { position: relative; flex-basis: 200px; margin: 0 3.6rem 1.6rem 0; } .story-link .story-image .responsive-image { padding-top: 100% !important; } .story-link .story-image .responsive-image img { border-radius: 0.8rem; } .story-link .story-image .icon { position: absolute; top: -2.4rem; left: -0.4rem; } .story-link .story-image .icon svg { height: 4.8rem; } .story-link .quote-content blockquote { border: 0; padding: 0; } .story-link .quote-content p { font-size: 2.8rem; line-height: 1.5; margin-bottom: 1.2rem; } .story-link .quote-content p::before, .story-link .quote-content p::after { content: none; } .story-link .author { font-family: var(--root-font-family, "Bariol", var(--root-font-family, "Bariol", sans-serif)); font-weight: bold; margin-bottom: 1.2rem; } .story-link .author span { opacity: 1; font-style: normal; } .story-link .read-more .icon::before, .story-link .column-overview-faq-category .faq-category-link .icon::before, .column-overview-faq-category .story-link .faq-category-link .icon::before, .story-link .component-latest-news-items .button-go-to-page a .icon::before, .component-latest-news-items .button-go-to-page .story-link a .icon::before { content: "m"; font-family: "nijsmellinghe"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; margin-right: 1.6rem; } @media reader, speech, aural { .story-link .read-more .icon::before, .story-link .column-overview-faq-category .faq-category-link .icon::before, .column-overview-faq-category .story-link .faq-category-link .icon::before, .story-link .component-latest-news-items .button-go-to-page a .icon::before, .component-latest-news-items .button-go-to-page .story-link a .icon::before { display: none; visibility: hidden; } } .story-link .read-more .button-title, .story-link .column-overview-faq-category .faq-category-link .button-title, .column-overview-faq-category .story-link .faq-category-link .button-title, .story-link .component-latest-news-items .button-go-to-page a .button-title, .component-latest-news-items .button-go-to-page .story-link a .button-title { text-decoration: underline; } .component-usps .usp-list { background: #F5F8FA; border-radius: 0.8rem; gap: 4.8rem; margin: 0; padding: 2.4rem 2rem; flex-direction: column; } @media print, screen and (min-width: 48em) { .component-usps .usp-list { flex-direction: row; padding: 4.8rem 3.6rem; } } .component-usps .usp-list .column, .component-usps .usp-list .columns { width: 100%; padding: 0; } @media print, screen and (min-width: 48em) { .component-usps .usp-list .column, .component-usps .usp-list .columns { flex-basis: calc(50% - 3.2rem*.75); min-width: calc(50% - 3.2rem*.75); max-width: calc(50% - 3.2rem*.75); width: calc(50% - 3.2rem*.75); } } .component-usps .column:nth-child(2) .component-usp .icon, .component-usps .columns:nth-child(2) .component-usp .icon { background: #009BA4; } .component-usps .column:nth-child(3) .component-usp .icon, .component-usps .columns:nth-child(3) .component-usp .icon { background: #F39700; } .component-usps .column:nth-child(4) .component-usp .icon, .component-usps .columns:nth-child(4) .component-usp .icon { background: #004380; } .component-usps .component-usp { display: flex; flex-direction: column; position: relative; } @media print, screen and (min-width: 48em) { .component-usps .component-usp { margin-bottom: 0; padding-left: 8rem; } } .component-usps .component-usp .icon { background: #A53189; border-radius: 6rem; color: #002240; display: flex; align-items: center; justify-content: center; width: 6rem; height: 6rem; margin-bottom: 2rem; } @media print, screen and (min-width: 48em) { .component-usps .component-usp .icon { position: absolute; top: 0; left: 0; margin-bottom: 0; } } .component-usps .component-usp .icon svg { width: 100%; height: auto; max-height: 2.8rem; } .component-usps .component-usp .icon svg > * { color: #ffffff; fill: #ffffff; } .component-usps .component-usp .usp-title { font-family: var(--root-font-family, "Bariol", var(--root-font-family, "Bariol", sans-serif)); font-style: normal; font-weight: bold; color: inherit; text-rendering: optimizeLegibility; line-height: 1.2; margin-bottom: 1.6rem; font-size: 2rem; line-height: 3.2rem; margin-bottom: 0; word-wrap: break-word; } @media print, screen and (min-width: 64em) { .component-usps .component-usp .usp-title { font-size: 2.4rem; line-height: 3.2rem; } } .component-usps .component-usp .usp-text { margin-bottom: 0; } .component-mijn-nijsmellinghe .component-section { background: #F5F8FA; border-radius: 0.8rem; padding: 3.6rem; display: grid; } @media print, screen and (min-width: 48em) { .component-mijn-nijsmellinghe .component-section { grid-template-columns: 1fr 1fr; gap: 3.2rem; } } .component-mijn-nijsmellinghe .component-content { align-content: center; } .component-mijn-nijsmellinghe .component-image { order: -1; } .component-mijn-nijsmellinghe .button { align-self: start; margin: 3.2rem 0 0; } .component-mijn-nijsmellinghe .button .text { font-size: 2rem; } .component-mijn-nijsmellinghe .button .icon::before { content: "h"; font-family: "nijsmellinghe"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; } @media reader, speech, aural { .component-mijn-nijsmellinghe .button .icon::before { display: none; visibility: hidden; } } .site-header .home .icon::before, .nav-off-canvas .home .icon::before { content: "f"; font-family: "nijsmellinghe"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; font-size: 16px; } @media reader, speech, aural { .site-header .home .icon::before, .nav-off-canvas .home .icon::before { display: none; visibility: hidden; } } .site-header { padding-right: 0; z-index: 20; } .site-header .row { background: #ffffff; justify-content: flex-end; max-width: 121.6rem; } .site-header .row-header-top { background: none; } .site-header .row-header-bottom { position: relative; z-index: 1; position: static; } .site-header .row-header-bottom::after { position: absolute; left: 50%; transform: translateX(-50%); top: 0; bottom: 0; z-index: -1; content: ''; background: #ffffff; width: 400vw; max-width: 144rem; } .site-header .site-header-content { justify-content: flex-end; } .site-header .site-logo { position: absolute; top: 0; } @media print, screen and (min-width: 64em) { .site-header .site-logo { position: relative; margin-right: auto; margin-bottom: 0.8rem; } } .site-header-nav { align-self: flex-end; margin-left: auto; } .site-header-nav a { color: #004380; } .site-header-nav .level-1-item > a { font-weight: bold; margin: 1.6rem; } .site-header-nav .level-1-item > a:hover { color: #00838a; } .site-header-nav .level-1-item a { line-height: inherit; } .site-header-nav .level-1-item.active-page > a { border-bottom: 2px solid #00838a; color: #004380; } .site-header-nav .level-1-item:not(:first-child) { margin-left: 0; } .site-header-nav .level-1-item ul li:not(:last-child) { border-bottom: 1px solid #F8F7F7; } .site-header-nav .dropdown.menu li.is-dropdown-submenu-parent > a .icon::after { color: #00838a; font-size: 1.2rem; right: -9px; margin-top: 2px; } .site-header-nav .is-dropdown-submenu-parent > .is-dropdown-submenu { border-radius: 0.4rem; } .site-header-nav .is-dropdown-submenu-parent > .is-dropdown-submenu li:hover { background: #ddd5d0; } .site-header-nav .is-dropdown-submenu-parent > .is-dropdown-submenu a { color: #4D4B49; } .site-header-nav .is-dropdown-submenu-parent > .is-dropdown-submenu a:hover, .site-header-nav .is-dropdown-submenu-parent > .is-dropdown-submenu a:focus { color: #002240; } .site-header .row-header-top { justify-content: flex-end; position: absolute; top: auto; left: 50%; transform: translateX(-50%); z-index: 2; } @media print, screen and (min-width: 64em) { .site-header .row-header-top { top: 0; } } .site-header .row-header-top .top-nav { position: relative; display: flex; align-items: center; right: 8rem; } .site-header .row-header-top .top-nav .column, .site-header .row-header-top .top-nav .columns { flex: auto; } @media print, screen and (min-width: 64em) { .site-header .row-header-top .top-nav { right: 0; } } .site-header .row-header-top .menu-item-overview-page a:hover, .site-header .row-header-top .menu-item-overview-page a:focus { color: #009BA4; } .nav-top { font-weight: bold; font-size: 1.6rem; } .nav-top a { color: #004380; } .site-header-extra { display: flex; align-self: flex-end; padding-right: 6.4rem; } @media print, screen and (min-width: 64em) { .site-header-extra { padding-right: 0; } } .site-header-extra .button-accessibility-tools, .site-header-extra .portal-button, .site-header-extra .search-link { border-radius: 0.4rem; font-size: 1.4rem; line-height: 1; height: 4rem; margin-top: 1.6rem; margin-bottom: 1.2rem; } @media print, screen and (min-width: 30em) { .site-header-extra .button-accessibility-tools, .site-header-extra .portal-button, .site-header-extra .search-link { font-size: 1.6rem; } } @media print, screen and (min-width: 64em) { .site-header-extra .button-accessibility-tools, .site-header-extra .portal-button, .site-header-extra .search-link { margin-bottom: 1.6rem; } } .site-header-extra .portal-button { background: #003566; } .site-header-extra .portal-button:hover, .site-header-extra .portal-button:focus { background: #004380; } .site-header-extra .search-link { background: #00838a; color: #ffffff; display: flex; align-items: center; justify-content: center; width: 4rem; margin-left: 0.8rem; } .site-header-extra .search-link:hover, .site-header-extra .search-link:focus { background: #009BA3; } .site-logo { display: flex; height: 100%; align-items: center; } .site-logo img { max-width: 11rem; height: 5.12rem; } @media print, screen and (min-width: 64em) { .site-logo img { max-width: none; height: auto; } } .page-footer { max-width: 144rem; margin: 0 auto; width: 100%; } .page-footer ul { list-style: none; margin-left: 0; } .page-footer .row { padding-left: 1.6rem; padding-right: 1.6rem; } @media print, screen and (min-width: 40em) { .page-footer .row { padding-left: 2.4rem; padding-right: 2.4rem; } } .nav-off-canvas a { transition: 0.25s ease-out; color: #ffffff; font-weight: bold; padding: 1.6rem 3.2rem; } .nav-off-canvas a:hover, .nav-off-canvas a:focus { color: #F39700; } .nav-off-canvas .active-page > a { color: #F39700; } .nav-off-canvas .submenu-toggle { padding: 0; top: 1.6rem; border: 0.2rem solid #ffffff; width: 2.4rem; height: 2.4rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: transparent; right: 2.4rem; } .nav-off-canvas .submenu-toggle::before { content: "c"; font-family: "nijsmellinghe"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; font-size: 1.2rem; margin-left: 0; margin-top: 0.4rem; } @media reader, speech, aural { .nav-off-canvas .submenu-toggle::before { display: none; visibility: hidden; } } .nav-off-canvas .submenu-toggle:hover { background: transparent; } .nav-off-canvas .submenu-toggle::after { display: none; } .nav-off-canvas .accordion-menu .nested.is-accordion-submenu { background: #00305a; margin-left: 0; padding: 0.8rem 0 0.8rem 2.4rem; position: relative; left: auto; } .nav-off-canvas .accordion-menu .nested.is-accordion-submenu a { font-size: 1.8rem; padding-top: 0.8rem; padding-bottom: 0.8rem; } .nav-off-canvas .submenu-toggle::before { color: #ffffff; } .off-canvas.is-open { z-index: 40; } .nav-off-canvas-extra { padding: 1.6rem 3.2rem; } .nav-off-canvas-extra .portal { margin-left: 0; } .form .form-control-hidden { margin-bottom: 0; } .form-control-radio, .form-control-checkbox { margin-bottom: 0; } .form-control-radio [type='checkbox']:focus + .form-control-label::before, .form-control-radio [type='radio']:focus + .form-control-label::before, .form-control-checkbox [type='checkbox']:focus + .form-control-label::before, .form-control-checkbox [type='radio']:focus + .form-control-label::before { outline: 0.1rem solid rgba(0, 34, 64, 0.5); } .form-control-radio [type='checkbox']:focus + .form-control-label::after, .form-control-radio [type='checkbox']:hover + .form-control-label::after, .form-control-radio [type='checkbox']:checked + .form-control-label::after, .form-control-radio [type='radio']:focus + .form-control-label::after, .form-control-radio [type='radio']:hover + .form-control-label::after, .form-control-radio [type='radio']:checked + .form-control-label::after, .form-control-checkbox [type='checkbox']:focus + .form-control-label::after, .form-control-checkbox [type='checkbox']:hover + .form-control-label::after, .form-control-checkbox [type='checkbox']:checked + .form-control-label::after, .form-control-checkbox [type='radio']:focus + .form-control-label::after, .form-control-checkbox [type='radio']:hover + .form-control-label::after, .form-control-checkbox [type='radio']:checked + .form-control-label::after { border-color: #ffffff; opacity: 1; } .form-control-field-wrapper-checkbox-radio [type='radio'] + .form-control-label::before, .form-control-field-wrapper-checkbox-radio [type='checkbox'] + .form-control-label::before { top: 1.6rem; } .form-control-field-wrapper-checkbox-radio [type='checkbox'][type='checkbox'] + .form-control-label::after, .form-control-field-wrapper-checkbox-radio [type='radio'][type='checkbox'] + .form-control-label::after { top: 1.4rem !important; transform: translate(-50%, -50%) rotate(-45deg) !important; } .form-filter-overlay-button .text-closed { display: none; } .form-filter-overlay-button .text-open { display: block; } .form-filter-overlay-button:has(+ .filter-form[aria-hidden='false']) .text-closed { display: block; } .form-filter-overlay-button:has(+ .filter-form[aria-hidden='false']) .text-open { display: none; } .form-filter-overlay-button + .filter-form { display: none; } .form-filter-overlay-button + .filter-form[aria-hidden='false'] { display: block; } .form-filter-overlay-button + .filter-form .filter-form-close-button { display: none; } .form-filter-overlay-button + .filter-form .form-controls > .form-control:last-child, .form-filter-overlay-button + .filter-form .form-controls > .recaptcha-holder:last-child { margin-bottom: 0; } @media print, screen and (min-width: 48em) { .form-filter-overlay-button + .filter-form .form-controls { flex-direction: row; } } .form-filter-overlay-button + .filter-form .form-control-search [type='search'] { height: 4.8rem; padding-top: 0.8rem; padding-bottom: 0.8rem; } @media print, screen and (min-width: 40em) { .form-filter-overlay-button { display: none; } .form-filter-overlay-button + .filter-form { display: block; } } .form-control-field-wrapper textarea { height: 32rem; } .file-upload-button { background: #F39700; font-size: 62.5%; } .file-upload-button:hover { background: #002240; color: #ffffff; } .component-homepage.has-hero .site-hero-image { margin-bottom: 3.2rem; } @media print, screen and (min-width: 64em) { .component-homepage.has-hero .site-hero-image { margin-bottom: 0; } } .component-homepage.has-hero .site-hero-text-wrapper { align-items: center; } .component-homepage .page-middle { z-index: 10; } .component-homepage .component-block { margin-bottom: 4.8rem; } @media print, screen and (min-width: 64em) { .component-homepage .component-block { margin-bottom: 8.4rem; } } .component-homepage .top-links { display: flex; flex-wrap: wrap; justify-content: space-between; margin: -16rem -0.8rem 6.4rem; position: relative; z-index: 10; } @media print, screen and (min-width: 64em) { .component-homepage .top-links { flex-wrap: nowrap; } } .component-homepage .top-links a { background: #ffffff; border-radius: 0.8rem; box-shadow: 0 1.2rem 3.6rem rgba(77, 75, 73, 0.1); color: #00838a; font-family: var(--root-font-family, "Bariol", var(--root-font-family, "Bariol", sans-serif)); font-weight: bold; text-align: center; text-decoration: none; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 3.2rem 1.6rem; margin: 0 0.8rem 1.6rem; position: relative; z-index: 1; } .component-homepage .top-links a::before { transition: 0.25s ease-out; content: ''; background: #ffffff; border-radius: 0.8rem; width: 100%; height: 100%; position: absolute; top: 0; left: 0; will-change: transform; z-index: -1; } @media print, screen and (min-width: 40em) { .component-homepage .top-links a { width: calc(50% - 1.6rem); } } @media print, screen and (min-width: 64em) { .component-homepage .top-links a { width: 33.33333%; margin-bottom: 0; } } .component-homepage .top-links a:hover { background: #ffffff; color: #002240; } .component-homepage .top-links a:hover::before { transform: scale(1.04); } .component-homepage .top-links .icon { display: flex; align-items: center; height: 100%; margin-bottom: 1.6rem; } .component-homepage .top-links .icon img[src*='.svg'] { width: 100%; height: 100%; max-width: 56px; } .component-homepage .component-latest-news-items { position: relative; z-index: 1; } .component-homepage .component-latest-news-items::after { position: absolute; left: 50%; transform: translateX(-50%); top: 0; bottom: 0; z-index: -1; content: ''; background: #ffffff; width: 400vw; top: -16rem; max-width: 144rem; } .component-homepage .subpages-overview-bottom { padding-bottom: 6rem; } .component-homepage .homepage-quality-overview { position: relative; z-index: 1; margin-bottom: -3.2rem; padding: 6rem 0 2.8rem; } .component-homepage .homepage-quality-overview::after { position: absolute; left: 50%; transform: translateX(-50%); top: 0; bottom: 0; z-index: -1; content: ''; background: #ffffff; width: 400vw; max-width: 144rem; } .component-homepage .homepage-quality-overview h2 { display: flex; margin-bottom: 4.8rem; } .component-homepage .homepage-quality-overview h2 .icon::before { content: ''; background: url("/img/icons/quality.svg") no-repeat; display: block; flex-shrink: 0; margin-right: 1.6rem; height: 4.8rem; width: 5rem; } .component-homepage .homepage-quality-overview .highlighted-card { border: 0; box-shadow: none; } .component-homepage .homepage-quality-overview .highlighted-card .card-content { padding: 0; } .component-homepage .homepage-quality-overview .zkn-widget { border: 0; max-width: 100% !important; } .component-homepage .site-hero { height: 48rem; } @media print, screen and (min-width: 64em) { .component-homepage .site-hero { height: 52rem; } } @media screen and (min-width: 80em) { .component-homepage .site-hero { height: 62rem; } } @media print, screen and (min-width: 64em) { .component-homepage .site-hero { margin-bottom: 5.6rem; } } .component-homepage .site-hero .site-hero-image { border-radius: 0; width: 100%; margin: 0 0 3.2rem; position: absolute; top: 0; left: 0; z-index: 0; } @media print, screen and (min-width: 64em) { .component-homepage .site-hero .site-hero-image { margin-bottom: 0; } } .component-homepage .site-hero .hero-overlay { background: rgba(0, 131, 138, 0.85); left: 0; } .component-homepage .site-hero .site-hero-text { margin: 0 auto; max-width: 59.2rem; } .component-homepage .site-hero .site-intro + .page-searchbox { margin-top: 3.2rem; } .component-homepage .site-hero .heading { font-size: 4.8rem; margin-bottom: 1.2rem; } .component-homepage .site-hero .subheader { font-size: 3.6rem; } .component-homepage.has-hero .site-hero-text-wrapper, .component-homepage.has-hero .site-hero-image { height: 48rem; } @media print, screen and (min-width: 64em) { .component-homepage.has-hero .site-hero-text-wrapper, .component-homepage.has-hero .site-hero-image { height: 52rem; } } @media screen and (min-width: 80em) { .component-homepage.has-hero .site-hero-text-wrapper, .component-homepage.has-hero .site-hero-image { height: 62rem; } } .component-homepage.has-hero .site-hero-text-wrapper { align-items: center; } .component-homepage .page-searchbox input[type='search'] { height: 8rem; font-size: 2.4rem; padding-right: 2.4rem; padding-left: 2.4rem; } .component-homepage .page-searchbox .gsc-search-button { height: 8rem; min-width: 8rem; justify-content: center; } .component-homepage .page-searchbox .gsc-search-button .icon { margin-right: 0; } .card-news-detail .card-image { border-radius: 0.8rem; margin-bottom: 1.6rem; } .card-news-detail .meta { order: 0; } .kirra-bundle-newsbundle-component-newsfolder .card-news-detail { box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.05); padding: 3.2rem; } .kirra-bundle-newsbundle-component-newsfolder .meta { margin-bottom: 0; } .kirra-bundle-newsbundle-component-newsfolder .card-image { padding-top: 0; } .kirra-bundle-newsbundle-component-newsfolder .heading { margin-bottom: 1.6rem; } .component-latest-news-items .row-overview-latest-news-items { flex-direction: column; } @media print, screen and (min-width: 48em) { .component-latest-news-items .row-overview-latest-news-items { display: block; } } .component-latest-news-items .component-title { display: flex; align-items: center; } .component-latest-news-items .component-title .text { width: 100%; } @media print, screen and (min-width: 40em) { .component-latest-news-items .component-title .text { width: auto; } } .component-latest-news-items .component-title .icon { margin-right: 1.06667rem; } .component-latest-news-items .component-title .icon::before { content: ''; background: url("/img/icons/nieuws.svg") no-repeat; background-size: contain; display: block; width: 3.2rem; height: 4rem; } @media print, screen and (min-width: 64em) { .component-latest-news-items .component-title .icon::before { width: 4rem; height: 4.8rem; } } .component-latest-news-items .column-overview-news-detail .card-image img { transition: 0.25s ease-out; } .component-latest-news-items .column-overview-news-detail .card-image a:hover img, .component-latest-news-items .column-overview-news-detail .card-image a:focus img { transform: scale(1.1); } .component-latest-news-items .column-overview-news-detail:not(:first-child) .card { flex-direction: row; align-items: flex-start; gap: 1.6rem; } .component-latest-news-items .column-overview-news-detail:not(:first-child) .card .card-image { display: none; flex-shrink: 0; width: 10rem; margin-bottom: 0; } @media print, screen and (min-width: 30em) { .component-latest-news-items .column-overview-news-detail:not(:first-child) .card .card-image { display: block; } } .component-latest-news-items .column-overview-news-detail:not(:first-child) .card .card-section { flex: 1; } @media print, screen and (min-width: 48em) { .component-latest-news-items .column-overview-news-detail { clear: right; float: right; } .component-latest-news-items .column-overview-news-detail:first-child { float: left; } .component-latest-news-items .column-overview-news-detail:first-child .heading { margin-top: 0.8rem; } .component-latest-news-items .column-overview-news-detail:first-child .card-news-detail { flex-direction: column; padding-bottom: 0; } .component-latest-news-items .column-overview-news-detail:first-child .card-news-detail .card-image, .component-latest-news-items .column-overview-news-detail:first-child .card-news-detail .card-section { position: static; } .component-latest-news-items .column-overview-news-detail:first-child .card-news-detail .card-image { margin: 0 0 2.4rem; flex-basis: auto; } .component-latest-news-items .column-overview-news-detail:first-child .card-news-detail .card-image::after { display: none; } .component-latest-news-items .column-overview-news-detail:first-child .card-news-detail .image-ratio { position: relative; } .component-latest-news-items .column-overview-news-detail:first-child .card-news-detail .card-section { max-width: 100%; flex-basis: auto; padding: 0; } .component-latest-news-items .column-overview-news-detail:first-child .card-image { margin-bottom: 1.6rem; } .component-latest-news-items .column-overview-news-detail:not(:first-child) .paragraph, .component-latest-news-items .column-overview-news-detail:not(:first-child) .read-more, .component-latest-news-items .column-overview-news-detail:not(:first-child) .column-overview-faq-category .faq-category-link, .column-overview-faq-category .component-latest-news-items .column-overview-news-detail:not(:first-child) .faq-category-link, .component-latest-news-items .column-overview-news-detail:not(:first-child) .button-go-to-page a, .component-latest-news-items .button-go-to-page .column-overview-news-detail:not(:first-child) a { display: none; } .component-latest-news-items .column-overview-news-detail:not(:first-child) .meta { flex-shrink: 0; margin-right: 3.2rem; min-width: 11rem; } .component-latest-news-items .column-overview-news-detail:not(:first-child) .meta-item { font-size: 1.8rem; line-height: 3.2rem; } } .component-latest-news-items .column-overview-news-detail .card-news-detail { background: none; border-bottom: 0; margin-bottom: 2.4rem; } .component-latest-news-items .column-overview-news-detail .card-news-detail .heading { font-family: var(--root-font-family, "Bariol", var(--root-font-family, "Bariol", sans-serif)); font-style: normal; font-weight: bold; color: inherit; text-rendering: optimizeLegibility; line-height: 1.2; margin-bottom: 1.6rem; font-size: 1.8rem; line-height: 2.8rem; margin-bottom: 0; } @media print, screen and (min-width: 64em) { .component-latest-news-items .column-overview-news-detail .card-news-detail .heading { font-size: 2rem; line-height: 3.2rem; } } .component-latest-news-items .column-overview-news-detail .card-news-detail .heading a { color: #004380; } .component-latest-news-items .column-overview-news-detail .card-news-detail .heading + .meta { margin-top: 0; } .component-latest-news-items .column-overview-news-detail .card-news-detail .meta { order: 0; margin-bottom: 0; font-style: normal; } .component-latest-news-items .column-overview-news-detail .card-news-detail .read-more, .component-latest-news-items .column-overview-news-detail .card-news-detail .column-overview-faq-category .faq-category-link, .column-overview-faq-category .component-latest-news-items .column-overview-news-detail .card-news-detail .faq-category-link, .component-latest-news-items .column-overview-news-detail .card-news-detail .button-go-to-page a, .component-latest-news-items .button-go-to-page .column-overview-news-detail .card-news-detail a { display: none; } .component-latest-news-items .button-go-to-page .read-more, .component-latest-news-items .button-go-to-page .column-overview-faq-category .faq-category-link, .column-overview-faq-category .component-latest-news-items .button-go-to-page .faq-category-link, .component-latest-news-items .button-go-to-page a { border-top: 0.1rem solid #E8E2DF; padding-top: 1.8rem; padding-left: 3.2rem; } @media print, screen and (min-width: 64em) { .kirra-bundle-newsbundle-component-newsfolder .site-breadcrumbs .breadcrumbs { margin-bottom: 3.2rem; } } .kirra-bundle-newsbundle-component-newsdetail .meta-item { color: #ffffff; } .kirra-bundle-newsbundle-component-newsdetail .meta-item-date .meta-item-key, .kirra-bundle-newsbundle-component-newsdetail .meta-item-date-last-edited .meta-item-key { position: static !important; width: auto !important; height: auto !important; overflow: visible !important; clip: auto !important; white-space: normal !important; } .kirra-bundle-newsbundle-component-newsdetail .meta-item-date .meta-item-key::after, .kirra-bundle-newsbundle-component-newsdetail .meta-item-date-last-edited .meta-item-key::after { content: ' '; } .app-component-careoverview #js-search_results { position: relative; padding-bottom: 6.4rem; } .app-component-careoverview #js-search_results > div { transition: 0.25s ease-out; opacity: 1; } .app-component-careoverview #js-search_results.loading::before { width: 3rem; height: 3rem; display: inline-block; border: 0.4rem solid rgba(77, 75, 73, 0.1); border-left-color: #002240; border-radius: 50%; animation: animation-full-rotate 1.2s linear infinite; transition: 0.25s ease-out; content: ''; position: absolute; top: 3.2rem; left: 50%; transform: translateX(-50%); } @keyframes animation-full-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .app-component-careoverview #js-search_results.loading > div { opacity: 0; } .app-component-department .meta { flex-direction: column; } .app-component-department .meta-item { color: #ffffff; font-weight: bold; font-style: normal; } .app-component-department .meta-item .meta-item-key { font-weight: bold; } .app-component-department .meta-item a { transition: 0.25s ease-out; color: #ffffff; } .app-component-department .meta-item .icon { order: 1; } .app-component-department .meta-item .icon::before { font-size: 1.6rem; } .app-component-department .meta-item-key { position: static !important; width: auto !important; height: auto !important; overflow: visible !important; clip: auto !important; white-space: normal !important; min-width: 17.5rem; } .app-component-department .meta-item-key::after { content: none; } .app-component-department .meta-item-value { order: 2; } .app-component-department h3, .app-component-department h4 { margin-bottom: 0.8rem; } .app-component-department ul, .app-component-department ol { margin-left: 0; } .app-component-department .component-block > *:last-child { margin-bottom: 0; } .app-component-department .component-block.component-beterdichtbij-blok h3, .app-component-department .component-block p { margin-bottom: 0; } .app-component-department .department-route ul, .app-component-department .department-floorplan ul { list-style: none; } .app-component-department .comp-phone-numbers-only .description { display: block; color: #496F92; font-size: 1.8rem; font-style: italic; padding-left: 3.2rem; } .app-component-department .department-route [data-icon]::before, .app-component-department .department-floorplan [data-icon]::before { color: #00838a; position: absolute; left: -3.2rem; font-family: "nijsmellinghe"; font-size: 1.8rem; } .app-component-department .component-waiting-period .waiting-period > .icon::before { content: "p"; font-family: "nijsmellinghe"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; color: #00838a; font-size: 16px; margin-right: 1.2rem; } @media reader, speech, aural { .app-component-department .component-waiting-period .waiting-period > .icon::before { display: none; visibility: hidden; } } .app-component-department .component-waiting-period .component-table { overflow: visible; } .app-component-department .component-waiting-period tbody td { padding: 0; } .app-component-department .component-waiting-period th { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .app-component-department .component-waiting-period tr:nth-child(even) { background: transparent; } .app-component-department .component-waiting-period td:first-child { font-weight: normal; } .app-component-department .component-waiting-period .component-table td:last-child { font-weight: normal; } .app-component-department .component-waiting-period .waiting-period-wrapper { display: flex; align-items: center; } .app-component-department .component-waiting-period .waiting-period-wrapper > .icon { width: 3.2rem; } .app-component-department .component-waiting-period .waiting-period-wrapper > .icon::before { content: "p"; font-family: "nijsmellinghe"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; color: #00838a; } @media reader, speech, aural { .app-component-department .component-waiting-period .waiting-period-wrapper > .icon::before { display: none; visibility: hidden; } } .app-component-department .component-waiting-period .waiting-period-location { padding-right: 0.8rem; } .app-component-department .component-waiting-period .waiting-period-location::after { content: ':'; } .brochurebundle-component-virtualbrochure .content-container img { width: 100% !important; height: auto !important; max-width: 33.33333%; margin: 3.2rem; } .brochurebundle-component-virtualbrochure .own1 { font-family: var(--root-font-family, "Bariol", var(--root-font-family, "Bariol", sans-serif)); font-style: normal; font-weight: bold; color: inherit; text-rendering: optimizeLegibility; line-height: 1.2; margin-bottom: 1.6rem; font-size: 3.2rem; line-height: 4rem; } @media print, screen and (min-width: 64em) { .brochurebundle-component-virtualbrochure .own1 { font-size: 4rem; line-height: 4.8rem; } } .brochurebundle-component-virtualbrochure .own2 { font-family: var(--root-font-family, "Bariol", var(--root-font-family, "Bariol", sans-serif)); font-style: normal; font-weight: bold; color: inherit; text-rendering: optimizeLegibility; line-height: 1.2; margin-bottom: 1.6rem; font-size: 2.4rem; line-height: 3.2rem; } @media print, screen and (min-width: 64em) { .brochurebundle-component-virtualbrochure .own2 { font-size: 3.2rem; line-height: 4rem; } } .brochurebundle-component-virtualbrochure .own3 { font-family: var(--root-font-family, "Bariol", var(--root-font-family, "Bariol", sans-serif)); font-style: normal; font-weight: bold; color: inherit; text-rendering: optimizeLegibility; line-height: 1.2; margin-bottom: 1.6rem; font-size: 2rem; line-height: 3.2rem; } @media print, screen and (min-width: 64em) { .brochurebundle-component-virtualbrochure .own3 { font-size: 2.4rem; line-height: 3.2rem; } } .brochurebundle-component-virtualbrochure .own1, .brochurebundle-component-virtualbrochure .own2, .brochurebundle-component-virtualbrochure .own3 { margin-bottom: 0; } .brochurebundle-component-virtualbrochure h1 ~ p br:first-child, .brochurebundle-component-virtualbrochure h2 ~ p br:first-child, .brochurebundle-component-virtualbrochure h3 ~ p br:first-child { display: none; } .brochurebundle-component-virtualbrochure h3 { margin-bottom: 0; } .kirra-bundle-jobpostbundle-component-jobpostdetail .component-image-lead, .kirra-bundle-jobpostbundle-component-jobpostdetail .component-image-lead img, .app-component-easycruitjobpostdetail .component-image-lead, .app-component-easycruitjobpostdetail .component-image-lead img { border-radius: 0.8rem; } @media print, screen and (min-width: 64em) { .kirra-bundle-jobpostbundle-component-jobpostdetail .component-image-lead + .meta-data-wrapper, .app-component-easycruitjobpostdetail .component-image-lead + .meta-data-wrapper { margin-top: -9.6rem; margin-right: 3.2rem; margin-left: 3.2rem; } } .kirra-bundle-jobpostbundle-component-jobpostdetail .meta-data-wrapper, .app-component-easycruitjobpostdetail .meta-data-wrapper { margin-bottom: 3.2rem; position: relative; display: flex; flex-direction: column; align-items: flex-start; padding: 1.6rem; background: #F5F8FA; border-radius: 0.8rem; } @media print, screen and (min-width: 30em) { .kirra-bundle-jobpostbundle-component-jobpostdetail .meta-data-wrapper, .app-component-easycruitjobpostdetail .meta-data-wrapper { padding: 3.2rem; } } .kirra-bundle-jobpostbundle-component-jobpostdetail .meta-data-wrapper > .heading, .app-component-easycruitjobpostdetail .meta-data-wrapper > .heading { font-family: var(--root-font-family, "Bariol", var(--root-font-family, "Bariol", sans-serif)); font-style: normal; font-weight: bold; color: inherit; text-rendering: optimizeLegibility; line-height: 1.2; margin-bottom: 1.6rem; font-size: 2rem; line-height: 3.2rem; } @media print, screen and (min-width: 64em) { .kirra-bundle-jobpostbundle-component-jobpostdetail .meta-data-wrapper > .heading, .app-component-easycruitjobpostdetail .meta-data-wrapper > .heading { font-size: 2.4rem; line-height: 3.2rem; } } .kirra-bundle-jobpostbundle-component-jobpostdetail .meta-data-wrapper > .btn, .app-component-easycruitjobpostdetail .meta-data-wrapper > .btn { margin: 0; } .meta-data-job-post-detail { flex-direction: column; gap: 1.06656rem; width: 100%; margin: 0; } .meta-data-job-post-detail:has(+ .btn) { margin-bottom: 3.2rem; } .meta-data-job-post-detail .meta-item { position: relative; display: inline-block; padding-left: 4.26656rem; } .meta-data-job-post-detail .meta-item-key::after { display: none; } .meta-data-job-post-detail a { text-decoration: none; } @media (hover: hover) and (pointer: fine) { .meta-data-job-post-detail a:hover { text-decoration: underline; } .meta-data-job-post-detail a:focus { text-decoration: underline; } } .meta-data-job-post-detail .icon { position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 3.2rem; height: 3.2rem; background: #F5F8FA; border-radius: 16rem; font-size: 1.4rem; } .meta-data-job-post-detail .icon::before { content: ""; font-family: "nijsmellinghe"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; margin: 0; } @media reader, speech, aural { .meta-data-job-post-detail .icon::before { display: none; visibility: hidden; } } .meta-data-job-post-detail .meta-item-starting-date .icon::before { content: '\e902'; } .meta-data-job-post-detail .meta-item-closing-date .meta-item-key { position: static !important; width: auto !important; height: auto !important; overflow: visible !important; clip: auto !important; white-space: normal !important; } .meta-data-job-post-detail .meta-item-closing-date .icon::before { content: '\e901'; } .meta-data-job-post-detail .meta-item-educational-attainment .icon::before { content: '\e906'; } .meta-data-job-post-detail .meta-item-department .icon::before { content: '\e907'; } .meta-data-job-post-detail .meta-item-estimated-salary .icon::before { content: '\e90d'; } .meta-data-job-post-detail .meta-item-employment-type .icon::before { content: '\e90c'; } .meta-data-job-post-detail .meta-item-contract .icon::before, .meta-data-job-post-detail .meta-item-hours .icon::before { content: '\e903'; } .meta-data-job-post-detail .meta-item-city .icon::before { content: '\e909'; } .meta-data-job-post-detail .meta-item-region .icon::before { content: '\e90b'; } .meta-data-job-post-detail.meta-data-job-post-detail-page { display: grid; gap: 1.6rem; } @media print, screen and (min-width: 30em) { .meta-data-job-post-detail.meta-data-job-post-detail-page { grid-template-columns: repeat(auto-fit, minmax(24rem, 1fr)); gap: 3.2rem; } } .meta-data-job-post-detail.meta-data-job-post-detail-page .icon { background: #ffffff; } .meta-data-job-post-detail.meta-data-job-post-detail-page .meta-item-key { position: static !important; width: auto !important; height: auto !important; overflow: visible !important; clip: auto !important; white-space: normal !important; font-weight: bold; } .meta-data-job-post-detail.meta-data-job-post-detail-page .meta-item-key::after { display: none; } .job-post-contact-person-wrapper { margin-bottom: 3.2rem; display: grid; gap: 3.2rem; } @media print, screen and (min-width: 30em) { .job-post-contact-person-wrapper { grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr)); } } .job-post-contact-person-wrapper .card-job-post-contact-person { max-width: 40rem; } .page-extra-content-job-post-folder ul { display: grid; gap: 3.2rem; list-style: none; } @media print, screen and (min-width: 30em) { .page-extra-content-job-post-folder ul { grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr)); } } .page-extra-content-job-post-folder .column-overview { display: flex; }