/*!***************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./resources/scss/screen.scss ***!
\***************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
* Breakpoints — aligned with WordPress / Gutenberg defaults.
*
* xs: 480px mobile small
* sm: 600px WordPress "small"
* md: 782px WordPress "medium" (admin bar collapse point)
* lg: 1024px tablet / laptop
* xl: 1280px desktop
* 2xl: 1600px wide
*
* Usage:
* @include bp-up(md) { … } → min-width: 782px
* @include bp-down(md){ … } → max-width: 781.98px
* @include bp-between(sm, lg) { … }
*/
/**
* Container queries — same breakpoint scale as the media query helpers.
*
* The queried element (or an ancestor) must have container-type set.
* Use the `container` mixin to declare it, or set it manually.
*
* Usage:
* @include container { … } → container-type: inline-size
* @include container(card) { … } → container-type: inline-size; container-name: card
* @include cq-up(md) { … } → @container (min-width: 782px)
* @include cq-up(md, card) { … } → @container card (min-width: 782px)
* @include cq-down(lg) { … } → @container (max-width: 1023.98px)
* @include cq-between(sm, xl) { … } → @container (min-width: 600px) and (max-width: 1279.98px)
*/
.box-shadow {
box-shadow: 0 8px 16px -2px rgba(54, 53, 52, 0.1);
}
.wp-block-button {
--button-spacing: 0.625rem 1.5rem;
--button-bg: var(--wp--preset--color--primary);
--button-txt: var(--wp--preset--color--white);
--button-hover-bg: var(--wp--preset--color--dark-magenta);
--button-hover-txt: var(--wp--preset--color--white);
--button-hover-border: var(--wp--preset--color--dark-magenta);
--button-font-size: 1rem;
--button-font-weight: 500;
--button-line-height: 1.25;
--button-radius: 90px;
--button-border-color: transparent;
--button-border-width: 2px;
}
@media screen and (min-width: 782px) {
.wp-block-button {
--button-font-size: 1.125rem;
--button-font-weight: 600;
--button-spacing: 1rem 1.5rem;
}
}
.wp-block-button .wp-block-button__link {
padding: var(--button-spacing);
background-color: var(--button-bg);
color: var(--button-txt);
display: flex;
flex-flow: row nowrap;
align-items: center;
gap: var(--wp--preset--spacing--md);
border: var(--button-border-width) solid var(--button-border-color);
border-radius: var(--button-radius);
font-size: var(--button-font-size);
font-weight: var(--button-font-weight);
line-height: var(--button-line-height);
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.wp-block-button .wp-block-button__link:hover {
background: var(--button-hover-bg);
color: var(--button-hover-txt);
border-color: var(--button-hover-border);
}
.wp-block-button.is-style-secondary, .wp-block-button.is-style-arrow {
--button-bg: var(--wp--preset--color--white);
--button-txt: var(--wp--preset--color--primary);
--button-border-color: var(--wp--preset--color--primary);
--button-hover-bg: var(--wp--preset--color--white);
--button-hover-txt: var(--wp--preset--color--dark-magenta);
--button-hover-border: var(--wp--preset--color--dark-magenta);
}
.wp-block-button.is-style-arrow .wp-block-button__link:after {
content: "";
display: inline-block;
width: 18px;
height: 16px;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2718%27 height=%2716%27 viewBox=%270 0 18 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M10.7045 0.287676C10.3111 -0.0999452 9.67798 -0.0952564 9.29036 0.298149C8.90274 0.691555 8.90743 1.3247 9.30083 1.71232L14.6712 7.00372H1C0.447715 7.00372 0 7.45144 0 8.00372C0 8.55601 0.447716 9.00372 1 9.00372H14.6646L9.30083 14.2886C8.90743 14.6762 8.90274 15.3094 9.29036 15.7028C9.67798 16.0962 10.3111 16.1009 10.7045 15.7133L17.6287 8.89087C18.1256 8.40126 18.1256 7.59967 17.6287 7.11006L10.7045 0.287676Z%27 fill=%27%238C1B64%27/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width=%2718%27 height=%2716%27 viewBox=%270 0 18 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M10.7045 0.287676C10.3111 -0.0999452 9.67798 -0.0952564 9.29036 0.298149C8.90274 0.691555 8.90743 1.3247 9.30083 1.71232L14.6712 7.00372H1C0.447715 7.00372 0 7.45144 0 8.00372C0 8.55601 0.447716 9.00372 1 9.00372H14.6646L9.30083 14.2886C8.90743 14.6762 8.90274 15.3094 9.29036 15.7028C9.67798 16.0962 10.3111 16.1009 10.7045 15.7133L17.6287 8.89087C18.1256 8.40126 18.1256 7.59967 17.6287 7.11006L10.7045 0.287676Z%27 fill=%27%238C1B64%27/%3E%3C/svg%3E%0A");
background-color: currentColor;
}
.wp-block-button.is-style-arrow-circle {
--button-bg: var(--wp--preset--color--primary);
--button-txt: var(--wp--preset--color--white);
}
.wp-block-button.is-style-arrow-circle .wp-block-button__link {
width: 56px;
height: 56px;
padding: 16px 16px 16px 12px;
border-radius: 9999px;
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
line-height: 0;
}
.wp-block-button.is-style-arrow-circle .wp-block-button__link span[data-rich-text-placeholder] {
display: none !important;
}
.wp-block-button.is-style-arrow-circle .wp-block-button__link .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
}
.wp-block-button.is-style-arrow-circle .wp-block-button__link::after {
content: "";
display: block;
flex-shrink: 0;
width: 24px;
height: 24px;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M11.2727 3.68664C10.8935 3.28513 10.9115 2.65222 11.3131 2.273C11.7146 1.89378 12.3475 1.91185 12.7267 2.31337L21.227 11.3134C21.591 11.6987 21.591 12.3012 21.2271 12.6866L12.7267 21.688C12.3476 22.0896 11.7147 22.1077 11.3131 21.7285C10.9116 21.3493 10.8934 20.7164 11.2726 20.3149L19.1245 12.0001L11.2727 3.68664Z%27 fill=%27%23FCFDFF%27 /%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M11.2727 3.68664C10.8935 3.28513 10.9115 2.65222 11.3131 2.273C11.7146 1.89378 12.3475 1.91185 12.7267 2.31337L21.227 11.3134C21.591 11.6987 21.591 12.3012 21.2271 12.6866L12.7267 21.688C12.3476 22.0896 11.7147 22.1077 11.3131 21.7285C10.9116 21.3493 10.8934 20.7164 11.2726 20.3149L19.1245 12.0001L11.2727 3.68664Z%27 fill=%27%23FCFDFF%27 /%3E%3C/svg%3E%0A");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
background-color: var(--button-txt);
}
.wp-block-button.is-style-arrow-circle .wp-block-button__link:hover {
background: var(--button-hover-bg);
}
.diakon-footer {
position: relative;
overflow: hidden;
}
.diakon-footer::before {
content: "";
position: absolute;
right: 0;
top: -3.4375rem;
width: 44%;
max-width: 35.125rem;
aspect-ratio: 562/769;
background-image: url("data:image/svg+xml,%3Csvg width=%27347%27 height=%27495%27 viewBox=%270 0 347.297 495.075%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M202.384 481.697C259.879 490.663 321.89 390.408 340.892 257.773C359.894 125.138 328.696 10.3598 271.201 1.39372C213.706 -7.57234 151.694 92.6825 132.692 225.317C113.69 357.952 144.889 472.731 202.384 481.697Z%27 stroke=%27%23FCFDFF%27 stroke-width=%271.67212%27/%3E%3Cpath d=%27M214.018 485.42C290.026 454.983 323.836 354.717 289.516 261.464C255.196 168.21 165.753 117.28 89.7454 147.716C13.727 178.153 -20.0729 278.419 14.2473 371.673C48.5675 464.926 138.01 515.857 214.018 485.42Z%27 stroke=%27%23FCFDFF%27 stroke-width=%271.67212%27/%3E%3Cpath d=%27M206.462 458.033C265.841 434.261 291.316 353.404 263.354 277.442C235.402 201.48 164.598 159.168 105.229 182.951C45.8507 206.723 20.376 287.58 48.3378 363.542C76.2893 439.504 147.094 481.816 206.462 458.033Z%27 stroke=%27%23FCFDFF%27 stroke-width=%271.12326%27/%3E%3Cpath d=%27M206.535 450.652C244.914 456.633 288.891 371.64 304.771 260.802C320.651 149.963 302.419 55.2662 264.041 49.2852C225.662 43.3042 181.674 128.297 165.805 239.136C149.925 349.974 168.167 444.671 206.535 450.652Z%27 stroke=%27%23FCFDFF%27 stroke-width=%271.12326%27/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: right center;
opacity: 0.25;
pointer-events: none;
}
@media screen and (max-width: 781.98px) {
.diakon-footer::before {
top: -0.625rem;
}
}
.diakon-footer__nav {
width: 100%;
}
.diakon-footer__nav .wp-block-navigation-item__content {
text-decoration: underline;
}
.diakon-footer__nav .wp-block-navigation-item__content:hover {
opacity: 0.8;
text-decoration: none;
}
.diakon-footer__bottombar .wp-block-navigation-item__content {
text-decoration: none;
}
.diakon-footer__bottombar .wp-block-navigation-item__content:hover {
color: var(--wp--preset--color--primary);
}
.diakon-footer__bottombar .current-menu-item .wp-block-navigation-item__content {
color: var(--wp--preset--color--primary);
}
.diakon-header__inner {
max-width: 80rem;
margin-inline: auto;
width: 100%;
align-items: center;
}
.diakon-header__right {
align-items: center;
flex-shrink: 0;
}
.diakon-header__nav .wp-block-navigation-item__content,
.diakon-header__nav .wp-block-navigation-submenu__toggle {
font-size: var(--wp--preset--font-size--body);
font-weight: 600;
line-height: 1.25;
color: var(--wp--preset--color--black);
text-decoration: none;
background: none;
border: none;
cursor: pointer;
padding: 0;
display: flex;
align-items: center;
gap: 0.375rem;
transition: color 0.2s;
}
.diakon-header__nav .wp-block-navigation-item__content:hover,
.diakon-header__nav .wp-block-navigation-submenu__toggle:hover {
color: var(--wp--preset--color--primary);
}
.diakon-header__nav .wp-block-navigation .wp-block-navigation__submenu-icon {
width: 24px;
height: 24px;
flex-shrink: 0;
display: inline-block;
background-color: var(--wp--preset--color--black);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5ZM7.46967 9.96967C7.76256 9.67678 8.23744 9.67678 8.53033 9.96967L12 13.4393L15.4697 9.96967C15.7626 9.67678 16.2374 9.67678 16.5303 9.96967C16.8232 10.2626 16.8232 10.7374 16.5303 11.0303L12.5303 15.0303C12.2374 15.3232 11.7626 15.3232 11.4697 15.0303L7.46967 11.0303C7.17678 10.7374 7.17678 10.2626 7.46967 9.96967Z%27 fill=%27black%27/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5ZM7.46967 9.96967C7.76256 9.67678 8.23744 9.67678 8.53033 9.96967L12 13.4393L15.4697 9.96967C15.7626 9.67678 16.2374 9.67678 16.5303 9.96967C16.8232 10.2626 16.8232 10.7374 16.5303 11.0303L12.5303 15.0303C12.2374 15.3232 11.7626 15.3232 11.4697 15.0303L7.46967 11.0303C7.17678 10.7374 7.17678 10.2626 7.46967 9.96967Z%27 fill=%27black%27/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
transition: background-color 0.2s;
}
.diakon-header__nav .wp-block-navigation .wp-block-navigation__submenu-icon svg {
display: none;
}
.diakon-header__nav .wp-block-navigation-submenu__toggle[aria-expanded=true] + .wp-block-navigation__submenu-icon,
.diakon-header__nav .wp-block-navigation__submenu-icon[aria-expanded=true] {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM7.46967 14.0303C7.17678 13.7374 7.17678 13.2626 7.46967 12.9697L11.4697 8.96967C11.7626 8.67678 12.2374 8.67678 12.5303 8.96967L16.5303 12.9697C16.8232 13.2626 16.8232 13.7374 16.5303 14.0303C16.2374 14.3232 15.7626 14.3232 15.4697 14.0303L12 10.5607L8.53033 14.0303C8.23744 14.3232 7.76256 14.3232 7.46967 14.0303Z%27 fill=%27black%27/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM7.46967 14.0303C7.17678 13.7374 7.17678 13.2626 7.46967 12.9697L11.4697 8.96967C11.7626 8.67678 12.2374 8.67678 12.5303 8.96967L16.5303 12.9697C16.8232 13.2626 16.8232 13.7374 16.5303 14.0303C16.2374 14.3232 15.7626 14.3232 15.4697 14.0303L12 10.5607L8.53033 14.0303C8.23744 14.3232 7.76256 14.3232 7.46967 14.0303Z%27 fill=%27black%27/%3E%3C/svg%3E");
background-color: var(--wp--preset--color--primary);
}
.diakon-header__nav .wp-block-navigation-submenu__toggle[aria-expanded=true] {
color: var(--wp--preset--color--primary);
}
.diakon-header__nav > .wp-block-navigation__container {
gap: var(--wp--preset--spacing--xl) !important;
flex-wrap: nowrap;
align-items: center;
}
.diakon-header__search {
display: flex;
align-items: center;
}
.diakon-header__search form {
display: flex;
align-items: center;
}
.diakon-header__search .wp-block-search__inside-wrapper {
display: flex;
align-items: center;
}
.diakon-header__search .wp-block-search__button {
background: none;
border: 0;
border-radius: 0;
color: inherit;
font: inherit;
line-height: normal;
overflow: visible;
padding: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
width: 24px;
height: 24px;
flex-shrink: 0;
font-size: 0;
background-color: var(--wp--preset--color--black);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 18.5 18.5%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath id=%27Shape%27 d=%27M7.5 0C11.6421 0 15 3.35786 15 7.5C15 9.21015 14.4276 10.7866 13.464 12.0483L18.2071 16.7929C18.5976 17.1834 18.5976 17.8166 18.2071 18.2071C17.8466 18.5676 17.2794 18.5953 16.8871 18.2903L16.7929 18.2071L12.0483 13.464C10.7866 14.4276 9.21015 15 7.5 15C3.35786 15 0 11.6421 0 7.5C0 3.35786 3.35786 0 7.5 0ZM7.5 2C4.46243 2 2 4.46243 2 7.5C2 10.5376 4.46243 13 7.5 13C10.5376 13 13 10.5376 13 7.5C13 4.46243 10.5376 2 7.5 2Z%27 fill=%27black%27/%3E %3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 18.5 18.5%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath id=%27Shape%27 d=%27M7.5 0C11.6421 0 15 3.35786 15 7.5C15 9.21015 14.4276 10.7866 13.464 12.0483L18.2071 16.7929C18.5976 17.1834 18.5976 17.8166 18.2071 18.2071C17.8466 18.5676 17.2794 18.5953 16.8871 18.2903L16.7929 18.2071L12.0483 13.464C10.7866 14.4276 9.21015 15 7.5 15C3.35786 15 0 11.6421 0 7.5C0 3.35786 3.35786 0 7.5 0ZM7.5 2C4.46243 2 2 4.46243 2 7.5C2 10.5376 4.46243 13 7.5 13C10.5376 13 13 10.5376 13 7.5C13 4.46243 10.5376 2 7.5 2Z%27 fill=%27black%27/%3E %3C/svg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
cursor: pointer;
transition: background-color 0.2s;
}
.diakon-header__search .wp-block-search__button svg {
display: none;
}
.diakon-header__search .wp-block-search__button:hover {
background-color: var(--wp--preset--color--primary);
}
.diakon-header__cart {
display: flex;
align-items: center;
}
.diakon-header__cart .wc-block-mini-cart__button {
background: none;
border: 0;
border-radius: 0;
color: inherit;
font: inherit;
line-height: normal;
overflow: visible;
padding: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
position: relative;
width: 24px;
height: 24px;
flex-shrink: 0;
}
.diakon-header__cart .wc-block-mini-cart__button .wc-block-mini-cart__icon {
display: none;
}
.diakon-header__cart .wc-block-mini-cart__button::before {
content: "";
display: block;
width: 24px;
height: 24px;
background-color: var(--wp--preset--color--black);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 17.4988 17.5%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath id=%27Shape%27 d=%27M0 0.75C0 0.335786 0.335786 0 0.75 0H1.30826C2.25873 0 2.82782 0.638993 3.15325 1.23299C3.37016 1.62894 3.52708 2.08818 3.64982 2.50395C3.68306 2.50134 3.71674 2.5 3.7508 2.5H16.2481C17.0783 2.5 17.6778 3.29442 17.4502 4.0928L15.6224 10.5019C15.2856 11.6832 14.2062 12.4978 12.9779 12.4978H7.02977C5.79128 12.4978 4.7056 11.6699 4.37783 10.4756L3.61734 7.70455L2.35874 3.45578L2.3567 3.44834C2.201 2.88051 2.05487 2.35005 1.83773 1.9537C1.62686 1.5688 1.45877 1.5 1.30826 1.5H0.75C0.335786 1.5 0 1.16421 0 0.75ZM6.5 17.5C7.60457 17.5 8.5 16.6046 8.5 15.5C8.5 14.3954 7.60457 13.5 6.5 13.5C5.39543 13.5 4.5 14.3954 4.5 15.5C4.5 16.6046 5.39543 17.5 6.5 17.5ZM13.5 17.5C14.6046 17.5 15.5 16.6046 15.5 15.5C15.5 14.3954 14.6046 13.5 13.5 13.5C12.3954 13.5 11.5 14.3954 11.5 15.5C11.5 16.6046 12.3954 17.5 13.5 17.5Z%27 fill=%27black%27/%3E %3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 17.4988 17.5%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath id=%27Shape%27 d=%27M0 0.75C0 0.335786 0.335786 0 0.75 0H1.30826C2.25873 0 2.82782 0.638993 3.15325 1.23299C3.37016 1.62894 3.52708 2.08818 3.64982 2.50395C3.68306 2.50134 3.71674 2.5 3.7508 2.5H16.2481C17.0783 2.5 17.6778 3.29442 17.4502 4.0928L15.6224 10.5019C15.2856 11.6832 14.2062 12.4978 12.9779 12.4978H7.02977C5.79128 12.4978 4.7056 11.6699 4.37783 10.4756L3.61734 7.70455L2.35874 3.45578L2.3567 3.44834C2.201 2.88051 2.05487 2.35005 1.83773 1.9537C1.62686 1.5688 1.45877 1.5 1.30826 1.5H0.75C0.335786 1.5 0 1.16421 0 0.75ZM6.5 17.5C7.60457 17.5 8.5 16.6046 8.5 15.5C8.5 14.3954 7.60457 13.5 6.5 13.5C5.39543 13.5 4.5 14.3954 4.5 15.5C4.5 16.6046 5.39543 17.5 6.5 17.5ZM13.5 17.5C14.6046 17.5 15.5 16.6046 15.5 15.5C15.5 14.3954 14.6046 13.5 13.5 13.5C12.3954 13.5 11.5 14.3954 11.5 15.5C11.5 16.6046 12.3954 17.5 13.5 17.5Z%27 fill=%27black%27/%3E %3C/svg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
transition: background-color 0.2s;
}
.diakon-header__cart .wc-block-mini-cart__button:hover::before {
background-color: var(--wp--preset--color--primary);
}
.diakon-header__cart .wc-block-mini-cart__badge {
position: absolute;
top: -0.25rem;
right: -0.375rem;
font-size: 0.625rem;
font-weight: 700;
line-height: 1;
min-width: 1rem;
height: 1rem;
padding: 0 0.1875rem;
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--white);
border-radius: var(--wp--preset--border-radius--full);
display: flex;
align-items: center;
justify-content: center;
}
.diakon-header__cta {
flex-shrink: 0;
}
.diakon-header__cta .wp-block-button__link {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
@media screen and (max-width: 781.98px) {
.diakon-header__cta {
display: none;
}
.diakon-header__right {
gap: var(--wp--preset--spacing--lg) !important;
}
}
.diakon-topbar__inner {
max-width: 80rem;
margin-inline: auto;
width: 100%;
align-items: stretch !important;
}
.diakon-topbar__orgs {
align-self: stretch;
align-items: stretch !important;
}
.diakon-topbar__org {
display: flex;
align-items: center;
}
.diakon-topbar__org p {
font-size: var(--wp--preset--font-size--body);
font-weight: 600;
line-height: 1.25;
margin: 0;
white-space: nowrap;
}
.diakon-topbar__org p a {
color: var(--wp--preset--color--black);
text-decoration: none;
transition: color 0.2s;
}
.diakon-topbar__org p a:hover {
color: var(--wp--preset--color--primary);
}
.site-palvelut .diakon-topbar__orgs .diakon-topbar__org:first-child, .site-saatio .diakon-topbar__orgs .diakon-topbar__org:last-child {
background-color: var(--wp--preset--color--secondary);
pointer-events: none;
}
.site-palvelut .diakon-topbar__orgs .diakon-topbar__org:first-child p a, .site-saatio .diakon-topbar__orgs .diakon-topbar__org:last-child p a {
color: var(--wp--preset--color--primary);
}
.diakon-topbar__nav {
align-self: center;
}
.diakon-topbar__nav .wp-block-navigation__container {
gap: var(--wp--preset--spacing--xl) !important;
align-items: center;
}
.diakon-topbar__nav .wp-block-navigation-item__content {
font-size: var(--wp--preset--font-size--body-small);
font-weight: 600;
line-height: 1.35;
color: var(--wp--preset--color--black);
text-decoration: none;
transition: color 0.2s;
}
.diakon-topbar__nav .wp-block-navigation-item__content:hover {
color: var(--wp--preset--color--primary);
}
.page-template-topbar-only.site-palvelut .diakon-topbar__orgs .diakon-topbar__org:first-child, .page-template-topbar-only.site-saatio .diakon-topbar__orgs .diakon-topbar__org:last-child {
background-color: transparent;
pointer-events: auto;
}
.page-template-topbar-only.site-palvelut .diakon-topbar__orgs .diakon-topbar__org:first-child p a, .page-template-topbar-only.site-saatio .diakon-topbar__orgs .diakon-topbar__org:last-child p a {
color: var(--wp--preset--color--black);
}
.page-template-topbar-only .diakon-topbar__nav .current-menu-item .wp-block-navigation-item__content {
color: var(--wp--preset--color--bright-blue);
}
@media screen and (max-width: 781.98px) {
.diakon-topbar {
display: none;
}
}
.diakon-header {
position: relative;
}
.diakon-mega-menu-item {
position: static !important;
}
.diakon-mega-menu-item .diakon-mega-menu__toggle {
display: flex !important;
}
.diakon-mega-menu__panel {
display: none;
position: absolute;
top: 85%;
left: 0;
right: 0;
z-index: 200;
}
.diakon-mega-menu__panel.is-open {
display: block;
}
@media screen and (max-width: 781.98px) {
.diakon-mega-menu__panel {
display: none !important;
}
}
.wp-block-safe-svg-svg-icon {
line-height: 0 !important;
}
.wp-block-breadcrumbs a {
font-weight: 700;
}
.wp-block-details {
--wp--style--block-gap: var(--wp--preset--spacing--xl);
background-color: var(--wp--preset--color--white);
border-radius: var(--wp--preset--border-radius--m);
box-shadow: var(--wp--preset--shadow--card);
padding: var(--wp--preset--spacing--xl);
}
.wp-block-details > summary {
display: flex;
justify-content: space-between;
align-items: center;
gap: 2rem;
font-size: var(--wp--preset--font-size--h-4);
font-weight: 600;
line-height: 1.25;
color: var(--wp--preset--color--black);
list-style: none;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
transition: color 0.2s ease;
}
.wp-block-details > summary::marker, .wp-block-details > summary::-webkit-details-marker {
display: none;
}
.wp-block-details > summary::after {
content: "";
flex-shrink: 0;
width: 24px;
height: 24px;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M12 3.75a.75.75 0 0 0-.75.75V11.25H4.5a.75.75 0 0 0 0 1.5H11.25V20.25a.75.75 0 0 0 1.5 0V12.75H20.25a.75.75 0 0 0 0-1.5H12.75V4.5A.75.75 0 0 0 12 3.75Z%27 fill=%27black%27/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M12 3.75a.75.75 0 0 0-.75.75V11.25H4.5a.75.75 0 0 0 0 1.5H11.25V20.25a.75.75 0 0 0 1.5 0V12.75H20.25a.75.75 0 0 0 0-1.5H12.75V4.5A.75.75 0 0 0 12 3.75Z%27 fill=%27black%27/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
background-color: var(--wp--preset--color--primary);
}
.wp-block-details > summary:hover {
color: var(--wp--preset--color--primary);
}
.wp-block-details[open] > summary {
color: var(--wp--preset--color--primary);
}
.wp-block-details[open] > summary::after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z%27 fill=%27black%27/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z%27 fill=%27black%27/%3E%3C/svg%3E");
}
.wp-block-accordion > .wp-block-accordion-item + .wp-block-accordion-item {
margin-top: var(--wp--preset--spacing--xl);
}
.wp-block-accordion-item {
background-color: var(--wp--preset--color--white);
border-radius: var(--wp--preset--border-radius--m);
box-shadow: var(--wp--preset--shadow--card);
padding: var(--wp--preset--spacing--xl);
}
.wp-block-accordion-item .wp-block-accordion-heading {
margin-bottom: 0;
}
.wp-block-accordion-item .wp-block-accordion-heading__toggle {
display: flex;
justify-content: space-between;
align-items: center;
gap: 2rem;
width: 100%;
background: none;
border: none;
padding: 0;
text-align: left;
font-size: var(--wp--preset--font-size--h-4);
font-weight: 600;
line-height: 1.25;
color: var(--wp--preset--color--black);
cursor: pointer;
transition: color 0.2s ease;
}
.wp-block-accordion-item .wp-block-accordion-heading__toggle:hover {
color: var(--wp--preset--color--primary);
}
.wp-block-accordion-item .wp-block-accordion-heading__toggle-icon {
flex-shrink: 0;
width: 24px;
height: 24px;
font-size: 0;
background-color: var(--wp--preset--color--primary);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M12 3.75a.75.75 0 0 0-.75.75V11.25H4.5a.75.75 0 0 0 0 1.5H11.25V20.25a.75.75 0 0 0 1.5 0V12.75H20.25a.75.75 0 0 0 0-1.5H12.75V4.5A.75.75 0 0 0 12 3.75Z%27 fill=%27black%27/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M12 3.75a.75.75 0 0 0-.75.75V11.25H4.5a.75.75 0 0 0 0 1.5H11.25V20.25a.75.75 0 0 0 1.5 0V12.75H20.25a.75.75 0 0 0 0-1.5H12.75V4.5A.75.75 0 0 0 12 3.75Z%27 fill=%27black%27/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle {
color: var(--wp--preset--color--primary);
}
.wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle-icon {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z%27 fill=%27black%27/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z%27 fill=%27black%27/%3E%3C/svg%3E");
}
.wp-block-accordion-item.is-open .wp-block-accordion-panel {
padding-top: var(--wp--preset--spacing--2-xl);
}
p.is-style-ingress {
font-size: var(--wp--preset--font-size--h-3);
font-weight: 700;
line-height: 1.25;
}
p.is-style-ingress:not(:last-child) {
margin-bottom: var(--wp--preset--spacing--2-xl);
margin-block-end: var(--wp--preset--spacing--2-xl);
}
p.is-style-ingress-md {
font-size: var(--wp--preset--font-size--h-4);
font-weight: 600;
line-height: 1.4;
}
p.is-style-ingress-md:not(:last-child) {
margin-bottom: var(--wp--preset--spacing--2-xl);
margin-block-end: var(--wp--preset--spacing--2-xl);
}
p.is-style-ingress-sm {
font-size: var(--wp--preset--font-size--body);
font-weight: 600;
line-height: 1.4;
}
p.is-style-ingress-sm:not(:last-child) {
margin-bottom: var(--wp--preset--spacing--md);
margin-block-end: var(--wp--preset--spacing--md);
}
p.is-style-custom-quote {
font-size: var(--wp--preset--font-size--quote);
font-style: italic;
font-weight: 500;
line-height: 1.15;
margin-bottom: 0;
}
p.is-style-default:not(:last-child) {
margin-bottom: var(--wp--preset--spacing--2-xl);
margin-block-end: var(--wp--preset--spacing--2-xl);
}
p.is-style-text-small {
font-size: var(--wp--preset--font-size--body-small);
}
p.is-style-text-small:not(:last-child) {
margin-bottom: var(--wp--preset--spacing--2-xl);
margin-block-end: var(--wp--preset--spacing--2-xl);
}
.wp-block-group.alignfull.is-style-secondary, .wp-block-group.alignfull.is-style-lightest-grey, .wp-block-group.alignfull.is-style-white,
.is-root-container > .block-editor-block-list__block.is-style-secondary,
.is-root-container > .block-editor-block-list__block.is-style-lightest-grey,
.is-root-container > .block-editor-block-list__block.is-style-white {
margin-top: var(--wp--preset--spacing--0);
margin-bottom: var(--wp--preset--spacing--0);
padding-top: var(--wp--preset--spacing--5-xl);
padding-bottom: var(--wp--preset--spacing--5-xl);
}
.is-style-text-shadow-1 {
text-shadow: 0 4px 6px rgba(0, 0, 0, 0.6);
}
.wp-block-list.is-style-anchor-links {
list-style: none !important;
padding: 0 0 0 24px !important;
margin: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--wp--preset--spacing--md);
}
.wp-block-list.is-style-anchor-links li {
display: inline-flex;
align-items: center;
gap: var(--wp--preset--spacing--xs);
}
.wp-block-list.is-style-anchor-links li::after {
content: "";
display: block;
flex-shrink: 0;
width: 10px;
height: 12px;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2710%27 height=%2712%27 viewBox=%270 0 10 12%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M4.25.75a.75.75 0 0 1 1.5 0v7.94l2.22-2.22a.75.75 0 1 1 1.06 1.06l-3.5 3.5a.75.75 0 0 1-1.06 0l-3.5-3.5A.75.75 0 1 1 2.03 6.47L4.25 8.69V.75Z%27 fill=%27black%27/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg width=%2710%27 height=%2712%27 viewBox=%270 0 10 12%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M4.25.75a.75.75 0 0 1 1.5 0v7.94l2.22-2.22a.75.75 0 1 1 1.06 1.06l-3.5 3.5a.75.75 0 0 1-1.06 0l-3.5-3.5A.75.75 0 1 1 2.03 6.47L4.25 8.69V.75Z%27 fill=%27black%27/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
background-color: var(--wp--preset--color--primary);
}
.wp-block-list.is-style-anchor-links li a {
font-size: var(--wp--preset--font-size--tiny);
font-weight: 600;
line-height: 1.35;
color: var(--wp--preset--color--primary);
text-decoration: none;
}
.wp-block-list.is-style-anchor-links li a:hover {
color: var(--wp--preset--color--dark-magenta);
}
.wp-block-list.is-style-palvelutags,
.wp-block-list.is-style-palvelutags-saatio {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: var(--wp--preset--spacing--xs);
}
.wp-block-list.is-style-palvelutags.has-text-align-center,
.wp-block-list.is-style-palvelutags-saatio.has-text-align-center {
justify-content: center;
}
.wp-block-list.is-style-palvelutags.has-text-align-right,
.wp-block-list.is-style-palvelutags-saatio.has-text-align-right {
justify-content: flex-end;
}
.wp-block-list.is-style-palvelutags li,
.wp-block-list.is-style-palvelutags-saatio li {
display: inline-flex;
align-items: center;
gap: var(--wp--preset--spacing--xs);
border-radius: var(--wp--preset--border-radius--full);
padding: 6px 14px 6px 8px;
font-size: var(--wp--preset--font-size--tiny);
font-weight: 500;
line-height: 1.25;
}
.wp-block-list.is-style-palvelutags li::before,
.wp-block-list.is-style-palvelutags-saatio li::before {
content: "";
display: block;
width: 12px;
height: 12px;
flex-shrink: 0;
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
background-color: currentColor;
}
.wp-block-list.is-style-palvelutags li {
background: var(--wp--preset--color--pastel-pink);
color: var(--wp--preset--color--primary);
}
.wp-block-list.is-style-palvelutags-saatio li {
background: var(--wp--preset--color--light-blue);
color: var(--wp--preset--color--bright-blue);
}
.site-diakon-saatio .wp-block-list.is-style-palvelutags {
--bg-color: var(--wp--preset--color--secondary);
}
.site-diakon-saatio .wp-block-button {
--button-bg: var(--wp--preset--color--bright-blue);
--button-hover-bg: var(--wp--preset--color--primary);
--button-hover-border: var(--wp--preset--color--primary);
}
.site-diakon-saatio .wp-block-button.is-style-secondary, .site-diakon-saatio .wp-block-button.is-style-arrow {
--button-bg: var(--wp--preset--color--white);
--button-txt: var(--wp--preset--color--bright-blue);
--button-border-color: var(--wp--preset--color--bright-blue);
--button-hover-bg: var(--wp--preset--color--white);
--button-hover-txt: var(--wp--preset--color--primary);
--button-hover-border: var(--wp--preset--color--primary);
}
.diakon-anchor-nav__label {
display: flex;
align-items: center;
gap: 8px;
font-size: 0.875rem;
font-weight: 600;
line-height: 1.35;
margin: 0;
}
.diakon-anchor-nav__label::before {
content: "";
display: block;
flex-shrink: 0;
width: 16px;
height: 16px;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M2 4.5C2 3.11929 3.11929 2 4.5 2H11.5C12.8807 2 14 3.11929 14 4.5V11.5C14 12.8807 12.8807 14 11.5 14H4.5C3.11929 14 2 12.8807 2 11.5V4.5ZM5.5 5C5.5 4.58579 5.16421 4.25 4.75 4.25C4.33579 4.25 4 4.58579 4 5C4 5.41421 4.33579 5.75 4.75 5.75C5.16421 5.75 5.5 5.41421 5.5 5ZM5.5 8C5.5 7.58579 5.16421 7.25 4.75 7.25C4.33579 7.25 4 7.58579 4 8C4 8.41421 4.33579 8.75 4.75 8.75C5.16421 8.75 5.5 8.41421 5.5 8ZM4.75 11.75C5.16421 11.75 5.5 11.4142 5.5 11C5.5 10.5858 5.16421 10.25 4.75 10.25C4.33579 10.25 4 10.5858 4 11C4 11.4142 4.33579 11.75 4.75 11.75ZM6.5 5C6.5 5.27614 6.72386 5.5 7 5.5H11.5C11.7761 5.5 12 5.27614 12 5C12 4.72386 11.7761 4.5 11.5 4.5H7C6.72386 4.5 6.5 4.72386 6.5 5ZM7 7.5C6.72386 7.5 6.5 7.72386 6.5 8C6.5 8.27614 6.72386 8.5 7 8.5H11.5C11.7761 8.5 12 8.27614 12 8C12 7.72386 11.7761 7.5 11.5 7.5H7ZM6.5 11C6.5 11.2761 6.72386 11.5 7 11.5H11.5C11.7761 11.5 12 11.2761 12 11C12 10.7239 11.7761 10.5 11.5 10.5H7C6.72386 10.5 6.5 10.7239 6.5 11Z%27 fill=%27%238C1B64%27/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M2 4.5C2 3.11929 3.11929 2 4.5 2H11.5C12.8807 2 14 3.11929 14 4.5V11.5C14 12.8807 12.8807 14 11.5 14H4.5C3.11929 14 2 12.8807 2 11.5V4.5ZM5.5 5C5.5 4.58579 5.16421 4.25 4.75 4.25C4.33579 4.25 4 4.58579 4 5C4 5.41421 4.33579 5.75 4.75 5.75C5.16421 5.75 5.5 5.41421 5.5 5ZM5.5 8C5.5 7.58579 5.16421 7.25 4.75 7.25C4.33579 7.25 4 7.58579 4 8C4 8.41421 4.33579 8.75 4.75 8.75C5.16421 8.75 5.5 8.41421 5.5 8ZM4.75 11.75C5.16421 11.75 5.5 11.4142 5.5 11C5.5 10.5858 5.16421 10.25 4.75 10.25C4.33579 10.25 4 10.5858 4 11C4 11.4142 4.33579 11.75 4.75 11.75ZM6.5 5C6.5 5.27614 6.72386 5.5 7 5.5H11.5C11.7761 5.5 12 5.27614 12 5C12 4.72386 11.7761 4.5 11.5 4.5H7C6.72386 4.5 6.5 4.72386 6.5 5ZM7 7.5C6.72386 7.5 6.5 7.72386 6.5 8C6.5 8.27614 6.72386 8.5 7 8.5H11.5C11.7761 8.5 12 8.27614 12 8C12 7.72386 11.7761 7.5 11.5 7.5H7ZM6.5 11C6.5 11.2761 6.72386 11.5 7 11.5H11.5C11.7761 11.5 12 11.2761 12 11C12 10.7239 11.7761 10.5 11.5 10.5H7C6.72386 10.5 6.5 10.7239 6.5 11Z%27 fill=%27%238C1B64%27/%3E%3C/svg%3E%0A");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
background-color: var(--wp--preset--color--dark-magenta);
}
.diakon-hero__subpage {
position: relative;
overflow: hidden;
}
.diakon-hero__subpage > * {
padding-right: 6.25rem;
hyphens: auto;
}
.diakon-hero__subpage::before {
content: "";
position: absolute;
right: 9rem;
top: -1.625rem;
width: 40%;
max-width: 22.5rem;
aspect-ratio: 347/495;
background-image: url("data:image/svg+xml,%3Csvg width=%27347%27 height=%27495%27 viewBox=%270 0 347.297 495.075%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M202.384 481.697C259.879 490.663 321.89 390.408 340.892 257.773C359.894 125.138 328.696 10.3598 271.201 1.39372C213.706 -7.57234 151.694 92.6825 132.692 225.317C113.69 357.952 144.889 472.731 202.384 481.697Z%27 stroke=%27%23FCFDFF%27 stroke-width=%271.67212%27/%3E%3Cpath d=%27M214.018 485.42C290.026 454.983 323.836 354.717 289.516 261.464C255.196 168.21 165.753 117.28 89.7454 147.716C13.727 178.153 -20.0729 278.419 14.2473 371.673C48.5675 464.926 138.01 515.857 214.018 485.42Z%27 stroke=%27%23FCFDFF%27 stroke-width=%271.67212%27/%3E%3Cpath d=%27M206.462 458.033C265.841 434.261 291.316 353.404 263.354 277.442C235.402 201.48 164.598 159.168 105.229 182.951C45.8507 206.723 20.376 287.58 48.3378 363.542C76.2893 439.504 147.094 481.816 206.462 458.033Z%27 stroke=%27%23FCFDFF%27 stroke-width=%271.12326%27/%3E%3Cpath d=%27M206.535 450.652C244.914 456.633 288.891 371.64 304.771 260.802C320.651 149.963 302.419 55.2662 264.041 49.2852C225.662 43.3042 181.674 128.297 165.805 239.136C149.925 349.974 168.167 444.671 206.535 450.652Z%27 stroke=%27%23FCFDFF%27 stroke-width=%271.12326%27/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
opacity: 0.3;
pointer-events: none;
}
@media screen and (max-width: 781.98px) {
.diakon-hero__subpage::before {
right: 1.25rem;
}
}
@media screen and (max-width: 781.98px) {
.diakon-hero {
border-radius: 0 !important;
}
}
.diakon-hero--inner {
container-type: inline-size;
}
@media screen and (max-width: 781.98px) {
.diakon-hero--inner {
border-radius: 0 !important;
}
}
@media screen and (max-width: 1023.98px) {
.diakon-hero--inner {
width: 100%;
}
}
.diakon-hero__general .wp-block-group-is-layout-grid {
display: grid;
grid-template-columns: 1fr;
}
@container (min-width: 1024px) {
.diakon-hero__general .wp-block-group-is-layout-grid {
grid-template-columns: 328px minmax(0, 1fr);
}
}
.diakon-hero__general .wp-block-group-is-layout-grid > :first-child {
max-width: 20.5rem;
}
@container (max-width: 1023.98px) {
.diakon-hero__general .wp-block-group-is-layout-grid > :first-child {
order: 2;
}
}
@container (min-width: 1024px) and (max-width: 1279.98px) {
.diakon-hero__general .wp-block-group-is-layout-grid > :last-child {
padding-right: 110px !important;
}
}
@container (min-width: 1024px) {
.diakon-hero__general .wp-block-group-is-layout-grid > :last-child {
max-width: 44.1875rem;
}
}
@container (max-width: 1023.98px) {
.diakon-hero__general .wp-block-group-is-layout-grid > :last-child {
order: 1;
}
}
.diakon-hero__locations .wp-block-group-is-layout-grid {
display: grid;
grid-template-columns: 1fr;
}
@container (min-width: 1024px) {
.diakon-hero__locations .wp-block-group-is-layout-grid {
grid-template-columns: 422px minmax(0, 1fr);
}
}
.diakon-hero__locations .wp-block-group-is-layout-grid > :first-child {
max-width: 26.375rem;
}
@container (max-width: 1023.98px) {
.diakon-hero__locations .wp-block-group-is-layout-grid > :first-child {
order: 2;
}
}
@container (min-width: 1024px) and (max-width: 1279.98px) {
.diakon-hero__locations .wp-block-group-is-layout-grid > :last-child {
padding-right: 110px !important;
}
}
@container (max-width: 1023.98px) {
.diakon-hero__locations .wp-block-group-is-layout-grid > :last-child {
order: 1;
}
}
.diakon-hero__white .wp-block-group-is-layout-grid {
display: grid;
grid-template-columns: 1fr;
}
@container (min-width: 1024px) {
.diakon-hero__white .wp-block-group-is-layout-grid {
grid-template-columns: 467px minmax(0, 1fr);
}
}
.diakon-hero__white .wp-block-group-is-layout-grid > :first-child {
max-width: 29.1875rem;
}
@container (max-width: 1023.98px) {
.diakon-hero__white .wp-block-group-is-layout-grid > :first-child {
order: 2;
}
}
@container (min-width: 1024px) and (max-width: 1279.98px) {
.diakon-hero__white .wp-block-group-is-layout-grid > :last-child {
padding-right: 110px !important;
}
}
@container (max-width: 1023.98px) {
.diakon-hero__white .wp-block-group-is-layout-grid > :last-child {
order: 1;
}
}
.diakon-quote.wp-block-group.has-background {
padding-top: var(--wp--preset--spacing--6-xl);
padding-bottom: var(--wp--preset--spacing--6-xl);
}
@media screen and (min-width: 1024px) {
.page-template-sidebar-page-template .diakon-quote.wp-block-group.has-background {
position: relative;
max-width: var(--wp--style--global--content-size);
margin-left: 23.75rem;
margin-right: 0;
left: calc(50% - 11.875rem);
transform: translateX(-50%);
}
}
@media screen and (min-width: 1024px) and (max-width: 1199.98px) {
.page-template-sidebar-page-template .diakon-slogan .wp-block-columns {
flex-wrap: wrap !important;
}
.page-template-sidebar-page-template .diakon-slogan .wp-block-column {
flex-basis: 100% !important;
}
}
.is-no-shrink {
flex-shrink: 0;
}
.wp-block-group.has-background {
padding: 0;
}
.wp-block-post-content > .wp-block-group:not(.diakon-hero) {
margin-top: var(--wp--preset--spacing--5-xl);
margin-bottom: var(--wp--preset--spacing--5-xl);
}
.wp-block-post-content > .wp-block-group[class*=is-style-]:not([class*=is-style-default]) + .wp-block-group[class*=is-style-]:not([class*=is-style-default]) {
margin-top: var(--wp--preset--spacing--0);
}
.wp-block-post-content > .wp-block-group[class*=is-style-]:not([class*=is-style-default]):has(+ .wp-block-group[class*=is-style-]:not([class*=is-style-default])) {
margin-bottom: var(--wp--preset--spacing--0);
}
.wp-block-columns > .wp-block-column.is-no-grow,
.is-no-grow {
flex-grow: 0;
flex-basis: fit-content !important;
}
.is-hyphenated {
hyphens: auto;
overflow-wrap: break-word;
}
[data-z-index] {
position: relative;
}
[data-z-index="-1"] {
z-index: -1;
}
[data-z-index="0"] {
z-index: 0;
}
[data-z-index="1"] {
z-index: 1;
}
[data-z-index="2"] {
z-index: 2;
}
[data-z-index="3"] {
z-index: 3;
}
[data-z-index="4"] {
z-index: 4;
}
[data-z-index="5"] {
z-index: 5;
}
[data-z-index="6"] {
z-index: 6;
}
[data-z-index="7"] {
z-index: 7;
}
[data-z-index="8"] {
z-index: 8;
}
[data-z-index="9"] {
z-index: 9;
}
[data-z-index="10"] {
z-index: 10;
}
/* Box sizing rules */
*,
*::before,
*::after {
box-sizing: border-box;
}
/* Prevent font size inflation */
html {
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
text-size-adjust: none;
scroll-behavior: smooth;
}
:root {
--wp--preset--spacing--0: 0;
}
/* Remove default margin in favour of better control in authored CSS */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
margin-block-end: 0;
}
/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
list-style: none;
}
/* Set core body defaults */
body {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
min-height: 100vh;
line-height: 1.5;
}
/* Balance text wrapping on headings */
h1,
h2,
h3,
h4,
h5,
h6 {
text-wrap: balance;
}
/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
font-family: inherit;
font-size: inherit;
}
/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
min-height: 10em;
}
/* Anything that has been anchored to should have extra scroll margin */
:target {
scroll-margin-block: 5ex;
}
@media screen and (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}
.extend-link {
position: relative;
overflow-wrap: anywhere;
word-break: break-word;
}
.extend-link a:not([rel=tag]):before {
content: "";
width: 100%;
height: 100%;
position: absolute;
inset: 0;
z-index: 1;
}
.extend-link button,
.extend-link input,
.extend-link select,
.extend-link textarea,
.extend-link [role=button] {
position: relative;
z-index: 1;
}
.display-none {
display: none !important;
}
.show-mobile {
display: block !important;
}
@media (min-width: 540px) {
.show-mobile {
display: none !important;
}
}
.hide-mobile {
display: none !important;
}
@media (min-width: 540px) {
.hide-mobile {
display: block !important;
}
}
.entry-content {
container-type: inline-size;
}
.diakon-slider__nav {
display: flex;
align-items: center;
justify-content: center;
gap: 32px;
margin-top: var(--wp--preset--spacing--2-xl);
}
.diakon-slider__btn {
background: none;
border: none;
cursor: pointer;
padding: 0;
line-height: 0;
color: var(--wp--preset--color--black);
transition: opacity 0.15s ease;
}
.diakon-slider__btn:disabled {
opacity: 0.3;
cursor: default;
}
.diakon-slider__btn:focus-visible {
outline: 2px solid var(--wp--preset--color--primary);
outline-offset: 2px;
border-radius: 4px;
}
.diakon-slider__dots {
display: flex;
gap: 10px;
align-items: center;
}
.diakon-slider__dot {
width: 24px;
height: 24px;
border-radius: 9999px;
background: var(--wp--preset--color--pastel-pink);
border: none;
cursor: pointer;
padding: 0;
transition: background 0.2s ease;
}
.diakon-slider__dot.is-active {
background: var(--wp--preset--color--primary);
}
.diakon-slider__dot:focus-visible {
outline: 2px solid var(--wp--preset--color--primary);
outline-offset: 2px;
}
.diakon-carousel .swiper-pagination {
position: relative !important;
display: flex !important;
align-items: center;
justify-content: center;
gap: 10px;
margin-top: var(--wp--preset--spacing--2-xl);
}
.diakon-carousel .swiper-pagination .swiper-pagination-bullet {
width: 24px;
height: 24px;
background: var(--wp--preset--color--pastel-pink);
opacity: 1;
margin: 0 !important;
border-radius: 9999px;
flex-shrink: 0;
transition: background 0.2s ease;
}
.diakon-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--wp--preset--color--primary);
}
.diakon-carousel .carousel-nav-btn {
width: 24px;
height: 24px;
padding: 0;
border: none;
background: none;
cursor: pointer;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.15s ease;
}
.diakon-carousel .carousel-nav-btn.carousel-nav-prev {
margin-right: 22px;
}
.diakon-carousel .carousel-nav-btn.carousel-nav-next {
margin-left: 22px;
}
.diakon-carousel .carousel-nav-btn::after {
content: "";
display: block;
width: 24px;
height: 24px;
background-color: var(--wp--preset--color--primary);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M11.2727 3.68664C10.8935 3.28513 10.9115 2.65222 11.3131 2.273C11.7146 1.89378 12.3475 1.91185 12.7267 2.31337L21.227 11.3134C21.591 11.6987 21.591 12.3012 21.2271 12.6866L12.7267 21.688C12.3476 22.0896 11.7147 22.1077 11.3131 21.7285C10.9116 21.3493 10.8934 20.7164 11.2726 20.3149L19.1245 12.0001L11.2727 3.68664Z%27 fill=%27%23FCFDFF%27 /%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M11.2727 3.68664C10.8935 3.28513 10.9115 2.65222 11.3131 2.273C11.7146 1.89378 12.3475 1.91185 12.7267 2.31337L21.227 11.3134C21.591 11.6987 21.591 12.3012 21.2271 12.6866L12.7267 21.688C12.3476 22.0896 11.7147 22.1077 11.3131 21.7285C10.9116 21.3493 10.8934 20.7164 11.2726 20.3149L19.1245 12.0001L11.2727 3.68664Z%27 fill=%27%23FCFDFF%27 /%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
}
.diakon-carousel .carousel-nav-btn.carousel-nav-prev::after {
transform: scaleX(-1);
}
.diakon-carousel .carousel-nav-btn:disabled {
opacity: 0.3;
cursor: default;
}
.diakon-carousel .carousel-nav-btn:focus-visible {
outline: 2px solid var(--wp--preset--color--primary);
outline-offset: 2px;
border-radius: 4px;
}
@media (max-width: 599px) {
.diakon-slider-section .diakon-slider__track {
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: stretch;
}
}
@media (max-width: 767px) {
.diakon-slider-section.is-slider-ready .diakon-slider__track > .wp-block-column:not(.is-slide-active) {
display: none;
}
}
@media screen and (min-width: 1024px) {
.page-template-sidebar-page-template .sidebar-page-content > .wp-block-group > nav {
padding-left: 23.75rem !important;
margin-left: auto !important;
margin-right: auto !important;
max-width: var(--wp--style--global--wide-size);
}
}
.page-template-sidebar-page-template .entry-content > .diakon-hero-wrap {
padding-left: 23.75rem !important;
margin-left: auto !important;
margin-right: auto !important;
max-width: var(--wp--style--global--wide-size);
}
@media screen and (min-width: 1024px) {
.page-template-sidebar-page-template .entry-content .diakon-hero__locations {
padding-right: var(--wp--style--root--padding-right);
padding-left: var(--wp--style--root--padding-left);
}
}
.page-template-sidebar-page-template .entry-content > :is(.wp-block-group:not(.diakon-hero):not(.diakon-quote),
.wp-block-cover:not(.diakon-hero):not(.diakon-quote) .wp-block-cover__inner-container) {
container-type: inline-size;
}
@media screen and (min-width: 1024px) {
.page-template-sidebar-page-template .entry-content > :is(.wp-block-group:not(.diakon-hero):not(.diakon-quote),
.wp-block-cover:not(.diakon-hero):not(.diakon-quote) .wp-block-cover__inner-container) > *:not(.diakon-hero) {
padding-left: 23.75rem !important;
}
}
.page-template-sidebar-page-template .entry-content > :is(.wp-block-group.diakon-hero:has(.wp-block-group.has-background)) {
display: flex;
flex-flow: row nowrap;
justify-content: center;
container-type: inline-size;
}
@media screen and (min-width: 1024px) {
.page-template-sidebar-page-template .entry-content > :is(.wp-block-group.diakon-hero:has(.wp-block-group.has-background)) > * {
max-width: var(--wp--style--global--content-size);
margin-left: 23.75rem;
flex-grow: 1;
}
}
.page-template-sidebar-page-template .entry-content > .wp-block-group.diakon-hero:not(:has(.wp-block-group.has-background)),
.page-template-sidebar-page-template .entry-content > .wp-block-cover.diakon-hero {
container-type: inline-size;
aspect-ratio: unset !important;
min-height: unset !important;
}
@media screen and (min-width: 1024px) {
.page-template-sidebar-page-template .entry-content > .wp-block-group.diakon-hero:not(:has(.wp-block-group.has-background)),
.page-template-sidebar-page-template .entry-content > .wp-block-cover.diakon-hero {
position: relative;
max-width: var(--wp--style--global--content-size);
margin-left: 23.75rem;
margin-right: 0;
left: calc(50% - 11.875rem);
transform: translateX(-50%);
}
}
.page-template-sidebar-page-template .sidebar-menu {
padding: var(--wp--preset--spacing--md);
border-radius: var(--wp--preset--border-radius--s);
box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.2);
background-color: var(--wp--preset--color--white);
z-index: 5;
}
@media screen and (max-width: 1023.98px) {
.page-template-sidebar-page-template .sidebar-menu {
display: none;
}
}
.page-template-sidebar-page-template .sidebar-content {
width: 100%;
}
.diakon-side-nav {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--md);
}
.diakon-side-nav__sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.diakon-side-nav__back {
display: flex;
align-items: center;
gap: var(--wp--preset--spacing--xs);
text-decoration: none;
color: inherit;
}
.diakon-side-nav__back-icon {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 28px;
height: 28px;
background-color: #f0f4fa;
}
.diakon-side-nav__back-icon::after {
content: "";
display: block;
width: 16px;
height: 16px;
background-color: var(--wp--preset--color--black);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M10 3L5 8l5 5%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 fill=%27none%27/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M10 3L5 8l5 5%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 fill=%27none%27/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
}
.diakon-side-nav__back-label {
font-size: 14px;
font-weight: 500;
color: #636d81;
letter-spacing: 0.03em;
}
.diakon-side-nav__hr {
border: none;
border-top: 1px solid #e5e9f0;
margin: 0;
}
.diakon-side-nav__list, .diakon-side-nav__sub-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--xxs);
}
.diakon-side-nav__sub-list {
padding-left: var(--wp--preset--spacing--xs);
}
.diakon-side-nav__sub-list[hidden] {
display: none;
}
.diakon-side-nav__row {
display: flex;
align-items: center;
justify-content: space-between;
padding: var(--wp--preset--spacing--xs);
border-radius: var(--wp--preset--border-radius--xs);
transition: background-color 0.15s ease;
}
.current-page > .diakon-side-nav__row, .current-ancestor > .diakon-side-nav__row, .is-open > .diakon-side-nav__row {
background-color: var(--wp--preset--color--secondary);
}
.diakon-side-nav__link {
font-size: 14px;
font-weight: 600;
text-decoration: underline;
color: var(--wp--preset--color--primary);
}
.current-page > .diakon-side-nav__row .diakon-side-nav__link, .current-ancestor > .diakon-side-nav__row .diakon-side-nav__link, .is-open > .diakon-side-nav__row .diakon-side-nav__link {
color: var(--wp--preset--color--dark-magenta);
}
.diakon-side-nav__actions {
display: flex;
align-items: center;
gap: var(--wp--preset--spacing--md);
flex-shrink: 0;
}
.diakon-side-nav__separator {
display: block;
width: 1px;
align-self: stretch;
background-color: #b7c3da;
flex-shrink: 0;
}
.diakon-side-nav__toggle {
flex-shrink: 0;
width: 28px;
height: 28px;
padding: 0;
border: 1px solid #b7c3da;
border-radius: 9999px;
background-color: #f0f4fa;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: border-color 0.15s ease;
}
.diakon-side-nav__toggle::after {
content: "";
display: block;
width: 12px;
height: 12px;
background-color: var(--wp--preset--color--primary);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M6.75 1a.75.75 0 0 0-1.5 0v4.25H1a.75.75 0 0 0 0 1.5h4.25V11a.75.75 0 0 0 1.5 0V6.75H11a.75.75 0 0 0 0-1.5H6.75V1Z%27 fill=%27black%27/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M6.75 1a.75.75 0 0 0-1.5 0v4.25H1a.75.75 0 0 0 0 1.5h4.25V11a.75.75 0 0 0 1.5 0V6.75H11a.75.75 0 0 0 0-1.5H6.75V1Z%27 fill=%27black%27/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
transition: -webkit-mask-image 0.1s step-end;
transition: mask-image 0.1s step-end;
transition: mask-image 0.1s step-end, -webkit-mask-image 0.1s step-end;
}
.diakon-side-nav__toggle[aria-expanded=true] {
border-color: var(--wp--preset--color--primary);
}
.diakon-side-nav__toggle[aria-expanded=true]::after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M1.22 1.22a.75.75 0 0 1 1.06 0L6 4.94l3.72-3.72a.75.75 0 1 1 1.06 1.06L7.06 6l3.72 3.72a.75.75 0 1 1-1.06 1.06L6 7.06l-3.72 3.72a.75.75 0 0 1-1.06-1.06L4.94 6 1.22 2.28a.75.75 0 0 1 0-1.06Z%27 fill=%27black%27/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M1.22 1.22a.75.75 0 0 1 1.06 0L6 4.94l3.72-3.72a.75.75 0 1 1 1.06 1.06L7.06 6l3.72 3.72a.75.75 0 1 1-1.06 1.06L6 7.06l-3.72 3.72a.75.75 0 0 1-1.06-1.06L4.94 6 1.22 2.28a.75.75 0 0 1 0-1.06Z%27 fill=%27black%27/%3E%3C/svg%3E");
}
.diakon-side-nav__toggle:focus-visible {
outline: 2px solid var(--wp--preset--color--primary);
outline-offset: 2px;
}
.diakon-side-nav__item {
row-gap: 0.375rem;
display: flex;
flex-direction: column;
}
.wp-site-blocks {
position: relative;
container-type: inline-size;
container-name: contentwidth;
}
/*# sourceMappingURL=screen.css.map*/