/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote::before, blockquote::after, q::before, q::after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } .visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; border: 0 !important; white-space: nowrap !important; } .visually-hidden-focusable { position: absolute !important; width: 1px !important; height: 1px !important; margin: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; } .visually-hidden-focusable:active, .visually-hidden-focusable:focus { position: static !important; width: auto !important; height: auto !important; margin: inherit !important; overflow: visible !important; clip: auto !important; clip-path: none !important; white-space: inherit !important; } @media only print { .hide-when-printed { display: none !important; } } img { width: 100%; margin: 25px 0; } .hero-image, .hero-video { aspect-ratio: 2 / 1; object-fit: cover; object-position: 50% 50%; margin-top: 0; } .topic--banner--image { aspect-ratio: 4/1; object-fit: cover; object-position: 50% 50%; } @media only screen and (max-width: 641px) { .topic--banner--image { aspect-ratio: 2/1; } } .page--header--loop .page--heading, .page--heading { color: #0B0C0C; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 700; font-size: 36px; line-height: 38px; display: block; margin-top: 0; margin-bottom: 30px; } @media only screen and (min-width: 641px) { .page--header--loop .page--heading, .page--heading { font-size: 60px; line-height: 65px; } } @media only print { .page--header--loop .page--heading, .page--heading { font-size: 36pt; line-height: 1.15; } } @media only screen and (min-width: 641px) { .page--header--loop .page--heading, .page--heading { margin-bottom: 50px; } } .caption--xl, .legend-xl, h1, .heading-xl { color: #0B0C0C; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 700; font-size: 32px; line-height: 35px; display: block; margin-top: 0; margin-bottom: 30px; } @media only screen and (min-width: 641px) { .caption--xl, .legend-xl, h1, .heading-xl { font-size: 48px; line-height: 52px; } } @media only print { .caption--xl, .legend-xl, h1, .heading-xl { font-size: 32pt; line-height: 1.15; } } @media only screen and (min-width: 641px) { .caption--xl, .legend-xl, h1, .heading-xl { margin-bottom: 50px; } } .caption--lg, .legend-lg, h2, .heading-lg { color: #0B0C0C; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 700; font-size: 24px; line-height: 25px; display: block; margin-top: 0; margin-bottom: 20px; } @media only screen and (min-width: 641px) { .caption--lg, .legend-lg, h2, .heading-lg { font-size: 36px; line-height: 40px; } } @media only print { .caption--lg, .legend-lg, h2, .heading-lg { font-size: 24pt; line-height: 1.05; } } @media only screen and (min-width: 641px) { .caption--lg, .legend-lg, h2, .heading-lg { margin-bottom: 30px; } } .volunteer--name, .caption--md, .legend-md, legend, h3, .heading-md { color: #0B0C0C; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 700; font-size: 18px; line-height: 20px; display: block; margin-top: 0; margin-bottom: 15px; } @media only screen and (min-width: 641px) { .volunteer--name, .caption--md, .legend-md, legend, h3, .heading-md { font-size: 24px; line-height: 30px; } } @media only print { .volunteer--name, .caption--md, .legend-md, legend, h3, .heading-md { font-size: 18pt; line-height: 1.15; } } @media only screen and (min-width: 641px) { .volunteer--name, .caption--md, .legend-md, legend, h3, .heading-md { margin-bottom: 20px; } } .caption--sm, .footer--heading, .legend-sm, h4, .heading-sm { color: #0B0C0C; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 700; font-size: 16px; line-height: 20px; display: block; margin-top: 0; margin-bottom: 15px; } @media only screen and (min-width: 641px) { .caption--sm, .footer--heading, .legend-sm, h4, .heading-sm { font-size: 19px; line-height: 25px; } } @media only print { .caption--sm, .footer--heading, .legend-sm, h4, .heading-sm { font-size: 14pt; line-height: 1.15; } } @media only screen and (min-width: 641px) { .caption--sm, .footer--heading, .legend-sm, h4, .heading-sm { margin-bottom: 20px; } } .page--caption, .caption-xl { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; font-size: 18px; line-height: 20px; display: block; margin-bottom: 5px; color: #6F777B; } @media only screen and (min-width: 641px) { .page--caption, .caption-xl { font-size: 27px; line-height: 30px; } } @media only print { .page--caption, .caption-xl { font-size: 18pt; line-height: 1.15; } } @media only print { .page--caption, .caption-xl { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 700; font-size: 24px; line-height: 25px; } } @media only print { .page--caption, .caption-xl { font-size: 24pt; line-height: 1.05; } } .caption-lg { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; font-size: 18px; line-height: 20px; display: block; margin-bottom: 5px; color: #6F777B; } @media only screen and (min-width: 641px) { .caption-lg { font-size: 24px; line-height: 30px; } } @media only print { .caption-lg { font-size: 18pt; line-height: 1.15; } } @media only screen and (min-width: 641px) { .caption-lg { margin-bottom: 0; } } .volunteer--role, .caption-md { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; font-size: 16px; line-height: 20px; display: block; color: #6F777B; } @media only screen and (min-width: 641px) { .volunteer--role, .caption-md { font-size: 19px; line-height: 25px; } } @media only print { .volunteer--role, .caption-md { font-size: 14pt; line-height: 1.15; } } .page--header--loop .page--excerpt { color: #0B0C0C; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; font-size: 20px; line-height: 22px; margin-top: 0; margin-bottom: 30px; } @media only screen and (min-width: 641px) { .page--header--loop .page--excerpt { font-size: 32px; line-height: 40px; } } @media only print { .page--header--loop .page--excerpt { font-size: 32pt; line-height: 1.15; } } @media only screen and (min-width: 641px) { .page--header--loop .page--excerpt { margin-bottom: 50px; } } .page--excerpt, .lead { color: #0B0C0C; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; font-size: 18px; line-height: 20px; margin-top: 0; margin-bottom: 20px; } @media only screen and (min-width: 641px) { .page--excerpt, .lead { font-size: 24px; line-height: 30px; } } @media only print { .page--excerpt, .lead { font-size: 18pt; line-height: 1.15; } } @media only screen and (min-width: 641px) { .page--excerpt, .lead { margin-bottom: 30px; } } .hint, label, .label, li, dt, dd, p { color: #0B0C0C; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; font-size: 16px; line-height: 20px; margin-top: 0; margin-bottom: 15px; } @media only screen and (min-width: 641px) { .hint, label, .label, li, dt, dd, p { font-size: 19px; line-height: 25px; } } @media only print { .hint, label, .label, li, dt, dd, p { font-size: 14pt; line-height: 1.15; } } @media only screen and (min-width: 641px) { .hint, label, .label, li, dt, dd, p { margin-bottom: 20px; } } .loop--article-list--item--meta, .loop--article-list--item--excerpt, caption, footer a, .footer a, .footer--link, .small { color: #0B0C0C; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; font-size: 14px; line-height: 16px; margin-top: 0; margin-bottom: 15px; } @media only screen and (min-width: 641px) { .loop--article-list--item--meta, .loop--article-list--item--excerpt, caption, footer a, .footer a, .footer--link, .small { font-size: 16px; line-height: 20px; } } @media only print { .loop--article-list--item--meta, .loop--article-list--item--excerpt, caption, footer a, .footer a, .footer--link, .small { font-size: 14pt; line-height: 1.2; } } @media only screen and (min-width: 641px) { .loop--article-list--item--meta, .loop--article-list--item--excerpt, caption, footer a, .footer a, .footer--link, .small { margin-bottom: 20px; } } caption, th, .skip-link, .notification-banner--title, .header--link, .list--category, dt, strong, b { font-weight: 700; } em, i { font-style: italic; } ul.list--no-styles, ol.list--no-styles, ul, ol { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; font-size: 16px; line-height: 20px; color: #0B0C0C; margin-top: 0; margin-bottom: 15px; padding-left: 0; list-style-type: none; } @media only screen and (min-width: 641px) { ul.list--no-styles, ol.list--no-styles, ul, ol { font-size: 19px; line-height: 25px; } } @media only print { ul.list--no-styles, ol.list--no-styles, ul, ol { font-size: 14pt; line-height: 1.15; } } @media only screen and (min-width: 641px) { ul.list--no-styles, ol.list--no-styles, ul, ol { margin-bottom: 20px; } } ul ul.list--no-styles, ul ol.list--no-styles, ol ul.list--no-styles, ol ol.list--no-styles, ul.list--no-styles ul, ol.list--no-styles ul, ul ul, ol ul, ul.list--no-styles ol, ol.list--no-styles ol, ul ol, ol ol { margin-top: 10px; } ul { padding-left: 40px; list-style-type: disc; } ol { padding-left: 50px; list-style-type: decimal; } #markdown-toc, ul.list--no-styles, ol.list--no-styles { padding-left: 0; list-style-type: none; } ul > li, ol > li { margin-bottom: 5px; } a { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: underline; text-decoration-thickness: max(1px, .0625rem); text-underline-offset: 0.1em; } a:hover { text-decoration-thickness: max(3px, .1875rem, .12em); } a:focus { box-sizing: border-box; color: #0B0C0C; background-color: #FFED00; background: #FFED00; outline: 3px solid #FFED00; text-decoration: none; } a:link { color: #007EB4; } a:visited { color: #312783; } a:hover { color: #2f3590; } a:active { color: #009FE3; } a:focus { color: #0B0C0C; } @media only print { a[href^="/"]:after, a[href^="http://"]:after, a[href^="https://"]:after { content: " (" attr(href) ")"; font-size: 90%; word-wrap: break-word; } } .link--text-color:link, .link--text-color:visited { color: #0B0C0C; } .link--text-color:active, .link--text-color:focus { color: #0B0C0C; } .link--inverse:link, .link--inverse:visited { color: #ffffff; } .link--inverse:focus { color: #0B0C0C; } .link--no-underline:not(:hover):not(:active) { text-decoration: none; } .link--no-visited-state:link { color: #007EB4; } .link--no-visited-state:visited { color: #007EB4; } .link--no-visited-state:hover { color: #2f3590; } .link--no-visited-state:active { color: #009FE3; } .link--no-visited-state:focus { color: #0B0C0C; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-bottom: 3px solid #DEE0E2; } @media only screen and (min-width: 641px) { hr { margin-top: 30px; } } @media only screen and (min-width: 641px) { hr { margin-bottom: 30px; } } pre { display: inline-block; box-sizing: border-box; width: 100%; max-width: 100%; overflow-x: scroll; white-space: pre-wrap; margin-bottom: 15px; padding: 10px; background: #DEE0E2; } @media only screen and (min-width: 641px) { pre { margin-bottom: 20px; } } @media only screen and (min-width: 641px) { pre { padding: 10px; } } kbd, code { color: #AD005F; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; font-size: 14px; line-height: 16px; margin-top: 0; margin-bottom: 15px; font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } @media only screen and (min-width: 641px) { kbd, code { font-size: 16px; line-height: 20px; } } @media only print { kbd, code { font-size: 14pt; line-height: 1.2; } } @media only screen and (min-width: 641px) { kbd, code { margin-bottom: 20px; } } .page--excerpt + h2, .lead + h2, .hint + h2, label + h2, .label + h2, p + h2, dt + h2, dd + h2, li + h2 { padding-top: 10px; } @media only screen and (min-width: 641px) { .page--excerpt + h2, .lead + h2, .hint + h2, label + h2, .label + h2, p + h2, dt + h2, dd + h2, li + h2 { padding-top: 20px; } } .hint + h2, label + h2, .label + h2, p + h2, dt + h2, dd + h2, li + h2, .page--excerpt + h2, .lead + h2, ul + h2, ol + h2, ul.list--no-styles + h2, ol.list--no-styles + h2 { padding-top: 15px; } @media only screen and (min-width: 641px) { .hint + h2, label + h2, .label + h2, p + h2, dt + h2, dd + h2, li + h2, .page--excerpt + h2, .lead + h2, ul + h2, ol + h2, ul.list--no-styles + h2, ol.list--no-styles + h2 { padding-top: 20px; } } .hint + h3, label + h3, .label + h3, p + h3, dt + h3, dd + h3, li + h3, .page--excerpt + h3, .lead + h3, ul + h3, ol + h3, ul.list--no-styles + h3, ol.list--no-styles + h3, .hint + h4, label + h4, .label + h4, p + h4, dt + h4, dd + h4, li + h4, .page--excerpt + h4, .lead + h4, ul + h4, ol + h4, ul.list--no-styles + h4, ol.list--no-styles + h4 { padding-top: 5px; } @media only screen and (min-width: 641px) { .hint + h3, label + h3, .label + h3, p + h3, dt + h3, dd + h3, li + h3, .page--excerpt + h3, .lead + h3, ul + h3, ol + h3, ul.list--no-styles + h3, ol.list--no-styles + h3, .hint + h4, label + h4, .label + h4, p + h4, dt + h4, dd + h4, li + h4, .page--excerpt + h4, .lead + h4, ul + h4, ol + h4, ul.list--no-styles + h4, ol.list--no-styles + h4 { padding-top: 10px; } } .back-link { font-size: 14px; line-height: 16px; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: underline; text-decoration-thickness: max(1px, .0625rem); text-underline-offset: 0.1em; display: inline-block; position: relative; margin-top: 15px; margin-bottom: 15px; padding-left: 14px; } @media only screen and (min-width: 641px) { .back-link { font-size: 16px; line-height: 20px; } } @media only print { .back-link { font-size: 14pt; line-height: 1.2; } } .back-link:hover { text-decoration-thickness: max(3px, .1875rem, .12em); } .back-link:focus { box-sizing: border-box; color: #0B0C0C; background-color: #FFED00; background: #FFED00; outline: 3px solid #FFED00; text-decoration: none; } .back-link:link, .back-link:visited { color: #0B0C0C; } .back-link:active, .back-link:focus { color: #0B0C0C; } .back-link:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 3px; width: 7px; height: 7px; margin: auto 0; transform: rotate(225deg); border: solid; border-width: 1px 1px 0 0; border-color: #6F777B; } .back-link:focus:before { border-color: #0B0C0C; } .back-link:after { content: ""; position: absolute; top: -14px; right: 0; bottom: -14px; left: 0; } .breadcrumbs { font-size: 14px; line-height: 16px; color: #0B0C0C; margin-top: 15px; margin-bottom: 10px; } @media only screen and (min-width: 641px) { .breadcrumbs { font-size: 16px; line-height: 20px; } } @media only print { .breadcrumbs { font-size: 14pt; line-height: 1.2; } } @media only screen and (min-width: 641px) { .breadcrumbs { padding-bottom: 10px; border-bottom: 1px solid #DEE0E2; } } @media only print { .breadcrumbs { display: none; } } .breadcrumbs--list { margin: 0; padding: 0; list-style-type: none; } .breadcrumbs--list:after { content: ""; display: block; clear: both; } .breadcrumbs--list-item { display: inline-block; position: relative; font-size: 14px; line-height: 16px; margin-bottom: 5px; margin-left: 10px; padding-left: 15.655px; float: left; } @media only screen and (min-width: 641px) { .breadcrumbs--list-item { font-size: 16px; line-height: 20px; } } @media only print { .breadcrumbs--list-item { font-size: 14pt; line-height: 1.2; } } .breadcrumbs--list-item:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: -3.31px; width: 7px; height: 7px; margin: auto 0; transform: rotate(45deg); border: solid; border-width: 1px 1px 0 0; border-color: #6F777B; } .breadcrumbs--list-item:first-child { margin-left: 0; padding-left: 0; } .breadcrumbs--list-item:first-child:before { content: none; display: none; } .breadcrumbs--link { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: underline; text-decoration-thickness: max(1px, .0625rem); text-underline-offset: 0.1em; } .breadcrumbs--link:hover { text-decoration-thickness: max(3px, .1875rem, .12em); } .breadcrumbs--link:focus { box-sizing: border-box; color: #0B0C0C; background-color: #FFED00; background: #FFED00; outline: 3px solid #FFED00; text-decoration: none; } .breadcrumbs--link:link, .breadcrumbs--link:visited { color: #0B0C0C; } .breadcrumbs--link:active, .breadcrumbs--link:focus { color: #0B0C0C; } @media only screen and (max-width: 641px) { .breadcrumbs--collapse-on-mobile .breadcrumbs--list-item { display: none; } .breadcrumbs--collapse-on-mobile .breadcrumbs--list-item:first-child, .breadcrumbs--collapse-on-mobile .breadcrumbs--list-item:last-child { display: inline-block; } .breadcrumbs--collapse-on-mobile .breadcrumbs--list-item:before { top: 6px; margin: 0; } .breadcrumbs--collapse-on-mobile .breadcrumbs--list { display: flex; } } .button { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; font-size: 16px; line-height: 20px; box-sizing: border-box; display: inline-block; position: relative; width: 100%; margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 22px; padding: 7px 10px 6px; border: 3px solid transparent; border-radius: 0; color: #ffffff; background-color: #AD005F; box-shadow: 0 2px 0 black; text-align: center; vertical-align: top; cursor: pointer; -webkit-appearance: none; } @media only screen and (min-width: 641px) { .button { font-size: 19px; line-height: 25px; } } @media only print { .button { font-size: 14pt; line-height: 1.15; } } @media only screen and (min-width: 641px) { .button { margin-bottom: 32px; } } @media only screen and (min-width: 641px) { .button { width: auto; } } .button:link, .button:visited, .button:active, .button:hover { color: #ffffff; text-decoration: none; } .button::-moz-focus-inner { padding: 0; border: 0; } .button:hover { background-color: #7a0043; } .button:active { top: 2px; } .button:focus { border-color: #FFED00; outline: 3px solid transparent; box-shadow: inset 0 0 0 1px #FFED00; } .button:focus:not(:active):not(:hover) { border-color: #FFED00; color: #0B0C0C; background-color: #FFED00; box-shadow: 0 2px 0 #0B0C0C; } .button:before { content: ""; display: block; position: absolute; top: -3px; right: -3px; bottom: -5px; left: -3px; background: transparent; } .button:active:before { top: -5px; } @media only screen and (min-width: 641px) { .button-group > .button { margin-right: 10px; } .button-group > .button:last-child { margin-right: 0; } } .button--disabled, button[disabled="disabled"], button[disabled] { opacity: 0.5; } .button--disabled:hover, button[disabled="disabled"]:hover, button[disabled]:hover { background-color: #AD005F; cursor: default; } .button--disabled:active, button[disabled="disabled"]:active, button[disabled]:active { top: 0; box-shadow: 0 2px 0 black; } .button--primary { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; font-size: 18px; line-height: 20px; } @media only screen and (min-width: 641px) { .button--primary { font-size: 24px; line-height: 30px; } } @media only print { .button--primary { font-size: 18pt; line-height: 1.15; } } .button--secondary { background-color: #DEE0E2; box-shadow: 0 2px 0 #727a82; } .button--secondary, .button--secondary:link, .button--secondary:visited, .button--secondary:active, .button--secondary:hover { color: #0B0C0C; } .button--secondary:hover { background-color: #c3c7ca; } .button--secondary[disabled]:hover { background-color: #DEE0E2; } .button--warning { background-color: #E30613; box-shadow: 0 2px 0 black; } .button--warning, .button--warning:link, .button--warning:visited, .button--warning:active, .button--warning:hover { color: #ffffff; } .button--warning:hover { background-color: #80030b; } .button--warning[disabled]:hover { background-color: #E30613; } @media only screen and (max-width: 641px) { .button--event, .button--consultation { margin-bottom: 10px; } .button--event:last-child, .button--consultation:last-child { margin-bottom: 0; } } @media only screen and (min-width: 641px) { .button--event, .button--consultation { width: calc(50% - 15px); margin-bottom: 0; padding: 10px; } .button--event:nth-child(2), .button--consultation:nth-child(2) { float: right; margin-bottom: 0; } } .button--feedback { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; font-size: 14px; line-height: 16px; } @media only screen and (min-width: 641px) { .button--feedback { font-size: 16px; line-height: 20px; } } @media only print { .button--feedback { font-size: 14pt; line-height: 1.2; } } @media only screen and (max-width: 641px) { .button--feedback { margin-bottom: 10px; } .button--feedback:last-child { margin-bottom: 0; } } @media only screen and (min-width: 641px) { .button--feedback { width: calc(50% - 15px); margin-bottom: 0; padding: 10px; } .button--feedback:nth-child(2) { float: right; margin-bottom: 0; } } .button--volunteer { width: 100%; } .button-group--bordered { border-top: 5px solid #DEE0E2; padding: 25px 0 0; } @media only screen and (min-width: 641px) { .button-group--bordered .button { margin-bottom: 0; } } @media only screen and (max-width: 641px) { .button-group--bordered .button:last-of-type { margin-bottom: 0; } } .button--toggle { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; font-size: 16px; line-height: 20px; box-sizing: border-box; position: relative; width: 100%; margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 22px; padding: 7px 10px 6px; border: 3px solid transparent; border-radius: 0; color: #ffffff; background-color: #AD005F; box-shadow: 0 2px 0 black; text-align: center; vertical-align: top; cursor: pointer; -webkit-appearance: none; } @media only screen and (min-width: 641px) { .button--toggle { font-size: 19px; line-height: 25px; } } @media only print { .button--toggle { font-size: 14pt; line-height: 1.15; } } @media only screen and (min-width: 641px) { .button--toggle { margin-bottom: 32px; } } @media only screen and (min-width: 641px) { .button--toggle { width: auto; } } .button--toggle:link, .button--toggle:visited, .button--toggle:active, .button--toggle:hover { color: #ffffff; text-decoration: none; } .button--toggle::-moz-focus-inner { padding: 0; border: 0; } .button--toggle:hover { background-color: #7a0043; } .button--toggle:active { top: 2px; } .button--toggle:focus { border-color: #FFED00; outline: 3px solid transparent; box-shadow: inset 0 0 0 1px #FFED00; } .button--toggle:focus:not(:active):not(:hover) { border-color: #FFED00; color: #0B0C0C; background-color: #FFED00; box-shadow: 0 2px 0 #0B0C0C; } .button--toggle:before { content: ""; display: block; position: absolute; top: -3px; right: -3px; bottom: -5px; left: -3px; background: transparent; } .button--toggle:active:before { top: -5px; } .button-group--clearfix:after { content: ""; display: block; clear: both; } .button--align-right { float: right; } .checkboxes--item { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; font-size: 16px; line-height: 20px; display: block; position: relative; min-height: 40px; margin-bottom: 10px; padding-left: 40px; clear: left; } @media only screen and (min-width: 641px) { .checkboxes--item { font-size: 19px; line-height: 25px; } } @media only print { .checkboxes--item { font-size: 14pt; line-height: 1.15; } } .checkboxes--item:last-child, .checkboxes--item:last-of-type { margin-bottom: 0; } .checkboxes--item:last-child:first-child, .checkboxes--item:last-child:last-of-type, .checkboxes--item:last-of-type:first-child, .checkboxes--item:last-of-type:last-of-type { margin-bottom: 25px !important; } .checkboxes--input { cursor: pointer; position: absolute; z-index: 1; top: -2px; left: -2px; width: 44px; height: 44px; margin: 0; opacity: 0; } .checkboxes--label { display: inline-block; margin-bottom: 0; padding: 8px 15px 5px; cursor: pointer; touch-action: manipulation; font-weight: normal !important; } .checkboxes--label:before { content: ""; box-sizing: border-box; position: absolute; top: 0; left: 0; width: 40px; height: 40px; border: 3px solid currentColor; background: transparent; } .checkboxes--label:after { content: ""; box-sizing: border-box; position: absolute; top: 11px; left: 9px; width: 23px; height: 12px; transform: rotate(-45deg); border: solid; border-width: 0 0 5px 5px; border-color: #e6007e; border-top-color: transparent; opacity: 0; background: transparent; } .checkboxes--hint { color: #6F777B; display: block; } .checkboxes--input:focus + .checkboxes--label:before { border-width: 4px; outline: 3px solid transparent; outline-offset: 1px; box-shadow: 0 0 0 3px #FFED00; } @media screen and (forced-colors: active), (-ms-high-contrast: active) { .checkboxes--input:focus + .checkboxes--label:before { outline-color: Highlight; } } .checkboxes--input:checked + .checkboxes--label:after { opacity: 1; } .checkboxes--input:disabled, .checkboxes--input:disabled + .checkboxes--label { cursor: default; } .checkboxes--input:disabled + .checkboxes--label { opacity: .5; } .checkboxes--small .checkboxes--item { min-height: 0; margin-bottom: 0; padding-left: 34px; float: left; } .checkboxes--small .checkboxes--item:after { content: ""; display: block; clear: both; } .checkboxes--small .checkboxes--input { left: -10px; } .checkboxes--small .checkboxes--label { margin-top: -2px; padding: 13px 15px 13px 1px !important; float: left; } @media only screen and (min-width: 641px) { .checkboxes--small .checkboxes--label { padding: 11px 15px 10px 1px !important; } } .checkboxes--small .checkboxes--label:before { top: 7px; width: 24px; height: 24px; } .checkboxes--small .checkboxes--label:after { top: 15px; left: 6px; width: 12px; height: 6.5px; border-width: 0 0 3px 3px; } .checkboxes--small .checkboxes--hint { padding: 0; clear: both; } .checkboxes--small .checkboxes--item:hover .checkboxes--input:not(:disabled) + .checkboxes--label:before { box-shadow: 0 0 0 10px #ffffff; } .checkboxes--small .checkboxes--item:hover .checkboxes--input:focus + .checkboxes--label:before { box-shadow: 0 0 0 3px #FFED00, 0 0 0 10px #ffffff; } @media (hover: none), (pointer: coarse) { .checkboxes--small .checkboxes--item:hover .checkboxes--input:not(:disabled) + .checkboxes--label:before { box-shadow: initial; } .checkboxes--small .checkboxes--item:hover .checkboxes--input:focus + .checkboxes--label:before { box-shadow: 0 0 0 3px #FFED00; } } .toolbar { position: sticky; z-index: 999999; bottom: 0; top: auto; left: 0; right: 0; padding: 15px 0; background: #fff6fa; } .toolbar:after { content: ""; display: block; clear: both; } .dialog { z-index: 9999999; padding: 0; min-width: 50vh; border: 0; box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); } .dialog::backdrop { background: rgba(0, 0, 0, 0.7); } .dialog--title { margin: 0; } .button--close { float: right; } .button--dialog, .button--toolbar { margin: 0 !important; } .dialog--header, .dialog--content, .dialog--actions { padding: 15px; margin: 0; } .dialog--header:after, .dialog--content:after, .dialog--actions:after { content: ""; display: block; clear: both; } .dialog--content--center { text-align: center; } .dialog--header, .dialog--actions { background: #fff6fa; } .date-input { font-size: 0; } .date-input:after { content: ""; display: block; clear: both; } .date-input--item { display: inline-block; margin-right: 20px; margin-bottom: 0; } .date-input--label { display: block; } .date-input--input { margin-bottom: 0; } details > summary { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 700; font-size: 18px; line-height: 20px; margin-top: 0; margin-bottom: 0; position: relative; cursor: pointer; color: #0B0C0C; /* Hide the marker completely. */ list-style-image: none; } @media only screen and (min-width: 641px) { details > summary { font-size: 24px; line-height: 30px; } } @media only print { details > summary { font-size: 18pt; line-height: 1.15; } } details > summary::marker, details > summary::-webkit-details-marker { display: none; list-style-image: none; content: ''; width: 0; height: 0; } details > summary:after { display: block; position: relative; padding: 10px 0 0; bottom: 0; left: 0; content: 'Show more'; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 700; font-size: 16px; line-height: 20px; color: #007EB4; text-align: left; font-weight: bold; } @media only print { details > summary:after { content: ''; } } @media only screen and (min-width: 641px) { details > summary:after { font-size: 19px; line-height: 25px; } } @media only print { details > summary:after { font-size: 14pt; line-height: 1.15; } } details > summary:hover { text-decoration: underline !important; cursor: pointer; } details > summary:focus { color: #0B0C0C; background: #FFED00; outline: 3px solid #FFED00; } details > summary:focus:after { color: #0B0C0C; } details > summary:active { background: transparent; outline: 3px solid #FFED00; } details > summary:active:after { color: #0B0C0C; } details { padding-top: 10px; padding-bottom: 10px; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; font-size: 16px; line-height: 20px; color: #0B0C0C; display: block; border-top: 1px solid #DEE0E2; border-bottom: 1px solid #DEE0E2; } @media only screen and (min-width: 641px) { details { padding-top: 10px; } } @media only screen and (min-width: 641px) { details { padding-bottom: 10px; } } @media only screen and (min-width: 641px) { details { font-size: 19px; line-height: 25px; } } @media only print { details { font-size: 14pt; line-height: 1.15; } } details:last-child { margin-bottom: 0; } details[open] > summary { margin-bottom: 15px; } @media only screen and (min-width: 641px) { details[open] > summary { margin-bottom: 15px; } } details[open] > summary::-webkit-details-marker, details[open] > summary::marker { display: none; list-style-image: none; content: ''; } details[open] > summary:after { content: 'Show less'; } @media only print { details[open] > summary:after { content: ''; } } details + details { border-top: none; } details > details { margin-left: 30px; } details[open] > details:last-child { margin-bottom: 15px; } @media only screen and (min-width: 641px) { details[open] > details:last-child { margin-bottom: 25px; } } details[open] > details > summary { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 700; font-size: 16px; line-height: 20px; } @media only screen and (min-width: 641px) { details[open] > details > summary { font-size: 19px; line-height: 25px; } } @media only print { details[open] > details > summary { font-size: 14pt; line-height: 1.15; } } details + h1, details + h2, details + h3, details + h4 { margin-top: 40px; } @media only screen and (min-width: 641px) { details + h1, details + h2, details + h3, details + h4 { margin-top: 60px; } } p + details, ul + details { margin-top: 20px; } @media only screen and (min-width: 641px) { p + details, ul + details { margin-top: 30px; } } details.spacing-bottom { margin-bottom: 60px; } fieldset, .fieldset { min-width: 0; margin: 0; padding: 0; border: 0; } fieldset:after, .fieldset:after { content: ""; display: block; clear: both; } fieldset + fieldset, .fieldset + fieldset { margin-top: 50px; } @media only screen and (min-width: 641px) { fieldset + fieldset, .fieldset + fieldset { margin-top: 70px; } } @supports not (caret-color: auto) { .fieldset, x:-moz-any-link { display: table-cell; } } legend { box-sizing: border-box; display: table; max-width: 100%; padding: 0; white-space: normal; } .legend-xl { margin-bottom: 15px; } .legend-lg { margin-bottom: 15px; } .legend-md { margin-bottom: 15px; } h1 > legend, h2 > legend, h3 > legend, h4 > legend { margin: 0; font-size: inherit; font-weight: inherit; } .form-row { margin-bottom: 10px; } footer, .footer { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; font-size: 14px; line-height: 16px; padding-top: 25px; padding-bottom: 15px; color: #0B0C0C; background: #fff6fa; } @media only screen and (min-width: 641px) { footer, .footer { font-size: 16px; line-height: 20px; } } @media only print { footer, .footer { font-size: 14pt; line-height: 1.2; } } @media only screen and (min-width: 641px) { footer, .footer { padding-top: 40px; } } @media only screen and (min-width: 641px) { footer, .footer { padding-bottom: 25px; } } @media only print { footer, .footer { display: none; } } footer a, .footer a, .footer--link { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none; } footer a:hover, .footer a:hover, .footer--link:hover { text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 5px; } footer a:focus, .footer a:focus, .footer--link:focus { box-sizing: border-box; color: #0B0C0C; background-color: #FFED00; background: #FFED00; outline: 3px solid #FFED00; text-decoration: none; } .footer--section-break { margin: 0; margin-top: 20px; margin-bottom: 20px; border: 0; border-bottom: 3px solid #e6007e; } @media only screen and (min-width: 641px) { .footer--section-break { margin-top: 30px; } } @media only screen and (min-width: 641px) { .footer--section-break { margin-bottom: 30px; } } .footer--meta p { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; font-size: 14px; line-height: 16px; margin-bottom: 10px; color: #0B0C0C; } @media only screen and (min-width: 641px) { .footer--meta p { font-size: 16px; line-height: 20px; } } @media only print { .footer--meta p { font-size: 14pt; line-height: 1.2; } } .footer--meta-item--grow { flex: 1; } @media only screen and (max-width: 641px) { .footer--meta-item--grow { flex-basis: 320px; } } .footer--heading { color: #0B0C0C; margin-bottom: 15px; padding-top: 15px; border-top: 3px solid #e6007e; } @media only screen and (min-width: 641px) { .footer--heading { margin-bottom: 20px; } } .footer--list { margin: 0; margin-bottom: 25px; padding: 0; list-style: none; column-gap: 30px; vertical-align: top; } .footer--list-item { margin-bottom: 5px; } @media only screen and (min-width: 641px) { .footer--list-item { margin-bottom: 5px; } } .footer--list-item:last-child { margin-bottom: 0; } .feedback { margin-bottom: 15px; padding: 10px; background: #fff6fa; } @media only print { .feedback { display: none; } } .header { color: #0B0C0C; background: #e6007e; } @media only print { .header { display: none; } } .header--container--full-width { padding: 0 15px; } .header--container--full-width .header--menu-button { right: 10px; } .header--container { position: relative; padding: 20px 0; } .header--container:after { content: ""; display: block; clear: both; } @media only screen and (max-width: 641px) { .header--container { padding: 15px 0 10px; } } .header--logo, .header--content { box-sizing: border-box; } .header--logo:after, .header--content:after { content: ""; display: block; clear: both; } @media only screen and (min-width: 769px) { .header--logo { margin-bottom: 0 !important; float: left; vertical-align: top; padding-right: 25px; margin-bottom: 10px; } } @media only screen and (min-width: 769px) and (min-width: 641px) { .header--logo { margin-bottom: 10px; } } @media only screen and (max-width: 769px) { .header--logo { width: 100%; } } @media only screen and (min-width: 769px) { .header--content { margin-bottom: 0 !important; float: right; text-align: right; vertical-align: top; max-width: calc(100% - 300px); } } .header--logotype--text { display: block; width: 100%; clear: both; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 700; font-size: 24px; line-height: 25px; line-height: 1; padding-bottom: 5px; } @media only screen and (min-width: 641px) { .header--logotype--text { font-size: 36px; line-height: 40px; } } @media only print { .header--logotype--text { font-size: 24pt; line-height: 1.05; } } @media only screen and (max-width: 769px) { .header--logotype--text { padding-bottom: 6.25px; } } .header--logotype--link { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 700; display: inline-block; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 700; font-size: 18px; line-height: 20px; } @media only screen and (min-width: 641px) { .header--logotype--link { font-size: 24px; line-height: 30px; } } @media only print { .header--logotype--link { font-size: 18pt; line-height: 1.15; } } .header--logotype--link:link, .header--logotype--link:visited { color: #ffffff; } .header--logotype--link:link, .header--logotype--link:visited, .header--logotype--link:active { text-decoration: none; } .header--logotype--link:focus { margin-bottom: 0; border-bottom: 0; box-sizing: border-box; color: #0B0C0C; background-color: #FFED00; background: #FFED00; outline: 3px solid #FFED00; text-decoration: none; } .header--logotype--link:hover [class*="header--logotype"], .header--logotype--link:active [class*="header--logotype"] { text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 5px; } .header--link { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none; } .header--link:link, .header--link:visited { color: #ffffff; } .header--link:focus { color: #0B0C0C; } .header--link:hover { text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 5px; } .header--link:focus { box-sizing: border-box; color: #0B0C0C; background-color: #FFED00; background: #FFED00; outline: 3px solid #FFED00; text-decoration: none; } .header--menu-button { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; font-size: 16px; line-height: 20px; display: none; position: absolute; top: 10px; right: 0; margin: 0; padding: 10px; text-align: left; border: 0; background: #AD005F; cursor: pointer; color: #ffffff; } @media only screen and (min-width: 641px) { .header--menu-button { font-size: 19px; line-height: 25px; } } @media only print { .header--menu-button { font-size: 14pt; line-height: 1.15; } } .header--menu-button:hover { text-decoration: solid underline 3px; } .header--menu-button:focus { box-sizing: border-box; color: #0B0C0C; background-color: #FFED00; background: #FFED00; outline: 3px solid #FFED00; text-decoration: none; } .header--menu-button:after { display: inline-block; width: 0; height: 0; border-style: solid; border-color: transparent; clip-path: polygon(0% 0%, 50% 100%, 100% 0%); border-width: 8.66px 5px 0 5px; border-top-color: inherit; content: ""; margin-left: 5px; } @media only screen and (min-width: 641px) { .header--menu-button { top: 15px; } } .header--menu-button--open:after { display: inline-block; width: 0; height: 0; border-style: solid; border-color: transparent; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); border-width: 0 5px 8.66px 5px; border-bottom-color: inherit; } .header--navigation { display: block; width: 100%; margin: 0; padding: 0; list-style: none; } @media only screen and (max-width: 641px) { .header--navigation { padding-top: 10px; } } .js-enabled .header--menu-button { display: block; } @media only screen and (min-width: 769px) { .js-enabled .header--menu-button { display: none; } } .js-enabled .header--navigation { display: none; } @media only screen and (min-width: 769px) { .js-enabled .header--navigation { display: block; } } .js-enabled .header--navigation--open { display: block; } @media only screen and (min-width: 769px) { .header--navigation--end { margin: 0; padding: 5px 0; text-align: right; } } .header--navigation-item { border-bottom: 1px solid #BFC1C3; box-sizing: border-box; } @media only screen and (max-width: 641px) { .header--navigation-item { padding: 10px 0; } } @media only screen and (min-width: 641px) { .header--navigation-item { display: inline-block; padding: 0; border: 0; width: 24%; } } @media only screen and (min-width: 769px) { .header--navigation-item { width: 30%; } } .header--navigation-item a { white-space: nowrap; } .header--navigation-item--active a:link, .header--navigation-item--active a:visited { text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 5px; } .header--navigation-item--active a:hover { text-decoration-thickness: 3px; } .header--navigation-item--active a:focus { color: #0B0C0C; } .header--navigation-item:last-child { margin-right: 0; border-bottom: none; } @media only screen and (max-width: 641px) { .header--navigation-item:last-child { margin-bottom: 15px !important; } } @media only print { .header { border-bottom-width: 0; color: #0B0C0C; background: transparent; } .header--link:link, .header--link:visited { color: #0B0C0C; } .header--link:after { display: none; } } blockquote { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; font-size: 16px; line-height: 20px; color: #0B0C0C; padding: 5px 0 5px 15px; margin-top: 20px; margin-bottom: 20px; clear: both; border-left: 10px solid #e6007e; } @media only screen and (min-width: 641px) { blockquote { font-size: 19px; line-height: 25px; } } @media only print { blockquote { font-size: 14pt; line-height: 1.15; } } @media only screen and (min-width: 641px) { blockquote { margin-top: 30px; } } @media only screen and (min-width: 641px) { blockquote { margin-bottom: 30px; } } blockquote > :first-child { margin-top: 0; } blockquote > :only-child, blockquote > :last-child { margin-bottom: 0; } blockquote.document-box { position: relative; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; font-size: 16px; line-height: 20px; color: #0B0C0C; padding: 10px 20px 10px 0; margin-top: 20px; margin-bottom: 20px; clear: both; border: none; background: #fff6fa; } @media only screen and (min-width: 641px) { blockquote.document-box { font-size: 19px; line-height: 25px; } } @media only print { blockquote.document-box { font-size: 14pt; line-height: 1.15; } } @media only screen and (min-width: 641px) { blockquote.document-box { margin-top: 30px; } } @media only screen and (min-width: 641px) { blockquote.document-box { margin-bottom: 30px; } } blockquote.document-box > :first-child { margin-top: 10px; } blockquote.document-box > :only-child, blockquote.document-box > :last-child { margin-bottom: 10px; } @media only screen and (min-width: 641px) { blockquote.document-box > * { padding-left: 80px; } } @media only screen and (max-width: 641px) { blockquote.document-box > * { padding-left: 70px; } } blockquote.document-box:before { content: ""; position: relative; top: 10px; left: 15px; float: left; display: block; padding: 10px; border-radius: 100%; background: #e6007e; background-position: center; background-repeat: no-repeat; color: #ffffff; background-image: url("data:image/svg+xml,%3Csvg xmlns:xl='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' xmlns:dc='http://purl.org/dc/elements/1.1/' version='1.1' viewBox='0 0 30 30' width='30' height='30'%3E%3Cdefs/%3E%3Cmetadata%3E Produced by OmniGraffle 7.19.1%5Cn2021-11-13 18:31:56 +0000%3C/metadata%3E%3Cg id='doc' stroke-dasharray='none' fill='none' stroke='none' stroke-opacity='1' fill-opacity='1'%3E%3Ctitle%3Edoc%3C/title%3E%3Cg id='doc_Layer_1'%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cg id='Graphic_5'%3E%3Cpath d='M 5 1 L 17 1 L 17 10 L 17 1 L 25 10 L 17 10 L 25 10 L 25 29 L 5 29 Z' fill='none'/%3E%3Cpath d='M 5 1 L 17 1 L 17 10 L 17 1 L 25 10 L 17 10 L 25 10 L 25 29 L 5 29 Z' stroke='%23FFED00' stroke-linecap='butt' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } @media only screen and (min-width: 641px) { blockquote.document-box:before { background-size: 30px 30px; width: 30px; height: 30px; } } @media only screen and (max-width: 641px) { blockquote.document-box:before { background-size: 20px 20px; width: 20px; height: 20px; } } blockquote.document-box:after { content: ""; display: block; clear: both; } blockquote.warning-text { position: relative; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; font-size: 16px; line-height: 20px; color: #0B0C0C; padding: 10px 20px 10px 0; margin-top: 20px; margin-bottom: 20px; clear: both; border: none; background: #fff6fa; } @media only screen and (min-width: 641px) { blockquote.warning-text { font-size: 19px; line-height: 25px; } } @media only print { blockquote.warning-text { font-size: 14pt; line-height: 1.15; } } @media only screen and (min-width: 641px) { blockquote.warning-text { margin-top: 30px; } } @media only screen and (min-width: 641px) { blockquote.warning-text { margin-bottom: 30px; } } blockquote.warning-text > :first-child { margin-top: 10px; } blockquote.warning-text > :only-child, blockquote.warning-text > :last-child { margin-bottom: 10px; } @media only screen and (min-width: 641px) { blockquote.warning-text > * { padding-left: 80px; } } @media only screen and (max-width: 641px) { blockquote.warning-text > * { padding-left: 70px; } } blockquote.warning-text:before { content: ""; position: relative; top: 10px; left: 15px; float: left; display: block; padding: 10px; border-radius: 100%; background: #e6007e; background-position: center; background-repeat: no-repeat; color: #ffffff; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns:xl='http://www.w3.org/1999/xlink' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='12 0 6 30' width='6' height='30'%3E%3Cdefs/%3E%3Cmetadata%3E Produced by OmniGraffle 7.18.5%5Cn2021-09-29 21:16:20 +0000%3C/metadata%3E%3Cg id='Canvas' stroke='none' fill='none' fill-opacity='1' stroke-opacity='1' stroke-dasharray='none'%3E%3Ctitle%3E!%3C/title%3E%3Cg id='Canvas_Layer_1'%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cg id='Graphic_4'%3E%3Cpath d='M 12 0 L 12 21 L 18 21 L 18 0 Z M 12 24 L 12 30 L 18 30 L 18 24 Z' fill='%23ffed00'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } @media only screen and (min-width: 641px) { blockquote.warning-text:before { background-size: 30px 30px; width: 30px; height: 30px; } } @media only screen and (max-width: 641px) { blockquote.warning-text:before { background-size: 20px 20px; width: 20px; height: 20px; } } blockquote.warning-text:after { content: ""; display: block; clear: both; } .label-xl { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 700; font-size: 32px; line-height: 35px; margin-bottom: 15px; } @media only screen and (min-width: 641px) { .label-xl { font-size: 48px; line-height: 52px; } } @media only print { .label-xl { font-size: 32pt; line-height: 1.15; } } .label-lg { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 700; font-size: 24px; line-height: 25px; margin-bottom: 15px; } @media only screen and (min-width: 641px) { .label-lg { font-size: 36px; line-height: 40px; } } @media only print { .label-lg { font-size: 24pt; line-height: 1.05; } } .label-md { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 700; font-size: 18px; line-height: 20px; margin-bottom: 10px; } @media only screen and (min-width: 641px) { .label-md { font-size: 24px; line-height: 30px; } } @media only print { .label-md { font-size: 18pt; line-height: 1.15; } } .label-sm, blockquote.document-box p:first-child, .date-input--label { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 700; font-size: 16px; line-height: 20px; } @media only screen and (min-width: 641px) { .label-sm, blockquote.document-box p:first-child, .date-input--label { font-size: 19px; line-height: 25px; } } @media only print { .label-sm, blockquote.document-box p:first-child, .date-input--label { font-size: 14pt; line-height: 1.15; } } label, .label { display: block; } .input-label { margin-top: 20px; margin-bottom: 10px; } .inline-label { margin-top: 20px; margin-bottom: 10px; } @media only screen and (min-width: 641px) { .inline-label { min-height: 40px; line-height: 40px; vertical-align: middle; margin: 0; } } .required, .asterisk { color: #6F777B; } .hint { display: block; margin-bottom: 15px; } h1 > label, h2 > label, h3 > label, h4 > label { margin: 0; } .notification-banner { display: block; position: relative; padding: 10px 0; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; font-size: 16px; line-height: 20px; background: #009FE3; } @media only screen and (min-width: 641px) { .notification-banner { font-size: 19px; line-height: 25px; } } @media only print { .notification-banner { font-size: 14pt; line-height: 1.15; } } .notification-banner p:last-child { margin-bottom: 0; } .notification-banner * { color: #ffffff; } .notification-banner *:link, .notification-banner *:visited { color: #ffffff; } .notification-banner *:focus { box-sizing: border-box; color: #0B0C0C; background-color: #FFED00; background: #FFED00; outline: 3px solid #FFED00; text-decoration: none; } @media only print { .notification-banner { display: none; } } .panel { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; font-size: 16px; line-height: 20px; box-sizing: border-box; margin-bottom: 30px; padding: 70px 35px; border: 5px solid transparent; text-align: left; background: #007EB4; color: #ffffff; } @media only screen and (min-width: 641px) { .panel { font-size: 19px; line-height: 25px; } } @media only print { .panel { font-size: 14pt; line-height: 1.15; } } @media only screen and (max-width: 641px) { .panel { padding: 25px; } } .panel--confirmation { color: #ffffff; background: #00853E; } @media only print { .panel--confirmation { border-color: currentColor; background: none; } } .panel h1 { margin-top: 0; margin-bottom: 30px; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 700; font-size: 32px; line-height: 35px; color: #ffffff; } @media only screen and (min-width: 641px) { .panel h1 { font-size: 48px; line-height: 52px; } } @media only print { .panel h1 { font-size: 32pt; line-height: 1.15; } } .panel p { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; font-size: 18px; line-height: 20px; color: #ffffff; } @media only screen and (min-width: 641px) { .panel p { font-size: 24px; line-height: 30px; } } @media only print { .panel p { font-size: 18pt; line-height: 1.15; } } .panel h1:last-child, .panel p:last-child { margin-bottom: 0; } .radios { padding-bottom: 25px; } .radios--item { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; font-size: 16px; line-height: 20px; display: block; position: relative; min-height: 40px; margin-bottom: 10px; padding-left: 40px; clear: left; } @media only screen and (min-width: 641px) { .radios--item { font-size: 19px; line-height: 25px; } } @media only print { .radios--item { font-size: 14pt; line-height: 1.15; } } .radios--item:last-child, .radios--item:last-of-type { margin-bottom: 0; } .radios--input { cursor: pointer; position: absolute; z-index: 1; top: -2px; left: -2px; width: 44px; height: 44px; margin: 0; opacity: 0; } .radios--label { display: inline-block; margin-bottom: 0; padding: 8px 15px 5px; cursor: pointer; touch-action: manipulation; } .radios--label:before { content: ""; box-sizing: border-box; position: absolute; top: 0; left: 0; width: 40px; height: 40px; border: 3px solid currentColor; border-radius: 50%; background: transparent; } .radios--label:after { content: ""; position: absolute; top: 10px; left: 10px; width: 0; height: 0; border: 10px solid #e6007e; border-radius: 50%; opacity: 0; background: #e6007e; } .radios--hint { display: block; padding-right: 15px; padding-left: 15px; } .radios--input:focus + .radios--label:before { border-width: 4px; outline: 3px solid transparent; outline-offset: 1px; box-shadow: 0 0 0 4px #FFED00; } @media screen and (forced-colors: active), (-ms-high-contrast: active) { .radios--input:focus + .radios--label:before { outline-color: Highlight; } } .radios--input:checked + .radios--label:after { opacity: 1; } .radios--input:disabled, .radios--input:disabled + .radios--label { cursor: default; } .radios--input:disabled + .radios--label { opacity: .5; } @media only screen and (min-width: 641px) { .radios--inline:after { content: ""; display: block; clear: both; } .radios--inline .radios--item { margin-right: 20px; float: left; clear: none; } } .radios--inline.radios--conditional .radios--item { margin-right: 0; float: none; } .skip-link { position: absolute !important; width: 1px !important; height: 1px !important; margin: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: underline; text-decoration-thickness: max(1px, .0625rem); text-underline-offset: 0.1em; font-size: 16px; line-height: 20px; display: block; padding: 10px 15px; } .skip-link:active, .skip-link:focus { position: static !important; width: auto !important; height: auto !important; margin: inherit !important; overflow: visible !important; clip: auto !important; clip-path: none !important; white-space: inherit !important; } .skip-link:link, .skip-link:visited { color: #0B0C0C; } .skip-link:active, .skip-link:focus { color: #0B0C0C; } @media only screen and (min-width: 641px) { .skip-link { font-size: 19px; line-height: 25px; } } @media only print { .skip-link { font-size: 14pt; line-height: 1.15; } } @supports (padding: max(calc(0px))) { .skip-link { padding-right: max(15px, calc(15px + env(safe-area-inset-right))); padding-left: max(15px, calc(15px + env(safe-area-inset-left))); } } .skip-link:focus { outline: 3px solid #FFED00; outline-offset: 0; background-color: #FFED00; } .design-system-colour-list { width: 100%; border-collapse: collapse; } .design-system-colour-list tr { display: table-row; margin-bottom: govuk-spacing(2); border-bottom: 10px solid transparent; } @media only screen and (min-width: 641px) { .design-system-colour-list tr { display: table-row; margin: auto; border-bottom: 0; } } .design-system-colour-list td { display: block; position: relative; padding-left: 50px; } @media only screen and (min-width: 641px) { .design-system-colour-list td { display: table-cell; padding-left: 0; vertical-align: middle; } } .color-swatch { display: block; position: absolute; top: 0; left: 0; width: 40px; height: 40px; border: 1px solid #0B0C0C; border-radius: 50%; } @media only screen and (min-width: 641px) { .color-swatch { display: inline-block; position: static; margin-top: 6px; margin-right: 10px; margin-bottom: 7px; vertical-align: middle; } } table { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; font-size: 16px; line-height: 20px; color: #0B0C0C; width: 100%; margin-bottom: 20px; border-spacing: 0; border-collapse: collapse; } @media only screen and (min-width: 641px) { table { font-size: 19px; line-height: 25px; } } @media only print { table { font-size: 14pt; line-height: 1.15; } } @media only screen and (min-width: 641px) { table { margin-bottom: 30px; } } thead { border-bottom: 2px solid #DEE0E2; } tr { border-bottom: 1px solid #DEE0E2; } tr:last-child { border-bottom: none; } tfoot { border-top: 2px solid #DEE0E2; } th { padding: 10px 20px 10px 0; text-align: left; vertical-align: top; } td { padding: 10px 20px 10px 0; text-align: left; vertical-align: top; } th:last-child, td:last-child { padding-right: 0; } caption { display: table-caption; text-align: left; } .caption--xl { margin-bottom: 15px; } .caption--lg { margin-bottom: 15px; } .caption--md { margin-bottom: 15px; } .input { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; font-size: 16px; line-height: 20px; box-sizing: border-box; width: 100%; height: 40px; margin-top: 0; padding: 5px; border: 3px solid #0B0C0C; border-radius: 0; appearance: none; } @media only screen and (min-width: 641px) { .input { font-size: 19px; line-height: 25px; } } @media only print { .input { font-size: 14pt; line-height: 1.15; } } .input:focus { outline: 3px solid #FFED00; outline-offset: 0; box-shadow: inset 0 0 0 3px; } .input::-webkit-outer-spin-button, .input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; } .input[type="number"] { -moz-appearance: textfield; } input:invalid, .input--error { border: 3px solid #E30613; outline: 3px solid #E30613; outline-offset: 1px; } input:invalid:focus, .input--error:focus { border-color: #0B0C0C; } .input--width-30 { max-width: 59ex; } .input--width-20 { max-width: 41ex; } .input--width-10 { max-width: 23ex; } .input--width-5 { max-width: 10.8ex; } .input--width-4, .date-input--year { max-width: 9ex; } .input--width-3 { max-width: 7.2ex; } .input--width-2, .date-input--month, .date-input--day, .date-input--hour, .date-input--minute { max-width: 5.4ex; } .input--wrapper { display: flex; } .input--wrapper .input { flex: 0 1 auto; } .input--wrapper .input:focus { z-index: 1; } @media only screen { .input--wrapper { display: block; } .input--wrapper .input { max-width: 100%; } } .input--prefix, .input--suffix { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; font-size: 16px; line-height: 20px; box-sizing: border-box; display: inline-block; min-width: 40px; height: 40px; padding: 5px; border: 3px solid #0B0C0C; background-color: #DEE0E2; text-align: center; white-space: nowrap; cursor: default; flex: 0 0 auto; } @media only screen and (min-width: 641px) { .input--prefix, .input--suffix { font-size: 19px; line-height: 25px; } } @media only print { .input--prefix, .input--suffix { font-size: 14pt; line-height: 1.15; } } @media only screen and (max-width: 641px) { .input--prefix, .input--suffix { line-height: 1.6; } } @media only screen { .input--prefix, .input--suffix { display: block; height: 100%; white-space: normal; } } @media only screen { .input--prefix { border-bottom: 0; } } @media only screen { .input--prefix { border-right: 0; } } @media only screen { .input--prefix .input--suffix { border-top: 0; } } @media only screen { .input--prefix .input--suffix { border-left: 0; } } textarea { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; font-size: 16px; line-height: 20px; box-sizing: border-box; display: block; width: 100%; min-height: 40px; margin-bottom: 20px; padding: 5px; resize: vertical; border: 3px solid #0B0C0C; border-radius: 0; -webkit-appearance: none; } @media only screen and (min-width: 641px) { textarea { font-size: 19px; line-height: 25px; } } @media only print { textarea { font-size: 14pt; line-height: 1.15; } } @media only screen and (min-width: 641px) { textarea { margin-bottom: 30px; } } textarea:focus { outline: 3px solid #FFED00; outline-offset: 0; box-shadow: inset 0 0 0 3px; } .textarea--error { border: 3px solid #E30613; } .textarea--error:focus { border-color: #0B0C0C; } html { background-color: #fff6fa; text-size-adjust: 100%; } @media only screen { html { overflow-y: scroll; } } body { margin: 0; background-color: #ffffff; } .grid-row { margin-right: -15px; margin-left: -15px; } .grid-row:after { content: ""; display: block; clear: both; } .grid-column-one-quarter { box-sizing: border-box; width: 100%; padding: 0 15px; } @media only screen and (min-width: 641px) { .grid-column-one-quarter { width: 25%; float: left; } } .grid-column-one-third, #markdown-toc { box-sizing: border-box; width: 100%; padding: 0 15px; } @media only screen and (min-width: 641px) { .grid-column-one-third, #markdown-toc { width: 33.3333%; float: left; } } .grid-column-one-half { box-sizing: border-box; width: 100%; padding: 0 15px; } @media only screen and (min-width: 641px) { .grid-column-one-half { width: 50%; float: left; } } .grid-column-two-thirds, #markdown-content { box-sizing: border-box; width: 100%; padding: 0 15px; } @media only screen and (min-width: 641px) { .grid-column-two-thirds, #markdown-content { width: 66.6666%; float: left; } } .grid-column-three-quarters { box-sizing: border-box; width: 100%; padding: 0 15px; } @media only screen and (min-width: 641px) { .grid-column-three-quarters { width: 75%; float: left; } } .grid-column-full, #markdown-content + .footnotes { box-sizing: border-box; width: 100%; padding: 0 15px; } @media only screen and (min-width: 641px) { .grid-column-full, #markdown-content + .footnotes { width: 100%; float: left; } } .grid-column-one-quarter-from-desktop { box-sizing: border-box; padding: 0 15px; } @media only screen and (min-width: 769px) { .grid-column-one-quarter-from-desktop { width: 25%; float: left; } } .grid-column-one-third-from-desktop { box-sizing: border-box; padding: 0 15px; } @media only screen and (min-width: 769px) { .grid-column-one-third-from-desktop { width: 33.3333%; float: left; } } .grid-column-one-half-from-desktop { box-sizing: border-box; padding: 0 15px; } @media only screen and (min-width: 769px) { .grid-column-one-half-from-desktop { width: 50%; float: left; } } .grid-column-two-thirds-from-desktop { box-sizing: border-box; padding: 0 15px; } @media only screen and (min-width: 769px) { .grid-column-two-thirds-from-desktop { width: 66.6666%; float: left; } } .grid-column-three-quarters-from-desktop { box-sizing: border-box; padding: 0 15px; } @media only screen and (min-width: 769px) { .grid-column-three-quarters-from-desktop { width: 75%; float: left; } } .grid-column-full-from-desktop { box-sizing: border-box; padding: 0 15px; } @media only screen and (min-width: 769px) { .grid-column-full-from-desktop { width: 100%; float: left; } } .width-container { max-width: 1020px; margin-right: 15px; margin-left: 15px; } @supports (margin: max(calc(0px))) { .width-container { margin-right: max(15px, calc(15px + env(safe-area-inset-right))); margin-left: max(15px, calc(15px + env(safe-area-inset-left))); } } @media only screen and (min-width: 641px) { .width-container { margin-right: 30px; margin-left: 30px; } @supports (margin: max(calc(0px))) { .width-container { margin-right: max(30px, calc(15px + env(safe-area-inset-right))); margin-left: max(30px, calc(15px + env(safe-area-inset-left))); } } } @media only screen and (min-width: 1080px) { .width-container { margin-right: auto; margin-left: auto; } @supports (margin: max(calc(0px))) { .width-container { margin-right: auto; margin-left: auto; } } } .main-wrapper { display: block; padding-top: 20px; padding-bottom: 20px; } @media only screen and (min-width: 641px) { .main-wrapper { padding-top: 40px; padding-bottom: 40px; min-height: 50vh; } } @media only print { .main-wrapper { padding: 0; } } .main-wrapper--auto-spacing:first-child, .main-wrapper--lg { padding-top: 30px; } @media only screen and (min-width: 641px) { .main-wrapper--auto-spacing:first-child, .main-wrapper--lg { padding-top: 50px; } } @media only print { .main-wrapper--auto-spacing:first-child, .main-wrapper--lg { padding-top: 0; } } .page--header:after { content: ""; display: block; clear: both; } @media only print { .page--header { margin: 0; padding: 0 1cm; width: 100%; height: 99%; page-break-before: always; page-break-after: always; background: #AD005F; box-sizing: border-box; } } .page--divider:after { content: ""; display: block; clear: both; } @media only print { .page--divider { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 700; font-size: 36px; line-height: 38px; margin: 0; padding: 7cm 1cm 0; width: 100%; height: 99%; page-break-before: always; page-break-after: always; background: #fff6fa; color: #AD005F; box-sizing: border-box; } } @media only print { .page--divider { font-size: 36pt; line-height: 1.15; } } @media only print { .page--divider:before { position: relative; display: block; top: -5cm; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 700; font-size: 24px; line-height: 25px; content: "Civil Service \A LGBT+ Network."; white-space: pre; color: #AD005F !important; } } @media only print { .page--divider:before { font-size: 24pt; line-height: 1.05; } } @media only print { .page--caption { padding: 7cm 0 0; color: #ffffff; font-weight: bold; } .page--caption:before { position: absolute; display: block; top: 2cm; content: "Civil Service \A LGBT+ Network."; white-space: pre; color: #fff6fa !important; } } .page--heading { margin-top: 15px; margin-bottom: 25px; max-width: 80%; } @media only screen and (min-width: 641px) { .page--heading { margin-top: 15px; } } @media only screen and (min-width: 641px) { .page--heading { margin-bottom: 40px; } } @media only print { .page--heading { color: #ffffff; font-weight: bold; margin-top: 0; padding-top: 40%; } } @media only print { .page--caption + .page--heading { padding: 0; } } .page--excerpt { margin-bottom: 30px; } @media only screen and (min-width: 641px) { .page--excerpt { margin-bottom: 50px; } } @media only print { .page--excerpt { color: #ffffff; max-width: 40ch; } } .page--meta-info { padding-top: 15px; margin-bottom: 25px; border-top: 3px solid #DEE0E2; } @media only screen and (min-width: 641px) { .page--meta-info { padding-top: 15px; } } @media only screen and (min-width: 641px) { .page--meta-info { margin-bottom: 40px; } } @media only print { .page--meta-info { border-top: none; } } .page--meta-info:after { content: ""; display: block; clear: both; } .page--meta-info--list:after { content: ""; display: block; clear: both; } .page--meta-info--list--with-image { display: inline-block; } .page--meta-info--term, .page--meta-info--definition { position: relative; margin-bottom: 5px; } @media only screen and (min-width: 641px) { .page--meta-info--term, .page--meta-info--definition { display: inline-block; float: left; min-width: 10ch; margin-bottom: 5px; } } @media only screen and (min-width: 641px) { .page--meta-info--term { margin-right: 25px; clear: left; } } @media only print { .page--meta-info--term { display: none; } } @media only screen and (max-width: 641px) { .page--meta-info--definition { margin-bottom: 15px; } } @media only screen and (min-width: 641px) { .page--meta-info--definition { clear: right; } } @media only print { .page--meta-info--definition { color: #ffffff; font-weight: bold; max-width: 40ch; } } .volunteer--author { float: left; box-sizing: border-box; margin: 0 25px 0 0; } @media only print { .page--meta-info--team-member a[href^="/"]:after, .page--meta-info--team-member a[href^="http://"]:after, .page--meta-info--team-member a[href^="https://"]:after { content: ""; } .page--meta-info--team-member a:link, .page--meta-info--team-member a:visited { color: #ffffff; } } .page--content { border-top: 3px solid #DEE0E2; } .page--aside { border-top: 3px solid #e6007e; } @media only print { .page--aside { display: none; } } .page--content, .page--aside { padding: 25px 0; } .article--event .page--content { border-top: none !important; } .section--event-details { padding: 25px; background: #fff6fa; } .section--event-details p:last-child { margin-bottom: 0; } .event--event-details--label { margin-bottom: 5px; } .event--event-details--value:last-child { margin-bottom: 0; } .section--event-registration { padding: 25px; background: #ffffff; border: 3px solid #fff6fa; } .section--event-registration p:last-child { margin-bottom: 0; } .event--aside { margin: 30px 0; padding: 20px 20px 10px; background: #fff6fa; } .event--aside details:last-of-type { border-bottom: 0; } .article--consultation .page--content { border-top: none !important; } .section--consultation-details { padding: 25px; background: #ffe6f4; } .section--consultation-details p:last-child { margin-bottom: 0; } .consultation--consultation-details--label { margin-bottom: 5px; } .consultation--consultation-details--value:last-child { margin-bottom: 0; } .section--consultation-start-buttons { padding: 25px; background: #ffffff; border: 3px solid #fff6fa; } .section--consultation-start-buttons p:last-child { margin-bottom: 0; } .consultation--aside { padding-top: 25px; border-top: 3px solid #DEE0E2; } .consultation--aside blockquote:first-of-type { margin-top: 0; } .article--publication .page--content { border-top: none; padding-top: 0; } #markdown-toc { padding-bottom: 25px; } #markdown-toc li { margin-bottom: 15px; } #markdown-toc li:first-child { border-top: 3px solid #e6007e; padding-top: 25px; } @media only print { #markdown-toc li:first-child { page-break-before: always; border-top: none !important; } #markdown-toc li:first-child:before { position: relative; display: block; content: "Contents"; color: #0B0C0C; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 700; font-size: 24px; line-height: 25px; display: block; margin-top: 0; margin-bottom: 20px; } } @media only print { #markdown-toc li:first-child:before { font-size: 24pt; line-height: 1.05; } } #markdown-toc ul { display: none; } #markdown-content > *:first-child { border-top: 3px solid #DEE0E2; padding-top: 25px; } @media only print { #markdown-content > *:first-child { page-break-before: always; border-top: none !important; } } @media only print { details.objective { page-break-before: always; } details.objective .volunteer--link::after { display: none; } details.objective .grid-column-one-third, details.objective #markdown-toc { display: inline-block; width: 30%; } } details.objective ul { padding: 0; } details.objective li { display: block; position: relative; line-height: 1; list-style: none; padding: 15px 0 !important; border-top: 1px solid #DEE0E2; } @media only print { details.objective li { page-break-inside: avoid; } } @media only screen and (min-width: 641px) { details.objective li { padding: 15px 7.5px; } } details.objective li p { display: block; padding-left: 55px; min-height: 40px; vertical-align: middle; margin-bottom: 7.5px; } details.objective li p:first-of-type { padding-top: 7.5px; } details.objective li p.date { min-height: unset; padding-top: 0; padding-bottom: 0; color: #6F777B; } details.objective li span.milestone { position: relative; display: block; min-height: 40px; } details.objective li span.status { display: inline-block; margin-bottom: 0; padding: 0px 15px; font-weight: 400; } details.objective li span.status::before { content: ""; box-sizing: border-box; position: absolute; top: 0; left: 0; width: 40px; height: 40px; border: 3px solid currentColor; background: transparent; } details.objective li span.status::after { content: ""; box-sizing: border-box; position: absolute; top: 11px; left: 9px; width: 23px; height: 12px; transform: rotate(-45deg); border: solid; border-width: 0 0 5px 5px; border-color: #e6007e; border-top-color: transparent; opacity: 0; background: transparent; } details.objective li span.status.complete::after { opacity: 1; } details.objective li span.status.complete > .sr-only, details.objective li span.status.in-progress > .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; border: 0 !important; white-space: nowrap !important; } details.objective p { max-width: 60ch; } details.objective p.milestone-with-details { margin-bottom: 0; } @media only print { .objective-summary { page-break-inside: avoid; } } .objective-summary progress { display: block; position: relative; width: 100%; } .objective-summary progress[value] { /* Reset the default appearance */ -webkit-appearance: none; -moz-appearance: none; appearance: none; /* Get rid of default border in Firefox. */ border: none; } .objective-summary progress::-webkit-progress-bar { /* style rules */ background-color: #DEE0E2; border-radius: 0px; } .objective-summary progress.in-progress { color: #009FE3; } .objective-summary progress.in-progress::-webkit-progress-value { background-color: #009FE3; } .objective-summary progress.in-progress::-moz-progress-bar { background-color: #009FE3; } .objective-summary progress.complete { color: #00853E; } .objective-summary progress.complete::-webkit-progress-value { background-color: #00853E; } .objective-summary progress.complete::-moz-progress-bar { background-color: #00853E; } .business-plan--team { background: #fff6fa; padding: 15px 15px 5px; margin: 15px 0; } @media only print { .business-plan--team { page-break-before: always; page-break-inside: avoid; } } .home--header { margin-bottom: 25px; } .home--heading { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 700; font-size: 35px; line-height: 38px; } @media only screen and (min-width: 641px) { .home--heading { font-size: 80px; line-height: 85px; } } @media only screen and (min-width: 769px) { .home--heading { font-size: 100px; line-height: 110px; } } @media only print { .home--heading { font-size: 53pt; line-height: 1.1; } } @media only screen and (min-width: 641px) { .home--heading { margin: 70px 0 70px; } } .line-break { display: block; width: 100%; } .home--text--magenta { color: #e6007e; } .home--section-title { padding-top: 20px; border-top: 5px solid #e6007e; } .home--loop--article-list { border-top: 5px solid #DEE0E2; padding: 0 0 30px; } .section--home .social-links { margin-bottom: 50px; } .section--home .social-links:after { content: ""; display: block; clear: both; } .section--home .social-links ul { padding: 0; margin: 0; list-style: none; display: block; width: 100%; } .section--home .social-links ul li { padding: 0 15px 15px 0; margin: 0; } .section--home .social-links ul li a { display: block; } .section--home .social-links ul li a:after { content: ""; display: block; clear: both; } .section--home .social-links ul li span.icon { display: block; max-height: 40px; max-width: 40px; float: left; clear: left; padding: 8px; margin-right: 10px; } .section--home .social-links ul li span.icon.twitter { background: #1da1f2; } .section--home .social-links ul li span.icon.facebook { background: #3b5998; } .section--home .social-links ul li span.icon.instagram { background: #e4405f; } .section--home .social-links ul li span.icon.youtube { background: #FF0000; } .section--home .social-links ul li span.icon svg { display: inline-block; width: 24px; height: 24px; margin: 0; padding: 0; fill: #ffffff; } .section--home .social-links ul li .social-links--handle { float: left; clear: none; padding: 0; margin-bottom: 0; height: 40px; line-height: 40px; vertical-align: middle; } .home--join-us { padding: 25px; margin-bottom: 70px; background: #fff6fa; } .home--social { padding-top: 15px; border-top: 5px solid #DEE0E2; } .home--join-us .button { margin-bottom: 0; } @media only print { [class^="topic--banner--"] { display: none; } } .topic--background--yellow { background: #FFED00; } .topic--background--magenta { background: #e6007e; } .topic--background--cyan { background: #009FE3; } .topic--background--red { background: #E30613; } .topic--background--green { background: #00853E; } .topic--background--purple { background: #312783; } .topic--background--white { background: #ffffff; } .topic--background--black { background: #0B0C0C; } .topic--section-title { padding-top: 20px; border-top: 5px solid #e6007e; } .topic--loop--article-list { border-top: 5px solid #DEE0E2; padding: 0 0 30px; } .section--topic .social-links { margin-bottom: 50px; } .section--topic .social-links:after { content: ""; display: block; clear: both; } .section--topic .social-links ul { padding: 0; margin: 0; list-style: none; display: block; width: 100%; } .section--topic .social-links ul li { margin: 0; } @media only screen and (max-width: 641px) { .section--topic .social-links ul li { padding: 0 15px 15px 0; } } @media only screen and (min-width: 641px) { .section--topic .social-links ul li { display: inline; padding: 0 15px 0 0; float: left; } } .section--topic .social-links ul li a { display: block; } .section--topic .social-links ul li a:after { content: ""; display: block; clear: both; } .section--topic .social-links ul li span.icon { display: block; max-height: 40px; max-width: 40px; float: left; clear: left; padding: 8px; margin-right: 10px; } .section--topic .social-links ul li span.icon.twitter { background: #1da1f2; } .section--topic .social-links ul li span.icon.facebook { background: #3b5998; } .section--topic .social-links ul li span.icon.instagram { background: #e4405f; } .section--topic .social-links ul li span.icon.youtube { background: #FF0000; } .section--topic .social-links ul li span.icon svg { display: inline-block; width: 24px; height: 24px; margin: 0; padding: 0; fill: #ffffff; } .section--topic .social-links ul li .social-links--handle { float: left; clear: none; padding: 0; margin-bottom: 0; height: 40px; line-height: 40px; vertical-align: middle; } .volunteer--link { display: inline-block; } .volunteer--link:not(:hover):not(:active) { text-decoration: none; } .volunteer--link:link, .volunteer--link:visited { color: #0B0C0C; } .volunteer--link:active, .volunteer--link:focus { color: #0B0C0C; } .volunteer--image { display: block; aspect-ratio: 1 / 1 !important; object-fit: cover; object-position: 50% 50%; margin-top: 0; border-radius: 100%; width: 100%; height: 100%; max-width: 150px; max-height: 150px; margin-top: 15px; border: 3px solid #BFC1C3; } .pixelate { image-rendering: pixelated; } .volunteer--name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } .volunteer--image--small { box-sizing: border-box; width: 100%; height: 100%; padding: 0; margin: 0; } @media only screen and (max-width: 641px) { .volunteer--image--small { display: none; } } @media only screen and (min-width: 641px) { .volunteer--image--small { max-width: 100px; max-height: 100px; } } @media only print { .volunteer--image--small { max-width: 2cm; max-height: 2cm; } } .volunteer--image--large { display: block; margin-top: 0; width: 100%; padding-top: 25px; border-top: 3px solid #DEE0E2; } .volunteer--archive { margin-top: 0; } .volunteer--details { margin-bottom: 25px; } .volunteer--details--label { margin-bottom: 5px; } .volunteer--details--value:last-child { margin-bottom: 0; } .admin--link-block { padding: 25px 15px 5px 15px; background: #fff6fa; margin-bottom: 25px; border-top: 5px solid #e6007e; } @media only screen and (min-width: 641px) { .admin--link-block { padding: 25px 25px 0 25px; aspect-ratio: 1.75/1; } } .admin--link-block--guidance { background: #e3f7ff; border-top: 5px solid #009FE3; } .admin--step-by-step, .admin--select { padding-bottom: 70px; } .admin--step-by-step:after, .admin--select:after { content: ""; display: block; clear: both; } .admin--step-by-step h2, .admin--select h2 { border-top: 5px solid #e6007e; padding-top: 25px; } .fieldset-row { padding-bottom: 25px; margin-bottom: 25px; } .fieldset--post-github, .fieldset--email-notify { padding: 25px 0 0; border-top: 5px solid #DEE0E2; } .folder-navigation { background: #ffffff; border: 3px solid #fff6fa; } .folder-navigation .radios { padding: 15px; } .folder-name { z-index: 999999; position: sticky; position: -webkit-sticky; top: 0; background: #fff6fa; padding: 15px; } .folder-name .button { margin-bottom: 0; } .revealed-input { padding: 15px; margin-left: 60px; margin-bottom: 25px; background: #fff6fa; } .collection--left-nav--navigation, .collection--left-nav--article { padding: 25px 0; margin-bottom: 0 !important; } .collection--left-nav--navigation { border-top: 3px solid #e6007e; } .collection--left-nav--article { border-top: 3px solid #BFC1C3; } .page--header--loop .page--heading { margin-top: 15px; margin-bottom: 15px; } @media only screen and (min-width: 641px) { .page--header--loop .page--heading { margin-top: 25px; } } @media only screen and (min-width: 641px) { .page--header--loop .page--heading { margin-bottom: 25px; } } .loop--article-list { border-top: 5px solid #e6007e; padding: 0 0 30px; } .loop--article-list--item { padding: 20px 0; margin-bottom: 0; border-bottom: 1px solid #BFC1C3; } .loop--article-list--item:last-child { border-bottom: 0; } .loop--article-list--item *:last-child { margin-bottom: 0; padding-bottom: 0; } .loop--article-list--item--title { color: #0B0C0C; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 700; font-size: 18px; line-height: 20px; display: block; margin-top: 0; margin-bottom: 10px; } @media only screen and (min-width: 641px) { .loop--article-list--item--title { font-size: 24px; line-height: 30px; } } @media only print { .loop--article-list--item--title { font-size: 18pt; line-height: 1.15; } } @media only screen and (min-width: 641px) { .loop--article-list--item--title { margin-bottom: 10px; } } .loop--article-list--item--meta, .loop--article-list--item--excerpt { margin-bottom: 10px; } .loop--article-list--item--meta { color: #6F777B; } /*# sourceMappingURL=styles.css.map */