From 680ed3448adad067c72753b593f83ec5a3f3e7c6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Markus=20Kalij=C3=A4rvi?= Date: Thu, 10 Nov 2022 17:17:53 +0200 Subject: [PATCH 1/5] Fixed alignment of edit button on media library widget view. --- dist/css/styles.min.css | 2 +- src/scss/06_components/views/_media-library.scss | 13 ++++++++++++- 2 files changed, 13 insertions(+), 2 deletions(-) diff --git a/dist/css/styles.min.css b/dist/css/styles.min.css index 70bde2e9..b8c13e0d 100644 --- a/dist/css/styles.min.css +++ b/dist/css/styles.min.css @@ -1,2 +1,2 @@ :root{--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccccff;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-black: #000000;--color-white: #ffffff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #cccccc;--color-black-30: #b3b3b3;--color-black-40: #999999;--color-black-50: #808080;--color-black-60: #666666;--color-black-70: #4d4d4d;--color-black-80: #333333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94} -body.hdbt-admin{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:#fff;color:#1a1a1a;font-family:HelsinkiGrotesk,Arial,sans-serif;line-height:1.5}:root{--hdbt-color-black: #121212;--hdbt-default-link-color: var(--color-black-90);--hdbt-theme-color: var(--color-black);--hdbt-text-color: var(--color-white);--hdbt-text-color--coat-of-arms: var(--color-white);--hdbt-text-color--brick: var(--color-white);--hdbt-text-color--bus: var(--color-white);--hdbt-text-color--metro: var(--color-white);--hdbt-text-color--tram: var(--color-white);--hdbt-text-color--gold: var(--hdbt-color-black);--hdbt-text-color--silver: var(--hdbt-color-black);--hdbt-text-color--copper: var(--hdbt-color-black);--hdbt-text-color--engel: var(--hdbt-color-black);--hdbt-text-color--fog: var(--hdbt-color-black);--hdbt-text-color--summer: var(--hdbt-color-black);--hdbt-text-color--suomenlinna: var(--hdbt-color-black);--hdbt-button-text-color--coat-of-arms: var(--hdbt-color-black);--hdbt-button-text-color--brick: var(--hdbt-color-black);--hdbt-button-text-color--bus: var(--hdbt-color-black);--hdbt-button-text-color--metro: var(--hdbt-color-black);--hdbt-button-text-color--tram: var(--hdbt-color-black);--hdbt-button-text-color--gold: var(--color-white);--hdbt-button-text-color--silver: var(--color-white);--hdbt-button-text-color--copper: var(--color-white);--hdbt-button-text-color--engel: var(--color-white);--hdbt-button-text-color--fog: var(--color-white);--hdbt-button-text-color--summer: var(--color-white);--hdbt-button-text-color--suomenlinna: var(--color-white);--hdbt-button-highlight-color--coat-of-arms: var(--color-black-90);--hdbt-button-highlight-color--brick: var(--color-black-90);--hdbt-button-highlight-color--bus: var(--color-black-90);--hdbt-button-highlight-color--metro: var(--color-black-90);--hdbt-button-highlight-color--tram: var(--color-black-90);--hdbt-button-highlight-color--gold: var(--color-white);--hdbt-button-highlight-color--silver: var(--color-white);--hdbt-button-highlight-color--copper: var(--color-white);--hdbt-button-highlight-color--engel: var(--color-white);--hdbt-button-highlight-color--fog: var(--color-white);--hdbt-button-highlight-color--summer: var(--color-white);--hdbt-button-highlight-color--suomenlinna: var(--color-white)}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:400;src:url(../fonts/HelsinkiGrotesk-Regular.eot);src:url(../fonts/HelsinkiGrotesk-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Regular.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Regular.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Regular.svg#HelsinkiGrotesk-Regular) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:400;src:url(../fonts/HelsinkiGrotesk-RegularItalic.eot);src:url(../fonts/HelsinkiGrotesk-RegularItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-RegularItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-RegularItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-RegularItalic.svg#HelsinkiGrotesk-RegularItalic) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:500;src:url(../fonts/HelsinkiGrotesk-Medium.eot);src:url(../fonts/HelsinkiGrotesk-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Medium.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Medium.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Medium.svg#HelsinkiGrotesk-Medium) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:500;src:url(../fonts/HelsinkiGrotesk-MediumItalic.eot);src:url(../fonts/HelsinkiGrotesk-MediumItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-MediumItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-MediumItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-MediumItalic.svg#HelsinkiGrotesk-MediumItalic) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:700;src:url(../fonts/HelsinkiGrotesk-Bold.eot);src:url(../fonts/HelsinkiGrotesk-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Bold.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Bold.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Bold.svg#HelsinkiGrotesk-Bold) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:700;src:url(../fonts/HelsinkiGrotesk-BoldItalic.eot);src:url(../fonts/HelsinkiGrotesk-BoldItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-BoldItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-BoldItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-BoldItalic.svg#HelsinkiGrotesk-BoldItalic) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:800;src:url(../fonts/HelsinkiGrotesk-Black.eot);src:url(../fonts/HelsinkiGrotesk-Black.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Black.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Black.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Black.svg#HelsinkiGrotesk-Black) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:800;src:url(../fonts/HelsinkiGrotesk-BlackItalic.eot);src:url(../fonts/HelsinkiGrotesk-BlackItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-BlackItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-BlackItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-BlackItalic.svg#HelsinkiGrotesk-BlackItalic) format("svg")}.hdbt-admin .page-wrapper *:focus,.hdbt-admin .ui-dialog *:focus,.hdbt-admin .dropbutton .dropbutton__item>*:focus,.hdbt-admin .dropbutton .dropbutton__item>*:focus:hover,.hdbt-admin .dropbutton__items>.dropbutton__item:first-of-type>*:focus,.hdbt-admin .dropbutton__items>.dropbutton__item:first-of-type~.dropbutton__item>*:focus,.hdbt-admin .dropbutton__items>.dropbutton__item:first-of-type~.dropbutton__item>*:focus:hover,.hdbt-admin .form-boolean:focus:active,.hdbt-admin .form-boolean:focus:hover,.hdbt-admin .cke.cke_chrome.cke_focus,.hdbt-admin .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button a:focus,.hdbt-admin .form-element:focus,.hdbt-admin .form-element:hover:focus,.hdbt-admin .form-element.error:hover:focus,.hdbt-admin .form-actions .action-link:focus,.hdbt-admin .paragraphs-tabs-wrapper .field-multiple-table .draggable.drag,.hdbt-admin .layout-paragraphs-field .layout-paragraphs-actions input.layout-paragraphs-edit:focus,.hdbt-admin .layout-paragraphs-field .layout-paragraphs-actions input.layout-paragraphs-remove:focus{-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.15),0 0 2px 1px #0072c6;box-shadow:0 0 0 1px rgba(0,0,0,.15),0 0 2px 1px #0072c6;outline:none}:root{--input-radio-color-palette: var(--color-black-70);--input-radio-color-palette-text: var(--color-white);--hdbt-admin-theme-color: var(--color-black);--hdbt-admin-text-color: var(--color-white)}.hdbt-admin-tools-site-settings .form-radios.form-boolean-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:8px -8px;max-width:1560px}.hdbt-admin-tools-site-settings .form-radios .form-type--boolean{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin:8px;min-width:200px}.hdbt-admin-tools-site-settings .form-radios .form-type--boolean.form-item--site-settings-koro{width:calc(100% - 32px - 4px)}@media only screen and (min-width: 992px){.hdbt-admin-tools-site-settings .form-radios .form-type--boolean.form-item--site-settings-koro{width:60%}}.hdbt-admin-tools-site-settings .form-radios .form-type--boolean.form-item--site-settings-theme-color{border:2px solid #4d4d4d;border-radius:5px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-ms-flex-flow:row-reverse;flex-flow:row-reverse;margin:8px;width:100%}.hdbt-admin-tools-site-settings .form-radios .form-type--boolean.form-item--site-settings-default-icon{width:100%}@media only screen and (min-width: 992px){.hdbt-admin-tools-site-settings .form-radios .form-type--boolean.form-item--site-settings-default-icon{width:40%}}.hdbt-admin-tools-site-settings .form-radios .form-type--boolean .form-boolean{margin-left:8px;margin-top:-2px}.hdbt-admin-tools-site-settings .form-radios .form-type--boolean .form-item__label.option{margin:2px 8px 0 8px;padding:0}.hdbt-admin-tools-site-settings .form-radios .color-palette{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--color-black-70);background-color:var(--input-radio-color-palette);color:var(--color-white);color:var(--input-radio-color-palette-text);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;font-size:1rem;font-weight:500;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hdbt-admin-tools-site-settings .form-radios .color-palette--primary{--input-radio-color-palette: var(--hdbt-color-palette--primary);--input-radio-color-palette-text: var(--hdbt-color-palette-text--primary);font-weight:700}.hdbt-admin-tools-site-settings .form-radios .color-palette--secondary{--input-radio-color-palette: var(--hdbt-color-palette--secondary);--input-radio-color-palette-text: var(--hdbt-color-palette-text--secondary);font-weight:700}.hdbt-admin-tools-site-settings .form-radios .color-palette--accent{--input-radio-color-palette: var(--hdbt-color-palette--accent);--input-radio-color-palette-text: var(--hdbt-color-palette-text--accent);font-weight:700}.hdbt-admin-tools-site-settings .form-radios .color-palette-wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;height:50px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:height 150ms ease-in-out;transition:height 150ms ease-in-out;width:100%}.hdbt-admin-tools-site-settings .form-radios .color-palette-wrapper:hover{height:150px}.hdbt-admin-tools-site-settings .form-radios .color-palette-wrapper .color-palette--primary{border-radius:3px 3px 0 0;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}.hdbt-admin-tools-site-settings .form-radios .selection-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 32px;min-width:180px}.hdbt-admin-tools-site-settings .form-radios .selection-wrapper label{font-size:1.25rem}.hdbt-admin-tools-site-settings .form-radios .koro{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;color:var(--color-black);color:var(--hdbt-admin-theme-color);display:-webkit-box;display:-ms-flexbox;display:flex;height:70px;width:calc(100% - 150px)}.hdbt-admin-tools-site-settings .form-radios .koro .wave{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.hdbt-admin-tools-site-settings .form-radios .koro svg path{fill:var(--color-black);fill:var(--hdbt-admin-theme-color)}.hdbt-admin-tools-site-settings .form-radios .default-icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--color-black);background-color:var(--hdbt-admin-theme-color);display:-webkit-box;display:-ms-flexbox;display:flex;height:150px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:225px}.hdbt-admin-tools-site-settings .form-radios .default-icon .icon{color:var(--color-white);color:var(--hdbt-admin-text-color);height:50%}#edit-site-settings-koro{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.hel-icon{--fallback: calc(var(--line-height, 1) * 1em);background-color:currentColor;display:inline-block;height:var(--fallback);height:var(--icon-size, var(--fallback));-webkit-mask-image:var(--url);mask-image:var(--url);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:text-bottom;width:var(--fallback);width:var(--icon-size, var(--fallback))}.default-icon .hel-icon{--icon-size: 50%;background-color:var(--color-white);background-color:var(--hdbt-admin-text-color, currentColor)}.hdbt-admin .skip-link{z-index:110}.hdbt-admin .hdbt_admin--edit-form .form-item--status,.hdbt-admin .hdbt_admin--edit-form .field--name-status{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:24px}@media(max-width: 1023px){.hdbt-admin .hdbt_admin--edit-form .layout-region-node-secondary{border-top:2px solid #b3b3b3;margin-top:32px;width:100%}}.hdbt-admin .region-sticky{background-color:#fff}.hdbt-admin .region-sticky .region-sticky__items__inner{-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:32px;justify-items:center}@media(min-width: 1024px)and (max-width: 1280px){.hdbt-admin .region-sticky .region-sticky__items__inner .button{font-size:.875rem;padding:8px 12px}.hdbt-admin .region-sticky .region-sticky__items__inner .form-item--status label,.hdbt-admin .region-sticky .region-sticky__items__inner .field--name-status label{font-size:.875rem}}.hdbt-admin .region-breadcrumb{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;position:relative}.hdbt-admin .region-breadcrumb::after{background:-webkit-gradient(linear, left top, right top, from(transparent), to(#fff));background:linear-gradient(90deg, transparent, #fff);content:"";height:100%;position:absolute;right:0;width:30px}.hdbt-admin .region-breadcrumb .gin-breadcrumb__link{min-width:1px}.hdbt-admin .region-breadcrumb .gin-breadcrumb__item:first-of-type .gin-breadcrumb__link{padding-left:8px}.hdbt-admin .region-breadcrumb .gin-breadcrumb__item:first-of-type .gin-breadcrumb__link::before{display:none}.hdbt_admin .text-full .filter-wrapper{display:none}.hdbt_admin--edit-form .field--name-title .form-element{font-size:1.125rem}.hdbt_admin--edit-form .item-list ul{margin:8px 0 0 8px}.hdbt_admin--edit-form .form-item__label{font-size:1rem}.hdbt_admin--edit-form .field--widget-paragraphs .tabledrag-toggle-weight-wrapper{display:none}.hdbt_admin--edit-form .node-form .field--widget-text-textarea .form-type--textarea+.filter-wrapper{display:none}.block-system-branding-block{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:8px;margin-top:4px}@media(min-width: 1280px){.block-system-branding-block{margin-right:12px}}.block-system-branding-block .site-logo{line-height:1;-webkit-transition:width .25s ease;transition:width .25s ease;width:60px}@media(min-width: 1024px){.block-system-branding-block .site-logo{width:80px}}.block-system-branding-block .site-logo img{padding-top:3px}.block-page-title-block .page-title{font-size:1.375rem;font-weight:500}@media(min-width: 1280px){.block-page-title-block .page-title{font-size:1.75rem}.region-sticky--is-sticky .block-page-title-block .page-title{font-size:1.5625rem}}.block-local-tasks-block{margin-bottom:8px}.block-local-tasks-block .is-horizontal .tabs--secondary{margin-top:8px}.language-switcher{position:relative}.language-switcher .language-link{color:#000;font-size:1rem;font-weight:400;text-decoration:none}@media(min-width: 768px){.language-switcher .language-link{font-size:.875rem;margin:0 4px;padding:2px 4px}}.language-switcher .language-link.is-active{cursor:default;font-weight:700}.language-switcher .language-link.is-disabled{color:#999;cursor:default}.language-switcher a:hover{text-decoration:underline}.language-switcher__button{background-color:var(--colorGinInputBackground);border:2px solid var(--colorGinPrimary) !important;border-radius:var(--ginBorderDefault);-webkit-box-shadow:0 1px 2px var(--colorGinPrimaryLight);box-shadow:0 1px 2px var(--colorGinPrimaryLight);color:var(--colorGinPrimary);font-size:.875rem;font-weight:700;line-height:1;padding:calc(1rem - 2px) calc(1.5rem - 2px)}@media(min-width: 768px){.language-switcher__button{display:none}}.language-switcher__button .label{grid-area:label}.language-switcher__dropdown{display:none}@media(max-width: 768px){.language-switcher__dropdown.is-active{background:#fff;border:1px solid #ccc;border-radius:0 0 3px 3px;-webkit-box-shadow:0 3px 4px rgba(0,0,0,.2);box-shadow:0 3px 4px rgba(0,0,0,.2);display:-webkit-box;display:-ms-flexbox;display:flex;line-height:2;padding:16px;position:absolute;right:0;top:40px;z-index:100}}@media(min-width: 768px){.language-switcher__dropdown{display:-webkit-box;display:-ms-flexbox;display:flex}}body:not(.path-node) header.region .local-actions{white-space:nowrap}body:not(.path-node) header.region .local-actions__item a{white-space:nowrap}.hdbt-admin .entity-meta__promote .form-item__label::after{content:""}.hdbt-admin .entity-meta__revision .field--type-published-at{display:inline-block;margin-top:8px}@media screen and (min-width: 1024px){.hdbt-admin .field--name-field-liftup-image .media-library-selection .media-library-item--grid{width:100%}}.field--name-field-map-map .media-library-item .media-library-item__preview,form[data-drupal-media-type=hel_map] .media-library-item .media-library-item__preview{padding-bottom:0}.field--name-field-map-map .media-library-item .field--name-field-media-hel-map,form[data-drupal-media-type=hel_map] .media-library-item .field--name-field-media-hel-map{margin-bottom:-7px;position:relative}.field--name-field-map-map .media-library-item .field--name-field-media-hel-map::before,form[data-drupal-media-type=hel_map] .media-library-item .field--name-field-media-hel-map::before{background:rgba(0,0,0,.1);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.field--name-field-map-map .media-library-item .field--name-field-media-hel-map a,form[data-drupal-media-type=hel_map] .media-library-item .field--name-field-media-hel-map a{display:none}.field--name-field-map-map .media-library-selection .media-library-item--grid{width:100%}.field--name-field-map-map .media-library-item .media-library-item__preview{padding-bottom:0}.field--name-field-map-map .media-library-item .field--name-field-media-hel-map{height:300px;margin-bottom:0;width:100%}.field--name-field-map-map .media-library-item .field--name-field-media-hel-map::before{background:rgba(0,0,0,.05)}.field--name-field-map-map .media-library-item .field--name-field-media-hel-map iframe{height:100%;width:100%}.media-library-item .helfi-chart .media-library-item__preview{padding-bottom:0}.media-library-item .helfi-chart iframe{border:0;margin-bottom:-7px;max-width:100%}.field--name-field-chart-chart .media-library-selection .media-library-item--grid{width:100%}.field--name-field-chart-chart .field--name-field-helfi-chart-url{height:300px;width:100%}.field--name-field-chart-chart .field--name-field-helfi-chart-url iframe{height:100%;width:100%}.paragraph-type--accordion .field-accordion-items-values>thead{display:none}.paragraph-type--accordion-item .field-accordion-item-content-values>thead{display:none}.paragraph--type--accordion{margin-top:64px}.paragraph--type--accordion .field--name-field-accordion-heading-level{margin-top:8px}.paragraph--type--accordion .paragraph--type--accordion-item .field--name-field-accordion-item-heading{font-size:2rem;margin-top:32px}.paragraph--type--accordion .paragraph--type--accordion-item .field--name-field-media-image .diffdel,.paragraph--type--accordion .paragraph--type--accordion-item .field--name-field-media-image .diffins{display:inline-block;line-height:0;padding:10px}.paragraph--type--accordion .paragraph--type--accordion-item .paragraph--type--columns,.paragraph--type--accordion .paragraph--type--accordion-item .paragraph--type--text{margin-top:0}.paragraph--type--banner{margin-top:64px}.paragraph--type--banner .field--name-field-banner-title{font-size:2rem}.paragraph--type--banner .field--name-field-banner-design{margin-top:8px}.paragraph-type--columns th.field-label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.paragraph-type--columns .columns_size{background:var(--color-black-60);border-radius:4px;color:var(--color-white);margin-left:auto;padding:4px}.paragraph-type--columns .paragraphs-tabs-wrapper table.field-multiple-table{margin:0}.paragraph-type--columns .paragraphs-tabs-wrapper table.field-multiple-table thead tr{border:0}.paragraph-type--columns .paragraphs-tabs-wrapper table.field-multiple-table thead tr th{padding:0}.paragraph-type--columns .paragraphs-tabs-wrapper table.field-multiple-table .form-actions{margin:.5rem 0}.paragraph-type--columns .paragraphs-tabs-wrapper table.field-multiple-table .dropbutton-wrapper{padding:0}.paragraph--type--columns{margin-top:64px;overflow:hidden}.paragraph--type--columns .field--name-field-columns-title{font-size:2rem;margin-bottom:16px}.paragraph--type--columns .field--name-field-columns-design{margin-top:8px}.paragraph--type--columns .paragraph--type--image,.paragraph--type--columns .paragraph--type--text{margin-top:0}.paragraph--type--columns .field--name-field-media-image{line-height:0;margin-bottom:8px}.paragraph--type--columns .field--name-field-columns-left-column{float:left;margin-top:16px;width:50%}.paragraph--type--columns .field--name-field-columns-right-column{float:right;margin-top:16px;padding-left:24px;width:50%}.hdbt-admin .paragraphs-tabs-wrapper>.form-item>.layer-wrapper{background-color:rgba(0,0,0,0);border:0 none;-webkit-box-shadow:0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 rgba(0,0,0,0);padding:0}.hdbt-admin .paragraphs-tabs-wrapper .paragraph-type-label{font-size:1.125rem !important}.hdbt-admin .paragraphs-tabs-wrapper table.field-multiple-table thead{-webkit-box-shadow:0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 rgba(0,0,0,0)}.hdbt-admin .paragraphs-tabs-wrapper table.field-multiple-table thead tr{border:0 none}.hdbt-admin .paragraphs-tabs-wrapper table.field-multiple-table thead th{background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;padding-bottom:0;padding-left:0}.hdbt-admin .paragraphs-tabs-wrapper table.field-multiple-table .draggable{background-color:#fff;margin-top:.5rem}.hdbt-admin .paragraphs-tabs-wrapper table.field-multiple-table .draggable td.paragraph-bullet::after{display:none}.hdbt-admin .paragraphs-tabs-wrapper table.field-multiple-table .draggable td+td{width:100%}.hdbt-admin .translation-entity-all-languages{display:none}.js .hdbt-admin .field--widget-paragraphs .paragraphs-dropbutton-wrapper .dropbutton-multiple{padding:0}.js .hdbt-admin .field--widget-paragraphs .field-multiple-drag{min-width:30px}.js .hdbt-admin .field--widget-paragraphs .field-multiple-drag.tabledrag-cell--only-drag{min-width:12px}.js .hdbt-admin .paragraph-top .paragraph-type,.js .hdbt-admin .paragraph-top .paragraph-summary{-ms-flex-item-align:center;align-self:center}.js .hdbt-admin .paragraphs-tabs-wrapper .field-multiple-table .draggable td{padding:0}.js .hdbt-admin .paragraphs-tabs-wrapper .field-multiple-table .draggable .tabledrag-handle::after{margin:0;padding:0}.js .hdbt-admin .paragraphs-badge{display:none}.paragraph-type--content-cards .field--name-field-content-cards-content .layer-wrapper{background-color:rgba(0,0,0,0);border:0 none;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0}.paragraph-type--content-cards .field--name-field-content-cards-content .field-label{display:none}.paragraph--type--content-cards{margin-top:64px}.paragraph--type--content-cards .field--name-field-content-cards-title{font-size:2rem}.paragraph--type--content-cards .field--name-field-content-cards-design{margin-top:8px}.paragraph--type--content-cards .field--name-field-content-cards-content>.field__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:16px}.paragraph--type--content-cards .field--name-field-content-cards-content>.field__item h2{font-size:1.25rem;margin:8px 0 0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.paragraph--type--content-cards .field--name-field-content-cards-content>.field__item .node__content{min-height:400px;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;position:relative}.paragraph--type--content-cards .field--name-field-content-cards-content>.field__item .node__content::after{background-color:#0000bf;content:"";display:block;height:400px;left:0;position:absolute;top:0;width:600px;z-index:-1}.paragraph--type--content-cards .field--name-field-content-cards-content>.field__item .node__content .field--name-field-media-image{line-height:0}.paragraph-type--content-liftup .field--widget-dynamic-entity-reference-default .details-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.paragraph-type--content-liftup .field--widget-dynamic-entity-reference-default .details-wrapper .form-item{margin:0}.paragraph-type--content-liftup .field--widget-dynamic-entity-reference-default .details-wrapper .form-type--select{-ms-flex-line-pack:start;align-content:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-right:16px}.paragraph-type--content-liftup .field--widget-dynamic-entity-reference-default .details-wrapper .form-type--select label{line-height:20px}.paragraph-type--content-liftup .form-item__error-message{display:block}.paragraph-type--content-liftup .field--name-field-content-liftup-content .layer-wrapper{background-color:rgba(0,0,0,0);border:0 none;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0}.paragraph-type--content-liftup .field--name-field-content-liftup-content .field-label{display:none}.paragraph-type--content-liftup .field--name-field-content-liftup-content .form-item__description .notice{color:#8d0d2d;display:block}.paragraph-type--content-liftup .field--name-field-content-liftup-content .dynamic-entity-reference-target-type-changed{display:none}.paragraph--type--content-liftup{margin-top:64px}.paragraph--type--content-liftup .field--name-field-content-liftup-content>.field__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:16px}.paragraph--type--content-liftup .field--name-field-content-liftup-content>.field__item h2{font-size:1.25rem;margin:8px 0 0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.paragraph--type--content-liftup .field--name-field-content-liftup-content>.field__item .node__content{min-height:400px;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;position:relative}.paragraph--type--content-liftup .field--name-field-content-liftup-content>.field__item .node__content::after{background-color:#0000bf;content:"";display:block;height:400px;left:0;position:absolute;top:0;width:600px;z-index:-1}.paragraph--type--content-liftup .field--name-field-content-liftup-content>.field__item .node__content .field--name-field-media-image{line-height:0}.paragraph--type--gallery{margin-top:64px}.paragraph--type--gallery .field--name-field-gallery-slides>.field__item{margin-top:16px}.paragraph--type--gallery .paragraph--type--gallery-slide .field--name-field-media-image{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:8px}.paragraph--type--gallery .paragraph--type--gallery-slide .field--name-field-media-image img{width:620px}.paragraph--type--gallery .field--name-field-media-image ins,.paragraph--type--gallery .field--name-field-media-image del{display:inline-block;line-height:0;padding:10px}.node-form .field--name-field-hero thead .field-label{display:none}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform{grid-column-gap:40px;-webkit-column-gap:40px;-moz-column-gap:40px;column-gap:40px;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto auto auto auto;margin:0}}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-design{grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1}}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-bg-color{grid-column-end:2;grid-column-start:1;grid-row-end:3;grid-row-start:2}}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-title{grid-column-end:2;grid-column-start:1;grid-row-end:4;grid-row-start:3}}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-desc{grid-column-end:2;grid-column-start:1;grid-row-end:5;grid-row-start:4}}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image{-webkit-box-sizing:border-box;box-sizing:border-box;grid-column-end:3;grid-column-start:2;grid-row-end:5;grid-row-start:1;padding-right:30px}}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image fieldset{background:rgba(0,0,0,0);border:0;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0 0 1.5rem}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image fieldset legend{display:none}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image fieldset .fieldset__wrapper{margin:0}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image .media-library-widget-modal .media-library-item--grid,.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image .media-library-selection .media-library-item--grid{width:250px}}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link-design{grid-column-end:2;grid-column-start:1;grid-row-end:7;grid-row-start:6}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link-design .paragraphs-subform{display:block}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link{grid-column-end:3;grid-column-start:1;grid-row-end:8;grid-row-start:7}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link .layer-wrapper{border:0 none;-webkit-box-shadow:none;box-shadow:none;padding:0}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link .layer-wrapper{margin:0 0 0 -0.5rem}}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link .layer-wrapper tbody{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link .layer-wrapper tr{max-width:520px}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link .layer-wrapper tr{-webkit-box-flex:1;-ms-flex:1 1 32%;flex:1 1 32%;margin:0 .5rem 1rem}}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link .paragraphs-subform{display:block}.paragraph--type--hero .field--name-field-hero-title{font-size:2rem}.paragraph--type--hero .field--name-field-hero-design{margin-top:8px}@media(min-width: 768px){.paragraph-type--image .paragraphs-subform .field--name-field-image{float:left;width:40%}}@media(min-width: 1024px){.paragraph-type--image .paragraphs-subform .field--name-field-image{width:50%}}@media(min-width: 1160px){.paragraph-type--image .paragraphs-subform .field--name-field-image{width:35%}}.paragraph-type--image .paragraphs-subform .field--name-field-image fieldset{background:rgba(0,0,0,0);border:0;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0 0 1.5rem}.paragraph-type--image .paragraphs-subform .field--name-field-image fieldset legend{display:none}.paragraph-type--image .paragraphs-subform .field--name-field-image fieldset .fieldset__wrapper{margin:0}@media(min-width: 768px){.paragraph-type--image .paragraphs-subform .field--name-field-image .media-library-widget-modal .media-library-item--grid,.paragraph-type--image .paragraphs-subform .field--name-field-image .media-library-selection .media-library-item--grid{width:100%}}@media(min-width: 768px){.paragraph-type--image .paragraphs-subform .field--name-field-image-caption,.paragraph-type--image .paragraphs-subform .field--name-field-original-aspect-ratio{float:right;width:55%}}@media(min-width: 1024px){.paragraph-type--image .paragraphs-subform .field--name-field-image-caption,.paragraph-type--image .paragraphs-subform .field--name-field-original-aspect-ratio{width:45%}}@media(min-width: 1160px){.paragraph-type--image .paragraphs-subform .field--name-field-image-caption,.paragraph-type--image .paragraphs-subform .field--name-field-original-aspect-ratio{width:60%}}.paragraph--type--image{margin-top:64px}.paragraph--type--image .field--name-field-media-image{display:-webkit-box;display:-ms-flexbox;display:flex;line-height:0}.paragraph--type--image .field--name-field-media-image img{width:596px}.paragraph--type--image .field--name-field-photographer{margin-top:8px}.paragraphs-library-item-form-instructions{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.paragraphs-library-item-form-instructions .icon{height:32px;margin-right:8px;width:32px}.paragraph--type--liftup-with-image{margin-top:64px}.paragraph--type--liftup-with-image .field--name-field-liftup-with-image-title{font-size:2rem}.paragraph--type--liftup-with-image .field--name-field-media-image{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:8px;margin-top:8px}.paragraph--type--liftup-with-image .field--name-field-media-image img{width:596px}.paragraph--type--liftup-with-image .field--name-field-liftup-with-image-design{margin-top:8px}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform{-webkit-box-sizing:border-box;box-sizing:border-box;grid-column-gap:40px;-webkit-column-gap:40px;-moz-column-gap:40px;column-gap:40px;display:grid;grid-template-columns:50% auto;grid-template-rows:auto auto}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image{grid-column-end:3;grid-column-start:2;grid-row-end:3;grid-row-start:1;justify-self:self-start;max-width:200px}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image fieldset{background:rgba(0,0,0,0);border:0;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0 0 1.5rem}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image fieldset legend{display:none}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image fieldset .fieldset__wrapper{margin:0}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image fieldset .media-library-selection{margin-top:0}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image .media-library-widget-modal .media-library-item--grid,.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image .media-library-selection .media-library-item--grid{width:100%}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-link{grid-column-end:2;grid-column-start:1;grid-row-end:3;grid-row-start:1}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-desc{grid-column-end:3;grid-column-start:2;grid-row-end:3;grid-row-start:1}}.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-desc .form-element--type-text{width:100%}.paragraph--type--list-of-links{margin-top:64px}.paragraph--type--list-of-links .field--name-field-list-of-links-links>.field__item{margin-top:16px}.paragraph--type--list-of-links .field--name-field-list-of-links-title{font-size:2rem;margin-bottom:16px}.paragraph--type--list-of-links .field--name-field-media-image{line-height:0}.paragraph--type--list-of-links .field--name-field-media-image img{width:368px}.paragraph--type--list-of-links .field--name-field-list-of-links-link{font-size:1.25rem;margin-top:8px}.paragraph--type--text{margin-top:64px}.media-library-view--widget .media-library-item__click-to-select-checkbox .form-boolean{-webkit-box-shadow:0 3px 6px gray;box-shadow:0 3px 6px gray}.media-library-view--widget .media-library-item__edit{right:.5rem}.view-header{overflow:hidden}.view-header .view-results{font-size:.8125rem;padding:4px;text-align:right}.view-content [data-drupal-selector*=-bulk-form] .form-actions{-ms-flex-item-align:baseline;align-self:baseline}#views-form-ordered-news-list-ordered-news table tbody tr:nth-child(-n+4){background:rgba(46,160,67,.1)}#views-form-ordered-news-list-ordered-news table tbody tr:nth-child(4){border-bottom:1px solid #000}.select2-container{min-height:50px}.select2-container .select2-selection{border:1px solid var(--colorGinFormElementBorder);border-radius:6px;-webkit-box-shadow:0 1px 2px rgba(18,18,18,.25);box-shadow:0 1px 2px rgba(18,18,18,.25);color:var(--colorGinText);font-size:1rem;min-height:60px}.select2-container .select2-selection:hover{border-color:var(--colorGinText);-webkit-box-shadow:inset 0 0 0 1px var(--colorGinText);box-shadow:inset 0 0 0 1px var(--colorGinText)}.select2-container .select2-selection .select2-selection__clear{padding:7px 10px 7px 7px}.select2-container .select2-selection .select2-selection__placeholder{font-size:1rem;padding:5px}.select2-container .select2-selection .select2-selection__arrow{height:45px;padding:7px 7px 7px 10px;right:5px;top:0}.select2-container .select2-selection .select2-selection__rendered{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;font-size:1rem;padding:12px 16px}.select2-container .select2-selection .select2-search__field{color:var(--colorGinText);font-size:1rem;margin:0;min-width:100px;padding:calc(.75rem - 1px) calc(1rem - 1px)}.select2-container .select2-selection .select2-selection__choice{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--colorGinPrimary);display:-webkit-box;display:-ms-flexbox;display:flex;margin:.25rem;padding:.5rem 1rem}.select2-container .select2-selection .select2-selection__choice:hover{background-color:var(--colorGinPrimaryHover)}.select2-container .select2-selection .select2-selection__choice:active,.select2-container .select2-selection .select2-selection__choice:focus{background-color:var(--colorGinPrimaryActive)}.select2-container .select2-selection .select2-selection__choice,.select2-container .select2-selection .select2-selection__choice:hover,.select2-container .select2-selection .select2-selection__choice:active,.select2-container .select2-selection .select2-selection__choice:focus{color:var(--colorGinButtonText)}.select2-container .select2-selection .select2-selection__choice__remove{color:var(--colorGinButtonText);font-size:1rem;margin-right:.5rem;-webkit-transition:color 200ms;transition:color 200ms}.select2-container .select2-selection .select2-selection__choice__remove:hover,.select2-container .select2-selection .select2-selection__choice__remove:active,.select2-container .select2-selection .select2-selection__choice__remove:focus{color:var(--color-metro)}.select2-container .select2-results__option{color:var(--colorGinText);font-size:1rem;padding:calc(.75rem - 1px) calc(1rem - 1px)}.color-palette-selection.select2-container{height:50px}.color-palette-selection.select2-container .select2-selection{min-height:50px}.color-palette-selection .select2-selection .select2-selection__rendered{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;padding:6px 8px}.color-palette-selection .select2-selection .select2-selection__rendered .color-selection-wrapper{padding-right:32px}.color-palette-selection .select2-selection__placeholder,.color-palette-selection .select2-selection__arrow,.color-palette-selection .select2-selection__clear{padding:7px}.color-palette-selection .select2-results>.select2-results__options{max-height:350px}.color-palette-selection .select2-selection--single .select2-selection__rendered{line-height:22px}.color-palette-selection .select2-selection--single .select2-selection__arrow{height:35px;right:5px;top:0}.color-palette-selection .color-selection-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.color-palette-selection .color-selection-wrapper .color-selection--primary{background-color:var(--hdbt-color-palette--primary);height:100%;width:50%}.color-palette-selection .color-selection-wrapper .color-selection--secondary{background-color:var(--hdbt-color-palette--secondary);height:100%;width:25%}.color-palette-selection .color-selection-wrapper .color-selection--accent{background-color:var(--hdbt-color-palette--accent);height:100%;width:25%}.color-palette-selection .colors{border:1px solid gray;display:-webkit-box;display:-ms-flexbox;display:flex;width:50%}.color-palette-selection .selection{padding-right:16px;width:50%}.color-palette-selection__wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.design-selection.select2-container,.design-selection.select2-container .select2-selection{min-height:50px}.design-selection .select2-selection .select2-selection__rendered{padding:12px 16px}.design-selection .select2-selection__placeholder,.design-selection .select2-selection__arrow,.design-selection .select2-selection__clear{padding:7px}.design-selection .select2-results>.select2-results__options{max-height:350px}.design-selection .select2-selection--single .select2-selection__arrow{height:35px;right:5px;top:0}.design-selection .image{margin-right:16px;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out}.design-selection .image:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.design-selection__wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.design-selection__thumbnail{background-color:#fff;border:2px solid #818181;border-radius:6px;height:50px;margin-left:16px;-webkit-transition:-webkit-transform 150ms;transition:-webkit-transform 150ms;transition:transform 150ms;transition:transform 150ms, -webkit-transform 150ms;min-width:100px}.design-selection__thumbnail:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.diff-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;max-width:1280px}.diff-wrapper *,.diff-wrapper *::before,.diff-wrapper *::after{-webkit-box-sizing:inherit;box-sizing:inherit}.diff-wrapper .dropbutton-widget{-webkit-box-sizing:content-box;box-sizing:content-box}.diff-wrapper .dropbutton-widget .dropbutton__toggle{padding:0}.field--type-image .diffdel,.field--type-image .diffins,.field--type-image .diffimg{display:inline-block;line-height:0;padding:10px}.field--type-image .diffdel img,.field--type-image del.diffimg img{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.5}.diff-responsive-table-wrapper h2,.diff-responsive-table-wrapper h3,.diff-responsive-table-wrapper h4{font-weight:400}.diff-responsive-table-wrapper h5,.diff-responsive-table-wrapper h6{font-weight:500}.diff-responsive-table-wrapper>h2{font-size:2.125rem}.diff-responsive-table-wrapper p{margin:8px 0 0}.diff-responsive-table-wrapper p:first-child{margin-top:0}.diff-responsive-table-wrapper .field--type-text-long{margin-top:16px}.diff-responsive-table-wrapper .field--name-field-lead{font-size:1.25rem;margin-top:64px}.diff-responsive-table-wrapper .field--name-field-author{margin-top:16px}.diff-responsive-table-wrapper .field--name-field-keywords{margin-top:64px}.image-previewer__image-wrapper{background:#fff;border:5px solid #666;border-radius:5px;max-width:80vw;padding:16px;position:absolute;z-index:99999}@media(min-width: 1080px){.image-previewer__image-wrapper{max-width:50vw}}@media(min-width: 1600px){.image-previewer__image-wrapper{max-width:30vw}}.image-previewer__image{max-width:80vw;min-width:80vw;width:100%}@media(min-width: 1080px){.image-previewer__image{max-width:50vw;min-width:50vw}}@media(min-width: 1600px){.image-previewer__image{max-width:30vw;min-width:30vw}}.image-previewer__title{font-size:1.125rem;font-weight:700}.image-previewer__description{display:block;font-size:.875rem}.paragraph-selection.dropbutton,.js .paragraph-selection.dropbutton,.js.no-touchevents .paragraph-selection.dropbutton{background-color:#fff;height:4rem;min-height:4rem;width:400px}.paragraph-selection.dropbutton .dropbutton__item,.js .paragraph-selection.dropbutton .dropbutton__item,.js.no-touchevents .paragraph-selection.dropbutton .dropbutton__item{min-height:calc(4rem - (2px * 2))}.paragraph-selection.dropbutton .dropbutton__item:first-of-type>*,.js .paragraph-selection.dropbutton .dropbutton__item:first-of-type>*,.js.no-touchevents .paragraph-selection.dropbutton .dropbutton__item:first-of-type>*{border-radius:6px 0 0 6px}.paragraph-selection.dropbutton .dropbutton__item:first-of-type:not(:last-of-type),.js .paragraph-selection.dropbutton .dropbutton__item:first-of-type:not(:last-of-type),.js.no-touchevents .paragraph-selection.dropbutton .dropbutton__item:first-of-type:not(:last-of-type){margin-right:calc(3rem + 1px)}.paragraph-selection .dropbutton__toggle,.js .paragraph-selection .dropbutton__toggle,.js.no-touchevents .paragraph-selection .dropbutton__toggle{min-height:calc(4rem - (2px * 2));min-width:calc(3rem + 1px);z-index:5}.paragraph-selection .paragraph-selection__thumbnail,.js .paragraph-selection .paragraph-selection__thumbnail,.js.no-touchevents .paragraph-selection .paragraph-selection__thumbnail{background-color:#fff;border-bottom:0;border-left:0;border-radius:6px 0 0 6px;border-right:2px solid var(--colorGinTableBorder);border-top:0;height:calc(4rem - (2px * 2));-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out;width:100px}.paragraph-selection .paragraph-selection__wrapper,.js .paragraph-selection .paragraph-selection__wrapper,.js.no-touchevents .paragraph-selection .paragraph-selection__wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:0 !important;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;margin:0;padding:0;width:100%}.paragraph-selection .paragraph-selection__wrapper:hover input.button,.js .paragraph-selection .paragraph-selection__wrapper:hover input.button,.js.no-touchevents .paragraph-selection .paragraph-selection__wrapper:hover input.button{color:#fff}.paragraph-selection .paragraph-selection__wrapper .button.field-add-more-submit,.js .paragraph-selection .paragraph-selection__wrapper .button.field-add-more-submit,.js.no-touchevents .paragraph-selection .paragraph-selection__wrapper .button.field-add-more-submit{border:none !important;border-radius:0;-webkit-box-shadow:none;box-shadow:none;display:block;font-size:.875rem;margin:0;min-height:calc(4rem - (2px * 2));padding:0 0 0 16px;text-align:left;width:100%}.open .paragraph-selection.dropbutton,.js .open .paragraph-selection.dropbutton,.js.no-touchevents .open .paragraph-selection.dropbutton{border-radius:6px 6px 0 0}.open .paragraph-selection.dropbutton .dropbutton__items,.js .open .paragraph-selection.dropbutton .dropbutton__items,.js.no-touchevents .open .paragraph-selection.dropbutton .dropbutton__items{border:2px solid var(--colorGinTableBorder);bottom:auto;padding:0;width:calc(100% - 4px)}.open .paragraph-selection.dropbutton .dropbutton__items .dropbutton__item,.js .open .paragraph-selection.dropbutton .dropbutton__items .dropbutton__item,.js.no-touchevents .open .paragraph-selection.dropbutton .dropbutton__items .dropbutton__item{border:0;-webkit-box-shadow:none;box-shadow:none;margin:0;max-width:100%}.open .paragraph-selection.dropbutton .dropbutton__items .dropbutton__item .paragraph-selection__wrapper,.js .open .paragraph-selection.dropbutton .dropbutton__items .dropbutton__item .paragraph-selection__wrapper,.js.no-touchevents .open .paragraph-selection.dropbutton .dropbutton__items .dropbutton__item .paragraph-selection__wrapper{background-color:#fff}.open .paragraph-selection.dropbutton .dropbutton__items .dropbutton__item .paragraph-selection__wrapper:hover,.js .open .paragraph-selection.dropbutton .dropbutton__items .dropbutton__item .paragraph-selection__wrapper:hover,.js.no-touchevents .open .paragraph-selection.dropbutton .dropbutton__items .dropbutton__item .paragraph-selection__wrapper:hover{background-color:var(--colorGinPrimaryHover);-webkit-box-shadow:none;box-shadow:none}.open .paragraph-selection.dropbutton .dropbutton__item:not(:first-of-type),.js .open .paragraph-selection.dropbutton .dropbutton__item:not(:first-of-type),.js.no-touchevents .open .paragraph-selection.dropbutton .dropbutton__item:not(:first-of-type){border-radius:0}.open .paragraph-selection.dropbutton .dropbutton__item:not(:first-of-type) .paragraph-selection__thumbnail,.js .open .paragraph-selection.dropbutton .dropbutton__item:not(:first-of-type) .paragraph-selection__thumbnail,.js.no-touchevents .open .paragraph-selection.dropbutton .dropbutton__item:not(:first-of-type) .paragraph-selection__thumbnail{border-radius:0}.open .paragraph-selection.dropbutton .dropbutton__item:not(:first-of-type) .paragraph-selection__wrapper,.js .open .paragraph-selection.dropbutton .dropbutton__item:not(:first-of-type) .paragraph-selection__wrapper,.js.no-touchevents .open .paragraph-selection.dropbutton .dropbutton__item:not(:first-of-type) .paragraph-selection__wrapper{background-color:#fff}.is-hidden{display:none} +body.hdbt-admin{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:#fff;color:#1a1a1a;font-family:HelsinkiGrotesk,Arial,sans-serif;line-height:1.5}:root{--hdbt-color-black: #121212;--hdbt-default-link-color: var(--color-black-90);--hdbt-theme-color: var(--color-black);--hdbt-text-color: var(--color-white);--hdbt-text-color--coat-of-arms: var(--color-white);--hdbt-text-color--brick: var(--color-white);--hdbt-text-color--bus: var(--color-white);--hdbt-text-color--metro: var(--color-white);--hdbt-text-color--tram: var(--color-white);--hdbt-text-color--gold: var(--hdbt-color-black);--hdbt-text-color--silver: var(--hdbt-color-black);--hdbt-text-color--copper: var(--hdbt-color-black);--hdbt-text-color--engel: var(--hdbt-color-black);--hdbt-text-color--fog: var(--hdbt-color-black);--hdbt-text-color--summer: var(--hdbt-color-black);--hdbt-text-color--suomenlinna: var(--hdbt-color-black);--hdbt-button-text-color--coat-of-arms: var(--hdbt-color-black);--hdbt-button-text-color--brick: var(--hdbt-color-black);--hdbt-button-text-color--bus: var(--hdbt-color-black);--hdbt-button-text-color--metro: var(--hdbt-color-black);--hdbt-button-text-color--tram: var(--hdbt-color-black);--hdbt-button-text-color--gold: var(--color-white);--hdbt-button-text-color--silver: var(--color-white);--hdbt-button-text-color--copper: var(--color-white);--hdbt-button-text-color--engel: var(--color-white);--hdbt-button-text-color--fog: var(--color-white);--hdbt-button-text-color--summer: var(--color-white);--hdbt-button-text-color--suomenlinna: var(--color-white);--hdbt-button-highlight-color--coat-of-arms: var(--color-black-90);--hdbt-button-highlight-color--brick: var(--color-black-90);--hdbt-button-highlight-color--bus: var(--color-black-90);--hdbt-button-highlight-color--metro: var(--color-black-90);--hdbt-button-highlight-color--tram: var(--color-black-90);--hdbt-button-highlight-color--gold: var(--color-white);--hdbt-button-highlight-color--silver: var(--color-white);--hdbt-button-highlight-color--copper: var(--color-white);--hdbt-button-highlight-color--engel: var(--color-white);--hdbt-button-highlight-color--fog: var(--color-white);--hdbt-button-highlight-color--summer: var(--color-white);--hdbt-button-highlight-color--suomenlinna: var(--color-white)}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:400;src:url(../fonts/HelsinkiGrotesk-Regular.eot);src:url(../fonts/HelsinkiGrotesk-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Regular.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Regular.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Regular.svg#HelsinkiGrotesk-Regular) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:400;src:url(../fonts/HelsinkiGrotesk-RegularItalic.eot);src:url(../fonts/HelsinkiGrotesk-RegularItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-RegularItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-RegularItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-RegularItalic.svg#HelsinkiGrotesk-RegularItalic) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:500;src:url(../fonts/HelsinkiGrotesk-Medium.eot);src:url(../fonts/HelsinkiGrotesk-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Medium.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Medium.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Medium.svg#HelsinkiGrotesk-Medium) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:500;src:url(../fonts/HelsinkiGrotesk-MediumItalic.eot);src:url(../fonts/HelsinkiGrotesk-MediumItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-MediumItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-MediumItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-MediumItalic.svg#HelsinkiGrotesk-MediumItalic) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:700;src:url(../fonts/HelsinkiGrotesk-Bold.eot);src:url(../fonts/HelsinkiGrotesk-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Bold.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Bold.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Bold.svg#HelsinkiGrotesk-Bold) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:700;src:url(../fonts/HelsinkiGrotesk-BoldItalic.eot);src:url(../fonts/HelsinkiGrotesk-BoldItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-BoldItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-BoldItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-BoldItalic.svg#HelsinkiGrotesk-BoldItalic) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:800;src:url(../fonts/HelsinkiGrotesk-Black.eot);src:url(../fonts/HelsinkiGrotesk-Black.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Black.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Black.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Black.svg#HelsinkiGrotesk-Black) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:800;src:url(../fonts/HelsinkiGrotesk-BlackItalic.eot);src:url(../fonts/HelsinkiGrotesk-BlackItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-BlackItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-BlackItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-BlackItalic.svg#HelsinkiGrotesk-BlackItalic) format("svg")}.hdbt-admin .page-wrapper *:focus,.hdbt-admin .ui-dialog *:focus,.hdbt-admin .dropbutton .dropbutton__item>*:focus,.hdbt-admin .dropbutton .dropbutton__item>*:focus:hover,.hdbt-admin .dropbutton__items>.dropbutton__item:first-of-type>*:focus,.hdbt-admin .dropbutton__items>.dropbutton__item:first-of-type~.dropbutton__item>*:focus,.hdbt-admin .dropbutton__items>.dropbutton__item:first-of-type~.dropbutton__item>*:focus:hover,.hdbt-admin .form-boolean:focus:active,.hdbt-admin .form-boolean:focus:hover,.hdbt-admin .cke.cke_chrome.cke_focus,.hdbt-admin .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button a:focus,.hdbt-admin .form-element:focus,.hdbt-admin .form-element:hover:focus,.hdbt-admin .form-element.error:hover:focus,.hdbt-admin .form-actions .action-link:focus,.hdbt-admin .paragraphs-tabs-wrapper .field-multiple-table .draggable.drag,.hdbt-admin .layout-paragraphs-field .layout-paragraphs-actions input.layout-paragraphs-edit:focus,.hdbt-admin .layout-paragraphs-field .layout-paragraphs-actions input.layout-paragraphs-remove:focus{-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.15),0 0 2px 1px #0072c6;box-shadow:0 0 0 1px rgba(0,0,0,.15),0 0 2px 1px #0072c6;outline:none}:root{--input-radio-color-palette: var(--color-black-70);--input-radio-color-palette-text: var(--color-white);--hdbt-admin-theme-color: var(--color-black);--hdbt-admin-text-color: var(--color-white)}.hdbt-admin-tools-site-settings .form-radios.form-boolean-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:8px -8px;max-width:1560px}.hdbt-admin-tools-site-settings .form-radios .form-type--boolean{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin:8px;min-width:200px}.hdbt-admin-tools-site-settings .form-radios .form-type--boolean.form-item--site-settings-koro{width:calc(100% - 32px - 4px)}@media only screen and (min-width: 992px){.hdbt-admin-tools-site-settings .form-radios .form-type--boolean.form-item--site-settings-koro{width:60%}}.hdbt-admin-tools-site-settings .form-radios .form-type--boolean.form-item--site-settings-theme-color{border:2px solid #4d4d4d;border-radius:5px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-ms-flex-flow:row-reverse;flex-flow:row-reverse;margin:8px;width:100%}.hdbt-admin-tools-site-settings .form-radios .form-type--boolean.form-item--site-settings-default-icon{width:100%}@media only screen and (min-width: 992px){.hdbt-admin-tools-site-settings .form-radios .form-type--boolean.form-item--site-settings-default-icon{width:40%}}.hdbt-admin-tools-site-settings .form-radios .form-type--boolean .form-boolean{margin-left:8px;margin-top:-2px}.hdbt-admin-tools-site-settings .form-radios .form-type--boolean .form-item__label.option{margin:2px 8px 0 8px;padding:0}.hdbt-admin-tools-site-settings .form-radios .color-palette{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--color-black-70);background-color:var(--input-radio-color-palette);color:var(--color-white);color:var(--input-radio-color-palette-text);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;font-size:1rem;font-weight:500;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hdbt-admin-tools-site-settings .form-radios .color-palette--primary{--input-radio-color-palette: var(--hdbt-color-palette--primary);--input-radio-color-palette-text: var(--hdbt-color-palette-text--primary);font-weight:700}.hdbt-admin-tools-site-settings .form-radios .color-palette--secondary{--input-radio-color-palette: var(--hdbt-color-palette--secondary);--input-radio-color-palette-text: var(--hdbt-color-palette-text--secondary);font-weight:700}.hdbt-admin-tools-site-settings .form-radios .color-palette--accent{--input-radio-color-palette: var(--hdbt-color-palette--accent);--input-radio-color-palette-text: var(--hdbt-color-palette-text--accent);font-weight:700}.hdbt-admin-tools-site-settings .form-radios .color-palette-wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;height:50px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:height 150ms ease-in-out;transition:height 150ms ease-in-out;width:100%}.hdbt-admin-tools-site-settings .form-radios .color-palette-wrapper:hover{height:150px}.hdbt-admin-tools-site-settings .form-radios .color-palette-wrapper .color-palette--primary{border-radius:3px 3px 0 0;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}.hdbt-admin-tools-site-settings .form-radios .selection-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 32px;min-width:180px}.hdbt-admin-tools-site-settings .form-radios .selection-wrapper label{font-size:1.25rem}.hdbt-admin-tools-site-settings .form-radios .koro{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;color:var(--color-black);color:var(--hdbt-admin-theme-color);display:-webkit-box;display:-ms-flexbox;display:flex;height:70px;width:calc(100% - 150px)}.hdbt-admin-tools-site-settings .form-radios .koro .wave{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.hdbt-admin-tools-site-settings .form-radios .koro svg path{fill:var(--color-black);fill:var(--hdbt-admin-theme-color)}.hdbt-admin-tools-site-settings .form-radios .default-icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--color-black);background-color:var(--hdbt-admin-theme-color);display:-webkit-box;display:-ms-flexbox;display:flex;height:150px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:225px}.hdbt-admin-tools-site-settings .form-radios .default-icon .icon{color:var(--color-white);color:var(--hdbt-admin-text-color);height:50%}#edit-site-settings-koro{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.hel-icon{--fallback: calc(var(--line-height, 1) * 1em);background-color:currentColor;display:inline-block;height:var(--fallback);height:var(--icon-size, var(--fallback));-webkit-mask-image:var(--url);mask-image:var(--url);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:text-bottom;width:var(--fallback);width:var(--icon-size, var(--fallback))}.default-icon .hel-icon{--icon-size: 50%;background-color:var(--color-white);background-color:var(--hdbt-admin-text-color, currentColor)}.hdbt-admin .skip-link{z-index:110}.hdbt-admin .hdbt_admin--edit-form .form-item--status,.hdbt-admin .hdbt_admin--edit-form .field--name-status{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:24px}@media(max-width: 1023px){.hdbt-admin .hdbt_admin--edit-form .layout-region-node-secondary{border-top:2px solid #b3b3b3;margin-top:32px;width:100%}}.hdbt-admin .region-sticky{background-color:#fff}.hdbt-admin .region-sticky .region-sticky__items__inner{-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:32px;justify-items:center}@media(min-width: 1024px)and (max-width: 1280px){.hdbt-admin .region-sticky .region-sticky__items__inner .button{font-size:.875rem;padding:8px 12px}.hdbt-admin .region-sticky .region-sticky__items__inner .form-item--status label,.hdbt-admin .region-sticky .region-sticky__items__inner .field--name-status label{font-size:.875rem}}.hdbt-admin .region-breadcrumb{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;position:relative}.hdbt-admin .region-breadcrumb::after{background:-webkit-gradient(linear, left top, right top, from(transparent), to(#fff));background:linear-gradient(90deg, transparent, #fff);content:"";height:100%;position:absolute;right:0;width:30px}.hdbt-admin .region-breadcrumb .gin-breadcrumb__link{min-width:1px}.hdbt-admin .region-breadcrumb .gin-breadcrumb__item:first-of-type .gin-breadcrumb__link{padding-left:8px}.hdbt-admin .region-breadcrumb .gin-breadcrumb__item:first-of-type .gin-breadcrumb__link::before{display:none}.hdbt_admin .text-full .filter-wrapper{display:none}.hdbt_admin--edit-form .field--name-title .form-element{font-size:1.125rem}.hdbt_admin--edit-form .item-list ul{margin:8px 0 0 8px}.hdbt_admin--edit-form .form-item__label{font-size:1rem}.hdbt_admin--edit-form .field--widget-paragraphs .tabledrag-toggle-weight-wrapper{display:none}.hdbt_admin--edit-form .node-form .field--widget-text-textarea .form-type--textarea+.filter-wrapper{display:none}.block-system-branding-block{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:8px;margin-top:4px}@media(min-width: 1280px){.block-system-branding-block{margin-right:12px}}.block-system-branding-block .site-logo{line-height:1;-webkit-transition:width .25s ease;transition:width .25s ease;width:60px}@media(min-width: 1024px){.block-system-branding-block .site-logo{width:80px}}.block-system-branding-block .site-logo img{padding-top:3px}.block-page-title-block .page-title{font-size:1.375rem;font-weight:500}@media(min-width: 1280px){.block-page-title-block .page-title{font-size:1.75rem}.region-sticky--is-sticky .block-page-title-block .page-title{font-size:1.5625rem}}.block-local-tasks-block{margin-bottom:8px}.block-local-tasks-block .is-horizontal .tabs--secondary{margin-top:8px}.language-switcher{position:relative}.language-switcher .language-link{color:#000;font-size:1rem;font-weight:400;text-decoration:none}@media(min-width: 768px){.language-switcher .language-link{font-size:.875rem;margin:0 4px;padding:2px 4px}}.language-switcher .language-link.is-active{cursor:default;font-weight:700}.language-switcher .language-link.is-disabled{color:#999;cursor:default}.language-switcher a:hover{text-decoration:underline}.language-switcher__button{background-color:var(--colorGinInputBackground);border:2px solid var(--colorGinPrimary) !important;border-radius:var(--ginBorderDefault);-webkit-box-shadow:0 1px 2px var(--colorGinPrimaryLight);box-shadow:0 1px 2px var(--colorGinPrimaryLight);color:var(--colorGinPrimary);font-size:.875rem;font-weight:700;line-height:1;padding:calc(1rem - 2px) calc(1.5rem - 2px)}@media(min-width: 768px){.language-switcher__button{display:none}}.language-switcher__button .label{grid-area:label}.language-switcher__dropdown{display:none}@media(max-width: 768px){.language-switcher__dropdown.is-active{background:#fff;border:1px solid #ccc;border-radius:0 0 3px 3px;-webkit-box-shadow:0 3px 4px rgba(0,0,0,.2);box-shadow:0 3px 4px rgba(0,0,0,.2);display:-webkit-box;display:-ms-flexbox;display:flex;line-height:2;padding:16px;position:absolute;right:0;top:40px;z-index:100}}@media(min-width: 768px){.language-switcher__dropdown{display:-webkit-box;display:-ms-flexbox;display:flex}}body:not(.path-node) header.region .local-actions{white-space:nowrap}body:not(.path-node) header.region .local-actions__item a{white-space:nowrap}.hdbt-admin .entity-meta__promote .form-item__label::after{content:""}.hdbt-admin .entity-meta__revision .field--type-published-at{display:inline-block;margin-top:8px}@media screen and (min-width: 1024px){.hdbt-admin .field--name-field-liftup-image .media-library-selection .media-library-item--grid{width:100%}}.field--name-field-map-map .media-library-item .media-library-item__preview,form[data-drupal-media-type=hel_map] .media-library-item .media-library-item__preview{padding-bottom:0}.field--name-field-map-map .media-library-item .field--name-field-media-hel-map,form[data-drupal-media-type=hel_map] .media-library-item .field--name-field-media-hel-map{margin-bottom:-7px;position:relative}.field--name-field-map-map .media-library-item .field--name-field-media-hel-map::before,form[data-drupal-media-type=hel_map] .media-library-item .field--name-field-media-hel-map::before{background:rgba(0,0,0,.1);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.field--name-field-map-map .media-library-item .field--name-field-media-hel-map a,form[data-drupal-media-type=hel_map] .media-library-item .field--name-field-media-hel-map a{display:none}.field--name-field-map-map .media-library-selection .media-library-item--grid{width:100%}.field--name-field-map-map .media-library-item .media-library-item__preview{padding-bottom:0}.field--name-field-map-map .media-library-item .field--name-field-media-hel-map{height:300px;margin-bottom:0;width:100%}.field--name-field-map-map .media-library-item .field--name-field-media-hel-map::before{background:rgba(0,0,0,.05)}.field--name-field-map-map .media-library-item .field--name-field-media-hel-map iframe{height:100%;width:100%}.media-library-item .helfi-chart .media-library-item__preview{padding-bottom:0}.media-library-item .helfi-chart iframe{border:0;margin-bottom:-7px;max-width:100%}.field--name-field-chart-chart .media-library-selection .media-library-item--grid{width:100%}.field--name-field-chart-chart .field--name-field-helfi-chart-url{height:300px;width:100%}.field--name-field-chart-chart .field--name-field-helfi-chart-url iframe{height:100%;width:100%}.paragraph-type--accordion .field-accordion-items-values>thead{display:none}.paragraph-type--accordion-item .field-accordion-item-content-values>thead{display:none}.paragraph--type--accordion{margin-top:64px}.paragraph--type--accordion .field--name-field-accordion-heading-level{margin-top:8px}.paragraph--type--accordion .paragraph--type--accordion-item .field--name-field-accordion-item-heading{font-size:2rem;margin-top:32px}.paragraph--type--accordion .paragraph--type--accordion-item .field--name-field-media-image .diffdel,.paragraph--type--accordion .paragraph--type--accordion-item .field--name-field-media-image .diffins{display:inline-block;line-height:0;padding:10px}.paragraph--type--accordion .paragraph--type--accordion-item .paragraph--type--columns,.paragraph--type--accordion .paragraph--type--accordion-item .paragraph--type--text{margin-top:0}.paragraph--type--banner{margin-top:64px}.paragraph--type--banner .field--name-field-banner-title{font-size:2rem}.paragraph--type--banner .field--name-field-banner-design{margin-top:8px}.paragraph-type--columns th.field-label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.paragraph-type--columns .columns_size{background:var(--color-black-60);border-radius:4px;color:var(--color-white);margin-left:auto;padding:4px}.paragraph-type--columns .paragraphs-tabs-wrapper table.field-multiple-table{margin:0}.paragraph-type--columns .paragraphs-tabs-wrapper table.field-multiple-table thead tr{border:0}.paragraph-type--columns .paragraphs-tabs-wrapper table.field-multiple-table thead tr th{padding:0}.paragraph-type--columns .paragraphs-tabs-wrapper table.field-multiple-table .form-actions{margin:.5rem 0}.paragraph-type--columns .paragraphs-tabs-wrapper table.field-multiple-table .dropbutton-wrapper{padding:0}.paragraph--type--columns{margin-top:64px;overflow:hidden}.paragraph--type--columns .field--name-field-columns-title{font-size:2rem;margin-bottom:16px}.paragraph--type--columns .field--name-field-columns-design{margin-top:8px}.paragraph--type--columns .paragraph--type--image,.paragraph--type--columns .paragraph--type--text{margin-top:0}.paragraph--type--columns .field--name-field-media-image{line-height:0;margin-bottom:8px}.paragraph--type--columns .field--name-field-columns-left-column{float:left;margin-top:16px;width:50%}.paragraph--type--columns .field--name-field-columns-right-column{float:right;margin-top:16px;padding-left:24px;width:50%}.hdbt-admin .paragraphs-tabs-wrapper>.form-item>.layer-wrapper{background-color:rgba(0,0,0,0);border:0 none;-webkit-box-shadow:0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 rgba(0,0,0,0);padding:0}.hdbt-admin .paragraphs-tabs-wrapper .paragraph-type-label{font-size:1.125rem !important}.hdbt-admin .paragraphs-tabs-wrapper table.field-multiple-table thead{-webkit-box-shadow:0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 rgba(0,0,0,0)}.hdbt-admin .paragraphs-tabs-wrapper table.field-multiple-table thead tr{border:0 none}.hdbt-admin .paragraphs-tabs-wrapper table.field-multiple-table thead th{background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;padding-bottom:0;padding-left:0}.hdbt-admin .paragraphs-tabs-wrapper table.field-multiple-table .draggable{background-color:#fff;margin-top:.5rem}.hdbt-admin .paragraphs-tabs-wrapper table.field-multiple-table .draggable td.paragraph-bullet::after{display:none}.hdbt-admin .paragraphs-tabs-wrapper table.field-multiple-table .draggable td+td{width:100%}.hdbt-admin .translation-entity-all-languages{display:none}.js .hdbt-admin .field--widget-paragraphs .paragraphs-dropbutton-wrapper .dropbutton-multiple{padding:0}.js .hdbt-admin .field--widget-paragraphs .field-multiple-drag{min-width:30px}.js .hdbt-admin .field--widget-paragraphs .field-multiple-drag.tabledrag-cell--only-drag{min-width:12px}.js .hdbt-admin .paragraph-top .paragraph-type,.js .hdbt-admin .paragraph-top .paragraph-summary{-ms-flex-item-align:center;align-self:center}.js .hdbt-admin .paragraphs-tabs-wrapper .field-multiple-table .draggable td{padding:0}.js .hdbt-admin .paragraphs-tabs-wrapper .field-multiple-table .draggable .tabledrag-handle::after{margin:0;padding:0}.js .hdbt-admin .paragraphs-badge{display:none}.paragraph-type--content-cards .field--name-field-content-cards-content .layer-wrapper{background-color:rgba(0,0,0,0);border:0 none;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0}.paragraph-type--content-cards .field--name-field-content-cards-content .field-label{display:none}.paragraph--type--content-cards{margin-top:64px}.paragraph--type--content-cards .field--name-field-content-cards-title{font-size:2rem}.paragraph--type--content-cards .field--name-field-content-cards-design{margin-top:8px}.paragraph--type--content-cards .field--name-field-content-cards-content>.field__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:16px}.paragraph--type--content-cards .field--name-field-content-cards-content>.field__item h2{font-size:1.25rem;margin:8px 0 0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.paragraph--type--content-cards .field--name-field-content-cards-content>.field__item .node__content{min-height:400px;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;position:relative}.paragraph--type--content-cards .field--name-field-content-cards-content>.field__item .node__content::after{background-color:#0000bf;content:"";display:block;height:400px;left:0;position:absolute;top:0;width:600px;z-index:-1}.paragraph--type--content-cards .field--name-field-content-cards-content>.field__item .node__content .field--name-field-media-image{line-height:0}.paragraph-type--content-liftup .field--widget-dynamic-entity-reference-default .details-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.paragraph-type--content-liftup .field--widget-dynamic-entity-reference-default .details-wrapper .form-item{margin:0}.paragraph-type--content-liftup .field--widget-dynamic-entity-reference-default .details-wrapper .form-type--select{-ms-flex-line-pack:start;align-content:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-right:16px}.paragraph-type--content-liftup .field--widget-dynamic-entity-reference-default .details-wrapper .form-type--select label{line-height:20px}.paragraph-type--content-liftup .form-item__error-message{display:block}.paragraph-type--content-liftup .field--name-field-content-liftup-content .layer-wrapper{background-color:rgba(0,0,0,0);border:0 none;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0}.paragraph-type--content-liftup .field--name-field-content-liftup-content .field-label{display:none}.paragraph-type--content-liftup .field--name-field-content-liftup-content .form-item__description .notice{color:#8d0d2d;display:block}.paragraph-type--content-liftup .field--name-field-content-liftup-content .dynamic-entity-reference-target-type-changed{display:none}.paragraph--type--content-liftup{margin-top:64px}.paragraph--type--content-liftup .field--name-field-content-liftup-content>.field__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:16px}.paragraph--type--content-liftup .field--name-field-content-liftup-content>.field__item h2{font-size:1.25rem;margin:8px 0 0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.paragraph--type--content-liftup .field--name-field-content-liftup-content>.field__item .node__content{min-height:400px;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;position:relative}.paragraph--type--content-liftup .field--name-field-content-liftup-content>.field__item .node__content::after{background-color:#0000bf;content:"";display:block;height:400px;left:0;position:absolute;top:0;width:600px;z-index:-1}.paragraph--type--content-liftup .field--name-field-content-liftup-content>.field__item .node__content .field--name-field-media-image{line-height:0}.paragraph--type--gallery{margin-top:64px}.paragraph--type--gallery .field--name-field-gallery-slides>.field__item{margin-top:16px}.paragraph--type--gallery .paragraph--type--gallery-slide .field--name-field-media-image{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:8px}.paragraph--type--gallery .paragraph--type--gallery-slide .field--name-field-media-image img{width:620px}.paragraph--type--gallery .field--name-field-media-image ins,.paragraph--type--gallery .field--name-field-media-image del{display:inline-block;line-height:0;padding:10px}.node-form .field--name-field-hero thead .field-label{display:none}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform{grid-column-gap:40px;-webkit-column-gap:40px;-moz-column-gap:40px;column-gap:40px;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto auto auto auto;margin:0}}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-design{grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1}}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-bg-color{grid-column-end:2;grid-column-start:1;grid-row-end:3;grid-row-start:2}}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-title{grid-column-end:2;grid-column-start:1;grid-row-end:4;grid-row-start:3}}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-desc{grid-column-end:2;grid-column-start:1;grid-row-end:5;grid-row-start:4}}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image{-webkit-box-sizing:border-box;box-sizing:border-box;grid-column-end:3;grid-column-start:2;grid-row-end:5;grid-row-start:1;padding-right:30px}}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image fieldset{background:rgba(0,0,0,0);border:0;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0 0 1.5rem}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image fieldset legend{display:none}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image fieldset .fieldset__wrapper{margin:0}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image .media-library-widget-modal .media-library-item--grid,.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image .media-library-selection .media-library-item--grid{width:250px}}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link-design{grid-column-end:2;grid-column-start:1;grid-row-end:7;grid-row-start:6}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link-design .paragraphs-subform{display:block}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link{grid-column-end:3;grid-column-start:1;grid-row-end:8;grid-row-start:7}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link .layer-wrapper{border:0 none;-webkit-box-shadow:none;box-shadow:none;padding:0}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link .layer-wrapper{margin:0 0 0 -0.5rem}}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link .layer-wrapper tbody{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link .layer-wrapper tr{max-width:520px}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link .layer-wrapper tr{-webkit-box-flex:1;-ms-flex:1 1 32%;flex:1 1 32%;margin:0 .5rem 1rem}}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link .paragraphs-subform{display:block}.paragraph--type--hero .field--name-field-hero-title{font-size:2rem}.paragraph--type--hero .field--name-field-hero-design{margin-top:8px}@media(min-width: 768px){.paragraph-type--image .paragraphs-subform .field--name-field-image{float:left;width:40%}}@media(min-width: 1024px){.paragraph-type--image .paragraphs-subform .field--name-field-image{width:50%}}@media(min-width: 1160px){.paragraph-type--image .paragraphs-subform .field--name-field-image{width:35%}}.paragraph-type--image .paragraphs-subform .field--name-field-image fieldset{background:rgba(0,0,0,0);border:0;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0 0 1.5rem}.paragraph-type--image .paragraphs-subform .field--name-field-image fieldset legend{display:none}.paragraph-type--image .paragraphs-subform .field--name-field-image fieldset .fieldset__wrapper{margin:0}@media(min-width: 768px){.paragraph-type--image .paragraphs-subform .field--name-field-image .media-library-widget-modal .media-library-item--grid,.paragraph-type--image .paragraphs-subform .field--name-field-image .media-library-selection .media-library-item--grid{width:100%}}@media(min-width: 768px){.paragraph-type--image .paragraphs-subform .field--name-field-image-caption,.paragraph-type--image .paragraphs-subform .field--name-field-original-aspect-ratio{float:right;width:55%}}@media(min-width: 1024px){.paragraph-type--image .paragraphs-subform .field--name-field-image-caption,.paragraph-type--image .paragraphs-subform .field--name-field-original-aspect-ratio{width:45%}}@media(min-width: 1160px){.paragraph-type--image .paragraphs-subform .field--name-field-image-caption,.paragraph-type--image .paragraphs-subform .field--name-field-original-aspect-ratio{width:60%}}.paragraph--type--image{margin-top:64px}.paragraph--type--image .field--name-field-media-image{display:-webkit-box;display:-ms-flexbox;display:flex;line-height:0}.paragraph--type--image .field--name-field-media-image img{width:596px}.paragraph--type--image .field--name-field-photographer{margin-top:8px}.paragraphs-library-item-form-instructions{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.paragraphs-library-item-form-instructions .icon{height:32px;margin-right:8px;width:32px}.paragraph--type--liftup-with-image{margin-top:64px}.paragraph--type--liftup-with-image .field--name-field-liftup-with-image-title{font-size:2rem}.paragraph--type--liftup-with-image .field--name-field-media-image{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:8px;margin-top:8px}.paragraph--type--liftup-with-image .field--name-field-media-image img{width:596px}.paragraph--type--liftup-with-image .field--name-field-liftup-with-image-design{margin-top:8px}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform{-webkit-box-sizing:border-box;box-sizing:border-box;grid-column-gap:40px;-webkit-column-gap:40px;-moz-column-gap:40px;column-gap:40px;display:grid;grid-template-columns:50% auto;grid-template-rows:auto auto}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image{grid-column-end:3;grid-column-start:2;grid-row-end:3;grid-row-start:1;justify-self:self-start;max-width:200px}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image fieldset{background:rgba(0,0,0,0);border:0;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0 0 1.5rem}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image fieldset legend{display:none}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image fieldset .fieldset__wrapper{margin:0}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image fieldset .media-library-selection{margin-top:0}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image .media-library-widget-modal .media-library-item--grid,.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image .media-library-selection .media-library-item--grid{width:100%}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-link{grid-column-end:2;grid-column-start:1;grid-row-end:3;grid-row-start:1}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-desc{grid-column-end:3;grid-column-start:2;grid-row-end:3;grid-row-start:1}}.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-desc .form-element--type-text{width:100%}.paragraph--type--list-of-links{margin-top:64px}.paragraph--type--list-of-links .field--name-field-list-of-links-links>.field__item{margin-top:16px}.paragraph--type--list-of-links .field--name-field-list-of-links-title{font-size:2rem;margin-bottom:16px}.paragraph--type--list-of-links .field--name-field-media-image{line-height:0}.paragraph--type--list-of-links .field--name-field-media-image img{width:368px}.paragraph--type--list-of-links .field--name-field-list-of-links-link{font-size:1.25rem;margin-top:8px}.paragraph--type--text{margin-top:64px}.media-library-view--widget .media-library-item__click-to-select-checkbox .form-boolean{-webkit-box-shadow:0 3px 6px gray;box-shadow:0 3px 6px gray}.media-library-view--widget .pager{width:100%}[dir=ltr] .media-library-view--widget .media-library-item .media-library-item__edit{right:.5rem}[dir=rtl] .media-library-view--widget .media-library-item .media-library-item__edit{left:.5rem}.view-header{overflow:hidden}.view-header .view-results{font-size:.8125rem;padding:4px;text-align:right}.view-content [data-drupal-selector*=-bulk-form] .form-actions{-ms-flex-item-align:baseline;align-self:baseline}#views-form-ordered-news-list-ordered-news table tbody tr:nth-child(-n+4){background:rgba(46,160,67,.1)}#views-form-ordered-news-list-ordered-news table tbody tr:nth-child(4){border-bottom:1px solid #000}.select2-container{min-height:50px}.select2-container .select2-selection{border:1px solid var(--colorGinFormElementBorder);border-radius:6px;-webkit-box-shadow:0 1px 2px rgba(18,18,18,.25);box-shadow:0 1px 2px rgba(18,18,18,.25);color:var(--colorGinText);font-size:1rem;min-height:60px}.select2-container .select2-selection:hover{border-color:var(--colorGinText);-webkit-box-shadow:inset 0 0 0 1px var(--colorGinText);box-shadow:inset 0 0 0 1px var(--colorGinText)}.select2-container .select2-selection .select2-selection__clear{padding:7px 10px 7px 7px}.select2-container .select2-selection .select2-selection__placeholder{font-size:1rem;padding:5px}.select2-container .select2-selection .select2-selection__arrow{height:45px;padding:7px 7px 7px 10px;right:5px;top:0}.select2-container .select2-selection .select2-selection__rendered{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;font-size:1rem;padding:12px 16px}.select2-container .select2-selection .select2-search__field{color:var(--colorGinText);font-size:1rem;margin:0;min-width:100px;padding:calc(.75rem - 1px) calc(1rem - 1px)}.select2-container .select2-selection .select2-selection__choice{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--colorGinPrimary);display:-webkit-box;display:-ms-flexbox;display:flex;margin:.25rem;padding:.5rem 1rem}.select2-container .select2-selection .select2-selection__choice:hover{background-color:var(--colorGinPrimaryHover)}.select2-container .select2-selection .select2-selection__choice:active,.select2-container .select2-selection .select2-selection__choice:focus{background-color:var(--colorGinPrimaryActive)}.select2-container .select2-selection .select2-selection__choice,.select2-container .select2-selection .select2-selection__choice:hover,.select2-container .select2-selection .select2-selection__choice:active,.select2-container .select2-selection .select2-selection__choice:focus{color:var(--colorGinButtonText)}.select2-container .select2-selection .select2-selection__choice__remove{color:var(--colorGinButtonText);font-size:1rem;margin-right:.5rem;-webkit-transition:color 200ms;transition:color 200ms}.select2-container .select2-selection .select2-selection__choice__remove:hover,.select2-container .select2-selection .select2-selection__choice__remove:active,.select2-container .select2-selection .select2-selection__choice__remove:focus{color:var(--color-metro)}.select2-container .select2-results__option{color:var(--colorGinText);font-size:1rem;padding:calc(.75rem - 1px) calc(1rem - 1px)}.color-palette-selection.select2-container{height:50px}.color-palette-selection.select2-container .select2-selection{min-height:50px}.color-palette-selection .select2-selection .select2-selection__rendered{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;padding:6px 8px}.color-palette-selection .select2-selection .select2-selection__rendered .color-selection-wrapper{padding-right:32px}.color-palette-selection .select2-selection__placeholder,.color-palette-selection .select2-selection__arrow,.color-palette-selection .select2-selection__clear{padding:7px}.color-palette-selection .select2-results>.select2-results__options{max-height:350px}.color-palette-selection .select2-selection--single .select2-selection__rendered{line-height:22px}.color-palette-selection .select2-selection--single .select2-selection__arrow{height:35px;right:5px;top:0}.color-palette-selection .color-selection-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.color-palette-selection .color-selection-wrapper .color-selection--primary{background-color:var(--hdbt-color-palette--primary);height:100%;width:50%}.color-palette-selection .color-selection-wrapper .color-selection--secondary{background-color:var(--hdbt-color-palette--secondary);height:100%;width:25%}.color-palette-selection .color-selection-wrapper .color-selection--accent{background-color:var(--hdbt-color-palette--accent);height:100%;width:25%}.color-palette-selection .colors{border:1px solid gray;display:-webkit-box;display:-ms-flexbox;display:flex;width:50%}.color-palette-selection .selection{padding-right:16px;width:50%}.color-palette-selection__wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.design-selection.select2-container,.design-selection.select2-container .select2-selection{min-height:50px}.design-selection .select2-selection .select2-selection__rendered{padding:12px 16px}.design-selection .select2-selection__placeholder,.design-selection .select2-selection__arrow,.design-selection .select2-selection__clear{padding:7px}.design-selection .select2-results>.select2-results__options{max-height:350px}.design-selection .select2-selection--single .select2-selection__arrow{height:35px;right:5px;top:0}.design-selection .image{margin-right:16px;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out}.design-selection .image:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.design-selection__wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.design-selection__thumbnail{background-color:#fff;border:2px solid #818181;border-radius:6px;height:50px;margin-left:16px;min-width:100px;-webkit-transition:-webkit-transform 150ms;transition:-webkit-transform 150ms;transition:transform 150ms;transition:transform 150ms, -webkit-transform 150ms}.design-selection__thumbnail:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.diff-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;max-width:1280px}.diff-wrapper *,.diff-wrapper *::before,.diff-wrapper *::after{-webkit-box-sizing:inherit;box-sizing:inherit}.diff-wrapper .dropbutton-widget{-webkit-box-sizing:content-box;box-sizing:content-box}.diff-wrapper .dropbutton-widget .dropbutton__toggle{padding:0}.field--type-image .diffdel,.field--type-image .diffins,.field--type-image .diffimg{display:inline-block;line-height:0;padding:10px}.field--type-image .diffdel img,.field--type-image del.diffimg img{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.5}.diff-responsive-table-wrapper h2,.diff-responsive-table-wrapper h3,.diff-responsive-table-wrapper h4{font-weight:400}.diff-responsive-table-wrapper h5,.diff-responsive-table-wrapper h6{font-weight:500}.diff-responsive-table-wrapper>h2{font-size:2.125rem}.diff-responsive-table-wrapper p{margin:8px 0 0}.diff-responsive-table-wrapper p:first-child{margin-top:0}.diff-responsive-table-wrapper .field--type-text-long{margin-top:16px}.diff-responsive-table-wrapper .field--name-field-lead{font-size:1.25rem;margin-top:64px}.diff-responsive-table-wrapper .field--name-field-author{margin-top:16px}.diff-responsive-table-wrapper .field--name-field-keywords{margin-top:64px}.image-previewer__image-wrapper{background:#fff;border:5px solid #666;border-radius:5px;max-width:80vw;padding:16px;position:absolute;z-index:99999}@media(min-width: 1080px){.image-previewer__image-wrapper{max-width:50vw}}@media(min-width: 1600px){.image-previewer__image-wrapper{max-width:30vw}}.image-previewer__image{max-width:80vw;min-width:80vw;width:100%}@media(min-width: 1080px){.image-previewer__image{max-width:50vw;min-width:50vw}}@media(min-width: 1600px){.image-previewer__image{max-width:30vw;min-width:30vw}}.image-previewer__title{font-size:1.125rem;font-weight:700}.image-previewer__description{display:block;font-size:.875rem}.paragraph-selection.dropbutton,.js .paragraph-selection.dropbutton,.js.no-touchevents .paragraph-selection.dropbutton{background-color:#fff;height:4rem;min-height:4rem;width:400px}.paragraph-selection.dropbutton .dropbutton__item,.js .paragraph-selection.dropbutton .dropbutton__item,.js.no-touchevents .paragraph-selection.dropbutton .dropbutton__item{min-height:calc(4rem - (2px * 2))}.paragraph-selection.dropbutton .dropbutton__item:first-of-type>*,.js .paragraph-selection.dropbutton .dropbutton__item:first-of-type>*,.js.no-touchevents .paragraph-selection.dropbutton .dropbutton__item:first-of-type>*{border-radius:6px 0 0 6px}.paragraph-selection.dropbutton .dropbutton__item:first-of-type:not(:last-of-type),.js .paragraph-selection.dropbutton .dropbutton__item:first-of-type:not(:last-of-type),.js.no-touchevents .paragraph-selection.dropbutton .dropbutton__item:first-of-type:not(:last-of-type){margin-right:calc(3rem + 1px)}.paragraph-selection .dropbutton__toggle,.js .paragraph-selection .dropbutton__toggle,.js.no-touchevents .paragraph-selection .dropbutton__toggle{min-height:calc(4rem - (2px * 2));min-width:calc(3rem + 1px);z-index:5}.paragraph-selection .paragraph-selection__thumbnail,.js .paragraph-selection .paragraph-selection__thumbnail,.js.no-touchevents .paragraph-selection .paragraph-selection__thumbnail{background-color:#fff;border-bottom:0;border-left:0;border-radius:6px 0 0 6px;border-right:2px solid var(--colorGinTableBorder);border-top:0;height:calc(4rem - (2px * 2));-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out;width:100px}.paragraph-selection .paragraph-selection__wrapper,.js .paragraph-selection .paragraph-selection__wrapper,.js.no-touchevents .paragraph-selection .paragraph-selection__wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:0 !important;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;margin:0;padding:0;width:100%}.paragraph-selection .paragraph-selection__wrapper:hover input.button,.js .paragraph-selection .paragraph-selection__wrapper:hover input.button,.js.no-touchevents .paragraph-selection .paragraph-selection__wrapper:hover input.button{color:#fff}.paragraph-selection .paragraph-selection__wrapper .button.field-add-more-submit,.js .paragraph-selection .paragraph-selection__wrapper .button.field-add-more-submit,.js.no-touchevents .paragraph-selection .paragraph-selection__wrapper .button.field-add-more-submit{border:none !important;border-radius:0;-webkit-box-shadow:none;box-shadow:none;display:block;font-size:.875rem;margin:0;min-height:calc(4rem - (2px * 2));padding:0 0 0 16px;text-align:left;width:100%}.open .paragraph-selection.dropbutton,.js .open .paragraph-selection.dropbutton,.js.no-touchevents .open .paragraph-selection.dropbutton{border-radius:6px 6px 0 0}.open .paragraph-selection.dropbutton .dropbutton__items,.js .open .paragraph-selection.dropbutton .dropbutton__items,.js.no-touchevents .open .paragraph-selection.dropbutton .dropbutton__items{border:2px solid var(--colorGinTableBorder);bottom:auto;padding:0;width:calc(100% - 4px)}.open .paragraph-selection.dropbutton .dropbutton__items .dropbutton__item,.js .open .paragraph-selection.dropbutton .dropbutton__items .dropbutton__item,.js.no-touchevents .open .paragraph-selection.dropbutton .dropbutton__items .dropbutton__item{border:0;-webkit-box-shadow:none;box-shadow:none;margin:0;max-width:100%}.open .paragraph-selection.dropbutton .dropbutton__items .dropbutton__item .paragraph-selection__wrapper,.js .open .paragraph-selection.dropbutton .dropbutton__items .dropbutton__item .paragraph-selection__wrapper,.js.no-touchevents .open .paragraph-selection.dropbutton .dropbutton__items .dropbutton__item .paragraph-selection__wrapper{background-color:#fff}.open .paragraph-selection.dropbutton .dropbutton__items .dropbutton__item .paragraph-selection__wrapper:hover,.js .open .paragraph-selection.dropbutton .dropbutton__items .dropbutton__item .paragraph-selection__wrapper:hover,.js.no-touchevents .open .paragraph-selection.dropbutton .dropbutton__items .dropbutton__item .paragraph-selection__wrapper:hover{background-color:var(--colorGinPrimaryHover);-webkit-box-shadow:none;box-shadow:none}.open .paragraph-selection.dropbutton .dropbutton__item:not(:first-of-type),.js .open .paragraph-selection.dropbutton .dropbutton__item:not(:first-of-type),.js.no-touchevents .open .paragraph-selection.dropbutton .dropbutton__item:not(:first-of-type){border-radius:0}.open .paragraph-selection.dropbutton .dropbutton__item:not(:first-of-type) .paragraph-selection__thumbnail,.js .open .paragraph-selection.dropbutton .dropbutton__item:not(:first-of-type) .paragraph-selection__thumbnail,.js.no-touchevents .open .paragraph-selection.dropbutton .dropbutton__item:not(:first-of-type) .paragraph-selection__thumbnail{border-radius:0}.open .paragraph-selection.dropbutton .dropbutton__item:not(:first-of-type) .paragraph-selection__wrapper,.js .open .paragraph-selection.dropbutton .dropbutton__item:not(:first-of-type) .paragraph-selection__wrapper,.js.no-touchevents .open .paragraph-selection.dropbutton .dropbutton__item:not(:first-of-type) .paragraph-selection__wrapper{background-color:#fff}.is-hidden{display:none} diff --git a/src/scss/06_components/views/_media-library.scss b/src/scss/06_components/views/_media-library.scss index bacc0aa0..807c184b 100644 --- a/src/scss/06_components/views/_media-library.scss +++ b/src/scss/06_components/views/_media-library.scss @@ -2,9 +2,20 @@ .media-library-item__click-to-select-checkbox .form-boolean { box-shadow: 0 3px 6px $color-black-50; } + .pager { + width: 100%; + } +} - // Override edit-button position for media library widget. +// Override edit-button position for media library widget. +[dir="ltr"] .media-library-view--widget .media-library-item { .media-library-item__edit { right: 0.5rem; } } + +[dir="rtl"] .media-library-view--widget .media-library-item { + .media-library-item__edit { + left: 0.5rem; + } +} From a5efef5d699b80c29ac022934bec5e697963b0be Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Markus=20Kalij=C3=A4rvi?= Date: Mon, 14 Nov 2022 12:44:23 +0200 Subject: [PATCH 2/5] Added template for the media entity when using the media library. --- .../entity/media--media-library.html.twig | 66 +++++++++++++++++++ translations/fi.po | 8 +++ translations/sv.po | 8 +++ 3 files changed, 82 insertions(+) create mode 100644 templates/entity/media--media-library.html.twig diff --git a/templates/entity/media--media-library.html.twig b/templates/entity/media--media-library.html.twig new file mode 100644 index 00000000..3745a06c --- /dev/null +++ b/templates/entity/media--media-library.html.twig @@ -0,0 +1,66 @@ +{# +/** + * @file + * Theme override of a media item in the media library. + * + * This is used for media that the user can select from the grid of media + * items. It is not used for items that have already been selected in the + * corresponding field widget, or for items that have been previously selected + * before adding new media to the library. + * + * Available variables: + * - media: The entity with limited access to object properties and methods. + * Only method names starting with "get", "has", or "is" and a few common + * methods such as "id", "label", and "bundle" are available. For example: + * - entity.getEntityTypeId() will return the entity type ID. + * - entity.hasField('field_example') returns TRUE if the entity includes + * field_example. (This does not indicate the presence of a value in this + * field.) + * Calling other methods, such as entity.delete(), will result in an exception. + * See \Drupal\Core\Entity\EntityInterface for a full list of methods. + * - name: Name of the media. + * - content: Media content. + * - title_prefix: Additional output populated by modules, intended to be + * displayed in front of the main title tag that appears in the template. + * - title_suffix: Additional output populated by modules, intended to be + * displayed after the main title tag that appears in the template. + * - view_mode: View mode; for example, "teaser" or "full". + * - attributes: HTML attributes for the containing element. + * - title_attributes: Same as attributes, except applied to the main title + * tag that appears in the template. + * - url: Direct URL of the media. + * - preview_attributes: HTML attributes for the preview wrapper. + * - metadata_attributes: HTML attributes for the expandable metadata area. + * - status: Whether or not the Media is published. + * + * @see template_preprocess_media() + * + * @ingroup themeable + */ +#} + + + {% if content %} + + {{ content|without('name') }} + + {% if not status %} +
{{ "unpublished" | t }}
+ {% endif %} + +
{{ name }}
+ + {% if alt_text %} +
+ {{ 'Alt'|t({}, {'context': 'Alt text in media library'}) }}: + {{ alt_text }} +
+ {% else %} +
+ {{ 'Alt'|t({}, {'context': 'Alt text in media library'}) }}: + "" ({{ 'Empty'|t({}, {'context': 'Empty alt text in media library'}) }}) +
+ {% endif %} + + {% endif %} + diff --git a/translations/fi.po b/translations/fi.po index 2a7edd43..40ba8001 100644 --- a/translations/fi.po +++ b/translations/fi.po @@ -5,6 +5,14 @@ msgctxt "Accent color" msgid "Accent" msgstr "Korosteväri" +msgctxt "Alt text in media library" +msgid "Alt text" +msgstr "Alt-teksti" + +msgctxt "Empty alt text in media library" +msgid "Empty" +msgstr "Tyhjä" + msgid "Basic motif" msgstr "Perus" diff --git a/translations/sv.po b/translations/sv.po index 4901e9c3..f7fe00dd 100644 --- a/translations/sv.po +++ b/translations/sv.po @@ -1,5 +1,13 @@ msgid "" msgstr "" +msgctxt "Alt text in media library" +msgid "Alt text" +msgstr "Alt text" + +msgctxt "Empty alt text in media library" +msgid "Empty" +msgstr "Tom" + msgid "Published on" msgstr "Publicerad på" From b4d5b3a724d1b7c194687f9cc77198ee4394bc69 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Markus=20Kalij=C3=A4rvi?= Date: Mon, 14 Nov 2022 16:40:23 +0200 Subject: [PATCH 3/5] Manually get the alt text based on current content language --- hdbt_admin.theme | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) diff --git a/hdbt_admin.theme b/hdbt_admin.theme index 9f8836d2..5de2f313 100644 --- a/hdbt_admin.theme +++ b/hdbt_admin.theme @@ -7,6 +7,7 @@ use Drupal\Core\Form\FormStateInterface; use Drupal\Core\Language\LanguageInterface; +use Drupal\media\MediaInterface; /** * Implements hook_preprocess(). @@ -375,3 +376,25 @@ function hdbt_admin_manipulate_custom_fields(array &$form) { $form['hide_sidebar_navigation']['#type'] = 'hidden'; } } + +/** + * Implements hook_preprocess_HOOK(). + */ +function hdbt_admin_preprocess_media(&$variables) { + if ( + isset($variables['media']) && + $variables['media'] instanceof MediaInterface && + $variables['media']->bundle() === 'image' + ) { + $current_language = $variables['current_langcode']; + $route = \Drupal::routeMatch(); + if (!empty($route->getParameter('target'))) { + $current_language = $route->getParameter('target')->getId(); + } + + if ($variables['media']->hasTranslation($current_language)) { + $variables['alt_text'] = $variables['media'] + ->getTranslation($current_language)->field_media_image->alt; + } + } +} From e2e03c1e5bb6a74cd1d8af3bab513fffeea86ff2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Markus=20Kalij=C3=A4rvi?= Date: Mon, 14 Nov 2022 16:41:05 +0200 Subject: [PATCH 4/5] Styled the alt texts in media library. --- dist/css/styles.min.css | 2 +- src/scss/06_components/entity/__index.scss | 1 + src/scss/06_components/entity/_media.scss | 12 ++++++++++++ 3 files changed, 14 insertions(+), 1 deletion(-) create mode 100644 src/scss/06_components/entity/_media.scss diff --git a/dist/css/styles.min.css b/dist/css/styles.min.css index b8c13e0d..7c5e6a90 100644 --- a/dist/css/styles.min.css +++ b/dist/css/styles.min.css @@ -1,2 +1,2 @@ :root{--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccccff;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-black: #000000;--color-white: #ffffff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #cccccc;--color-black-30: #b3b3b3;--color-black-40: #999999;--color-black-50: #808080;--color-black-60: #666666;--color-black-70: #4d4d4d;--color-black-80: #333333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94} -body.hdbt-admin{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:#fff;color:#1a1a1a;font-family:HelsinkiGrotesk,Arial,sans-serif;line-height:1.5}:root{--hdbt-color-black: #121212;--hdbt-default-link-color: var(--color-black-90);--hdbt-theme-color: var(--color-black);--hdbt-text-color: var(--color-white);--hdbt-text-color--coat-of-arms: var(--color-white);--hdbt-text-color--brick: var(--color-white);--hdbt-text-color--bus: var(--color-white);--hdbt-text-color--metro: var(--color-white);--hdbt-text-color--tram: var(--color-white);--hdbt-text-color--gold: var(--hdbt-color-black);--hdbt-text-color--silver: var(--hdbt-color-black);--hdbt-text-color--copper: var(--hdbt-color-black);--hdbt-text-color--engel: var(--hdbt-color-black);--hdbt-text-color--fog: var(--hdbt-color-black);--hdbt-text-color--summer: var(--hdbt-color-black);--hdbt-text-color--suomenlinna: var(--hdbt-color-black);--hdbt-button-text-color--coat-of-arms: var(--hdbt-color-black);--hdbt-button-text-color--brick: var(--hdbt-color-black);--hdbt-button-text-color--bus: var(--hdbt-color-black);--hdbt-button-text-color--metro: var(--hdbt-color-black);--hdbt-button-text-color--tram: var(--hdbt-color-black);--hdbt-button-text-color--gold: var(--color-white);--hdbt-button-text-color--silver: var(--color-white);--hdbt-button-text-color--copper: var(--color-white);--hdbt-button-text-color--engel: var(--color-white);--hdbt-button-text-color--fog: var(--color-white);--hdbt-button-text-color--summer: var(--color-white);--hdbt-button-text-color--suomenlinna: var(--color-white);--hdbt-button-highlight-color--coat-of-arms: var(--color-black-90);--hdbt-button-highlight-color--brick: var(--color-black-90);--hdbt-button-highlight-color--bus: var(--color-black-90);--hdbt-button-highlight-color--metro: var(--color-black-90);--hdbt-button-highlight-color--tram: var(--color-black-90);--hdbt-button-highlight-color--gold: var(--color-white);--hdbt-button-highlight-color--silver: var(--color-white);--hdbt-button-highlight-color--copper: var(--color-white);--hdbt-button-highlight-color--engel: var(--color-white);--hdbt-button-highlight-color--fog: var(--color-white);--hdbt-button-highlight-color--summer: var(--color-white);--hdbt-button-highlight-color--suomenlinna: var(--color-white)}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:400;src:url(../fonts/HelsinkiGrotesk-Regular.eot);src:url(../fonts/HelsinkiGrotesk-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Regular.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Regular.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Regular.svg#HelsinkiGrotesk-Regular) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:400;src:url(../fonts/HelsinkiGrotesk-RegularItalic.eot);src:url(../fonts/HelsinkiGrotesk-RegularItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-RegularItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-RegularItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-RegularItalic.svg#HelsinkiGrotesk-RegularItalic) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:500;src:url(../fonts/HelsinkiGrotesk-Medium.eot);src:url(../fonts/HelsinkiGrotesk-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Medium.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Medium.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Medium.svg#HelsinkiGrotesk-Medium) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:500;src:url(../fonts/HelsinkiGrotesk-MediumItalic.eot);src:url(../fonts/HelsinkiGrotesk-MediumItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-MediumItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-MediumItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-MediumItalic.svg#HelsinkiGrotesk-MediumItalic) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:700;src:url(../fonts/HelsinkiGrotesk-Bold.eot);src:url(../fonts/HelsinkiGrotesk-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Bold.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Bold.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Bold.svg#HelsinkiGrotesk-Bold) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:700;src:url(../fonts/HelsinkiGrotesk-BoldItalic.eot);src:url(../fonts/HelsinkiGrotesk-BoldItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-BoldItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-BoldItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-BoldItalic.svg#HelsinkiGrotesk-BoldItalic) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:800;src:url(../fonts/HelsinkiGrotesk-Black.eot);src:url(../fonts/HelsinkiGrotesk-Black.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Black.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Black.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Black.svg#HelsinkiGrotesk-Black) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:800;src:url(../fonts/HelsinkiGrotesk-BlackItalic.eot);src:url(../fonts/HelsinkiGrotesk-BlackItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-BlackItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-BlackItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-BlackItalic.svg#HelsinkiGrotesk-BlackItalic) format("svg")}.hdbt-admin .page-wrapper *:focus,.hdbt-admin .ui-dialog *:focus,.hdbt-admin .dropbutton .dropbutton__item>*:focus,.hdbt-admin .dropbutton .dropbutton__item>*:focus:hover,.hdbt-admin .dropbutton__items>.dropbutton__item:first-of-type>*:focus,.hdbt-admin .dropbutton__items>.dropbutton__item:first-of-type~.dropbutton__item>*:focus,.hdbt-admin .dropbutton__items>.dropbutton__item:first-of-type~.dropbutton__item>*:focus:hover,.hdbt-admin .form-boolean:focus:active,.hdbt-admin .form-boolean:focus:hover,.hdbt-admin .cke.cke_chrome.cke_focus,.hdbt-admin .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button a:focus,.hdbt-admin .form-element:focus,.hdbt-admin .form-element:hover:focus,.hdbt-admin .form-element.error:hover:focus,.hdbt-admin .form-actions .action-link:focus,.hdbt-admin .paragraphs-tabs-wrapper .field-multiple-table .draggable.drag,.hdbt-admin .layout-paragraphs-field .layout-paragraphs-actions input.layout-paragraphs-edit:focus,.hdbt-admin .layout-paragraphs-field .layout-paragraphs-actions input.layout-paragraphs-remove:focus{-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.15),0 0 2px 1px #0072c6;box-shadow:0 0 0 1px rgba(0,0,0,.15),0 0 2px 1px #0072c6;outline:none}:root{--input-radio-color-palette: var(--color-black-70);--input-radio-color-palette-text: var(--color-white);--hdbt-admin-theme-color: var(--color-black);--hdbt-admin-text-color: var(--color-white)}.hdbt-admin-tools-site-settings .form-radios.form-boolean-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:8px -8px;max-width:1560px}.hdbt-admin-tools-site-settings .form-radios .form-type--boolean{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin:8px;min-width:200px}.hdbt-admin-tools-site-settings .form-radios .form-type--boolean.form-item--site-settings-koro{width:calc(100% - 32px - 4px)}@media only screen and (min-width: 992px){.hdbt-admin-tools-site-settings .form-radios .form-type--boolean.form-item--site-settings-koro{width:60%}}.hdbt-admin-tools-site-settings .form-radios .form-type--boolean.form-item--site-settings-theme-color{border:2px solid #4d4d4d;border-radius:5px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-ms-flex-flow:row-reverse;flex-flow:row-reverse;margin:8px;width:100%}.hdbt-admin-tools-site-settings .form-radios .form-type--boolean.form-item--site-settings-default-icon{width:100%}@media only screen and (min-width: 992px){.hdbt-admin-tools-site-settings .form-radios .form-type--boolean.form-item--site-settings-default-icon{width:40%}}.hdbt-admin-tools-site-settings .form-radios .form-type--boolean .form-boolean{margin-left:8px;margin-top:-2px}.hdbt-admin-tools-site-settings .form-radios .form-type--boolean .form-item__label.option{margin:2px 8px 0 8px;padding:0}.hdbt-admin-tools-site-settings .form-radios .color-palette{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--color-black-70);background-color:var(--input-radio-color-palette);color:var(--color-white);color:var(--input-radio-color-palette-text);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;font-size:1rem;font-weight:500;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hdbt-admin-tools-site-settings .form-radios .color-palette--primary{--input-radio-color-palette: var(--hdbt-color-palette--primary);--input-radio-color-palette-text: var(--hdbt-color-palette-text--primary);font-weight:700}.hdbt-admin-tools-site-settings .form-radios .color-palette--secondary{--input-radio-color-palette: var(--hdbt-color-palette--secondary);--input-radio-color-palette-text: var(--hdbt-color-palette-text--secondary);font-weight:700}.hdbt-admin-tools-site-settings .form-radios .color-palette--accent{--input-radio-color-palette: var(--hdbt-color-palette--accent);--input-radio-color-palette-text: var(--hdbt-color-palette-text--accent);font-weight:700}.hdbt-admin-tools-site-settings .form-radios .color-palette-wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;height:50px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:height 150ms ease-in-out;transition:height 150ms ease-in-out;width:100%}.hdbt-admin-tools-site-settings .form-radios .color-palette-wrapper:hover{height:150px}.hdbt-admin-tools-site-settings .form-radios .color-palette-wrapper .color-palette--primary{border-radius:3px 3px 0 0;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}.hdbt-admin-tools-site-settings .form-radios .selection-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 32px;min-width:180px}.hdbt-admin-tools-site-settings .form-radios .selection-wrapper label{font-size:1.25rem}.hdbt-admin-tools-site-settings .form-radios .koro{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;color:var(--color-black);color:var(--hdbt-admin-theme-color);display:-webkit-box;display:-ms-flexbox;display:flex;height:70px;width:calc(100% - 150px)}.hdbt-admin-tools-site-settings .form-radios .koro .wave{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.hdbt-admin-tools-site-settings .form-radios .koro svg path{fill:var(--color-black);fill:var(--hdbt-admin-theme-color)}.hdbt-admin-tools-site-settings .form-radios .default-icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--color-black);background-color:var(--hdbt-admin-theme-color);display:-webkit-box;display:-ms-flexbox;display:flex;height:150px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:225px}.hdbt-admin-tools-site-settings .form-radios .default-icon .icon{color:var(--color-white);color:var(--hdbt-admin-text-color);height:50%}#edit-site-settings-koro{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.hel-icon{--fallback: calc(var(--line-height, 1) * 1em);background-color:currentColor;display:inline-block;height:var(--fallback);height:var(--icon-size, var(--fallback));-webkit-mask-image:var(--url);mask-image:var(--url);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:text-bottom;width:var(--fallback);width:var(--icon-size, var(--fallback))}.default-icon .hel-icon{--icon-size: 50%;background-color:var(--color-white);background-color:var(--hdbt-admin-text-color, currentColor)}.hdbt-admin .skip-link{z-index:110}.hdbt-admin .hdbt_admin--edit-form .form-item--status,.hdbt-admin .hdbt_admin--edit-form .field--name-status{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:24px}@media(max-width: 1023px){.hdbt-admin .hdbt_admin--edit-form .layout-region-node-secondary{border-top:2px solid #b3b3b3;margin-top:32px;width:100%}}.hdbt-admin .region-sticky{background-color:#fff}.hdbt-admin .region-sticky .region-sticky__items__inner{-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:32px;justify-items:center}@media(min-width: 1024px)and (max-width: 1280px){.hdbt-admin .region-sticky .region-sticky__items__inner .button{font-size:.875rem;padding:8px 12px}.hdbt-admin .region-sticky .region-sticky__items__inner .form-item--status label,.hdbt-admin .region-sticky .region-sticky__items__inner .field--name-status label{font-size:.875rem}}.hdbt-admin .region-breadcrumb{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;position:relative}.hdbt-admin .region-breadcrumb::after{background:-webkit-gradient(linear, left top, right top, from(transparent), to(#fff));background:linear-gradient(90deg, transparent, #fff);content:"";height:100%;position:absolute;right:0;width:30px}.hdbt-admin .region-breadcrumb .gin-breadcrumb__link{min-width:1px}.hdbt-admin .region-breadcrumb .gin-breadcrumb__item:first-of-type .gin-breadcrumb__link{padding-left:8px}.hdbt-admin .region-breadcrumb .gin-breadcrumb__item:first-of-type .gin-breadcrumb__link::before{display:none}.hdbt_admin .text-full .filter-wrapper{display:none}.hdbt_admin--edit-form .field--name-title .form-element{font-size:1.125rem}.hdbt_admin--edit-form .item-list ul{margin:8px 0 0 8px}.hdbt_admin--edit-form .form-item__label{font-size:1rem}.hdbt_admin--edit-form .field--widget-paragraphs .tabledrag-toggle-weight-wrapper{display:none}.hdbt_admin--edit-form .node-form .field--widget-text-textarea .form-type--textarea+.filter-wrapper{display:none}.block-system-branding-block{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:8px;margin-top:4px}@media(min-width: 1280px){.block-system-branding-block{margin-right:12px}}.block-system-branding-block .site-logo{line-height:1;-webkit-transition:width .25s ease;transition:width .25s ease;width:60px}@media(min-width: 1024px){.block-system-branding-block .site-logo{width:80px}}.block-system-branding-block .site-logo img{padding-top:3px}.block-page-title-block .page-title{font-size:1.375rem;font-weight:500}@media(min-width: 1280px){.block-page-title-block .page-title{font-size:1.75rem}.region-sticky--is-sticky .block-page-title-block .page-title{font-size:1.5625rem}}.block-local-tasks-block{margin-bottom:8px}.block-local-tasks-block .is-horizontal .tabs--secondary{margin-top:8px}.language-switcher{position:relative}.language-switcher .language-link{color:#000;font-size:1rem;font-weight:400;text-decoration:none}@media(min-width: 768px){.language-switcher .language-link{font-size:.875rem;margin:0 4px;padding:2px 4px}}.language-switcher .language-link.is-active{cursor:default;font-weight:700}.language-switcher .language-link.is-disabled{color:#999;cursor:default}.language-switcher a:hover{text-decoration:underline}.language-switcher__button{background-color:var(--colorGinInputBackground);border:2px solid var(--colorGinPrimary) !important;border-radius:var(--ginBorderDefault);-webkit-box-shadow:0 1px 2px var(--colorGinPrimaryLight);box-shadow:0 1px 2px var(--colorGinPrimaryLight);color:var(--colorGinPrimary);font-size:.875rem;font-weight:700;line-height:1;padding:calc(1rem - 2px) calc(1.5rem - 2px)}@media(min-width: 768px){.language-switcher__button{display:none}}.language-switcher__button .label{grid-area:label}.language-switcher__dropdown{display:none}@media(max-width: 768px){.language-switcher__dropdown.is-active{background:#fff;border:1px solid #ccc;border-radius:0 0 3px 3px;-webkit-box-shadow:0 3px 4px rgba(0,0,0,.2);box-shadow:0 3px 4px rgba(0,0,0,.2);display:-webkit-box;display:-ms-flexbox;display:flex;line-height:2;padding:16px;position:absolute;right:0;top:40px;z-index:100}}@media(min-width: 768px){.language-switcher__dropdown{display:-webkit-box;display:-ms-flexbox;display:flex}}body:not(.path-node) header.region .local-actions{white-space:nowrap}body:not(.path-node) header.region .local-actions__item a{white-space:nowrap}.hdbt-admin .entity-meta__promote .form-item__label::after{content:""}.hdbt-admin .entity-meta__revision .field--type-published-at{display:inline-block;margin-top:8px}@media screen and (min-width: 1024px){.hdbt-admin .field--name-field-liftup-image .media-library-selection .media-library-item--grid{width:100%}}.field--name-field-map-map .media-library-item .media-library-item__preview,form[data-drupal-media-type=hel_map] .media-library-item .media-library-item__preview{padding-bottom:0}.field--name-field-map-map .media-library-item .field--name-field-media-hel-map,form[data-drupal-media-type=hel_map] .media-library-item .field--name-field-media-hel-map{margin-bottom:-7px;position:relative}.field--name-field-map-map .media-library-item .field--name-field-media-hel-map::before,form[data-drupal-media-type=hel_map] .media-library-item .field--name-field-media-hel-map::before{background:rgba(0,0,0,.1);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.field--name-field-map-map .media-library-item .field--name-field-media-hel-map a,form[data-drupal-media-type=hel_map] .media-library-item .field--name-field-media-hel-map a{display:none}.field--name-field-map-map .media-library-selection .media-library-item--grid{width:100%}.field--name-field-map-map .media-library-item .media-library-item__preview{padding-bottom:0}.field--name-field-map-map .media-library-item .field--name-field-media-hel-map{height:300px;margin-bottom:0;width:100%}.field--name-field-map-map .media-library-item .field--name-field-media-hel-map::before{background:rgba(0,0,0,.05)}.field--name-field-map-map .media-library-item .field--name-field-media-hel-map iframe{height:100%;width:100%}.media-library-item .helfi-chart .media-library-item__preview{padding-bottom:0}.media-library-item .helfi-chart iframe{border:0;margin-bottom:-7px;max-width:100%}.field--name-field-chart-chart .media-library-selection .media-library-item--grid{width:100%}.field--name-field-chart-chart .field--name-field-helfi-chart-url{height:300px;width:100%}.field--name-field-chart-chart .field--name-field-helfi-chart-url iframe{height:100%;width:100%}.paragraph-type--accordion .field-accordion-items-values>thead{display:none}.paragraph-type--accordion-item .field-accordion-item-content-values>thead{display:none}.paragraph--type--accordion{margin-top:64px}.paragraph--type--accordion .field--name-field-accordion-heading-level{margin-top:8px}.paragraph--type--accordion .paragraph--type--accordion-item .field--name-field-accordion-item-heading{font-size:2rem;margin-top:32px}.paragraph--type--accordion .paragraph--type--accordion-item .field--name-field-media-image .diffdel,.paragraph--type--accordion .paragraph--type--accordion-item .field--name-field-media-image .diffins{display:inline-block;line-height:0;padding:10px}.paragraph--type--accordion .paragraph--type--accordion-item .paragraph--type--columns,.paragraph--type--accordion .paragraph--type--accordion-item .paragraph--type--text{margin-top:0}.paragraph--type--banner{margin-top:64px}.paragraph--type--banner .field--name-field-banner-title{font-size:2rem}.paragraph--type--banner .field--name-field-banner-design{margin-top:8px}.paragraph-type--columns th.field-label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.paragraph-type--columns .columns_size{background:var(--color-black-60);border-radius:4px;color:var(--color-white);margin-left:auto;padding:4px}.paragraph-type--columns .paragraphs-tabs-wrapper table.field-multiple-table{margin:0}.paragraph-type--columns .paragraphs-tabs-wrapper table.field-multiple-table thead tr{border:0}.paragraph-type--columns .paragraphs-tabs-wrapper table.field-multiple-table thead tr th{padding:0}.paragraph-type--columns .paragraphs-tabs-wrapper table.field-multiple-table .form-actions{margin:.5rem 0}.paragraph-type--columns .paragraphs-tabs-wrapper table.field-multiple-table .dropbutton-wrapper{padding:0}.paragraph--type--columns{margin-top:64px;overflow:hidden}.paragraph--type--columns .field--name-field-columns-title{font-size:2rem;margin-bottom:16px}.paragraph--type--columns .field--name-field-columns-design{margin-top:8px}.paragraph--type--columns .paragraph--type--image,.paragraph--type--columns .paragraph--type--text{margin-top:0}.paragraph--type--columns .field--name-field-media-image{line-height:0;margin-bottom:8px}.paragraph--type--columns .field--name-field-columns-left-column{float:left;margin-top:16px;width:50%}.paragraph--type--columns .field--name-field-columns-right-column{float:right;margin-top:16px;padding-left:24px;width:50%}.hdbt-admin .paragraphs-tabs-wrapper>.form-item>.layer-wrapper{background-color:rgba(0,0,0,0);border:0 none;-webkit-box-shadow:0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 rgba(0,0,0,0);padding:0}.hdbt-admin .paragraphs-tabs-wrapper .paragraph-type-label{font-size:1.125rem !important}.hdbt-admin .paragraphs-tabs-wrapper table.field-multiple-table thead{-webkit-box-shadow:0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 rgba(0,0,0,0)}.hdbt-admin .paragraphs-tabs-wrapper table.field-multiple-table thead tr{border:0 none}.hdbt-admin .paragraphs-tabs-wrapper table.field-multiple-table thead th{background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;padding-bottom:0;padding-left:0}.hdbt-admin .paragraphs-tabs-wrapper table.field-multiple-table .draggable{background-color:#fff;margin-top:.5rem}.hdbt-admin .paragraphs-tabs-wrapper table.field-multiple-table .draggable td.paragraph-bullet::after{display:none}.hdbt-admin .paragraphs-tabs-wrapper table.field-multiple-table .draggable td+td{width:100%}.hdbt-admin .translation-entity-all-languages{display:none}.js .hdbt-admin .field--widget-paragraphs .paragraphs-dropbutton-wrapper .dropbutton-multiple{padding:0}.js .hdbt-admin .field--widget-paragraphs .field-multiple-drag{min-width:30px}.js .hdbt-admin .field--widget-paragraphs .field-multiple-drag.tabledrag-cell--only-drag{min-width:12px}.js .hdbt-admin .paragraph-top .paragraph-type,.js .hdbt-admin .paragraph-top .paragraph-summary{-ms-flex-item-align:center;align-self:center}.js .hdbt-admin .paragraphs-tabs-wrapper .field-multiple-table .draggable td{padding:0}.js .hdbt-admin .paragraphs-tabs-wrapper .field-multiple-table .draggable .tabledrag-handle::after{margin:0;padding:0}.js .hdbt-admin .paragraphs-badge{display:none}.paragraph-type--content-cards .field--name-field-content-cards-content .layer-wrapper{background-color:rgba(0,0,0,0);border:0 none;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0}.paragraph-type--content-cards .field--name-field-content-cards-content .field-label{display:none}.paragraph--type--content-cards{margin-top:64px}.paragraph--type--content-cards .field--name-field-content-cards-title{font-size:2rem}.paragraph--type--content-cards .field--name-field-content-cards-design{margin-top:8px}.paragraph--type--content-cards .field--name-field-content-cards-content>.field__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:16px}.paragraph--type--content-cards .field--name-field-content-cards-content>.field__item h2{font-size:1.25rem;margin:8px 0 0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.paragraph--type--content-cards .field--name-field-content-cards-content>.field__item .node__content{min-height:400px;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;position:relative}.paragraph--type--content-cards .field--name-field-content-cards-content>.field__item .node__content::after{background-color:#0000bf;content:"";display:block;height:400px;left:0;position:absolute;top:0;width:600px;z-index:-1}.paragraph--type--content-cards .field--name-field-content-cards-content>.field__item .node__content .field--name-field-media-image{line-height:0}.paragraph-type--content-liftup .field--widget-dynamic-entity-reference-default .details-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.paragraph-type--content-liftup .field--widget-dynamic-entity-reference-default .details-wrapper .form-item{margin:0}.paragraph-type--content-liftup .field--widget-dynamic-entity-reference-default .details-wrapper .form-type--select{-ms-flex-line-pack:start;align-content:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-right:16px}.paragraph-type--content-liftup .field--widget-dynamic-entity-reference-default .details-wrapper .form-type--select label{line-height:20px}.paragraph-type--content-liftup .form-item__error-message{display:block}.paragraph-type--content-liftup .field--name-field-content-liftup-content .layer-wrapper{background-color:rgba(0,0,0,0);border:0 none;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0}.paragraph-type--content-liftup .field--name-field-content-liftup-content .field-label{display:none}.paragraph-type--content-liftup .field--name-field-content-liftup-content .form-item__description .notice{color:#8d0d2d;display:block}.paragraph-type--content-liftup .field--name-field-content-liftup-content .dynamic-entity-reference-target-type-changed{display:none}.paragraph--type--content-liftup{margin-top:64px}.paragraph--type--content-liftup .field--name-field-content-liftup-content>.field__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:16px}.paragraph--type--content-liftup .field--name-field-content-liftup-content>.field__item h2{font-size:1.25rem;margin:8px 0 0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.paragraph--type--content-liftup .field--name-field-content-liftup-content>.field__item .node__content{min-height:400px;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;position:relative}.paragraph--type--content-liftup .field--name-field-content-liftup-content>.field__item .node__content::after{background-color:#0000bf;content:"";display:block;height:400px;left:0;position:absolute;top:0;width:600px;z-index:-1}.paragraph--type--content-liftup .field--name-field-content-liftup-content>.field__item .node__content .field--name-field-media-image{line-height:0}.paragraph--type--gallery{margin-top:64px}.paragraph--type--gallery .field--name-field-gallery-slides>.field__item{margin-top:16px}.paragraph--type--gallery .paragraph--type--gallery-slide .field--name-field-media-image{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:8px}.paragraph--type--gallery .paragraph--type--gallery-slide .field--name-field-media-image img{width:620px}.paragraph--type--gallery .field--name-field-media-image ins,.paragraph--type--gallery .field--name-field-media-image del{display:inline-block;line-height:0;padding:10px}.node-form .field--name-field-hero thead .field-label{display:none}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform{grid-column-gap:40px;-webkit-column-gap:40px;-moz-column-gap:40px;column-gap:40px;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto auto auto auto;margin:0}}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-design{grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1}}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-bg-color{grid-column-end:2;grid-column-start:1;grid-row-end:3;grid-row-start:2}}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-title{grid-column-end:2;grid-column-start:1;grid-row-end:4;grid-row-start:3}}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-desc{grid-column-end:2;grid-column-start:1;grid-row-end:5;grid-row-start:4}}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image{-webkit-box-sizing:border-box;box-sizing:border-box;grid-column-end:3;grid-column-start:2;grid-row-end:5;grid-row-start:1;padding-right:30px}}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image fieldset{background:rgba(0,0,0,0);border:0;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0 0 1.5rem}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image fieldset legend{display:none}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image fieldset .fieldset__wrapper{margin:0}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image .media-library-widget-modal .media-library-item--grid,.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image .media-library-selection .media-library-item--grid{width:250px}}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link-design{grid-column-end:2;grid-column-start:1;grid-row-end:7;grid-row-start:6}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link-design .paragraphs-subform{display:block}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link{grid-column-end:3;grid-column-start:1;grid-row-end:8;grid-row-start:7}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link .layer-wrapper{border:0 none;-webkit-box-shadow:none;box-shadow:none;padding:0}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link .layer-wrapper{margin:0 0 0 -0.5rem}}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link .layer-wrapper tbody{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link .layer-wrapper tr{max-width:520px}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link .layer-wrapper tr{-webkit-box-flex:1;-ms-flex:1 1 32%;flex:1 1 32%;margin:0 .5rem 1rem}}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link .paragraphs-subform{display:block}.paragraph--type--hero .field--name-field-hero-title{font-size:2rem}.paragraph--type--hero .field--name-field-hero-design{margin-top:8px}@media(min-width: 768px){.paragraph-type--image .paragraphs-subform .field--name-field-image{float:left;width:40%}}@media(min-width: 1024px){.paragraph-type--image .paragraphs-subform .field--name-field-image{width:50%}}@media(min-width: 1160px){.paragraph-type--image .paragraphs-subform .field--name-field-image{width:35%}}.paragraph-type--image .paragraphs-subform .field--name-field-image fieldset{background:rgba(0,0,0,0);border:0;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0 0 1.5rem}.paragraph-type--image .paragraphs-subform .field--name-field-image fieldset legend{display:none}.paragraph-type--image .paragraphs-subform .field--name-field-image fieldset .fieldset__wrapper{margin:0}@media(min-width: 768px){.paragraph-type--image .paragraphs-subform .field--name-field-image .media-library-widget-modal .media-library-item--grid,.paragraph-type--image .paragraphs-subform .field--name-field-image .media-library-selection .media-library-item--grid{width:100%}}@media(min-width: 768px){.paragraph-type--image .paragraphs-subform .field--name-field-image-caption,.paragraph-type--image .paragraphs-subform .field--name-field-original-aspect-ratio{float:right;width:55%}}@media(min-width: 1024px){.paragraph-type--image .paragraphs-subform .field--name-field-image-caption,.paragraph-type--image .paragraphs-subform .field--name-field-original-aspect-ratio{width:45%}}@media(min-width: 1160px){.paragraph-type--image .paragraphs-subform .field--name-field-image-caption,.paragraph-type--image .paragraphs-subform .field--name-field-original-aspect-ratio{width:60%}}.paragraph--type--image{margin-top:64px}.paragraph--type--image .field--name-field-media-image{display:-webkit-box;display:-ms-flexbox;display:flex;line-height:0}.paragraph--type--image .field--name-field-media-image img{width:596px}.paragraph--type--image .field--name-field-photographer{margin-top:8px}.paragraphs-library-item-form-instructions{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.paragraphs-library-item-form-instructions .icon{height:32px;margin-right:8px;width:32px}.paragraph--type--liftup-with-image{margin-top:64px}.paragraph--type--liftup-with-image .field--name-field-liftup-with-image-title{font-size:2rem}.paragraph--type--liftup-with-image .field--name-field-media-image{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:8px;margin-top:8px}.paragraph--type--liftup-with-image .field--name-field-media-image img{width:596px}.paragraph--type--liftup-with-image .field--name-field-liftup-with-image-design{margin-top:8px}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform{-webkit-box-sizing:border-box;box-sizing:border-box;grid-column-gap:40px;-webkit-column-gap:40px;-moz-column-gap:40px;column-gap:40px;display:grid;grid-template-columns:50% auto;grid-template-rows:auto auto}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image{grid-column-end:3;grid-column-start:2;grid-row-end:3;grid-row-start:1;justify-self:self-start;max-width:200px}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image fieldset{background:rgba(0,0,0,0);border:0;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0 0 1.5rem}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image fieldset legend{display:none}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image fieldset .fieldset__wrapper{margin:0}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image fieldset .media-library-selection{margin-top:0}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image .media-library-widget-modal .media-library-item--grid,.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image .media-library-selection .media-library-item--grid{width:100%}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-link{grid-column-end:2;grid-column-start:1;grid-row-end:3;grid-row-start:1}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-desc{grid-column-end:3;grid-column-start:2;grid-row-end:3;grid-row-start:1}}.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-desc .form-element--type-text{width:100%}.paragraph--type--list-of-links{margin-top:64px}.paragraph--type--list-of-links .field--name-field-list-of-links-links>.field__item{margin-top:16px}.paragraph--type--list-of-links .field--name-field-list-of-links-title{font-size:2rem;margin-bottom:16px}.paragraph--type--list-of-links .field--name-field-media-image{line-height:0}.paragraph--type--list-of-links .field--name-field-media-image img{width:368px}.paragraph--type--list-of-links .field--name-field-list-of-links-link{font-size:1.25rem;margin-top:8px}.paragraph--type--text{margin-top:64px}.media-library-view--widget .media-library-item__click-to-select-checkbox .form-boolean{-webkit-box-shadow:0 3px 6px gray;box-shadow:0 3px 6px gray}.media-library-view--widget .pager{width:100%}[dir=ltr] .media-library-view--widget .media-library-item .media-library-item__edit{right:.5rem}[dir=rtl] .media-library-view--widget .media-library-item .media-library-item__edit{left:.5rem}.view-header{overflow:hidden}.view-header .view-results{font-size:.8125rem;padding:4px;text-align:right}.view-content [data-drupal-selector*=-bulk-form] .form-actions{-ms-flex-item-align:baseline;align-self:baseline}#views-form-ordered-news-list-ordered-news table tbody tr:nth-child(-n+4){background:rgba(46,160,67,.1)}#views-form-ordered-news-list-ordered-news table tbody tr:nth-child(4){border-bottom:1px solid #000}.select2-container{min-height:50px}.select2-container .select2-selection{border:1px solid var(--colorGinFormElementBorder);border-radius:6px;-webkit-box-shadow:0 1px 2px rgba(18,18,18,.25);box-shadow:0 1px 2px rgba(18,18,18,.25);color:var(--colorGinText);font-size:1rem;min-height:60px}.select2-container .select2-selection:hover{border-color:var(--colorGinText);-webkit-box-shadow:inset 0 0 0 1px var(--colorGinText);box-shadow:inset 0 0 0 1px var(--colorGinText)}.select2-container .select2-selection .select2-selection__clear{padding:7px 10px 7px 7px}.select2-container .select2-selection .select2-selection__placeholder{font-size:1rem;padding:5px}.select2-container .select2-selection .select2-selection__arrow{height:45px;padding:7px 7px 7px 10px;right:5px;top:0}.select2-container .select2-selection .select2-selection__rendered{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;font-size:1rem;padding:12px 16px}.select2-container .select2-selection .select2-search__field{color:var(--colorGinText);font-size:1rem;margin:0;min-width:100px;padding:calc(.75rem - 1px) calc(1rem - 1px)}.select2-container .select2-selection .select2-selection__choice{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--colorGinPrimary);display:-webkit-box;display:-ms-flexbox;display:flex;margin:.25rem;padding:.5rem 1rem}.select2-container .select2-selection .select2-selection__choice:hover{background-color:var(--colorGinPrimaryHover)}.select2-container .select2-selection .select2-selection__choice:active,.select2-container .select2-selection .select2-selection__choice:focus{background-color:var(--colorGinPrimaryActive)}.select2-container .select2-selection .select2-selection__choice,.select2-container .select2-selection .select2-selection__choice:hover,.select2-container .select2-selection .select2-selection__choice:active,.select2-container .select2-selection .select2-selection__choice:focus{color:var(--colorGinButtonText)}.select2-container .select2-selection .select2-selection__choice__remove{color:var(--colorGinButtonText);font-size:1rem;margin-right:.5rem;-webkit-transition:color 200ms;transition:color 200ms}.select2-container .select2-selection .select2-selection__choice__remove:hover,.select2-container .select2-selection .select2-selection__choice__remove:active,.select2-container .select2-selection .select2-selection__choice__remove:focus{color:var(--color-metro)}.select2-container .select2-results__option{color:var(--colorGinText);font-size:1rem;padding:calc(.75rem - 1px) calc(1rem - 1px)}.color-palette-selection.select2-container{height:50px}.color-palette-selection.select2-container .select2-selection{min-height:50px}.color-palette-selection .select2-selection .select2-selection__rendered{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;padding:6px 8px}.color-palette-selection .select2-selection .select2-selection__rendered .color-selection-wrapper{padding-right:32px}.color-palette-selection .select2-selection__placeholder,.color-palette-selection .select2-selection__arrow,.color-palette-selection .select2-selection__clear{padding:7px}.color-palette-selection .select2-results>.select2-results__options{max-height:350px}.color-palette-selection .select2-selection--single .select2-selection__rendered{line-height:22px}.color-palette-selection .select2-selection--single .select2-selection__arrow{height:35px;right:5px;top:0}.color-palette-selection .color-selection-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.color-palette-selection .color-selection-wrapper .color-selection--primary{background-color:var(--hdbt-color-palette--primary);height:100%;width:50%}.color-palette-selection .color-selection-wrapper .color-selection--secondary{background-color:var(--hdbt-color-palette--secondary);height:100%;width:25%}.color-palette-selection .color-selection-wrapper .color-selection--accent{background-color:var(--hdbt-color-palette--accent);height:100%;width:25%}.color-palette-selection .colors{border:1px solid gray;display:-webkit-box;display:-ms-flexbox;display:flex;width:50%}.color-palette-selection .selection{padding-right:16px;width:50%}.color-palette-selection__wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.design-selection.select2-container,.design-selection.select2-container .select2-selection{min-height:50px}.design-selection .select2-selection .select2-selection__rendered{padding:12px 16px}.design-selection .select2-selection__placeholder,.design-selection .select2-selection__arrow,.design-selection .select2-selection__clear{padding:7px}.design-selection .select2-results>.select2-results__options{max-height:350px}.design-selection .select2-selection--single .select2-selection__arrow{height:35px;right:5px;top:0}.design-selection .image{margin-right:16px;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out}.design-selection .image:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.design-selection__wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.design-selection__thumbnail{background-color:#fff;border:2px solid #818181;border-radius:6px;height:50px;margin-left:16px;min-width:100px;-webkit-transition:-webkit-transform 150ms;transition:-webkit-transform 150ms;transition:transform 150ms;transition:transform 150ms, -webkit-transform 150ms}.design-selection__thumbnail:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.diff-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;max-width:1280px}.diff-wrapper *,.diff-wrapper *::before,.diff-wrapper *::after{-webkit-box-sizing:inherit;box-sizing:inherit}.diff-wrapper .dropbutton-widget{-webkit-box-sizing:content-box;box-sizing:content-box}.diff-wrapper .dropbutton-widget .dropbutton__toggle{padding:0}.field--type-image .diffdel,.field--type-image .diffins,.field--type-image .diffimg{display:inline-block;line-height:0;padding:10px}.field--type-image .diffdel img,.field--type-image del.diffimg img{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.5}.diff-responsive-table-wrapper h2,.diff-responsive-table-wrapper h3,.diff-responsive-table-wrapper h4{font-weight:400}.diff-responsive-table-wrapper h5,.diff-responsive-table-wrapper h6{font-weight:500}.diff-responsive-table-wrapper>h2{font-size:2.125rem}.diff-responsive-table-wrapper p{margin:8px 0 0}.diff-responsive-table-wrapper p:first-child{margin-top:0}.diff-responsive-table-wrapper .field--type-text-long{margin-top:16px}.diff-responsive-table-wrapper .field--name-field-lead{font-size:1.25rem;margin-top:64px}.diff-responsive-table-wrapper .field--name-field-author{margin-top:16px}.diff-responsive-table-wrapper .field--name-field-keywords{margin-top:64px}.image-previewer__image-wrapper{background:#fff;border:5px solid #666;border-radius:5px;max-width:80vw;padding:16px;position:absolute;z-index:99999}@media(min-width: 1080px){.image-previewer__image-wrapper{max-width:50vw}}@media(min-width: 1600px){.image-previewer__image-wrapper{max-width:30vw}}.image-previewer__image{max-width:80vw;min-width:80vw;width:100%}@media(min-width: 1080px){.image-previewer__image{max-width:50vw;min-width:50vw}}@media(min-width: 1600px){.image-previewer__image{max-width:30vw;min-width:30vw}}.image-previewer__title{font-size:1.125rem;font-weight:700}.image-previewer__description{display:block;font-size:.875rem}.paragraph-selection.dropbutton,.js .paragraph-selection.dropbutton,.js.no-touchevents .paragraph-selection.dropbutton{background-color:#fff;height:4rem;min-height:4rem;width:400px}.paragraph-selection.dropbutton .dropbutton__item,.js .paragraph-selection.dropbutton .dropbutton__item,.js.no-touchevents .paragraph-selection.dropbutton .dropbutton__item{min-height:calc(4rem - (2px * 2))}.paragraph-selection.dropbutton .dropbutton__item:first-of-type>*,.js .paragraph-selection.dropbutton .dropbutton__item:first-of-type>*,.js.no-touchevents .paragraph-selection.dropbutton .dropbutton__item:first-of-type>*{border-radius:6px 0 0 6px}.paragraph-selection.dropbutton .dropbutton__item:first-of-type:not(:last-of-type),.js .paragraph-selection.dropbutton .dropbutton__item:first-of-type:not(:last-of-type),.js.no-touchevents .paragraph-selection.dropbutton .dropbutton__item:first-of-type:not(:last-of-type){margin-right:calc(3rem + 1px)}.paragraph-selection .dropbutton__toggle,.js .paragraph-selection .dropbutton__toggle,.js.no-touchevents .paragraph-selection .dropbutton__toggle{min-height:calc(4rem - (2px * 2));min-width:calc(3rem + 1px);z-index:5}.paragraph-selection .paragraph-selection__thumbnail,.js .paragraph-selection .paragraph-selection__thumbnail,.js.no-touchevents .paragraph-selection .paragraph-selection__thumbnail{background-color:#fff;border-bottom:0;border-left:0;border-radius:6px 0 0 6px;border-right:2px solid var(--colorGinTableBorder);border-top:0;height:calc(4rem - (2px * 2));-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out;width:100px}.paragraph-selection .paragraph-selection__wrapper,.js .paragraph-selection .paragraph-selection__wrapper,.js.no-touchevents .paragraph-selection .paragraph-selection__wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:0 !important;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;margin:0;padding:0;width:100%}.paragraph-selection .paragraph-selection__wrapper:hover input.button,.js .paragraph-selection .paragraph-selection__wrapper:hover input.button,.js.no-touchevents .paragraph-selection .paragraph-selection__wrapper:hover input.button{color:#fff}.paragraph-selection .paragraph-selection__wrapper .button.field-add-more-submit,.js .paragraph-selection .paragraph-selection__wrapper .button.field-add-more-submit,.js.no-touchevents .paragraph-selection .paragraph-selection__wrapper .button.field-add-more-submit{border:none !important;border-radius:0;-webkit-box-shadow:none;box-shadow:none;display:block;font-size:.875rem;margin:0;min-height:calc(4rem - (2px * 2));padding:0 0 0 16px;text-align:left;width:100%}.open .paragraph-selection.dropbutton,.js .open .paragraph-selection.dropbutton,.js.no-touchevents .open .paragraph-selection.dropbutton{border-radius:6px 6px 0 0}.open .paragraph-selection.dropbutton .dropbutton__items,.js .open .paragraph-selection.dropbutton .dropbutton__items,.js.no-touchevents .open .paragraph-selection.dropbutton .dropbutton__items{border:2px solid var(--colorGinTableBorder);bottom:auto;padding:0;width:calc(100% - 4px)}.open .paragraph-selection.dropbutton .dropbutton__items .dropbutton__item,.js .open .paragraph-selection.dropbutton .dropbutton__items .dropbutton__item,.js.no-touchevents .open .paragraph-selection.dropbutton .dropbutton__items .dropbutton__item{border:0;-webkit-box-shadow:none;box-shadow:none;margin:0;max-width:100%}.open .paragraph-selection.dropbutton .dropbutton__items .dropbutton__item .paragraph-selection__wrapper,.js .open .paragraph-selection.dropbutton .dropbutton__items .dropbutton__item .paragraph-selection__wrapper,.js.no-touchevents .open .paragraph-selection.dropbutton .dropbutton__items .dropbutton__item .paragraph-selection__wrapper{background-color:#fff}.open .paragraph-selection.dropbutton .dropbutton__items .dropbutton__item .paragraph-selection__wrapper:hover,.js .open .paragraph-selection.dropbutton .dropbutton__items .dropbutton__item .paragraph-selection__wrapper:hover,.js.no-touchevents .open .paragraph-selection.dropbutton .dropbutton__items .dropbutton__item .paragraph-selection__wrapper:hover{background-color:var(--colorGinPrimaryHover);-webkit-box-shadow:none;box-shadow:none}.open .paragraph-selection.dropbutton .dropbutton__item:not(:first-of-type),.js .open .paragraph-selection.dropbutton .dropbutton__item:not(:first-of-type),.js.no-touchevents .open .paragraph-selection.dropbutton .dropbutton__item:not(:first-of-type){border-radius:0}.open .paragraph-selection.dropbutton .dropbutton__item:not(:first-of-type) .paragraph-selection__thumbnail,.js .open .paragraph-selection.dropbutton .dropbutton__item:not(:first-of-type) .paragraph-selection__thumbnail,.js.no-touchevents .open .paragraph-selection.dropbutton .dropbutton__item:not(:first-of-type) .paragraph-selection__thumbnail{border-radius:0}.open .paragraph-selection.dropbutton .dropbutton__item:not(:first-of-type) .paragraph-selection__wrapper,.js .open .paragraph-selection.dropbutton .dropbutton__item:not(:first-of-type) .paragraph-selection__wrapper,.js.no-touchevents .open .paragraph-selection.dropbutton .dropbutton__item:not(:first-of-type) .paragraph-selection__wrapper{background-color:#fff}.is-hidden{display:none} +body.hdbt-admin{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:#fff;color:#1a1a1a;font-family:HelsinkiGrotesk,Arial,sans-serif;line-height:1.5}:root{--hdbt-color-black: #121212;--hdbt-default-link-color: var(--color-black-90);--hdbt-theme-color: var(--color-black);--hdbt-text-color: var(--color-white);--hdbt-text-color--coat-of-arms: var(--color-white);--hdbt-text-color--brick: var(--color-white);--hdbt-text-color--bus: var(--color-white);--hdbt-text-color--metro: var(--color-white);--hdbt-text-color--tram: var(--color-white);--hdbt-text-color--gold: var(--hdbt-color-black);--hdbt-text-color--silver: var(--hdbt-color-black);--hdbt-text-color--copper: var(--hdbt-color-black);--hdbt-text-color--engel: var(--hdbt-color-black);--hdbt-text-color--fog: var(--hdbt-color-black);--hdbt-text-color--summer: var(--hdbt-color-black);--hdbt-text-color--suomenlinna: var(--hdbt-color-black);--hdbt-button-text-color--coat-of-arms: var(--hdbt-color-black);--hdbt-button-text-color--brick: var(--hdbt-color-black);--hdbt-button-text-color--bus: var(--hdbt-color-black);--hdbt-button-text-color--metro: var(--hdbt-color-black);--hdbt-button-text-color--tram: var(--hdbt-color-black);--hdbt-button-text-color--gold: var(--color-white);--hdbt-button-text-color--silver: var(--color-white);--hdbt-button-text-color--copper: var(--color-white);--hdbt-button-text-color--engel: var(--color-white);--hdbt-button-text-color--fog: var(--color-white);--hdbt-button-text-color--summer: var(--color-white);--hdbt-button-text-color--suomenlinna: var(--color-white);--hdbt-button-highlight-color--coat-of-arms: var(--color-black-90);--hdbt-button-highlight-color--brick: var(--color-black-90);--hdbt-button-highlight-color--bus: var(--color-black-90);--hdbt-button-highlight-color--metro: var(--color-black-90);--hdbt-button-highlight-color--tram: var(--color-black-90);--hdbt-button-highlight-color--gold: var(--color-white);--hdbt-button-highlight-color--silver: var(--color-white);--hdbt-button-highlight-color--copper: var(--color-white);--hdbt-button-highlight-color--engel: var(--color-white);--hdbt-button-highlight-color--fog: var(--color-white);--hdbt-button-highlight-color--summer: var(--color-white);--hdbt-button-highlight-color--suomenlinna: var(--color-white)}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:400;src:url(../fonts/HelsinkiGrotesk-Regular.eot);src:url(../fonts/HelsinkiGrotesk-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Regular.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Regular.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Regular.svg#HelsinkiGrotesk-Regular) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:400;src:url(../fonts/HelsinkiGrotesk-RegularItalic.eot);src:url(../fonts/HelsinkiGrotesk-RegularItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-RegularItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-RegularItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-RegularItalic.svg#HelsinkiGrotesk-RegularItalic) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:500;src:url(../fonts/HelsinkiGrotesk-Medium.eot);src:url(../fonts/HelsinkiGrotesk-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Medium.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Medium.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Medium.svg#HelsinkiGrotesk-Medium) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:500;src:url(../fonts/HelsinkiGrotesk-MediumItalic.eot);src:url(../fonts/HelsinkiGrotesk-MediumItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-MediumItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-MediumItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-MediumItalic.svg#HelsinkiGrotesk-MediumItalic) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:700;src:url(../fonts/HelsinkiGrotesk-Bold.eot);src:url(../fonts/HelsinkiGrotesk-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Bold.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Bold.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Bold.svg#HelsinkiGrotesk-Bold) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:700;src:url(../fonts/HelsinkiGrotesk-BoldItalic.eot);src:url(../fonts/HelsinkiGrotesk-BoldItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-BoldItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-BoldItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-BoldItalic.svg#HelsinkiGrotesk-BoldItalic) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:800;src:url(../fonts/HelsinkiGrotesk-Black.eot);src:url(../fonts/HelsinkiGrotesk-Black.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Black.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Black.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Black.svg#HelsinkiGrotesk-Black) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:800;src:url(../fonts/HelsinkiGrotesk-BlackItalic.eot);src:url(../fonts/HelsinkiGrotesk-BlackItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-BlackItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-BlackItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-BlackItalic.svg#HelsinkiGrotesk-BlackItalic) format("svg")}.hdbt-admin .page-wrapper *:focus,.hdbt-admin .ui-dialog *:focus,.hdbt-admin .dropbutton .dropbutton__item>*:focus,.hdbt-admin .dropbutton .dropbutton__item>*:focus:hover,.hdbt-admin .dropbutton__items>.dropbutton__item:first-of-type>*:focus,.hdbt-admin .dropbutton__items>.dropbutton__item:first-of-type~.dropbutton__item>*:focus,.hdbt-admin .dropbutton__items>.dropbutton__item:first-of-type~.dropbutton__item>*:focus:hover,.hdbt-admin .form-boolean:focus:active,.hdbt-admin .form-boolean:focus:hover,.hdbt-admin .cke.cke_chrome.cke_focus,.hdbt-admin .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button a:focus,.hdbt-admin .form-element:focus,.hdbt-admin .form-element:hover:focus,.hdbt-admin .form-element.error:hover:focus,.hdbt-admin .form-actions .action-link:focus,.hdbt-admin .paragraphs-tabs-wrapper .field-multiple-table .draggable.drag,.hdbt-admin .layout-paragraphs-field .layout-paragraphs-actions input.layout-paragraphs-edit:focus,.hdbt-admin .layout-paragraphs-field .layout-paragraphs-actions input.layout-paragraphs-remove:focus{-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.15),0 0 2px 1px #0072c6;box-shadow:0 0 0 1px rgba(0,0,0,.15),0 0 2px 1px #0072c6;outline:none}:root{--input-radio-color-palette: var(--color-black-70);--input-radio-color-palette-text: var(--color-white);--hdbt-admin-theme-color: var(--color-black);--hdbt-admin-text-color: var(--color-white)}.hdbt-admin-tools-site-settings .form-radios.form-boolean-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:8px -8px;max-width:1560px}.hdbt-admin-tools-site-settings .form-radios .form-type--boolean{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin:8px;min-width:200px}.hdbt-admin-tools-site-settings .form-radios .form-type--boolean.form-item--site-settings-koro{width:calc(100% - 32px - 4px)}@media only screen and (min-width: 992px){.hdbt-admin-tools-site-settings .form-radios .form-type--boolean.form-item--site-settings-koro{width:60%}}.hdbt-admin-tools-site-settings .form-radios .form-type--boolean.form-item--site-settings-theme-color{border:2px solid #4d4d4d;border-radius:5px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-ms-flex-flow:row-reverse;flex-flow:row-reverse;margin:8px;width:100%}.hdbt-admin-tools-site-settings .form-radios .form-type--boolean.form-item--site-settings-default-icon{width:100%}@media only screen and (min-width: 992px){.hdbt-admin-tools-site-settings .form-radios .form-type--boolean.form-item--site-settings-default-icon{width:40%}}.hdbt-admin-tools-site-settings .form-radios .form-type--boolean .form-boolean{margin-left:8px;margin-top:-2px}.hdbt-admin-tools-site-settings .form-radios .form-type--boolean .form-item__label.option{margin:2px 8px 0 8px;padding:0}.hdbt-admin-tools-site-settings .form-radios .color-palette{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--color-black-70);background-color:var(--input-radio-color-palette);color:var(--color-white);color:var(--input-radio-color-palette-text);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;font-size:1rem;font-weight:500;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hdbt-admin-tools-site-settings .form-radios .color-palette--primary{--input-radio-color-palette: var(--hdbt-color-palette--primary);--input-radio-color-palette-text: var(--hdbt-color-palette-text--primary);font-weight:700}.hdbt-admin-tools-site-settings .form-radios .color-palette--secondary{--input-radio-color-palette: var(--hdbt-color-palette--secondary);--input-radio-color-palette-text: var(--hdbt-color-palette-text--secondary);font-weight:700}.hdbt-admin-tools-site-settings .form-radios .color-palette--accent{--input-radio-color-palette: var(--hdbt-color-palette--accent);--input-radio-color-palette-text: var(--hdbt-color-palette-text--accent);font-weight:700}.hdbt-admin-tools-site-settings .form-radios .color-palette-wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;height:50px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:height 150ms ease-in-out;transition:height 150ms ease-in-out;width:100%}.hdbt-admin-tools-site-settings .form-radios .color-palette-wrapper:hover{height:150px}.hdbt-admin-tools-site-settings .form-radios .color-palette-wrapper .color-palette--primary{border-radius:3px 3px 0 0;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}.hdbt-admin-tools-site-settings .form-radios .selection-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 32px;min-width:180px}.hdbt-admin-tools-site-settings .form-radios .selection-wrapper label{font-size:1.25rem}.hdbt-admin-tools-site-settings .form-radios .koro{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;color:var(--color-black);color:var(--hdbt-admin-theme-color);display:-webkit-box;display:-ms-flexbox;display:flex;height:70px;width:calc(100% - 150px)}.hdbt-admin-tools-site-settings .form-radios .koro .wave{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.hdbt-admin-tools-site-settings .form-radios .koro svg path{fill:var(--color-black);fill:var(--hdbt-admin-theme-color)}.hdbt-admin-tools-site-settings .form-radios .default-icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--color-black);background-color:var(--hdbt-admin-theme-color);display:-webkit-box;display:-ms-flexbox;display:flex;height:150px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:225px}.hdbt-admin-tools-site-settings .form-radios .default-icon .icon{color:var(--color-white);color:var(--hdbt-admin-text-color);height:50%}#edit-site-settings-koro{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.hel-icon{--fallback: calc(var(--line-height, 1) * 1em);background-color:currentColor;display:inline-block;height:var(--fallback);height:var(--icon-size, var(--fallback));-webkit-mask-image:var(--url);mask-image:var(--url);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:text-bottom;width:var(--fallback);width:var(--icon-size, var(--fallback))}.default-icon .hel-icon{--icon-size: 50%;background-color:var(--color-white);background-color:var(--hdbt-admin-text-color, currentColor)}.hdbt-admin .skip-link{z-index:110}.hdbt-admin .hdbt_admin--edit-form .form-item--status,.hdbt-admin .hdbt_admin--edit-form .field--name-status{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:24px}@media(max-width: 1023px){.hdbt-admin .hdbt_admin--edit-form .layout-region-node-secondary{border-top:2px solid #b3b3b3;margin-top:32px;width:100%}}.hdbt-admin .region-sticky{background-color:#fff}.hdbt-admin .region-sticky .region-sticky__items__inner{-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:32px;justify-items:center}@media(min-width: 1024px)and (max-width: 1280px){.hdbt-admin .region-sticky .region-sticky__items__inner .button{font-size:.875rem;padding:8px 12px}.hdbt-admin .region-sticky .region-sticky__items__inner .form-item--status label,.hdbt-admin .region-sticky .region-sticky__items__inner .field--name-status label{font-size:.875rem}}.hdbt-admin .region-breadcrumb{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;position:relative}.hdbt-admin .region-breadcrumb::after{background:-webkit-gradient(linear, left top, right top, from(transparent), to(#fff));background:linear-gradient(90deg, transparent, #fff);content:"";height:100%;position:absolute;right:0;width:30px}.hdbt-admin .region-breadcrumb .gin-breadcrumb__link{min-width:1px}.hdbt-admin .region-breadcrumb .gin-breadcrumb__item:first-of-type .gin-breadcrumb__link{padding-left:8px}.hdbt-admin .region-breadcrumb .gin-breadcrumb__item:first-of-type .gin-breadcrumb__link::before{display:none}.hdbt_admin .text-full .filter-wrapper{display:none}.hdbt_admin--edit-form .field--name-title .form-element{font-size:1.125rem}.hdbt_admin--edit-form .item-list ul{margin:8px 0 0 8px}.hdbt_admin--edit-form .form-item__label{font-size:1rem}.hdbt_admin--edit-form .field--widget-paragraphs .tabledrag-toggle-weight-wrapper{display:none}.hdbt_admin--edit-form .node-form .field--widget-text-textarea .form-type--textarea+.filter-wrapper{display:none}.block-system-branding-block{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:8px;margin-top:4px}@media(min-width: 1280px){.block-system-branding-block{margin-right:12px}}.block-system-branding-block .site-logo{line-height:1;-webkit-transition:width .25s ease;transition:width .25s ease;width:60px}@media(min-width: 1024px){.block-system-branding-block .site-logo{width:80px}}.block-system-branding-block .site-logo img{padding-top:3px}.block-page-title-block .page-title{font-size:1.375rem;font-weight:500}@media(min-width: 1280px){.block-page-title-block .page-title{font-size:1.75rem}.region-sticky--is-sticky .block-page-title-block .page-title{font-size:1.5625rem}}.block-local-tasks-block{margin-bottom:8px}.block-local-tasks-block .is-horizontal .tabs--secondary{margin-top:8px}.language-switcher{position:relative}.language-switcher .language-link{color:#000;font-size:1rem;font-weight:400;text-decoration:none}@media(min-width: 768px){.language-switcher .language-link{font-size:.875rem;margin:0 4px;padding:2px 4px}}.language-switcher .language-link.is-active{cursor:default;font-weight:700}.language-switcher .language-link.is-disabled{color:#999;cursor:default}.language-switcher a:hover{text-decoration:underline}.language-switcher__button{background-color:var(--colorGinInputBackground);border:2px solid var(--colorGinPrimary) !important;border-radius:var(--ginBorderDefault);-webkit-box-shadow:0 1px 2px var(--colorGinPrimaryLight);box-shadow:0 1px 2px var(--colorGinPrimaryLight);color:var(--colorGinPrimary);font-size:.875rem;font-weight:700;line-height:1;padding:calc(1rem - 2px) calc(1.5rem - 2px)}@media(min-width: 768px){.language-switcher__button{display:none}}.language-switcher__button .label{grid-area:label}.language-switcher__dropdown{display:none}@media(max-width: 768px){.language-switcher__dropdown.is-active{background:#fff;border:1px solid #ccc;border-radius:0 0 3px 3px;-webkit-box-shadow:0 3px 4px rgba(0,0,0,.2);box-shadow:0 3px 4px rgba(0,0,0,.2);display:-webkit-box;display:-ms-flexbox;display:flex;line-height:2;padding:16px;position:absolute;right:0;top:40px;z-index:100}}@media(min-width: 768px){.language-switcher__dropdown{display:-webkit-box;display:-ms-flexbox;display:flex}}body:not(.path-node) header.region .local-actions{white-space:nowrap}body:not(.path-node) header.region .local-actions__item a{white-space:nowrap}.hdbt-admin .entity-meta__promote .form-item__label::after{content:""}.hdbt-admin .entity-meta__revision .field--type-published-at{display:inline-block;margin-top:8px}@media screen and (min-width: 1024px){.hdbt-admin .field--name-field-liftup-image .media-library-selection .media-library-item--grid{width:100%}}.media-library-item__name,.media-library-item__alt{font-size:.875rem}.media-library-item__alt{font-weight:500}.media-library-item__alt span{font-weight:400}.field--name-field-map-map .media-library-item .media-library-item__preview,form[data-drupal-media-type=hel_map] .media-library-item .media-library-item__preview{padding-bottom:0}.field--name-field-map-map .media-library-item .field--name-field-media-hel-map,form[data-drupal-media-type=hel_map] .media-library-item .field--name-field-media-hel-map{margin-bottom:-7px;position:relative}.field--name-field-map-map .media-library-item .field--name-field-media-hel-map::before,form[data-drupal-media-type=hel_map] .media-library-item .field--name-field-media-hel-map::before{background:rgba(0,0,0,.1);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.field--name-field-map-map .media-library-item .field--name-field-media-hel-map a,form[data-drupal-media-type=hel_map] .media-library-item .field--name-field-media-hel-map a{display:none}.field--name-field-map-map .media-library-selection .media-library-item--grid{width:100%}.field--name-field-map-map .media-library-item .media-library-item__preview{padding-bottom:0}.field--name-field-map-map .media-library-item .field--name-field-media-hel-map{height:300px;margin-bottom:0;width:100%}.field--name-field-map-map .media-library-item .field--name-field-media-hel-map::before{background:rgba(0,0,0,.05)}.field--name-field-map-map .media-library-item .field--name-field-media-hel-map iframe{height:100%;width:100%}.media-library-item .helfi-chart .media-library-item__preview{padding-bottom:0}.media-library-item .helfi-chart iframe{border:0;margin-bottom:-7px;max-width:100%}.field--name-field-chart-chart .media-library-selection .media-library-item--grid{width:100%}.field--name-field-chart-chart .field--name-field-helfi-chart-url{height:300px;width:100%}.field--name-field-chart-chart .field--name-field-helfi-chart-url iframe{height:100%;width:100%}.paragraph-type--accordion .field-accordion-items-values>thead{display:none}.paragraph-type--accordion-item .field-accordion-item-content-values>thead{display:none}.paragraph--type--accordion{margin-top:64px}.paragraph--type--accordion .field--name-field-accordion-heading-level{margin-top:8px}.paragraph--type--accordion .paragraph--type--accordion-item .field--name-field-accordion-item-heading{font-size:2rem;margin-top:32px}.paragraph--type--accordion .paragraph--type--accordion-item .field--name-field-media-image .diffdel,.paragraph--type--accordion .paragraph--type--accordion-item .field--name-field-media-image .diffins{display:inline-block;line-height:0;padding:10px}.paragraph--type--accordion .paragraph--type--accordion-item .paragraph--type--columns,.paragraph--type--accordion .paragraph--type--accordion-item .paragraph--type--text{margin-top:0}.paragraph--type--banner{margin-top:64px}.paragraph--type--banner .field--name-field-banner-title{font-size:2rem}.paragraph--type--banner .field--name-field-banner-design{margin-top:8px}.paragraph-type--columns th.field-label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.paragraph-type--columns .columns_size{background:var(--color-black-60);border-radius:4px;color:var(--color-white);margin-left:auto;padding:4px}.paragraph-type--columns .paragraphs-tabs-wrapper table.field-multiple-table{margin:0}.paragraph-type--columns .paragraphs-tabs-wrapper table.field-multiple-table thead tr{border:0}.paragraph-type--columns .paragraphs-tabs-wrapper table.field-multiple-table thead tr th{padding:0}.paragraph-type--columns .paragraphs-tabs-wrapper table.field-multiple-table .form-actions{margin:.5rem 0}.paragraph-type--columns .paragraphs-tabs-wrapper table.field-multiple-table .dropbutton-wrapper{padding:0}.paragraph--type--columns{margin-top:64px;overflow:hidden}.paragraph--type--columns .field--name-field-columns-title{font-size:2rem;margin-bottom:16px}.paragraph--type--columns .field--name-field-columns-design{margin-top:8px}.paragraph--type--columns .paragraph--type--image,.paragraph--type--columns .paragraph--type--text{margin-top:0}.paragraph--type--columns .field--name-field-media-image{line-height:0;margin-bottom:8px}.paragraph--type--columns .field--name-field-columns-left-column{float:left;margin-top:16px;width:50%}.paragraph--type--columns .field--name-field-columns-right-column{float:right;margin-top:16px;padding-left:24px;width:50%}.hdbt-admin .paragraphs-tabs-wrapper>.form-item>.layer-wrapper{background-color:rgba(0,0,0,0);border:0 none;-webkit-box-shadow:0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 rgba(0,0,0,0);padding:0}.hdbt-admin .paragraphs-tabs-wrapper .paragraph-type-label{font-size:1.125rem !important}.hdbt-admin .paragraphs-tabs-wrapper table.field-multiple-table thead{-webkit-box-shadow:0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 rgba(0,0,0,0)}.hdbt-admin .paragraphs-tabs-wrapper table.field-multiple-table thead tr{border:0 none}.hdbt-admin .paragraphs-tabs-wrapper table.field-multiple-table thead th{background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;padding-bottom:0;padding-left:0}.hdbt-admin .paragraphs-tabs-wrapper table.field-multiple-table .draggable{background-color:#fff;margin-top:.5rem}.hdbt-admin .paragraphs-tabs-wrapper table.field-multiple-table .draggable td.paragraph-bullet::after{display:none}.hdbt-admin .paragraphs-tabs-wrapper table.field-multiple-table .draggable td+td{width:100%}.hdbt-admin .translation-entity-all-languages{display:none}.js .hdbt-admin .field--widget-paragraphs .paragraphs-dropbutton-wrapper .dropbutton-multiple{padding:0}.js .hdbt-admin .field--widget-paragraphs .field-multiple-drag{min-width:30px}.js .hdbt-admin .field--widget-paragraphs .field-multiple-drag.tabledrag-cell--only-drag{min-width:12px}.js .hdbt-admin .paragraph-top .paragraph-type,.js .hdbt-admin .paragraph-top .paragraph-summary{-ms-flex-item-align:center;align-self:center}.js .hdbt-admin .paragraphs-tabs-wrapper .field-multiple-table .draggable td{padding:0}.js .hdbt-admin .paragraphs-tabs-wrapper .field-multiple-table .draggable .tabledrag-handle::after{margin:0;padding:0}.js .hdbt-admin .paragraphs-badge{display:none}.paragraph-type--content-cards .field--name-field-content-cards-content .layer-wrapper{background-color:rgba(0,0,0,0);border:0 none;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0}.paragraph-type--content-cards .field--name-field-content-cards-content .field-label{display:none}.paragraph--type--content-cards{margin-top:64px}.paragraph--type--content-cards .field--name-field-content-cards-title{font-size:2rem}.paragraph--type--content-cards .field--name-field-content-cards-design{margin-top:8px}.paragraph--type--content-cards .field--name-field-content-cards-content>.field__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:16px}.paragraph--type--content-cards .field--name-field-content-cards-content>.field__item h2{font-size:1.25rem;margin:8px 0 0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.paragraph--type--content-cards .field--name-field-content-cards-content>.field__item .node__content{min-height:400px;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;position:relative}.paragraph--type--content-cards .field--name-field-content-cards-content>.field__item .node__content::after{background-color:#0000bf;content:"";display:block;height:400px;left:0;position:absolute;top:0;width:600px;z-index:-1}.paragraph--type--content-cards .field--name-field-content-cards-content>.field__item .node__content .field--name-field-media-image{line-height:0}.paragraph-type--content-liftup .field--widget-dynamic-entity-reference-default .details-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.paragraph-type--content-liftup .field--widget-dynamic-entity-reference-default .details-wrapper .form-item{margin:0}.paragraph-type--content-liftup .field--widget-dynamic-entity-reference-default .details-wrapper .form-type--select{-ms-flex-line-pack:start;align-content:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-right:16px}.paragraph-type--content-liftup .field--widget-dynamic-entity-reference-default .details-wrapper .form-type--select label{line-height:20px}.paragraph-type--content-liftup .form-item__error-message{display:block}.paragraph-type--content-liftup .field--name-field-content-liftup-content .layer-wrapper{background-color:rgba(0,0,0,0);border:0 none;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0}.paragraph-type--content-liftup .field--name-field-content-liftup-content .field-label{display:none}.paragraph-type--content-liftup .field--name-field-content-liftup-content .form-item__description .notice{color:#8d0d2d;display:block}.paragraph-type--content-liftup .field--name-field-content-liftup-content .dynamic-entity-reference-target-type-changed{display:none}.paragraph--type--content-liftup{margin-top:64px}.paragraph--type--content-liftup .field--name-field-content-liftup-content>.field__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:16px}.paragraph--type--content-liftup .field--name-field-content-liftup-content>.field__item h2{font-size:1.25rem;margin:8px 0 0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.paragraph--type--content-liftup .field--name-field-content-liftup-content>.field__item .node__content{min-height:400px;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;position:relative}.paragraph--type--content-liftup .field--name-field-content-liftup-content>.field__item .node__content::after{background-color:#0000bf;content:"";display:block;height:400px;left:0;position:absolute;top:0;width:600px;z-index:-1}.paragraph--type--content-liftup .field--name-field-content-liftup-content>.field__item .node__content .field--name-field-media-image{line-height:0}.paragraph--type--gallery{margin-top:64px}.paragraph--type--gallery .field--name-field-gallery-slides>.field__item{margin-top:16px}.paragraph--type--gallery .paragraph--type--gallery-slide .field--name-field-media-image{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:8px}.paragraph--type--gallery .paragraph--type--gallery-slide .field--name-field-media-image img{width:620px}.paragraph--type--gallery .field--name-field-media-image ins,.paragraph--type--gallery .field--name-field-media-image del{display:inline-block;line-height:0;padding:10px}.node-form .field--name-field-hero thead .field-label{display:none}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform{grid-column-gap:40px;-webkit-column-gap:40px;-moz-column-gap:40px;column-gap:40px;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto auto auto auto;margin:0}}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-design{grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1}}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-bg-color{grid-column-end:2;grid-column-start:1;grid-row-end:3;grid-row-start:2}}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-title{grid-column-end:2;grid-column-start:1;grid-row-end:4;grid-row-start:3}}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-desc{grid-column-end:2;grid-column-start:1;grid-row-end:5;grid-row-start:4}}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image{-webkit-box-sizing:border-box;box-sizing:border-box;grid-column-end:3;grid-column-start:2;grid-row-end:5;grid-row-start:1;padding-right:30px}}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image fieldset{background:rgba(0,0,0,0);border:0;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0 0 1.5rem}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image fieldset legend{display:none}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image fieldset .fieldset__wrapper{margin:0}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image .media-library-widget-modal .media-library-item--grid,.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image .media-library-selection .media-library-item--grid{width:250px}}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link-design{grid-column-end:2;grid-column-start:1;grid-row-end:7;grid-row-start:6}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link-design .paragraphs-subform{display:block}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link{grid-column-end:3;grid-column-start:1;grid-row-end:8;grid-row-start:7}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link .layer-wrapper{border:0 none;-webkit-box-shadow:none;box-shadow:none;padding:0}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link .layer-wrapper{margin:0 0 0 -0.5rem}}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link .layer-wrapper tbody{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link .layer-wrapper tr{max-width:520px}@media(min-width: 1180px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link .layer-wrapper tr{-webkit-box-flex:1;-ms-flex:1 1 32%;flex:1 1 32%;margin:0 .5rem 1rem}}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link .paragraphs-subform{display:block}.paragraph--type--hero .field--name-field-hero-title{font-size:2rem}.paragraph--type--hero .field--name-field-hero-design{margin-top:8px}@media(min-width: 768px){.paragraph-type--image .paragraphs-subform .field--name-field-image{float:left;width:40%}}@media(min-width: 1024px){.paragraph-type--image .paragraphs-subform .field--name-field-image{width:50%}}@media(min-width: 1160px){.paragraph-type--image .paragraphs-subform .field--name-field-image{width:35%}}.paragraph-type--image .paragraphs-subform .field--name-field-image fieldset{background:rgba(0,0,0,0);border:0;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0 0 1.5rem}.paragraph-type--image .paragraphs-subform .field--name-field-image fieldset legend{display:none}.paragraph-type--image .paragraphs-subform .field--name-field-image fieldset .fieldset__wrapper{margin:0}@media(min-width: 768px){.paragraph-type--image .paragraphs-subform .field--name-field-image .media-library-widget-modal .media-library-item--grid,.paragraph-type--image .paragraphs-subform .field--name-field-image .media-library-selection .media-library-item--grid{width:100%}}@media(min-width: 768px){.paragraph-type--image .paragraphs-subform .field--name-field-image-caption,.paragraph-type--image .paragraphs-subform .field--name-field-original-aspect-ratio{float:right;width:55%}}@media(min-width: 1024px){.paragraph-type--image .paragraphs-subform .field--name-field-image-caption,.paragraph-type--image .paragraphs-subform .field--name-field-original-aspect-ratio{width:45%}}@media(min-width: 1160px){.paragraph-type--image .paragraphs-subform .field--name-field-image-caption,.paragraph-type--image .paragraphs-subform .field--name-field-original-aspect-ratio{width:60%}}.paragraph--type--image{margin-top:64px}.paragraph--type--image .field--name-field-media-image{display:-webkit-box;display:-ms-flexbox;display:flex;line-height:0}.paragraph--type--image .field--name-field-media-image img{width:596px}.paragraph--type--image .field--name-field-photographer{margin-top:8px}.paragraphs-library-item-form-instructions{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.paragraphs-library-item-form-instructions .icon{height:32px;margin-right:8px;width:32px}.paragraph--type--liftup-with-image{margin-top:64px}.paragraph--type--liftup-with-image .field--name-field-liftup-with-image-title{font-size:2rem}.paragraph--type--liftup-with-image .field--name-field-media-image{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:8px;margin-top:8px}.paragraph--type--liftup-with-image .field--name-field-media-image img{width:596px}.paragraph--type--liftup-with-image .field--name-field-liftup-with-image-design{margin-top:8px}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform{-webkit-box-sizing:border-box;box-sizing:border-box;grid-column-gap:40px;-webkit-column-gap:40px;-moz-column-gap:40px;column-gap:40px;display:grid;grid-template-columns:50% auto;grid-template-rows:auto auto}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image{grid-column-end:3;grid-column-start:2;grid-row-end:3;grid-row-start:1;justify-self:self-start;max-width:200px}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image fieldset{background:rgba(0,0,0,0);border:0;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0 0 1.5rem}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image fieldset legend{display:none}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image fieldset .fieldset__wrapper{margin:0}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image fieldset .media-library-selection{margin-top:0}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image .media-library-widget-modal .media-library-item--grid,.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image .media-library-selection .media-library-item--grid{width:100%}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-link{grid-column-end:2;grid-column-start:1;grid-row-end:3;grid-row-start:1}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-desc{grid-column-end:3;grid-column-start:2;grid-row-end:3;grid-row-start:1}}.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-desc .form-element--type-text{width:100%}.paragraph--type--list-of-links{margin-top:64px}.paragraph--type--list-of-links .field--name-field-list-of-links-links>.field__item{margin-top:16px}.paragraph--type--list-of-links .field--name-field-list-of-links-title{font-size:2rem;margin-bottom:16px}.paragraph--type--list-of-links .field--name-field-media-image{line-height:0}.paragraph--type--list-of-links .field--name-field-media-image img{width:368px}.paragraph--type--list-of-links .field--name-field-list-of-links-link{font-size:1.25rem;margin-top:8px}.paragraph--type--text{margin-top:64px}.media-library-view--widget .media-library-item__click-to-select-checkbox .form-boolean{-webkit-box-shadow:0 3px 6px gray;box-shadow:0 3px 6px gray}.media-library-view--widget .pager{width:100%}[dir=ltr] .media-library-view--widget .media-library-item .media-library-item__edit{right:.5rem}[dir=rtl] .media-library-view--widget .media-library-item .media-library-item__edit{left:.5rem}.view-header{overflow:hidden}.view-header .view-results{font-size:.8125rem;padding:4px;text-align:right}.view-content [data-drupal-selector*=-bulk-form] .form-actions{-ms-flex-item-align:baseline;align-self:baseline}#views-form-ordered-news-list-ordered-news table tbody tr:nth-child(-n+4){background:rgba(46,160,67,.1)}#views-form-ordered-news-list-ordered-news table tbody tr:nth-child(4){border-bottom:1px solid #000}.select2-container{min-height:50px}.select2-container .select2-selection{border:1px solid var(--colorGinFormElementBorder);border-radius:6px;-webkit-box-shadow:0 1px 2px rgba(18,18,18,.25);box-shadow:0 1px 2px rgba(18,18,18,.25);color:var(--colorGinText);font-size:1rem;min-height:60px}.select2-container .select2-selection:hover{border-color:var(--colorGinText);-webkit-box-shadow:inset 0 0 0 1px var(--colorGinText);box-shadow:inset 0 0 0 1px var(--colorGinText)}.select2-container .select2-selection .select2-selection__clear{padding:7px 10px 7px 7px}.select2-container .select2-selection .select2-selection__placeholder{font-size:1rem;padding:5px}.select2-container .select2-selection .select2-selection__arrow{height:45px;padding:7px 7px 7px 10px;right:5px;top:0}.select2-container .select2-selection .select2-selection__rendered{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;font-size:1rem;padding:12px 16px}.select2-container .select2-selection .select2-search__field{color:var(--colorGinText);font-size:1rem;margin:0;min-width:100px;padding:calc(.75rem - 1px) calc(1rem - 1px)}.select2-container .select2-selection .select2-selection__choice{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--colorGinPrimary);display:-webkit-box;display:-ms-flexbox;display:flex;margin:.25rem;padding:.5rem 1rem}.select2-container .select2-selection .select2-selection__choice:hover{background-color:var(--colorGinPrimaryHover)}.select2-container .select2-selection .select2-selection__choice:active,.select2-container .select2-selection .select2-selection__choice:focus{background-color:var(--colorGinPrimaryActive)}.select2-container .select2-selection .select2-selection__choice,.select2-container .select2-selection .select2-selection__choice:hover,.select2-container .select2-selection .select2-selection__choice:active,.select2-container .select2-selection .select2-selection__choice:focus{color:var(--colorGinButtonText)}.select2-container .select2-selection .select2-selection__choice__remove{color:var(--colorGinButtonText);font-size:1rem;margin-right:.5rem;-webkit-transition:color 200ms;transition:color 200ms}.select2-container .select2-selection .select2-selection__choice__remove:hover,.select2-container .select2-selection .select2-selection__choice__remove:active,.select2-container .select2-selection .select2-selection__choice__remove:focus{color:var(--color-metro)}.select2-container .select2-results__option{color:var(--colorGinText);font-size:1rem;padding:calc(.75rem - 1px) calc(1rem - 1px)}.color-palette-selection.select2-container{height:50px}.color-palette-selection.select2-container .select2-selection{min-height:50px}.color-palette-selection .select2-selection .select2-selection__rendered{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;padding:6px 8px}.color-palette-selection .select2-selection .select2-selection__rendered .color-selection-wrapper{padding-right:32px}.color-palette-selection .select2-selection__placeholder,.color-palette-selection .select2-selection__arrow,.color-palette-selection .select2-selection__clear{padding:7px}.color-palette-selection .select2-results>.select2-results__options{max-height:350px}.color-palette-selection .select2-selection--single .select2-selection__rendered{line-height:22px}.color-palette-selection .select2-selection--single .select2-selection__arrow{height:35px;right:5px;top:0}.color-palette-selection .color-selection-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.color-palette-selection .color-selection-wrapper .color-selection--primary{background-color:var(--hdbt-color-palette--primary);height:100%;width:50%}.color-palette-selection .color-selection-wrapper .color-selection--secondary{background-color:var(--hdbt-color-palette--secondary);height:100%;width:25%}.color-palette-selection .color-selection-wrapper .color-selection--accent{background-color:var(--hdbt-color-palette--accent);height:100%;width:25%}.color-palette-selection .colors{border:1px solid gray;display:-webkit-box;display:-ms-flexbox;display:flex;width:50%}.color-palette-selection .selection{padding-right:16px;width:50%}.color-palette-selection__wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.design-selection.select2-container,.design-selection.select2-container .select2-selection{min-height:50px}.design-selection .select2-selection .select2-selection__rendered{padding:12px 16px}.design-selection .select2-selection__placeholder,.design-selection .select2-selection__arrow,.design-selection .select2-selection__clear{padding:7px}.design-selection .select2-results>.select2-results__options{max-height:350px}.design-selection .select2-selection--single .select2-selection__arrow{height:35px;right:5px;top:0}.design-selection .image{margin-right:16px;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out}.design-selection .image:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.design-selection__wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.design-selection__thumbnail{background-color:#fff;border:2px solid #818181;border-radius:6px;height:50px;margin-left:16px;min-width:100px;-webkit-transition:-webkit-transform 150ms;transition:-webkit-transform 150ms;transition:transform 150ms;transition:transform 150ms, -webkit-transform 150ms}.design-selection__thumbnail:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.diff-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;max-width:1280px}.diff-wrapper *,.diff-wrapper *::before,.diff-wrapper *::after{-webkit-box-sizing:inherit;box-sizing:inherit}.diff-wrapper .dropbutton-widget{-webkit-box-sizing:content-box;box-sizing:content-box}.diff-wrapper .dropbutton-widget .dropbutton__toggle{padding:0}.field--type-image .diffdel,.field--type-image .diffins,.field--type-image .diffimg{display:inline-block;line-height:0;padding:10px}.field--type-image .diffdel img,.field--type-image del.diffimg img{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.5}.diff-responsive-table-wrapper h2,.diff-responsive-table-wrapper h3,.diff-responsive-table-wrapper h4{font-weight:400}.diff-responsive-table-wrapper h5,.diff-responsive-table-wrapper h6{font-weight:500}.diff-responsive-table-wrapper>h2{font-size:2.125rem}.diff-responsive-table-wrapper p{margin:8px 0 0}.diff-responsive-table-wrapper p:first-child{margin-top:0}.diff-responsive-table-wrapper .field--type-text-long{margin-top:16px}.diff-responsive-table-wrapper .field--name-field-lead{font-size:1.25rem;margin-top:64px}.diff-responsive-table-wrapper .field--name-field-author{margin-top:16px}.diff-responsive-table-wrapper .field--name-field-keywords{margin-top:64px}.image-previewer__image-wrapper{background:#fff;border:5px solid #666;border-radius:5px;max-width:80vw;padding:16px;position:absolute;z-index:99999}@media(min-width: 1080px){.image-previewer__image-wrapper{max-width:50vw}}@media(min-width: 1600px){.image-previewer__image-wrapper{max-width:30vw}}.image-previewer__image{max-width:80vw;min-width:80vw;width:100%}@media(min-width: 1080px){.image-previewer__image{max-width:50vw;min-width:50vw}}@media(min-width: 1600px){.image-previewer__image{max-width:30vw;min-width:30vw}}.image-previewer__title{font-size:1.125rem;font-weight:700}.image-previewer__description{display:block;font-size:.875rem}.paragraph-selection.dropbutton,.js .paragraph-selection.dropbutton,.js.no-touchevents .paragraph-selection.dropbutton{background-color:#fff;height:4rem;min-height:4rem;width:400px}.paragraph-selection.dropbutton .dropbutton__item,.js .paragraph-selection.dropbutton .dropbutton__item,.js.no-touchevents .paragraph-selection.dropbutton .dropbutton__item{min-height:calc(4rem - (2px * 2))}.paragraph-selection.dropbutton .dropbutton__item:first-of-type>*,.js .paragraph-selection.dropbutton .dropbutton__item:first-of-type>*,.js.no-touchevents .paragraph-selection.dropbutton .dropbutton__item:first-of-type>*{border-radius:6px 0 0 6px}.paragraph-selection.dropbutton .dropbutton__item:first-of-type:not(:last-of-type),.js .paragraph-selection.dropbutton .dropbutton__item:first-of-type:not(:last-of-type),.js.no-touchevents .paragraph-selection.dropbutton .dropbutton__item:first-of-type:not(:last-of-type){margin-right:calc(3rem + 1px)}.paragraph-selection .dropbutton__toggle,.js .paragraph-selection .dropbutton__toggle,.js.no-touchevents .paragraph-selection .dropbutton__toggle{min-height:calc(4rem - (2px * 2));min-width:calc(3rem + 1px);z-index:5}.paragraph-selection .paragraph-selection__thumbnail,.js .paragraph-selection .paragraph-selection__thumbnail,.js.no-touchevents .paragraph-selection .paragraph-selection__thumbnail{background-color:#fff;border-bottom:0;border-left:0;border-radius:6px 0 0 6px;border-right:2px solid var(--colorGinTableBorder);border-top:0;height:calc(4rem - (2px * 2));-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out;width:100px}.paragraph-selection .paragraph-selection__wrapper,.js .paragraph-selection .paragraph-selection__wrapper,.js.no-touchevents .paragraph-selection .paragraph-selection__wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:0 !important;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;margin:0;padding:0;width:100%}.paragraph-selection .paragraph-selection__wrapper:hover input.button,.js .paragraph-selection .paragraph-selection__wrapper:hover input.button,.js.no-touchevents .paragraph-selection .paragraph-selection__wrapper:hover input.button{color:#fff}.paragraph-selection .paragraph-selection__wrapper .button.field-add-more-submit,.js .paragraph-selection .paragraph-selection__wrapper .button.field-add-more-submit,.js.no-touchevents .paragraph-selection .paragraph-selection__wrapper .button.field-add-more-submit{border:none !important;border-radius:0;-webkit-box-shadow:none;box-shadow:none;display:block;font-size:.875rem;margin:0;min-height:calc(4rem - (2px * 2));padding:0 0 0 16px;text-align:left;width:100%}.open .paragraph-selection.dropbutton,.js .open .paragraph-selection.dropbutton,.js.no-touchevents .open .paragraph-selection.dropbutton{border-radius:6px 6px 0 0}.open .paragraph-selection.dropbutton .dropbutton__items,.js .open .paragraph-selection.dropbutton .dropbutton__items,.js.no-touchevents .open .paragraph-selection.dropbutton .dropbutton__items{border:2px solid var(--colorGinTableBorder);bottom:auto;padding:0;width:calc(100% - 4px)}.open .paragraph-selection.dropbutton .dropbutton__items .dropbutton__item,.js .open .paragraph-selection.dropbutton .dropbutton__items .dropbutton__item,.js.no-touchevents .open .paragraph-selection.dropbutton .dropbutton__items .dropbutton__item{border:0;-webkit-box-shadow:none;box-shadow:none;margin:0;max-width:100%}.open .paragraph-selection.dropbutton .dropbutton__items .dropbutton__item .paragraph-selection__wrapper,.js .open .paragraph-selection.dropbutton .dropbutton__items .dropbutton__item .paragraph-selection__wrapper,.js.no-touchevents .open .paragraph-selection.dropbutton .dropbutton__items .dropbutton__item .paragraph-selection__wrapper{background-color:#fff}.open .paragraph-selection.dropbutton .dropbutton__items .dropbutton__item .paragraph-selection__wrapper:hover,.js .open .paragraph-selection.dropbutton .dropbutton__items .dropbutton__item .paragraph-selection__wrapper:hover,.js.no-touchevents .open .paragraph-selection.dropbutton .dropbutton__items .dropbutton__item .paragraph-selection__wrapper:hover{background-color:var(--colorGinPrimaryHover);-webkit-box-shadow:none;box-shadow:none}.open .paragraph-selection.dropbutton .dropbutton__item:not(:first-of-type),.js .open .paragraph-selection.dropbutton .dropbutton__item:not(:first-of-type),.js.no-touchevents .open .paragraph-selection.dropbutton .dropbutton__item:not(:first-of-type){border-radius:0}.open .paragraph-selection.dropbutton .dropbutton__item:not(:first-of-type) .paragraph-selection__thumbnail,.js .open .paragraph-selection.dropbutton .dropbutton__item:not(:first-of-type) .paragraph-selection__thumbnail,.js.no-touchevents .open .paragraph-selection.dropbutton .dropbutton__item:not(:first-of-type) .paragraph-selection__thumbnail{border-radius:0}.open .paragraph-selection.dropbutton .dropbutton__item:not(:first-of-type) .paragraph-selection__wrapper,.js .open .paragraph-selection.dropbutton .dropbutton__item:not(:first-of-type) .paragraph-selection__wrapper,.js.no-touchevents .open .paragraph-selection.dropbutton .dropbutton__item:not(:first-of-type) .paragraph-selection__wrapper{background-color:#fff}.is-hidden{display:none} diff --git a/src/scss/06_components/entity/__index.scss b/src/scss/06_components/entity/__index.scss index 49f67b69..a335de49 100644 --- a/src/scss/06_components/entity/__index.scss +++ b/src/scss/06_components/entity/__index.scss @@ -1,2 +1,3 @@ +@import 'media'; @import 'hel-map'; @import 'helfi-chart'; diff --git a/src/scss/06_components/entity/_media.scss b/src/scss/06_components/entity/_media.scss new file mode 100644 index 00000000..68197b8e --- /dev/null +++ b/src/scss/06_components/entity/_media.scss @@ -0,0 +1,12 @@ +.media-library-item__name, +.media-library-item__alt { + font-size: 0.875rem; +} + +.media-library-item__alt { + font-weight: 500; + + span { + font-weight: 400; + } +} From 9fe3c25f1d9e97f99305a39b5720ec499eb6b10a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Markus=20Kalij=C3=A4rvi?= Date: Tue, 15 Nov 2022 14:05:50 +0200 Subject: [PATCH 5/5] Fixed alt text checking when the alt-text is artificially empty (with two doublequotes). --- hdbt_admin.theme | 3 ++- templates/entity/media--media-library.html.twig | 12 +++++------- translations/fi.po | 4 ---- translations/sv.po | 4 ---- 4 files changed, 7 insertions(+), 16 deletions(-) diff --git a/hdbt_admin.theme b/hdbt_admin.theme index 5de2f313..f142c8e3 100644 --- a/hdbt_admin.theme +++ b/hdbt_admin.theme @@ -393,8 +393,9 @@ function hdbt_admin_preprocess_media(&$variables) { } if ($variables['media']->hasTranslation($current_language)) { - $variables['alt_text'] = $variables['media'] + $alt = $variables['media'] ->getTranslation($current_language)->field_media_image->alt; + $variables['alt_text'] = $alt !== '""' ? $alt : FALSE; } } } diff --git a/templates/entity/media--media-library.html.twig b/templates/entity/media--media-library.html.twig index 3745a06c..f4646090 100644 --- a/templates/entity/media--media-library.html.twig +++ b/templates/entity/media--media-library.html.twig @@ -50,17 +50,15 @@
{{ name }}
- {% if alt_text %} -
+
+ {% if alt_text %} {{ 'Alt'|t({}, {'context': 'Alt text in media library'}) }}: {{ alt_text }} -
- {% else %} -
+ {% else %} {{ 'Alt'|t({}, {'context': 'Alt text in media library'}) }}: "" ({{ 'Empty'|t({}, {'context': 'Empty alt text in media library'}) }}) -
- {% endif %} + {% endif %} +
{% endif %} diff --git a/translations/fi.po b/translations/fi.po index 40ba8001..49fd6daf 100644 --- a/translations/fi.po +++ b/translations/fi.po @@ -5,10 +5,6 @@ msgctxt "Accent color" msgid "Accent" msgstr "Korosteväri" -msgctxt "Alt text in media library" -msgid "Alt text" -msgstr "Alt-teksti" - msgctxt "Empty alt text in media library" msgid "Empty" msgstr "Tyhjä" diff --git a/translations/sv.po b/translations/sv.po index f7fe00dd..a0739d4b 100644 --- a/translations/sv.po +++ b/translations/sv.po @@ -1,10 +1,6 @@ msgid "" msgstr "" -msgctxt "Alt text in media library" -msgid "Alt text" -msgstr "Alt text" - msgctxt "Empty alt text in media library" msgid "Empty" msgstr "Tom"