:root {
/* Color */
--color-whitesmoke: var(--wp--preset--color--whitesmoke);
--color-gray: var(--color-whitesmoke);
--color-gray-light: #dedfe0;
--color-gray-blue: #d7dee7;
--color-black-40: rgba(0, 0, 0, 0.4);
--color-black-70: rgba(0, 0, 0, 0.7);
--color-gray-disabled: #797777;
--color-black: var(--wp--preset--color--black);
--color-white: var(--wp--preset--color--white);
--color-violet: var(--wp--preset--color--violet);
--color-violet-hover: #5f29d0;
--color-yellow: var(--wp--preset--color--yellow);
--color-yellow-hover: #d2f100;
--color-ice-blue: #71cbf2;
--color-light-blue: #f4f7fb;
--color-error-red: #c30e0e;
--color-success-green: #008a22;
--color-cookie-green: #36b124;
--color-red: var(--wp--preset--color--red);
--color-red-light: #ff9494;
/* Gap */
--gap-24: 1.5rem;
--gap-64: 4rem;
/* masonry */
--masonry-gutter-space: 30px;
/* BorderRadius */
--br-5: 5px;
--br-8: 8px;
--br-10: 10px;
--br-100: 100px;
/* mediabreaks */
--mb_mobilesmall: $mb_mobilesmall;
--mb_mobile: $mb_mobile;
--mb_content: $mb_content;
--content_narrowSize: 600px;
--content_normalSize: 846px;
--content_wideSize: 1048px;
/* padding margin */
--mobilepadding: 1rem;
/* header */
--header_height_mobile: 120px;
--header_logo_size: 80px;
--header_margin: 1rem;
/* hero */
--hero_height_mobile: 320px;
--hero_height: 560px;
/* slider */
--dotbutton_size: 12px;
--activedot_size: 36px;
--pausebutton_size: 25px;
--sliderarrow__size: 40px;
--sliderarrow_sides_offset: var(--mobilepadding);
--sliderarrow_top_offset: 50%;
/* swiper */
--swiper-navigation-sides-offset: var(--sliderarrow_sides_offset);
--swiper-navigation-top-offset: var(--sliderarrow_top_offset);
--swiper-navigation-size: var(--sliderarrow__size);
/* form, input */
--input-margin_bottom: 1rem;
/* cover */
--cover_height_mobile: 430px;
}
body {
--contentstart-after-header: calc(var(--header_height_mobile) + 2rem);
}
body.has-headerinfo {
--contentstart-after-header: calc(var(--header_height_mobile) + 3rem);
}
.swiper-button-next,
.swiper-button-prev {
--swiper-navigation-size: var(--sliderarrow__size);
}
@media all and (min-width: 768px) {
body,
body.has-headerinfo {
--contentstart-after-header: var(--header_height_mobile);
}
}
/* ANIMATIONS */
@keyframes draw-out {
0% {
stroke-dashoffset: 0;
}
50% {
stroke-dashoffset: 40;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes move-tr {
0% {
transform: translate(0, 0);
}
50% {
transform: translate(4px, -4px);
}
100% {
transform: translate(0, 0);
}
}
@keyframes move-bl {
0% {
transform: translate(0, 0);
}
50% {
transform: translate(-4px, 4px);
}
100% {
transform: translate(0, 0);
}
}
@font-face {
font-family: "Exo2";
src: url("../fonts/exo2/Exo2-Regular.woff2") format("woff2"), url("../fonts/exo2/Exo2-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Exo2";
src: url("../fonts/exo2/Exo2-SemiBold.woff2") format("woff2"), url("../fonts/exo2/Exo2-SemiBold.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Exo2";
src: url("../fonts/exo2/Exo2-Bold.woff2") format("woff2"), url("../fonts/exo2/Exo2-Bold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Exo2";
src: url("../fonts/exo2/Exo2-ExtraBold.woff2") format("woff2"), url("../fonts/exo2/Exo2-ExtraBold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Atkinson";
src: url("../fonts/atkinson/AtkinsonHyperlegibleNext-Regular.woff2") format("woff2"), url("../fonts/atkinson/AtkinsonHyperlegibleNext-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Atkinson";
src: url("../fonts/atkinson/AtkinsonHyperlegibleNext-Light.woff2") format("woff2"), url("../fonts/atkinson/AtkinsonHyperlegibleNext-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Atkinson";
src: url("../fonts/atkinson/AtkinsonHyperlegibleNext-SemiBold.woff2") format("woff2"), url("../fonts/atkinson/AtkinsonHyperlegibleNext-SemiBold.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
h1.wp-block-heading,
h1 {
font-family: var(--wp--preset--font-family--exo-2, "Exo2");
font-size: 4.5rem;
font-weight: 700;
line-height: 1.1;
}
@media screen and (max-width: 768px) {
h1.wp-block-heading,
h1 {
font-size: var(--wp--preset--font-size--xl);
}
}
h2.wp-block-heading,
h2.wp-block-post-title,
h2 {
font-family: var(--wp--preset--font-family--exo-2, "Exo2");
font-size: var(--wp--preset--font-size--xl);
font-weight: 700;
line-height: 1.1;
}
@media screen and (max-width: 768px) {
h2.wp-block-heading,
h2.wp-block-post-title,
h2 {
font-size: 1.75rem;
}
}
h3.wp-block-heading,
h3.wp-block-post-title,
h3 {
font-family: var(--wp--preset--font-family--exo-2, "Exo2");
font-size: 2rem;
font-weight: 700;
line-height: 1.3;
margin-bottom: 1rem;
}
h4.wp-block-heading,
h4.wp-block-post-title,
h4 {
font-family: var(--wp--preset--font-family--exo-2, "Exo2");
font-size: var(--wp--preset--font-size--l);
font-weight: 600;
line-height: 1.3;
}
p,
:root :where(.is-layout-flow) > p,
:where(body .is-layout-constrained) > p,
.is-layout-constrained > p {
font-family: var(--wp--preset--font-family--atkinson, "Atkinson");
font-size: var(--wp--preset--font-size--m);
font-weight: 400;
margin-bottom: 1rem;
margin-block-end: 0.5rem;
line-height: 1.4;
}
.wp-block-heading,
.is-layout-flow > .wp-block-heading,
.is-layout-constrained > .wp-block-heading {
margin-top: 2rem;
margin-block-start: 2rem;
margin-bottom: 1rem;
margin-block-end: 1rem;
}
.wp-block-heading:first-child,
.is-layout-flow > .wp-block-heading:first-child,
.is-layout-constrained > .wp-block-heading:first-child {
margin-top: 0;
margin-block-start: 0;
}
h2.wp-block-heading + h3.wp-block-heading {
margin-top: 0;
margin-block-start: 0;
}
.is-layout-constrained > h1.alignwide.wp-block-post-title {
margin-left: 0 !important;
margin-right: 0 !important;
}
.has-black-background-color .wp-block-heading {
color: #fff;
}
p a {
overflow-wrap: break-word;
}
/* MOBILE FONTS */
@media screen and (max-width: 480px) {
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content p,
.entry-content li {
hyphens: auto;
word-break: break-word;
}
}
header {
position: absolute;
background-color: transparent;
font-family: var(--wp--preset--font-family--exo-2);
font-weight: 600;
font-size: 1.2rem;
width: 100%;
height: var(--header_height_mobile);
max-height: var(--header_height_mobile);
margin: 0;
padding: 0;
box-shadow: none;
border-radius: 0px;
box-sizing: border-box;
z-index: 100000;
}
header .wp-block-columns.header__inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap !important;
align-items: center;
margin: var(--header_margin);
gap: unset;
box-sizing: border-box;
}
header .wp-block-columns.header__inner .wp-block-column.header__logo {
flex-grow: unset;
flex-basis: var(--header_logo_size) !important;
z-index: 999999;
}
header .wp-block-columns.header__inner .wp-block-column.header__logo img {
width: calc(var(--header_logo_size) - 20px);
height: calc(var(--header_logo_size) - 20px);
}
header.has-blackcover .wp-block-columns.header__inner ul.wp-block-navigation__container.wp-block-navigation a,
header.has-blackcover .wp-block-columns.header__inner ul.wp-block-navigation__container.wp-block-navigation a:visited,
header.has-blackcover .wp-block-columns.header__inner ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item__label {
color: var(--color-white);
}
header.has-blackcover .wp-block-columns.header__inner ul.wp-block-navigation__container.wp-block-navigation .current-menu-item .wp-block-navigation-item__content {
background-color: var(--color-white);
color: var(--color-black);
}
header.has-blackcover .wp-block-columns.header__inner .wp-block-column.header__logo .wp-block-site-logo {
width: calc(var(--header_logo_size) - 20px);
height: calc(var(--header_logo_size) - 20px);
background-image: url("/wp-content/themes/k25/assets/images/logo_white.svg");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
header.has-blackcover .wp-block-columns.header__inner .wp-block-column.header__logo .wp-block-site-logo a.custom-logo-link {
width: 100%;
height: 100%;
}
header.has-blackcover .wp-block-columns.header__inner .wp-block-column.header__logo img {
display: none;
}
.header--inverted .wp-block-columns.header__inner .header__menu ul li {
color: white;
}
/* mobile styles */
@media all and (max-width: 768px) {
header {
position: fixed;
transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
header.header--hidden {
transform: translateY(-110%);
}
header .wp-block-columns.header__inner {
background-color: var(--color-white);
border-radius: 5px;
box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.25);
padding: 12px;
}
header .wp-block-columns.header__inner .wp-block-column.header__logo img {
width: calc(var(--header_logo_size) - 46px);
height: calc(var(--header_logo_size) - 46px);
}
}
/* only desktop styles */
@media all and (min-width: 900px) {
.header--inverted .wp-block-columns.header__inner .header__logo img {
filter: invert(1) brightness(2);
}
}
ul.wp-block-navigation__container.wp-block-navigation {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
gap: 2rem;
}
ul.wp-block-navigation__container.wp-block-navigation a,
ul.wp-block-navigation__container.wp-block-navigation a:visited,
ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item__label {
text-decoration: none;
color: var(--color-black);
}
ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item__content {
position: relative;
}
ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item__content::after {
content: attr(data-text);
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
white-space: nowrap;
}
ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item__content:hover::after {
letter-spacing: 0.1em;
}
ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item__content .wp-block-navigation-item__label {
visibility: hidden;
display: inline-flex;
flex-direction: column;
align-items: center;
overflow: hidden;
}
ul.wp-block-navigation__container.wp-block-navigation .current-menu-item .wp-block-navigation-item__content {
background-color: var(--color-black);
color: var(--color-white);
padding: 0.5rem 1.5rem;
border-radius: var(--br-5);
}
ul.wp-block-navigation__container.wp-block-navigation .current-menu-item .wp-block-navigation-item__content::after {
top: 0.5rem;
}
ul.wp-block-navigation__container.wp-block-navigation .current-menu-item .wp-block-navigation-item__label {
color: var(--color-white);
}
header ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item__content::after {
font-family: var(--wp--preset--font-family--exo-2);
font-weight: 600;
font-size: 1.2rem;
letter-spacing: 0;
transition: letter-spacing 0.25s ease;
}
header ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item__content .wp-block-navigation-item__label {
font-family: var(--wp--preset--font-family--exo-2);
font-weight: 600;
font-size: 1.2rem;
letter-spacing: 0;
transition: letter-spacing 0.25s ease;
}
footer ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item__content::after {
color: var(--color-white);
font-family: var(--wp--preset--font-family--exo-2);
font-weight: 300;
line-height: 1.5;
font-size: var(--wp--preset--font-size--xs);
white-space: pre;
transition: letter-spacing 0.25s ease;
}
footer ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item__content .wp-block-navigation-item__label {
color: var(--color-white);
font-family: var(--wp--preset--font-family--exo-2);
font-weight: 300;
line-height: 1.5;
font-size: var(--wp--preset--font-size--xs);
white-space: pre;
transition: letter-spacing 0.25s ease;
}
/* mobile styles */
@media all and (max-width: 768px) {
#mainnav {
display: flex;
flex-direction: column;
flex-grow: 1;
width: 100%;
transform: translateX(100vw);
position: absolute;
top: 0;
left: 0;
}
.header__menu {
display: flex;
justify-content: flex-end;
align-items: center;
}
.header__menu-toggle {
margin-top: -3px;
white-space: pre;
}
.header__menu-toggle button {
background-color: transparent;
color: var(--color-black);
border: 0;
outline: 0;
box-shadow: none;
font-family: var(--wp--preset--font-family--exo-2);
font-weight: 600;
font-size: var(--wp--preset--font-size--m);
border-radius: 5px;
}
.header__menu-toggle button:focus-visible {
outline: 4px solid var(--color-ice-blue);
outline-offset: 2px;
}
.header__menu-toggle .header__menu-toggle--open {
display: inline-block;
}
.header__menu-toggle .header__menu-toggle--close {
display: none;
}
ul.wp-block-navigation__container.wp-block-navigation {
flex-direction: column;
width: 100%;
}
ul.wp-block-navigation__container.wp-block-navigation.menu__main {
margin-bottom: 2rem;
}
ul.wp-block-navigation__container.wp-block-navigation.menu__extra {
display: flex;
gap: 0;
padding: 2rem 0.5rem;
padding-top: 0;
box-sizing: border-box;
}
ul.wp-block-navigation__container.wp-block-navigation.menu__extra .wp-block-navigation-item {
margin-bottom: 0.5rem;
}
ul.wp-block-navigation__container.wp-block-navigation.menu__extra .wp-block-navigation-item__content {
padding: 0.1rem 0.5rem;
display: inline-block;
}
ul.wp-block-navigation__container.wp-block-navigation.menu__extra .wp-block-navigation-item__content .wp-block-navigation-item__label {
font-size: var(--wp--preset--font-size--s);
font-weight: 400;
line-height: 2;
}
ul.wp-block-navigation__container.wp-block-navigation.menu__extra .wp-block-navigation-item__label {
font-size: var(--wp--preset--font-size--s);
font-weight: 400;
line-height: 2;
}
ul.wp-block-navigation__container.wp-block-navigation .current-menu-item .wp-block-navigation-item__content {
background-color: var(--color-white);
color: var(--color-black);
}
ul.wp-block-navigation__container.wp-block-navigation .current-menu-item .wp-block-navigation-item__label {
color: var(--color-black);
}
/* open mobile menu */
header.menu--open #mainnav {
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: var(--color-black);
height: calc(100vh - var(--contentstart-after-header));
height: calc(100dvh - var(--contentstart-after-header));
max-height: calc(100vh - var(--contentstart-after-header));
max-height: calc(100dvh - var(--contentstart-after-header));
overflow: scroll;
padding-top: var(--contentstart-after-header);
animation: overlay-menu-slide-in-right 0.35s cubic-bezier(0.22, 1, 0.36, 1);
animation-fill-mode: forwards;
z-index: -1;
}
header.menu--open ul.wp-block-navigation__container.wp-block-navigation a,
header.menu--open ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item__label {
color: var(--color-white);
}
header.menu--open ul.wp-block-navigation__container.wp-block-navigation .current-menu-item .wp-block-navigation-item__label {
color: var(--color-black);
}
header.menu--open .header__menu-toggle--open {
display: none;
}
header.menu--open .header__menu-toggle--close {
display: inline-block;
}
header.feedfilter--open .header__menu-toggle--open {
display: none;
}
header.feedfilter--open .header__menu-toggle--close {
display: inline-block;
}
footer ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item__content::after,
header ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item__content::after {
display: none;
}
footer ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item__content .wp-block-navigation-item__label,
header ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item__content .wp-block-navigation-item__label {
visibility: visible;
}
}
@media all and (min-width: 768px) {
.header__menu {
display: flex;
align-items: center;
margin-right: var(--header_logo_size) !important;
}
#mainnav {
display: flex;
justify-content: center;
flex-grow: 1;
}
.header__menu-toggle {
display: none;
}
ul.wp-block-navigation__container.wp-block-navigation.menu__extra {
display: none;
}
}
@keyframes overlay-menu-slide-in-right {
from {
transform: translateX(100%);
opacity: 1;
}
to {
transform: translateX(0);
opacity: 1;
}
}
.header__info {
display: flex;
flex-grow: 0;
width: max-content;
font-family: var(--wp--preset--font-family--atkinson);
font-size: var(--wp--preset--font-size--xs);
font-weight: 400;
background-color: var(--color-white);
color: var(--color-black);
border-radius: 7px;
box-sizing: border-box;
}
.header__info span {
padding: 1rem;
box-sizing: border-box;
white-space: pre;
}
.header--inverted .header__info {
background-color: var(--color-yellow);
color: var(--color-black);
}
/* mobile styles */
@media all and (max-width: 768px) {
.header__info {
width: 100%;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-color: var(--color-violet);
color: var(--color-white);
font-weight: 300;
position: absolute;
top: calc(var(--header_height_mobile) - var(--header_margin) - 8px);
left: var(--header_margin);
width: calc(100% - var(--header_margin) * 2);
}
.header__info span {
padding: 0.5rem;
}
}
footer {
margin-top: auto;
background-color: var(--color-black);
}
footer .footer__inner {
width: 100%;
max-width: calc(100% - var(--header_margin) * 2);
margin: var(--header_margin);
box-sizing: border-box;
}
footer .footer__inner nav#footernav {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation {
color: var(--color-white);
font-weight: 300;
justify-content: center;
}
footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item {
display: flex;
line-height: 1;
}
footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
background-color: transparent;
}
footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item.footer-copyright .wp-block-navigation-item__label {
color: var(--color-white);
font-family: var(--wp--preset--font-family--exo-2);
font-weight: 300;
line-height: 1.5;
font-size: var(--wp--preset--font-size--xs);
white-space: pre;
transition: letter-spacing 0.25s ease;
}
footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item.home-link {
display: inline-block;
width: 60px;
height: 65px;
background: url("/wp-content/themes/k25/assets/images/xoxo_yellow.svg") no-repeat center/contain;
}
footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item.home-link .wp-block-navigation-item__content {
display: inline-block;
background-color: transparent !important;
height: 65px;
width: 60px;
max-width: 60px;
}
footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item.home-link .wp-block-navigation-item__content:after {
display: none;
}
footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item.home-link .wp-block-navigation-item__content .wp-block-navigation-item__label {
font-size: 0;
}
footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation .current-menu-item .wp-block-navigation-item__content {
background-color: var(--color-white);
color: var(--color-black);
}
footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation .current-menu-item .wp-block-navigation-item__content::after {
color: var(--color-black);
}
footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation .current-menu-item .wp-block-navigation-item__content .wp-block-navigation-item__label {
color: var(--color-black);
}
/* mobile styles */
@media all and (max-width: 768px) {
footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation {
flex-direction: row;
gap: 0;
}
footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item {
width: 50%;
margin: 0.5rem 0;
box-sizing: border-box;
}
footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item::after {
content: "";
width: 2px;
height: 1rem;
background-color: var(--color-white);
margin-left: 1rem;
margin-top: 4px;
}
footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item.current-menu-item::after {
margin-top: 0.5rem;
}
footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
text-align: right;
margin-left: auto;
}
footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item.phone-link .wp-block-navigation-item__content, footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item.wp-block-navigation-item:nth-child(3) .wp-block-navigation-item__content, footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item.wp-block-navigation-item:nth-child(6) .wp-block-navigation-item__content {
text-align: left;
margin-left: 1rem;
}
footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item.phone-link:after, footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item.wp-block-navigation-item:nth-child(3):after, footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item.wp-block-navigation-item:nth-child(6):after {
display: none;
}
footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item.footer-copyright, footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item.home-link {
width: 100%;
flex: 0 0 100%;
text-align: center;
}
footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item.footer-copyright:after, footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item.home-link:after {
display: none;
}
footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item.footer-copyright .wp-block-navigation-item__content,
footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item.footer-copyright .wp-block-navigation-item__label, footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item.home-link .wp-block-navigation-item__content,
footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item.home-link .wp-block-navigation-item__label {
width: 100%;
text-align: center;
}
footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item.footer-copyright {
order: 5;
}
footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item.home-link {
order: 6;
}
}
@media all and (min-width: 768px) and (max-width: 1200px) {
footer .footer__inner {
margin-top: calc(var(--header_margin) * 2);
margin-bottom: calc(var(--header_margin) * 2);
}
footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item {
padding: 0 1rem;
}
footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item.footer-copyright {
order: 5;
width: 100%;
flex: 0 0 100%;
text-align: center;
}
footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item.footer-copyright .wp-block-navigation-item__label {
width: 100%;
text-align: center;
}
footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item.home-link {
order: 6;
width: 100%;
flex: 0 0 100%;
}
}
@media all and (min-width: 1200px) {
footer .footer__inner {
width: 90%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation {
width: 100%;
justify-content: space-around;
}
footer .footer__inner ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item:last-child {
margin-right: 3.5rem; /* puffer */
}
}
form input:not(.wp-element-button) {
border-radius: var(--br-8);
border: none;
outline: 0;
background-color: var(--color-white);
padding: 0.75rem;
margin-bottom: var(--input-margin_bottom);
min-height: 40px;
font-family: var(--wp--preset--font-family--exo-2);
font-size: var(--wp--preset--font-size--m);
box-sizing: border-box;
width: 100%;
}
form input:not(.wp-element-button).wpcf7-not-valid {
margin-bottom: calc(var(--input-margin_bottom) / 2);
}
form input:not(.wp-element-button):focus, form input:not(.wp-element-button):focus-visible {
outline: 2px solid var(--color-ice-blue);
outline-offset: 2px;
background-color: var(--color-white);
}
form textarea {
border-radius: var(--br-8);
border: none;
outline: 0;
background-color: var(--color-white);
padding: 0.75rem;
margin-bottom: var(--input-margin_bottom);
min-height: 40px;
font-family: var(--wp--preset--font-family--exo-2);
font-size: var(--wp--preset--font-size--m);
box-sizing: border-box;
width: 100%;
}
form textarea.wpcf7-not-valid {
margin-bottom: calc(var(--input-margin_bottom) / 2);
}
form textarea:focus, form textarea:focus-visible {
outline: 2px solid var(--color-ice-blue);
outline-offset: 2px;
background-color: var(--color-white);
}
form textarea {
margin: 0;
width: 100%;
}
form textarea:focus, form textarea:focus-visible {
outline: 2px solid var(--color-ice-blue);
outline-offset: 2px;
background-color: var(--color-white);
}
form br {
display: none;
}
form p {
margin: 0 !important;
}
form select {
border-radius: var(--br-8);
border: none;
outline: 0;
background-color: var(--color-white);
padding: 0.75rem;
margin-bottom: var(--input-margin_bottom);
min-height: 40px;
font-family: var(--wp--preset--font-family--exo-2);
font-size: var(--wp--preset--font-size--m);
box-sizing: border-box;
width: 100%;
}
form select.wpcf7-not-valid {
margin-bottom: calc(var(--input-margin_bottom) / 2);
}
form select:focus, form select:focus-visible {
outline: 2px solid var(--color-ice-blue);
outline-offset: 2px;
background-color: var(--color-white);
}
form select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding-right: 2.25rem;
background-image: url(../icons/arrow_down_black.svg);
background-repeat: no-repeat;
background-size: 15px;
background-position: right 14px center;
}
form .wpcf7-form-control-wrap {
display: inline-block;
}
form p:has(> .dein-vorname-wrap) {
display: none;
}
form .form-col-wrapper {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: flex-start;
justify-content: flex-start;
}
form .form-col-wrapper .form-col {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: flex-start;
width: 100%;
flex: 0 0 100%;
margin-bottom: var(--input-margin_bottom);
}
form .form-col-wrapper .form-col p {
margin: 0 !important;
}
form .form-col-wrapper .form-col > *,
form .form-col-wrapper .form-col .wpcf7-form-control-wrap {
width: 100%;
}
form .form-col-wrapper .form-col > input:last-child {
margin-bottom: 0;
}
form {
/* error msg */
}
form .wpcf7-not-valid-tip {
margin-bottom: var(--input-margin_bottom);
color: var(--color-error-red);
}
form.invalid .wpcf7-response-output,
form .wpcf7 form.unaccepted .wpcf7-response-output,
form .wpcf7 form.payment-required .wpcf7-response-output {
margin-left: 0;
margin-top: 1rem;
padding: 1rem;
border: 0;
border-radius: 8px;
background-color: var(--color-error-red);
width: calc(100% - 24px) !important;
max-width: calc(100% - 32px) !important;
color: white;
}
form {
/* submit btn */
}
form .wpcf7-form-control.wpcf7-submit {
border-radius: var(--br-8);
}
form .wp-block-button.has-arrow .wp-element-button,
form .wp-block-button.has-arrow .wp-block-button__link.wp-element-button {
display: block !important;
position: relative;
}
form .wp-block-button.has-arrow .wp-element-button::before,
form .wp-block-button.has-arrow .wp-block-button__link.wp-element-button::before {
padding-right: calc(18px + 0.3rem);
/* arrowright_white.svg */
background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2215%22%20viewBox%3D%220%200%2016%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.8478%208.07039C15.2383%207.67987%2015.2383%207.0467%2014.8478%206.65618L8.4838%200.292215C8.09328%20-0.0983096%207.46011%20-0.0983097%207.06959%200.292215C6.67906%200.682739%206.67906%201.3159%207.06959%201.70643L12.7264%207.36328L7.06959%2013.0201C6.67906%2013.4107%206.67906%2014.0438%207.06959%2014.4344C7.46011%2014.8249%208.09328%2014.8249%208.4838%2014.4344L14.8478%208.07039ZM0%207.36328L-6.46371e-08%208.36328L14.1407%208.36328L14.1407%207.36328L14.1407%206.36328L6.46371e-08%206.36328L0%207.36328Z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E);
background-repeat: no-repeat;
background-position: right center;
background-size: 18px;
}
form .wp-block-button.has-arrow .wp-element-button.has-white-background-color::before,
form .wp-block-button.has-arrow .wp-block-button__link.wp-element-button.has-white-background-color::before {
/* arrowright_black.svg */
background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2215%22%20viewBox%3D%220%200%2016%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.8478%208.07039C15.2383%207.67987%2015.2383%207.0467%2014.8478%206.65618L8.4838%200.292215C8.09328%20-0.0983096%207.46011%20-0.0983097%207.06959%200.292215C6.67906%200.682739%206.67906%201.3159%207.06959%201.70643L12.7264%207.36328L7.06959%2013.0201C6.67906%2013.4107%206.67906%2014.0438%207.06959%2014.4344C7.46011%2014.8249%208.09328%2014.8249%208.4838%2014.4344L14.8478%208.07039ZM0%207.36328L-6.46371e-08%208.36328L14.1407%208.36328L14.1407%207.36328L14.1407%206.36328L6.46371e-08%206.36328L0%207.36328Z%22%20fill%3D%22%23000000%22%2F%3E%3C%2Fsvg%3E);
}
form .wp-block-button.has-arrow.has-white-background-color .wp-element-button::before,
form .wp-block-button.has-arrow.has-white-background-color .wp-block-button__link.wp-element-button::before {
/* arrowright_black.svg */
background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2215%22%20viewBox%3D%220%200%2016%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.8478%208.07039C15.2383%207.67987%2015.2383%207.0467%2014.8478%206.65618L8.4838%200.292215C8.09328%20-0.0983096%207.46011%20-0.0983097%207.06959%200.292215C6.67906%200.682739%206.67906%201.3159%207.06959%201.70643L12.7264%207.36328L7.06959%2013.0201C6.67906%2013.4107%206.67906%2014.0438%207.06959%2014.4344C7.46011%2014.8249%208.09328%2014.8249%208.4838%2014.4344L14.8478%208.07039ZM0%207.36328L-6.46371e-08%208.36328L14.1407%208.36328L14.1407%207.36328L14.1407%206.36328L6.46371e-08%206.36328L0%207.36328Z%22%20fill%3D%22%23000000%22%2F%3E%3C%2Fsvg%3E);
}
form .wp-block-button.has-arrow.is-style-outline .wp-element-button::before,
form .wp-block-button.has-arrow.is-style-outline .wp-block-button__link.wp-element-button::before {
/* arrowright_black.svg */
background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2215%22%20viewBox%3D%220%200%2016%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.8478%208.07039C15.2383%207.67987%2015.2383%207.0467%2014.8478%206.65618L8.4838%200.292215C8.09328%20-0.0983096%207.46011%20-0.0983097%207.06959%200.292215C6.67906%200.682739%206.67906%201.3159%207.06959%201.70643L12.7264%207.36328L7.06959%2013.0201C6.67906%2013.4107%206.67906%2014.0438%207.06959%2014.4344C7.46011%2014.8249%208.09328%2014.8249%208.4838%2014.4344L14.8478%208.07039ZM0%207.36328L-6.46371e-08%208.36328L14.1407%208.36328L14.1407%207.36328L14.1407%206.36328L6.46371e-08%206.36328L0%207.36328Z%22%20fill%3D%22%23000000%22%2F%3E%3C%2Fsvg%3E);
}
/* success msg */
form:not(.invalid) .wpcf7-response-output {
margin-left: 0;
margin-top: 1rem;
padding: 1rem;
border: 0;
border-radius: var(--br-8);
background-color: var(--color-success-green);
width: calc(100% - 24px) !important;
max-width: 504px;
color: white;
}
.form__checkbox > span {
display: flex;
margin: 0 0 1rem 0;
max-width: 500px;
}
.form__checkbox > span input {
min-height: 24px;
width: 24px !important;
height: 24px;
border-radius: var(--br-8);
margin: 0;
position: relative;
vertical-align: middle;
background-color: var(--color-white);
cursor: pointer;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.form__checkbox > span input:checked {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: center;
background-size: 16px;
}
.form__checkbox > span span {
padding-left: 0.5rem;
}
@media all and (min-width: 768px) {
form .form-col-wrapper {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
form .form-col-wrapper .form-col {
width: calc(50% - var(--input-margin_bottom) / 2);
flex: 0 0 calc(50% - var(--input-margin_bottom) / 2);
}
}
.slick-slider.slider-container.slick-initialized .slick-track {
display: flex;
align-items: stretch;
}
.slick-slider.slider-container.slick-initialized .slick-slide {
display: flex !important;
flex-direction: column;
}
.slick-slider.slider-container.slick-initialized .slick-slide img {
height: 100%;
object-fit: cover;
border-radius: var(--br-10);
}
/* Mobile Slider / Content Slider */
.slick-slider.slider-container.slider--mobile,
.contentslider .slick-slider.slider-container,
.swiper {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100vw;
}
.slick-slider.slider-container.slider--mobile .slick-slide,
.slick-slider.slider-container.slider--mobile .swiper-slide,
.contentslider .slick-slider.slider-container .slick-slide,
.contentslider .slick-slider.slider-container .swiper-slide,
.swiper .slick-slide,
.swiper .swiper-slide {
margin: 0 var(--mobilepadding) 0 0;
box-sizing: border-box;
height: auto;
}
.slick-slider.slider-container.slider--mobile .slick-slide:last-child,
.slick-slider.slider-container.slider--mobile .swiper-slide:last-child,
.contentslider .slick-slider.slider-container .slick-slide:last-child,
.contentslider .slick-slider.slider-container .swiper-slide:last-child,
.swiper .slick-slide:last-child,
.swiper .swiper-slide:last-child {
margin-right: 0;
}
/* Content Slider */
.contentslider .slick-slider.slider-container .slick-slide.has-background {
border-radius: var(--br-10);
}
.contentslider .slick-slider.slider-container .slick-slide:first-child {
margin-left: var(--mobilepadding);
}
.contentslider .slick-slider.slider-container .slick-slide {
overflow: hidden;
}
@media all and (min-width: 600px) {
.contentslider .slick-slider.slider-container .slick-slide:first-child {
margin-left: calc(50vw - var(--content_narrowSize) / 2);
}
.contentslider .slick-slider.slider-container .slick-slide:last-child {
margin-right: calc(50vw - var(--content_narrowSize) / 2);
}
}
/* CAROUSEL */
.contentslider.contentslider--carousel .slick-slider.slider-container {
width: auto;
}
.contentslider.contentslider--carousel .slick-slider.slider-container .slick-slide {
margin: auto 0;
}
.contentslider.contentslider--carousel .slick-slider.slider-container .slick-slide:first-child {
margin-left: 0;
}
.contentslider.contentslider--carousel .slick-slider.slider-container .slick-slide:last-child {
margin-right: 0;
}
/**** SWiPER ****/
.swiper .swiper-slide {
width: 150px;
min-width: 150px;
}
.swiper .swiper-slide.has-background {
border-radius: var(--br-10);
}
/*** SWIPER WITH OFFSET ****/
.swiper.swiper--hasoffset .swiper-slide:nth-child(2n),
.swiper.swiper--hasoffset .block-editor-block-list__layout > .wp-block:nth-child(2n) {
margin-top: 50px;
}
@media all and (min-width: 768px) {
.swiper.swiper--hasoffset .swiper-slide:nth-child(2n),
.swiper.swiper--hasoffset .block-editor-block-list__layout > .wp-block:nth-child(2n) {
margin-top: 100px;
}
}
.swiper.swiper--hasoffset:not(.swiper-ready) {
opacity: 0;
}
.swiper.swiper--hasoffset {
transition: opacity 0.15s ease;
}
/*** SWIPER WITH OFFSET END ****/
/* ARROWS */
.slick-arrow,
.swiper-horizontal .swiper-arrow,
.swiper-arrow {
width: var(--sliderarrow__size);
height: var(--sliderarrow__size);
background-color: var(--color-white);
background-repeat: no-repeat;
border: 0;
border-radius: 50%;
z-index: 100;
transition: 0.15s background-color ease-in;
cursor: pointer;
position: absolute;
top: var(--sliderarrow_top_offset);
transform: translateY(-50%);
}
.slick-arrow:before,
.swiper-horizontal .swiper-arrow:before,
.swiper-arrow:before {
display: none;
}
.slick-arrow svg,
.swiper-horizontal .swiper-arrow svg,
.swiper-arrow svg {
display: none;
}
.slick-arrow.swiper-button-disabled, .slick-arrow:disabled[true],
.swiper-horizontal .swiper-arrow.swiper-button-disabled,
.swiper-horizontal .swiper-arrow:disabled[true],
.swiper-arrow.swiper-button-disabled,
.swiper-arrow:disabled[true] {
display: none;
}
.slick-arrow.slick-prev, .slick-arrow.swiper-button-prev,
.swiper-horizontal .swiper-arrow.slick-prev,
.swiper-horizontal .swiper-arrow.swiper-button-prev,
.swiper-arrow.slick-prev,
.swiper-arrow.swiper-button-prev {
left: var(--sliderarrow_sides_offset);
background-position: 11px center;
/* angleleft_black */
background-image: url("data:image/svg+xml,%3Csvg width='15' height='26' viewBox='0 0 15 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.4346 24.125L2.12086 12.8113L13.4346 1.49758' stroke='black' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.slick-arrow.slick-next, .slick-arrow.swiper-button-next,
.swiper-horizontal .swiper-arrow.slick-next,
.swiper-horizontal .swiper-arrow.swiper-button-next,
.swiper-arrow.slick-next,
.swiper-arrow.swiper-button-next {
right: var(--sliderarrow_sides_offset);
background-position: 15px center;
/* angleright_black */
background-image: url("data:image/svg+xml,%3Csvg width='15' height='26' viewBox='0 0 15 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1.5L12.8137 12.8137L1.49999 24.1274' stroke='black' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.slick-arrow:focus-visible,
.swiper-horizontal .swiper-arrow:focus-visible,
.swiper-arrow:focus-visible {
outline: 4px solid var(--color-ice-blue);
outline-offset: 2px;
}
/* DOTS */
.slick-controls-wrapper {
display: none;
flex-direction: row;
flex-wrap: nowrap;
margin: 1rem 0;
justify-content: center;
}
.slick-controls-wrapper ul.slick-dots {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
list-style: none;
margin: 0;
padding: 0;
height: var(--pausebutton_size);
}
.slick-controls-wrapper ul.slick-dots li {
margin: 0 7px;
}
.slick-controls-wrapper ul.slick-dots li::marker {
display: none !important;
}
.slick-controls-wrapper ul.slick-dots li button {
display: block;
width: var(--dotbutton_size);
height: calc(var(--dotbutton_size) - 2px);
margin: 0;
padding: 0;
border: 0;
border-radius: var(--dotbutton_size);
background-color: var(--color-black-40);
text-indent: -9999px;
transition: 0.25s background-color ease, 0.25s width ease, 0.2s transform ease;
cursor: pointer;
}
.slick-controls-wrapper ul.slick-dots li button:focus {
outline: 4px solid var(--color-ice-blue);
outline-offset: 2px;
}
.slick-controls-wrapper ul.slick-dots li.slick-active button {
width: var(--activedot_size);
height: calc(var(--dotbutton_size) - 2px);
border-radius: var(--activedot_size);
border-width: 0;
background-color: #000;
transform: scale(1.2);
position: relative;
overflow: hidden;
}
.slick-controls-wrapper ul.slick-dots li.slick-active button::after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 0%;
background-color: #000;
border-radius: var(--activedot_size);
}
.slick-controls-wrapper.slick-controls--vertical {
position: absolute;
top: 50%;
right: 0.5rem;
transform: translateY(-50%);
flex-direction: column;
margin: 0;
padding: 0.4rem 0.3rem;
background-color: var(--color-white);
border-radius: var(--br-8);
}
.slick-controls-wrapper.slick-controls--vertical .slider-pause {
margin-right: 0;
margin-bottom: 15px;
}
.slick-controls-wrapper.slick-controls--vertical ul.slick-dots {
flex-direction: column;
height: max-content;
}
.slick-controls-wrapper.slick-controls--vertical ul.slick-dots li {
margin: 7px 0;
}
.slick-controls-wrapper.slick-controls--vertical ul.slick-dots li:first-child {
margin-top: 0;
}
.slick-controls-wrapper.slick-controls--vertical ul.slick-dots li:last-child {
margin-bottom: 0;
}
.slick-controls-wrapper.slick-controls--vertical ul.slick-dots li button {
height: var(--dotbutton_size);
width: calc(var(--dotbutton_size) - 2px);
}
.slick-controls-wrapper.slick-controls--vertical ul.slick-dots li.slick-active button {
width: calc(var(--dotbutton_size) - 2px);
height: var(--activedot_size);
border: 0;
border-width: 0;
background-color: #000;
position: relative;
overflow: hidden;
}
.slick-controls-wrapper.slick-controls--vertical ul.slick-dots li.slick-active button::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0%;
background-color: #000;
border-radius: var(--activedot_size);
border: 0;
}
.slick-controls-wrapper:has(.slider-pause) ul.slick-dots li.slick-active button {
background-color: var(--color-black-40);
}
.slick-controls-wrapper:has(.slider-pause) ul.slick-dots li.slick-active button::after {
animation: dot-fill var(--slide-duration, 4s) linear forwards;
}
@keyframes dot-fill {
from {
width: 0%;
}
to {
width: 100%;
}
}
@keyframes dot-fill-vertical {
from {
height: 0%;
}
to {
height: 100%;
}
}
.slick-controls-wrapper.is--paused:has(.slider-pause) ul.slick-dots li.slick-active button::after {
animation-play-state: paused;
}
/* PAUSE/PLAY BUTTON */
.slider-pause {
border: 0;
box-shadow: none;
outline: none;
width: var(--pausebutton_size);
height: var(--pausebutton_size);
margin: 0;
margin-right: 8px;
border-radius: 50%;
background-color: var(--wp--preset--color--black);
background-repeat: no-repeat;
background-size: 7px;
background-position: center;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIxLjUiIGhlaWdodD0iMTAiIHJ4PSIwLjc1IiBmaWxsPSIjZmZmZmZmIi8+CjxyZWN0IHg9IjQuNSIgd2lkdGg9IjEuNSIgaGVpZ2h0PSIxMCIgcng9IjAuNzUiIGZpbGw9IiNmZmZmZmYiLz4KPC9zdmc+Cg==);
cursor: pointer;
}
.slider-pause:focus-visible {
outline: 4px solid var(--color-ice-blue);
outline-offset: 2px;
border-radius: 50%;
}
.slider-pause[aria-selected=true], .slider-pause[aria-pressed=true] {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDkgMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03Ljk3MDYzIDUuMTA2MDNDOC40OTA2NCA1LjUwNjMzIDguNDkwNjQgNi4yOTA1NCA3Ljk3MDYzIDYuNjkwODRMMS42MDk5OSAxMS41ODczQzAuOTUyNDI1IDEyLjA5MzUgMy41MzY4ZS0wNyAxMS42MjQ3IDMuODk5NTRlLTA3IDEwLjc5NDlMOC4xODAxM2UtMDcgMS4wMDIwMUM4LjU0Mjg2ZS0wNyAwLjE3MjE3NCAwLjk1MjQyNiAtMC4yOTY1ODkgMS42MSAwLjIwOTYwOEw3Ljk3MDYzIDUuMTA2MDNaIiBmaWxsPSIjZmZmZmZmIi8+Cjwvc3ZnPgo=);
background-size: 10px;
background-position: 9px center;
box-shadow: 0 0 0 2px var(--wp--preset--color--yellow);
}
/* PAUSE/PLAY BUTTON END */
body #cmplz-manage-consent .cmplz-btn {
font-size: 0;
width: 54px;
height: 54px !important;
border: none;
background-color: var(--color-violet) !important;
bottom: var(--mobilepadding) !important;
left: var(--mobilepadding) !important;
min-width: unset;
border-radius: 5px;
box-shadow: none;
}
body #cmplz-manage-consent .cmplz-btn::before {
content: "";
display: block;
width: 100%;
height: 100%;
background: url("data:image/svg+xml,%3Csvg%20width='26'%20height='26'%20viewBox='0%200%2026%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M12.997%2010.5977C12.3606%2010.5977%2011.7503%2010.8504%2011.3003%2011.3004C10.8504%2011.7504%2010.5976%2012.3607%2010.5976%2012.9971C10.5976%2014.2208%2010.4776%2016.0083%2010.2856%2017.7959'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M15.3965%2014.3477C15.3965%2017.2029%2015.3965%2022.0017%2014.1968%2025.001'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M19.3433%2023.8184C19.4872%2023.0986%2019.8591%2021.0591%2019.9431%2020.1953'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M1%2012.997C1%2010.479%201.79225%208.02491%203.26453%205.98223C4.7368%203.93956%206.81447%202.4119%209.20322%201.61565C11.592%200.819398%2014.1707%200.794927%2016.5741%201.5457C18.9775%202.29648%2021.0838%203.78443%2022.5946%205.7988'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M1%2017.7969H1.012'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M24.7539%2017.7959C24.9938%2015.3965%2024.9111%2011.3727%2024.7539%2010.5977'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M4.59912%2021.9948C5.19897%2020.1953%205.79882%2016.5962%205.79882%2012.9971C5.79761%2012.1799%205.93555%2011.3685%206.20672%2010.5977'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8.97803%2024.9931C9.22996%2024.2013%209.51789%2023.4095%209.66186%2022.5938'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M9.39795%206.76125C10.4926%206.12928%2011.7343%205.79667%2012.9982%205.79688C14.2621%205.79708%2015.5037%206.13008%2016.5981%206.76241C17.6926%207.39473%2018.6012%208.30407%2019.2326%209.39897C19.864%2010.4939%2020.1961%2011.7358%2020.1952%2012.9997V15.3991'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center center;
background-size: contain;
}
body #cmplz-cookiebanner-container {
--cmplz_category_header_always_active_color: var(--cmplz_slider_active_color);
--cmplz_banner_margin: 1rem;
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner {
max-height: calc(100vh - 100px);
z-index: 999999;
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body {
max-height: 40vh;
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
width: max-content;
min-width: 180px;
display: flex;
justify-content: center;
background-color: var(--color-black);
color: var(--color-white);
padding: 0.6rem 2.5rem;
border-width: 1px;
border-radius: var(--br-5);
font-family: var(--wp--preset--font-family--atkinson);
font-weight: 600;
position: relative;
overflow: hidden;
box-sizing: border-box;
cursor: pointer;
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn::before {
content: attr(data-text);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
white-space: nowrap;
transition: all 0.25s ease;
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover::before {
letter-spacing: 0.1em;
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn .wp-element-button__text {
display: inline-flex;
flex-direction: column;
align-items: center;
overflow: hidden;
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn[data-text]:not([data-text=""]) .wp-element-button__text {
visibility: hidden;
}
@media all and (max-width: 576px) {
body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
width: 100%;
padding-left: 1rem;
padding-right: 1rem;
}
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
line-height: 24px;
font-size: var(--wp--preset--font-size--s);
border-radius: var(--br-8);
transition: all 0.25s ease;
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences, body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.tcf {
display: none;
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
background-color: var(--cmplz_button_accept_background_color) !important;
color: var(--cmplz_button_accept_text_color) !important;
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny {
background-color: var(--cmplz_button_deny_background_color) !important;
color: var(--cmplz_button_deny_text_color) !important;
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences, body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences {
background-color: var(--cmplz_button_settings_background_color) !important;
color: var(--cmplz_button_settings_text_color) !important;
padding-left: 1rem;
padding-right: 1rem;
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links .cmplz-link {
font-weight: 600;
text-decoration: underline;
color: var(--color-black);
cursor: pointer;
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links .cmplz-link:hover {
text-decoration: none;
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links .cmplz-link:focus {
border-radius: 3px;
outline: 4px solid var(--color-ice-blue);
outline-offset: 2px;
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links .cmplz-link:active {
color: var(--color-violet);
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links .cmplz-link:disabled, body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links .cmplz-link[disabled] {
color: var(--color-gray-disabled);
cursor: not-allowed;
pointer-events: none;
text-decoration: underline;
}
body #cmplz-cookiebanner-container .cmplz-title {
font-family: var(--wp--preset--font-family--exo-2, "Exo2");
font-size: var(--wp--preset--font-size--l);
font-weight: 600;
line-height: 1.3;
}
body #cmplz-cookiebanner-container .cmplz-message {
width: calc(var(--cmplz_banner_width) - 1px);
}
body #cmplz-cookiebanner-container .cmplz-message p {
font-size: var(--cmplz_text_font_size);
margin-bottom: 0.5rem;
}
body #cmplz-cookiebanner-container .cmplz-message a {
font-weight: 600;
text-decoration: underline;
color: var(--color-black);
cursor: pointer;
}
body #cmplz-cookiebanner-container .cmplz-message a:hover {
text-decoration: none;
}
body #cmplz-cookiebanner-container .cmplz-message a:focus {
border-radius: 3px;
outline: 4px solid var(--color-ice-blue);
outline-offset: 2px;
}
body #cmplz-cookiebanner-container .cmplz-message a:active {
color: var(--color-violet);
}
body #cmplz-cookiebanner-container .cmplz-message a:disabled, body #cmplz-cookiebanner-container .cmplz-message a[disabled] {
color: var(--color-gray-disabled);
cursor: not-allowed;
pointer-events: none;
text-decoration: underline;
}
body #cmplz-cookiebanner-container .cmplz-close {
width: 25px;
height: 25px;
}
body #cmplz-cookiebanner-container .cmplz-close svg {
width: 100%;
height: 100%;
}
body #cmplz-cookiebanner-container .cmplz-categories .cmplz-category {
background-color: #e7eaed;
border-radius: var(--br-5);
}
body #cmplz-cookiebanner-container .cmplz-categories .cmplz-category .cmplz-category-header {
grid-gap: 20px;
padding: 1rem;
}
body #cmplz-cookiebanner-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title {
font-weight: 700;
}
body #cmplz-cookiebanner-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open {
height: 24px;
}
body #cmplz-cookiebanner-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active {
font-size: var(--wp--preset--font-size--xs);
}
body #cmplz-cookiebanner-container .cmplz-categories .cmplz-category .cmplz-description {
padding: 1rem;
padding-top: 5px;
}
body #cmplz-cookiebanner-container .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label:after {
left: 19px;
}
body #cmplz-cookiebanner-container .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before {
height: 17px;
width: 35px;
}
body #cmplz-cookiebanner-container .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after {
height: 13px;
width: 13px;
left: 2px;
}
@media (max-width: 768px) {
body #cmplz-cookiebanner-container .cmplz-cookiebanner {
grid-gap: 5px;
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header {
grid-template-columns: 0px 1fr 100px;
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header .cmplz-title {
display: block;
font-size: var(--wp--preset--font-size--s) !important;
justify-self: flex-start;
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message {
width: 100%;
}
body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons {
gap: 5px;
}
}
@media (min-width: 768px) {
body #cmplz-cookiebanner-container .cmplz-message,
body #cmplz-cookiebanner-container .cmplz-categories {
width: calc(var(--cmplz_banner_width) - 1rem);
}
}
.chatbot {
position: fixed;
font-size: 0;
width: fit-content;
display: flex;
height: 54px !important;
background-color: var(--color-violet) !important;
bottom: 16px !important;
right: 16px !important;
border-radius: 5px;
text-align: center;
cursor: pointer;
}
.chatbot .chatbot__text {
margin-bottom: 0;
align-content: center;
color: white;
padding: 16px;
padding-right: 0;
}
.chatbot .chatbot__text.hidden {
display: none;
}
.chatbot .chatbot__icon {
padding: 13px 13.5px 13px 13.5px;
}
.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media img {
position: relative;
}
/* all mediabreaks */
.wp-block-media-text .wp-block-media-text__media {
border-radius: 0 var(--br-10) var(--br-10) 0;
}
.wp-block-media-text .wp-block-media-text__media .lightbox-wrapper,
.wp-block-media-text .wp-block-media-text__media img {
border-radius: 0 var(--br-10) var(--br-10) 0;
}
.wp-block-media-text .wp-block-media-text__content {
max-width: 650px;
padding: 2rem;
}
.wp-block-media-text .wp-block-media-text__content p:last-child {
margin-bottom: 0;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
border-radius: var(--br-10) 0 0 var(--br-10);
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media img {
border-radius: var(--br-10) 0 0 var(--br-10);
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
margin-left: auto;
}
@media all and (max-width: 768px) {
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
margin-right: var(--mobilepadding);
}
.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media {
margin-right: 0;
margin-left: var(--mobilepadding);
}
}
.tags {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
align-items: center;
margin: 0;
padding: 0;
}
.tag {
color: var(--color-black);
font-size: var(--wp--preset--font-size--s);
display: flex;
padding: 4px 15px;
padding-right: 15px;
justify-content: center;
align-items: center;
position: relative;
border-radius: 100px;
border: 1px solid var(--color-black);
cursor: pointer;
white-space: nowrap;
transition: background-color 180ms ease-in-out, color 180ms ease-in-out, border-color 180ms ease-in-out, padding-right 400ms cubic-bezier(0.22, 1, 0.36, 1);
}
.tag::after {
content: "";
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%) rotate(-90deg) scale(0.5);
transform-origin: center;
width: 0.7rem;
height: 0.7rem;
background: url("/wp-content/themes/k25/assets/icons/close.svg") no-repeat center/contain;
opacity: 0;
cursor: pointer;
}
.tag button,
.tag span,
.tag a {
background: none;
border: none;
text-decoration: none;
color: var(--color-black);
}
.tag button:focus, .tag button:focus-visible,
.tag a:focus,
.tag a:focus-visible {
outline: none;
}
.tag-placeholder {
list-style: none;
}
.tag--white {
border: 1px solid var(--color-white);
}
.tag--white button {
color: var(--color-white);
}
.tag:hover {
background: var(--color-black);
}
.tag:hover button,
.tag:hover span,
.tag:hover a {
color: var(--color-white);
text-decoration: none;
}
.tag:has(:focus-visible) {
outline: 4px solid var(--color-ice-blue);
outline-offset: 2px;
}
.tag.is-active {
gap: 10px;
background: var(--color-black);
padding-right: 2rem;
cursor: pointer;
}
.tag.is-active button {
color: var(--color-white);
}
.tag--white.is-active {
background: var(--color-white);
}
.tag--white.is-active button {
color: var(--color-black);
}
.tag.is-active {
padding-right: 2rem;
}
.tag.is-active::after {
animation: tag-x-in 200ms ease-out forwards;
}
.tag.is-removing::after {
animation: tag-x-out 180ms ease-in forwards;
}
@keyframes tag-x-in {
from {
opacity: 0;
transform: translateY(-50%) rotate(-90deg) scale(0.5);
}
to {
opacity: 1;
transform: translateY(-50%) rotate(0deg) scale(1);
}
}
@keyframes tag-x-out {
from {
opacity: 1;
transform: translateY(-50%) rotate(0deg) scale(1);
}
to {
opacity: 0;
transform: translateY(-50%) rotate(-90deg) scale(0.5);
}
}
.tag--white.is-active::after {
background: url("/wp-content/themes/k25/assets/icons/close_black.svg") no-repeat center/contain;
}
.tag.is-disabled {
border-radius: 100px;
border: 1px solid var(--color-gray-disabled);
background: var(--color-gray-disabled);
cursor: not-allowed;
pointer-events: none;
}
.tag.is-disabled button {
color: var(--color-white);
}
.tag[hidden] {
display: none !important;
}
.tags__more {
margin-top: 8px;
cursor: pointer;
}
.tag--reveal {
animation: tag-reveal 0.3s ease both;
}
.tag--hide {
animation: tag-hide 0.2s ease forwards;
}
@keyframes tag-reveal {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes tag-hide {
from {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 0;
transform: translateY(10px);
}
}
.tag__toggle {
cursor: pointer;
transition: color 180ms ease-in-out;
}
@media (max-width: 768px) {
.tag button {
font-size: var(--wp--preset--font-size--s);
}
}
@media (prefers-reduced-motion: reduce) {
.tag,
.tag__toggle {
transition: none;
}
.tag.is-active::after,
.tag.is-removing::after {
animation: none;
opacity: 1;
transform: translateY(-50%) scale(1);
}
.tag--reveal,
.tag--hide {
animation: none;
opacity: 1;
transform: none;
}
}
.post-type-filter {
position: relative;
display: inline-block;
height: max-content;
font-size: var(--wp--preset--font-size--m);
}
/* Base button styles (shared) */
.post-type-filter__toggle {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 6px 16px;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 10px;
color: var(--color-white);
background-color: var(--color-black);
cursor: pointer;
user-select: none;
}
.post-type-filter__toggle:focus-visible {
outline: 4px solid var(--color-ice-blue);
outline-offset: 2px;
}
/* Visibility defaults (Desktop first) */
.post-type-filter__toggle--mobile {
display: none;
}
.post-type-filter__toggle--desktop {
display: inline-flex;
position: relative;
}
/* Desktop behavior */
@media all and (min-width: 769px) {
.post-type-filter__toggle--desktop.has-active-selection-dot::before {
content: "";
position: absolute;
top: 0;
right: 0;
transform: translate(35%, -35%);
width: 0.75rem;
height: 0.75rem;
aspect-ratio: 1/1;
border-radius: 50%;
background-color: var(--color-violet);
}
.post-type-filter__toggle--desktop::after {
content: "";
display: block;
flex: 0 0 0.7rem;
align-self: center;
width: 0.7rem;
height: 0.7rem;
margin-left: 0.125rem;
background: url("/wp-content/themes/k25/assets/icons/arrowdown_white.svg") no-repeat center/contain;
transform: rotate(0deg);
transform-origin: center;
transition: transform 180ms ease-in-out;
}
.post-type-filter__toggle--desktop[aria-expanded=true]::after {
transform: rotate(180deg);
}
.post-type-filter__flyout {
position: absolute;
z-index: 30;
top: calc(100% + 8px);
right: 0;
min-width: 160px;
max-width: 360px;
padding: 10px;
border-radius: 5px;
background-color: var(--color-black);
color: var(--color-white);
}
}
/* Mobile behavior */
@media all and (max-width: 768px) {
.post-type-filter__toggle--desktop {
display: none;
}
.post-type-filter__toggle--mobile {
display: inline-flex;
position: relative;
padding: 8px 12px;
border-radius: 8px;
}
.post-type-filter__toggle--mobile.has-active-selection-dot::before {
content: "";
position: absolute;
top: 0;
right: 0;
transform: translate(35%, -35%);
width: 0.75rem;
height: 0.75rem;
aspect-ratio: 1/1;
border-radius: 50%;
background-color: var(--color-violet);
}
.post-type-filter__toggle--mobile span {
width: 1.1rem;
height: 0.75rem;
background-image: url("/wp-content/themes/k25/assets/icons/filter_white.svg");
background-repeat: no-repeat;
background-position: center;
}
}
/* Flyout list styles */
.post-type-filter__list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 8px;
}
.post-type-filter__item {
margin: 0;
}
.post-type-filter__label {
display: flex;
align-items: center;
gap: 10px;
cursor: pointer;
padding: 4px 6px;
border-radius: 4px;
}
.post-type-filter__label:hover {
background: rgba(255, 255, 255, 0.08);
}
.post-type-filter__checkbox {
width: 1rem;
height: 1rem;
border-radius: 2px;
background: var(--color-white);
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
}
.post-type-filter__checkbox:checked {
background-color: var(--color-violet);
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: center;
background-size: 0.75rem;
}
.post-type-filter__text {
line-height: 1.2;
}
.post-type-filter__toggle--desktop {
font-family: var(--wp--preset--font-family--exo-2);
font-size: var(--wp--preset--font-size--s);
}
/* OVERLAY */
.contact-overlay {
display: flex;
flex-direction: column;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
height: 100dvh;
inset: 0;
z-index: 100000;
overflow: hidden;
}
.contact-overlay:focus {
outline: none;
}
.contact-overlay[hidden] {
display: none;
z-index: -1;
}
.contact-overlay__close {
position: fixed;
top: 1.25rem;
right: 1.25rem;
width: 40px;
height: 40px;
border: 0;
outline: 0;
background-color: var(--color-black-70);
background-image: url("/wp-content/themes/k25/assets/icons/close.svg");
background-repeat: no-repeat;
background-position: center;
background-size: 15px;
border-radius: var(--br-5);
z-index: 100001;
transition: opacity 0.2s ease;
cursor: pointer;
}
.contact-overlay__close:focus, .contact-overlay__close:focus-visible {
outline: 4px solid var(--color-ice-blue);
outline-offset: 2px;
}
.contact-overlay__innerblock {
flex: 1;
width: 100%;
min-height: 0;
overflow-y: auto;
}
/* OVERLAY END */
.contact-overlay .contact-overlay-masonry .grid-item {
opacity: 0;
}
.contact-overlay .contact-overlay-masonry .grid-item.grid-item--pop-in {
animation: overlayItemPopIn 0.35s ease both;
animation-delay: var(--stagger-delay, 0ms);
}
.contact-overlay .contact-overlay-masonry .grid-item.grid-item--pop-off {
animation: overlayItemPopOff 0.35s ease both;
animation-delay: var(--stagger-delay, 0ms);
}
.contact-overlay-masonry {
max-width: 100vw;
min-height: 100vh;
min-height: 100dvh;
--co-masonry-height: 100dvh;
--co-masonry-gutter: 15px;
/* clearfix */
}
.contact-overlay-masonry:after {
content: "";
display: block;
clear: both;
}
.contact-overlay-masonry {
/* ---- grid-item ---- */
}
.contact-overlay-masonry .grid-sizer,
.contact-overlay-masonry .grid-item {
width: calc(5% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item {
height: calc(var(--co-masonry-height) / 3);
float: left;
box-sizing: border-box;
}
.contact-overlay-masonry .grid-item.grid-item--hastext {
padding: 1rem;
}
.contact-overlay-masonry .grid-item.grid-item--hastext p {
margin-top: 0;
}
.contact-overlay-masonry .grid-item.grid-item--nogutter {
margin-left: var(--co-masonry-gutter);
}
.contact-overlay-masonry .grid-item.contact-overlay__name.is--flex {
flex-direction: column;
justify-content: center;
}
.contact-overlay-masonry .grid-item.contact-overlay__name .contact-overlay__block__subtitle {
font-size: var(--wp--preset--font-size--l);
margin-top: 0;
}
.contact-overlay-masonry .grid-item .wp-block-buttons {
margin-top: 1rem;
}
.contact-overlay-masonry .grid-item ul,
.contact-overlay-masonry .grid-item li {
margin: 0;
}
.contact-overlay-masonry .grid-item ul {
margin-left: 1.5rem;
margin-top: 1rem;
}
.contact-overlay-masonry .grid-item a:not(.wp-block-button__link) {
font-weight: 600;
text-decoration: underline;
color: var(--color-black);
cursor: pointer;
}
.contact-overlay-masonry .grid-item a:not(.wp-block-button__link):hover {
text-decoration: none;
}
.contact-overlay-masonry .grid-item a:not(.wp-block-button__link):focus {
border-radius: 3px;
outline: 4px solid var(--color-ice-blue);
outline-offset: 2px;
}
.contact-overlay-masonry .grid-item a:not(.wp-block-button__link):active {
color: var(--color-violet);
}
.contact-overlay-masonry .grid-item a:not(.wp-block-button__link):disabled, .contact-overlay-masonry .grid-item a:not(.wp-block-button__link)[disabled] {
color: var(--color-gray-disabled);
cursor: not-allowed;
pointer-events: none;
text-decoration: underline;
}
.contact-overlay-masonry .grid-item .wp-block-image {
width: 100%;
height: 100%;
overflow: hidden;
}
.contact-overlay-masonry .grid-item .wp-block-image a.lightbox-wrapper {
border-radius: unset;
}
.contact-overlay-masonry .grid-item .wp-block-image a,
.contact-overlay-masonry .grid-item .wp-block-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.contact-overlay-masonry .grid-item--width5 {
width: calc(5% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width10 {
width: calc(10% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width15 {
width: calc(15% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width20 {
width: calc(20% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width25 {
width: calc(25% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width30 {
width: calc(30% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width35 {
width: calc(35% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width40 {
width: calc(40% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width45 {
width: calc(45% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width50 {
width: calc(50% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width55 {
width: calc(55% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width60 {
width: calc(60% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width65 {
width: calc(65% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width70 {
width: calc(70% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width75 {
width: calc(75% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width80 {
width: calc(80% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width85 {
width: calc(85% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width90 {
width: calc(90% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width95 {
width: calc(95% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width100 {
width: calc(100% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--height1 {
height: calc(var(--co-masonry-height) / 3);
}
.contact-overlay-masonry .grid-item--height2 {
height: calc(var(--co-masonry-height) / 3 * 2);
}
.contact-overlay-masonry .grid-item--height3 {
height: var(--co-masonry-height);
}
.contact-overlay-masonry .contact-overlay__img-placeholder {
width: 100%;
height: 100%;
background-color: var(--color-whitesmoke);
padding: 0.5rem;
box-sizing: border-box;
}
.contact-overlay-masonry.has-violet-background-color h2,
.contact-overlay-masonry.has-violet-background-color h3,
.contact-overlay-masonry.has-violet-background-color p,
.contact-overlay-masonry.has-violet-background-color span,
.contact-overlay-masonry.has-violet-background-color a,
.contact-overlay-masonry.has-violet-background-color blockquote, .contact-overlay-masonry.has-black-background-color h2,
.contact-overlay-masonry.has-black-background-color h3,
.contact-overlay-masonry.has-black-background-color p,
.contact-overlay-masonry.has-black-background-color span,
.contact-overlay-masonry.has-black-background-color a,
.contact-overlay-masonry.has-black-background-color blockquote {
color: var(--color-white);
}
.contact-overlay-masonry.has-violet-background-color .contact-overlay__firstname, .contact-overlay-masonry.has-black-background-color .contact-overlay__firstname {
color: var(--color-yellow);
}
.contact-overlay-masonry.has-yellow-background-color .contact-overlay__firstname {
color: var(--color-violet);
}
.contact-overlay-masonry.has-yellow-background-color .contact-overlay__img-slider-controls ul.slick-dots li button {
background-color: var(--color-black-40);
}
.contact-overlay-masonry.has-yellow-background-color .contact-overlay__img-slider-controls ul.slick-dots li.slick-active button {
background-color: var(--color-black);
}
.contact-overlay-masonry.has-black-background-color .wp-element-button {
color: var(--color-black);
background-color: var(--color-white);
}
.contact-overlay-masonry .wp-block-heading,
.contact-overlay-masonry .wp-block-heading:first-child {
margin-top: 1.5rem;
margin-block-start: 1.5rem;
}
.contact-overlay-masonry blockquote,
.contact-overlay-masonry blockquote p {
font-size: max(1.4rem, var(--wp--preset--font-size--xl));
}
.contact-overlay-masonry .contact-overlay__img-slider {
display: contents;
}
.contact-overlay-masonry.contact-overlay-masonry--layout-a .contact-overlay__img-main,
.contact-overlay-masonry.contact-overlay-masonry--layout-a .contact-overlay__img-main img {
border-bottom-right-radius: var(--br-10);
}
.contact-overlay-masonry.contact-overlay-masonry--layout-a .contact-overlay__img-portrait,
.contact-overlay-masonry.contact-overlay-masonry--layout-a .contact-overlay__img-portrait img {
border-bottom-left-radius: var(--br-10);
}
.contact-overlay-masonry.contact-overlay-masonry--layout-a .contact-overlay__img-deko,
.contact-overlay-masonry.contact-overlay-masonry--layout-a .contact-overlay__img-deko img {
border-radius: var(--br-10);
}
.contact-overlay-masonry.contact-overlay-masonry--layout-a .grid-item--hasmarginleft {
padding-left: 4%;
}
.contact-overlay-masonry.contact-overlay-masonry--layout-b {
height: 100dvh;
}
.contact-overlay-masonry.contact-overlay-masonry--layout-b .contact-overlay__img-main,
.contact-overlay-masonry.contact-overlay-masonry--layout-b .contact-overlay__img-main img {
border-top-right-radius: var(--br-10);
}
.contact-overlay-masonry.contact-overlay-masonry--layout-b .contact-overlay__img-deko,
.contact-overlay-masonry.contact-overlay-masonry--layout-b .contact-overlay__img-deko img {
border-bottom-right-radius: var(--br-10);
border-bottom-left-radius: var(--br-10);
}
.contact-overlay-masonry.contact-overlay-masonry--layout-b .contact-overlay__img-portrait,
.contact-overlay-masonry.contact-overlay-masonry--layout-b .contact-overlay__img-portrait img {
border-bottom-left-radius: var(--br-10);
}
.contact-overlay-masonry.contact-overlay-masonry--layout-b .contact-overlay__img-portrait {
max-height: 70%;
}
.contact-overlay-masonry.contact-overlay-masonry--layout-b .contact-overlay__name {
padding-left: 8%;
}
.contact-overlay-masonry.contact-overlay-masonry--layout-b .contact-overlay__content1 ul {
display: flex;
flex-wrap: wrap;
margin: 0;
column-gap: 1rem;
row-gap: 0.5rem;
}
.contact-overlay-masonry.contact-overlay-masonry--layout-b .contact-overlay__content1 ul li {
white-space: nowrap;
list-style-type: none;
}
.contact-overlay-masonry.contact-overlay-masonry--layout-b .contact-overlay__content1 p {
margin-bottom: 1.1rem;
}
.contact-overlay-masonry.contact-overlay-masonry--layout-c .contact-overlay__img-main,
.contact-overlay-masonry.contact-overlay-masonry--layout-c .contact-overlay__img-main img {
border-bottom-right-radius: var(--br-10);
}
.contact-overlay-masonry.contact-overlay-masonry--layout-c .contact-overlay__img-deko,
.contact-overlay-masonry.contact-overlay-masonry--layout-c .contact-overlay__img-deko img {
border-top-left-radius: var(--br-10);
border-bottom-left-radius: var(--br-10);
}
.contact-overlay-masonry.contact-overlay-masonry--layout-c .grid-item--hasmarginleft {
padding-left: 7%;
}
@media all and (min-width: 769px) and (max-width: 900px) {
.contact-overlay-masonry .grid-sizer,
.contact-overlay-masonry .grid-item {
width: calc(50% - var(--co-masonry-gutter));
height: auto;
}
.contact-overlay-masonry .grid-item--width5 {
width: calc(50% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width10 {
width: calc(50% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width15 {
width: calc(50% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width20 {
width: calc(50% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width25 {
width: calc(50% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width30 {
width: calc(50% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width35 {
width: calc(50% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width40 {
width: calc(50% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width45 {
width: calc(50% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width50 {
width: calc(50% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width55 {
width: calc(50% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width60 {
width: calc(50% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width65 {
width: calc(50% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width70 {
width: calc(50% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width75 {
width: calc(50% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width80 {
width: calc(50% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width85 {
width: calc(50% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width90 {
width: calc(50% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width95 {
width: calc(50% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item--width100 {
width: calc(50% - var(--co-masonry-gutter));
}
.contact-overlay-masonry .grid-item.grid-item--hastext p:not(blockquote p) {
font-size: clamp(0.875rem, 1.2vw, 1rem);
}
.contact-overlay-masonry.contact-overlay-masonry--layout-a .contact-overlay__img-portrait {
border-top-left-radius: var(--br-10);
border-bottom-left-radius: var(--br-10);
}
.contact-overlay-masonry.contact-overlay-masonry--layout-a .contact-overlay__img-deko {
border-bottom-right-radius: var(--br-10);
}
.contact-overlay-masonry.contact-overlay-masonry--layout-b .contact-overlay__img-main,
.contact-overlay-masonry.contact-overlay-masonry--layout-b .contact-overlay__img-main img {
border-top-left-radius: var(--br-10);
border-bottom-left-radius: var(--br-10);
border-bottom-right-radius: var(--br-10);
}
.contact-overlay-masonry.contact-overlay-masonry--layout-b .contact-overlay__img-portrait,
.contact-overlay-masonry.contact-overlay-masonry--layout-b .contact-overlay__img-portrait img {
border-top-right-radius: var(--br-10);
border-bottom-right-radius: var(--br-10);
border-bottom-left-radius: 0px;
}
.contact-overlay-masonry.contact-overlay-masonry--layout-b .grid-item:has(.contact-overlay__img-portrait) {
margin-left: 0;
}
.contact-overlay-masonry.contact-overlay-masonry--layout-b .contact-overlay__img-deko img {
border-bottom-right-radius: 0px;
}
.contact-overlay-masonry.contact-overlay-masonry--layout-c .contact-overlay__img-main {
border-bottom-right-radius: var(--br-10);
}
.contact-overlay-masonry.contact-overlay-masonry--layout-c .contact-overlay__img-deko {
border-top-right-radius: var(--br-10);
}
.contact-overlay-masonry.contact-overlay-masonry--layout-c .grid-item:has(.contact-overlay__img-deko) {
margin-left: 0;
}
}
@media all and (min-width: 901px) {
.contact-overlay-masonry .grid-item .grid-item--height2:not(.grid-item--noautoheight),
.contact-overlay-masonry .grid-item .grid-item--height3:not(.grid-item--noautoheight), .contact-overlay-masonry .grid-item.grid-item--hastext:not(.grid-item--noautoheight),
.contact-overlay-masonry .grid-item--height1 .grid-item--height2:not(.grid-item--noautoheight),
.contact-overlay-masonry .grid-item--height1 .grid-item--height3:not(.grid-item--noautoheight),
.contact-overlay-masonry .grid-item--height1.grid-item--hastext:not(.grid-item--noautoheight) {
height: auto;
}
.contact-overlay-masonry .grid-item.grid-item--height1.contact-overlay__name,
.contact-overlay-masonry .grid-item--height1.grid-item--height1.contact-overlay__name {
height: calc(var(--co-masonry-height) / 3);
}
}
@media all and (max-width: 768px) {
.contact-overlay .contact-overlay__innerblock {
overflow-y: scroll;
}
.contact-overlay-masonry {
display: flex;
flex-direction: column;
padding: var(--mobilepadding);
overflow-y: scroll;
overflow-x: hidden;
box-sizing: border-box;
}
.contact-overlay-masonry .grid-sizer,
.contact-overlay-masonry .grid-item {
display: flex;
flex-direction: column;
position: static !important;
width: 100%;
height: unset;
}
.contact-overlay-masonry .grid-sizer.grid-item--nogutter,
.contact-overlay-masonry .grid-item.grid-item--nogutter {
margin-left: 0 !important;
}
.contact-overlay-masonry .grid-sizer.grid-item--hastext,
.contact-overlay-masonry .grid-item.grid-item--hastext {
padding: 0;
}
.contact-overlay-masonry .grid-sizer.grid-item:not(.grid-item--hastext),
.contact-overlay-masonry .grid-item.grid-item:not(.grid-item--hastext) {
max-width: 100%;
}
.contact-overlay-masonry .grid-sizer blockquote,
.contact-overlay-masonry .grid-item blockquote {
margin-left: 2rem;
max-width: calc(100% - 2rem - var(--mobilepadding));
}
.contact-overlay-masonry .grid-item[data-overlay-mobile-sort="0"] {
display: flex;
order: 0;
}
.contact-overlay-masonry .grid-item[data-overlay-mobile-sort="1"] {
display: flex;
order: 1;
}
.contact-overlay-masonry .grid-item[data-overlay-mobile-sort="2"] {
display: flex;
order: 2;
}
.contact-overlay-masonry .grid-item[data-overlay-mobile-sort="3"] {
display: flex;
order: 3;
}
.contact-overlay-masonry .grid-item[data-overlay-mobile-sort="4"] {
display: flex;
order: 4;
}
.contact-overlay-masonry .grid-item[data-overlay-mobile-sort="5"] {
display: flex;
order: 5;
}
.contact-overlay-masonry .grid-item[data-overlay-mobile-sort="6"] {
display: flex;
order: 6;
}
.contact-overlay-masonry .grid-item[data-overlay-mobile-sort="2"] .contact-overlay__img-main {
margin-bottom: 1rem;
}
.contact-overlay-masonry .wp-block-image,
.contact-overlay-masonry .wp-block-image img {
max-height: unset !important;
border-radius: var(--br-10);
}
.contact-overlay-masonry .contact-overlay__name {
padding-left: 0 !important;
}
.contact-overlay-masonry .grid-item--hasmarginleft {
padding-left: 0 !important;
}
.contact-overlay-masonry .contact-overlay__img-slider {
display: block !important;
order: 3;
height: 15rem;
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 1rem;
margin-bottom: 2rem;
}
.contact-overlay-masonry .contact-overlay__img-slider .slick-list {
overflow: visible;
padding-left: 1.5rem;
margin-top: 0.5rem;
}
.contact-overlay-masonry .contact-overlay__img-slider .grid-item {
width: 15rem !important;
height: 15rem !important;
margin-left: 0 !important;
margin-right: 1rem;
display: block !important;
}
.contact-overlay-masonry .contact-overlay__img-slider .grid-item .wp-block-image {
margin-bottom: 0.5rem;
}
.contact-overlay-masonry .contact-overlay__img-slider-controls {
order: 3;
margin-top: -1rem;
margin-bottom: 1.5rem;
}
.contact-overlay-masonry .contact-overlay__img-slider-controls ul.slick-dots li button {
background-color: rgba(255, 255, 255, 0.4);
}
.contact-overlay-masonry .contact-overlay__img-slider-controls ul.slick-dots li.slick-active button {
background-color: var(--color-white);
}
.contact-overlay-masonry ul {
display: flex;
}
.contact-overlay-masonry li {
list-style-type: none;
padding: 0;
margin: 0;
}
}
@media all and (max-width: 768px) {
.contact-overlay-masonry blockquote p {
font-size: 1.75rem;
font-style: normal;
font-weight: 700;
line-height: 110%;
}
.contact-overlay-masonry blockquote {
margin: 0 0 1.5rem !important;
}
.contact-overlay-masonry blockquote p {
margin-bottom: 0;
}
.grid-item[data-overlay-mobile-sort="1"] {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
ul {
margin: 0px;
}
.contact-overlay__innerblock .wp-block-buttons {
margin-top: 0rem;
margin-bottom: 1.5rem;
}
.contact-overlay__innerblock p {
margin-bottom: 1.5rem;
font-size: var(--wp--preset--font-size--xs);
}
.contact-overlay__innerblock .contact-overlay__block__subtitle {
margin-bottom: 0rem;
font-size: 1.125rem;
}
.contact-overlay-masonry--layout-c .contact-overlay__img-deko.wp-block-image {
width: 15rem;
height: 15rem;
margin: 0 auto;
margin-bottom: 2rem;
}
.contact-overlay-masonry--layout-c .contact-overlay__img-deko.wp-block-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
.fade-in-down {
animation: fadeInDown 0.4s ease-out forwards;
}
.fade-out-up {
animation: fadeOutUp 0.4s cubic-bezier(0.4, 0, 1, 1) forwards;
}
@keyframes fadeInDown {
0% {
opacity: 1;
transform: perspective(1200px) rotateY(-90deg) scale(0.35);
border-radius: var(--br-10);
}
100% {
opacity: 1;
transform: perspective(1200px) rotateY(0deg) scale(1);
border-radius: 0px;
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
transform: perspective(1200px) rotateY(0deg) scale(1);
border-radius: 0px;
}
65% {
opacity: 1;
}
100% {
opacity: 1;
transform: perspective(1200px) rotateY(90deg) scale(0.35);
border-radius: var(--br-10);
}
}
.is--flipping {
animation: card-flip-out 0.5s ease-in-out forwards;
pointer-events: none;
}
.is--flipping-back {
animation: card-flip-in 0.5s ease-out forwards;
pointer-events: none;
}
.is--flipped {
transform: rotateY(180deg);
}
@keyframes card-flip-out {
0% {
transform: rotateY(0deg);
}
100% {
transform: rotateY(180deg);
}
}
@keyframes card-flip-in {
0% {
transform: rotateY(180deg);
}
100% {
transform: rotateY(0deg);
overflow: hidden;
}
}
.stagger-in {
opacity: 0;
transform: translateY(24px);
transition: opacity 0.5s ease, transform 0.5s ease;
}
@media (prefers-reduced-motion: reduce) {
.stagger-in {
opacity: 1;
transform: none;
transition: none;
}
}
.stagger-in--visible {
opacity: 1;
transform: translateY(0);
}
@keyframes overlayItemPopIn {
0% {
opacity: 0;
transform: scale(0.85) translateY(8px);
}
100% {
opacity: 1;
transform: scale(1) translateY(0);
}
}
@keyframes overlayItemPopOff {
0% {
opacity: 1;
transform: scale(1) translateY(0);
}
100% {
opacity: 0;
transform: scale(0.85) translateY(8px);
}
}
a.feed-card:focus {
outline: 4px solid var(--color-ice-blue);
outline-offset: 2px;
border-radius: var(--br-10);
}
a.feed-card:hover .wp-element-button::before {
letter-spacing: 0.1em;
}
a.feed-card:hover .textlink {
text-decoration: none;
}
a.feed-card:hover img.feed-card__img {
transform: scale(1.05);
}
.feed-card {
opacity: 0;
transform: translateY(24px);
transition: opacity 0.5s ease, transform 0.5s ease;
}
@media (prefers-reduced-motion: reduce) {
.feed-card {
opacity: 1;
transform: none;
transition: none;
}
}
.feed-card.feed-card--isvisible, .feed-card.postselector-card {
opacity: 1;
transform: translateY(0);
}
.feed-card {
display: flex;
flex-direction: column;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 2.6rem;
background-color: var(--color-white);
color: var(--color-black);
text-decoration: none !important;
box-sizing: border-box;
position: relative;
border-radius: 10px;
}
.feed-card .feed-card__imgwrapper {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
min-width: 100%;
min-height: 150px;
border-radius: var(--br-10);
overflow: hidden;
}
.feed-card .feed-card__imgwrapper.feed-card__imgwrapper--square {
aspect-ratio: 1/1;
}
.feed-card .feed-card__imgwrapper.feed-card__imgwrapper--portrait {
aspect-ratio: 3/3.5;
}
.feed-card .feed-card__imgwrapper.feed-card__imgwrapper--landscape {
aspect-ratio: 4/2;
}
.feed-card .feed-card__imgwrapper img.feed-card__img {
display: block;
width: 100%;
min-width: 100%;
height: auto;
min-height: 100%;
object-fit: cover;
object-position: center;
border-radius: var(--br-10);
transition: transform 0.4s ease-in-out;
}
.feed-card .feed-card__content {
display: flex;
flex-direction: column;
align-items: flex-start;
height: 100%;
padding: 1rem;
box-sizing: border-box;
transition: 0.5s ease all;
max-height: max-content;
}
.feed-card .feed-card__content h3.wp-block-heading {
margin-top: 0;
margin-bottom: 1rem;
font-weight: 700;
font-size: var(--wp--preset--font-size--xl);
line-height: 1.1;
text-transform: none;
hyphens: auto;
word-break: break-word;
}
.feed-card .feed-card__content h3.wp-block-heading.has-xl-font-size {
font-size: 3rem !important;
}
.feed-card .feed-card__content p {
margin-bottom: 1rem;
}
.feed-card .feed-card__content .wp-element-button__text {
padding-right: 20px; /* puffer for arrow */
}
.feed-card.has-black-background-color, .feed-card.has-violet-background-color {
color: white;
}
.feed-card.has-black-background-color .feed-card__content .textlink,
.feed-card.has-black-background-color .feed-card__content h3.wp-block-heading,
.feed-card.has-black-background-color .feed-card__content h4.wp-block-heading,
.feed-card.has-black-background-color .feed-card__content p, .feed-card.has-violet-background-color .feed-card__content .textlink,
.feed-card.has-violet-background-color .feed-card__content h3.wp-block-heading,
.feed-card.has-violet-background-color .feed-card__content h4.wp-block-heading,
.feed-card.has-violet-background-color .feed-card__content p {
color: white !important;
}
.feed-card.has-background:not(.has-white-background-color) .feed-card__imgwrapper,
.feed-card.has-background:not(.has-white-background-color) .feed-card__imgwrapper img.feed-card__img {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.feed-card.feed-card--no-data p {
font-size: var(--wp--preset--font-size--xs);
font-style: italic;
}
.feed-card.postselector-card {
background-color: transparent !important;
}
@media screen and (min-width: 576px) {
.feed-wrapper .feed-card {
width: calc(50% - var(--masonry-gutter-space));
}
}
@media screen and (min-width: 576px) and (max-width: 1048px) {
.feed-wrapper .feed-card .wp-element-button,
.feed-wrapper .feed-card .wp-block-button__link.wp-element-button {
min-width: unset;
max-width: 100%;
padding-left: 1rem;
padding-right: 1rem;
}
.feed-wrapper .feed-card .wp-element-button:hover::before,
.feed-wrapper .feed-card .wp-block-button__link.wp-element-button:hover::before {
letter-spacing: unset;
}
.feed-wrapper a.feed-card:hover .wp-element-button::before {
letter-spacing: unset;
}
}
@media screen and (min-width: 900px) {
.feed-wrapper .feed-card {
width: calc(33% - var(--masonry-gutter-space));
}
}
/* gutenberg styles */
.editor-styles-wrapper .feed-card {
opacity: 1;
transform: none;
transition: none;
}
.editor-styles-wrapper .wp-block-k25-post-selector {
min-width: 200px;
}
/* sidebar styles */
.editor-sidebar__panel .feed-card {
width: 100% !important;
margin-bottom: 0;
opacity: 1;
transform: none;
transition: none;
}
.editor-sidebar__panel .feed-card .feed-card__content .textlink {
font-weight: 600;
text-decoration: underline;
color: var(--color-black);
cursor: pointer;
}
.editor-sidebar__panel .feed-card .feed-card__content .textlink:hover {
text-decoration: none;
}
.editor-sidebar__panel .feed-card .feed-card__content .textlink:focus {
border-radius: 3px;
outline: 4px solid var(--color-ice-blue);
outline-offset: 2px;
}
.editor-sidebar__panel .feed-card .feed-card__content .textlink:active {
color: var(--color-violet);
}
.editor-sidebar__panel .feed-card .feed-card__content .textlink:disabled, .editor-sidebar__panel .feed-card .feed-card__content .textlink[disabled] {
color: var(--color-gray-disabled);
cursor: not-allowed;
pointer-events: none;
text-decoration: underline;
}
.editor-sidebar__panel .feed-card.has-black-background-color {
background-color: var(--wp--preset--color--black) !important;
}
.editor-sidebar__panel .feed-card.has-white-background-color {
background-color: var(--wp--preset--color--white) !important;
}
.editor-sidebar__panel .feed-card.has-yellow-background-color {
background-color: var(--wp--preset--color--yellow) !important;
}
.editor-sidebar__panel .feed-card.has-violet-background-color {
background-color: var(--wp--preset--color--violet) !important;
}
.editor-sidebar__panel .feed-card.has-red-background-color {
background-color: var(--wp--preset--color--red) !important;
}
.editor-sidebar__panel .feed-card.has-whitesmoke-background-color {
background-color: var(--wp--preset--color--whitesmoke) !important;
}
.podcast {
background-color: var(--color-violet);
border-radius: var(--br-8);
padding: 1.5rem;
color: var(--color-white);
width: 100%;
box-sizing: border-box;
}
.podcast .podcast__inner {
display: flex;
flex-direction: row;
gap: 20px;
}
.podcast .podcast__cover-wrapper {
width: 120px;
max-width: 120px;
flex-shrink: 0;
}
.podcast .podcast__cover-img {
width: 100%;
height: auto;
aspect-ratio: 1;
object-fit: cover;
border-radius: var(--br-8);
display: block;
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.5);
}
.podcast .podcast__content {
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1;
min-width: 0;
}
.podcast .podcast__show-name,
.podcast .podcast__episode-number,
.podcast .podcast__episode-title {
font-family: var(--wp--preset--font-family--exo-2);
font-size: var(--wp--preset--font-size--m);
color: var(--color-white);
margin: 0;
line-height: 1.3;
font-weight: 600;
}
.podcast .podcast__episode-meta {
display: flex;
flex-direction: column;
gap: 2px;
}
.podcast .podcast__episode-number {
font-weight: 400;
}
.podcast .podcast__audio {
display: none;
}
.podcast .podcast__player-ui {
display: flex;
flex-direction: column;
gap: 0.9rem;
margin-top: 1.4rem;
}
.podcast .podcast__scrubber-row {
display: flex;
flex-wrap: wrap;
row-gap: 6px;
}
.podcast .podcast__time-current {
order: 1;
flex: 0 0 auto;
font-family: var(--wp--preset--font-family--atkinson);
font-size: var(--wp--preset--font-size--xs);
font-variant-numeric: tabular-nums;
white-space: nowrap;
color: var(--color-white);
}
.podcast .podcast__time-total {
order: 2;
flex: 0 0 auto;
margin-left: auto;
font-family: var(--wp--preset--font-family--atkinson);
font-size: var(--wp--preset--font-size--xs);
font-variant-numeric: tabular-nums;
white-space: nowrap;
color: var(--color-white);
}
.podcast .podcast__scrubber {
--podcast-progress: 0%;
order: 3;
flex: 0 0 100%;
-webkit-appearance: none;
appearance: none;
height: 10px;
border-radius: var(--br-100);
background: linear-gradient(to right, rgba(255, 255, 255, 0.9) var(--podcast-progress, 0%), rgba(0, 0, 0, 0.25) var(--podcast-progress, 0%));
cursor: pointer;
outline: none;
border: none;
display: block;
}
.podcast .podcast__scrubber::-webkit-slider-runnable-track {
height: 10px;
border-radius: var(--br-100);
}
.podcast .podcast__scrubber::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 24px;
height: 24px;
border-radius: 50%;
background: var(--color-white);
cursor: grab;
margin-top: -7px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}
.podcast .podcast__scrubber::-webkit-slider-thumb:active {
cursor: grabbing;
}
.podcast .podcast__scrubber::-moz-range-track {
height: 10px;
border-radius: var(--br-100);
background: transparent;
}
.podcast .podcast__scrubber::-moz-range-thumb {
width: 24px;
height: 24px;
border-radius: 50%;
background: var(--color-white);
cursor: grab;
border: none;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}
.podcast .podcast__scrubber:focus-visible {
outline: 2px solid var(--color-white);
outline-offset: 4px;
}
.podcast .podcast__controls {
display: flex;
justify-content: center;
align-items: center;
gap: 1.5rem;
}
.podcast .podcast__btn {
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
border: none;
width: 2.5rem;
height: 2.5rem;
cursor: pointer;
padding: 0.4rem;
border-radius: 50%;
transition: background-color 0.15s ease, transform 0.1s ease;
flex-shrink: 0;
}
.podcast .podcast__btn:hover {
background-color: rgba(255, 255, 255, 0.15);
}
.podcast .podcast__btn:active {
transform: scale(0.9);
}
.podcast .podcast__btn:focus-visible {
outline: 2px solid var(--color-white);
outline-offset: 4px;
}
.podcast .podcast__btn:disabled {
cursor: default;
opacity: 0.7;
}
.podcast .podcast__btn.podcast__btn--rewind {
background-image: url("/wp-content/themes/k25/assets/icons/rewind_white.svg");
background-size: cover;
}
.podcast .podcast__btn.podcast__btn--forward {
background-image: url("/wp-content/themes/k25/assets/icons/forward_white.svg");
background-size: cover;
}
.podcast .podcast__btn--play {
background-color: var(--color-white);
background-image: url("/wp-content/themes/k25/assets/icons/play_violet.svg");
background-repeat: no-repeat;
background-size: 20px;
background-position: calc(50% + 2px) center;
width: 3rem;
height: 3rem;
border-radius: 50%;
padding: 0;
}
.podcast .podcast__btn--play:hover {
background-color: rgba(255, 255, 255, 0.9);
}
.podcast .podcast__btn--play:disabled {
background-color: var(--color-white);
opacity: 0.7;
}
.podcast .podcast__btn--play.is-playing {
background-image: url("/wp-content/themes/k25/assets/icons/pause_violet.svg");
background-size: 30px;
background-position: center;
}
/* PODCAST MINI */
.podcast-mini {
position: fixed;
bottom: 0;
left: 50%;
isolation: isolate;
z-index: 9999;
background-color: var(--color-violet);
color: var(--color-white);
padding: 0.4rem;
border-radius: var(--br-8);
display: flex;
align-items: center;
gap: 1rem;
width: calc(100vw - var(--mobilepadding) * 2);
max-width: 464px;
transform: translate(-50%, 100%);
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
box-sizing: border-box;
}
.podcast-mini[hidden] {
display: none;
}
.podcast-mini.podcast-mini--visible {
transform: translate(-50%, -1rem);
}
.podcast-mini .podcast-mini__cover {
width: 3rem;
height: 3rem;
border-radius: var(--br-5);
object-fit: cover;
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.5);
flex-shrink: 0;
cursor: pointer;
}
.podcast-mini .podcast-mini__info {
flex: 1;
min-width: 0;
}
.podcast-mini .podcast-mini__title {
font-family: var(--wp--preset--font-family--exo2);
font-size: var(--wp--preset--font-size--xs);
font-weight: 700;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0 0 4px;
color: var(--color-white);
cursor: pointer;
}
.podcast-mini .podcast-mini__progress {
display: flex;
align-items: center;
gap: 8px;
}
.podcast-mini .podcast-mini__time {
font-family: var(--wp--preset--font-family--atkinson);
font-size: var(--wp--preset--font-size--xs);
white-space: nowrap;
color: rgba(255, 255, 255, 0.85);
font-variant-numeric: tabular-nums;
flex-shrink: 0;
}
.podcast-mini .podcast-mini__scrubber {
flex: 1;
appearance: none;
-webkit-appearance: none;
height: 6px;
border-radius: var(--br-100);
background: linear-gradient(to right, rgba(255, 255, 255, 0.9) var(--podcast-mini-progress, 0%), rgba(0, 0, 0, 0.2) var(--podcast-mini-progress, 0%));
cursor: pointer;
border: none;
outline: none;
}
.podcast-mini .podcast-mini__scrubber::-webkit-slider-runnable-track {
height: 4px;
border-radius: var(--br-100);
}
.podcast-mini .podcast-mini__scrubber::-webkit-slider-thumb {
appearance: none;
-webkit-appearance: none;
width: 1rem;
height: 1rem;
border-radius: 50%;
background: var(--color-white);
cursor: grab;
margin-top: -5px;
}
.podcast-mini .podcast-mini__scrubber::-moz-range-track {
height: 4px;
border-radius: var(--br-100);
background: transparent;
}
.podcast-mini .podcast-mini__scrubber::-moz-range-thumb {
width: 0.8rem;
height: 0.8rem;
border-radius: 50%;
background: var(--color-white);
cursor: grab;
border: none;
}
.podcast-mini .podcast-mini__scrubber:focus-visible {
outline: 2px solid var(--color-white);
outline-offset: 3px;
}
.podcast-mini .podcast-mini__controls {
display: flex;
align-items: center;
gap: 0.5rem;
flex-shrink: 0;
}
.podcast-mini .podcast-mini__btn {
display: flex;
align-items: center;
justify-content: center;
width: 2.25rem;
height: 2.25rem;
border-radius: 50%;
background-color: var(--color-white);
background-repeat: no-repeat;
background-position: center;
border: none;
transition: background-color 0.15s ease;
flex-shrink: 0;
cursor: pointer;
}
.podcast-mini .podcast-mini__btn:hover {
background-color: rgba(255, 255, 255, 0.32);
}
.podcast-mini .podcast-mini__btn:focus-visible {
outline: 2px solid var(--color-white);
outline-offset: 2px;
}
.podcast-mini .podcast-mini__btn.podcast-mini__btn--rewind {
background-color: transparent;
background-image: url("/wp-content/themes/k25/assets/icons/rewind_white.svg");
background-size: 100%;
margin-right: -3px;
}
.podcast-mini .podcast-mini__btn.podcast-mini__btn--play {
background-image: url("/wp-content/themes/k25/assets/icons/play_violet.svg");
background-size: 17px;
background-position: calc(50% + 2px) center;
}
.podcast-mini .podcast-mini__btn.podcast-mini__btn--play.is-playing {
background-image: url("/wp-content/themes/k25/assets/icons/pause_violet.svg");
background-size: 27px;
background-position: center;
}
.podcast-mini .podcast-mini__btn.podcast-mini__btn--close {
background-image: url("/wp-content/themes/k25/assets/icons/close_violet_podcast.svg");
background-size: 25px;
}
.podcast-mini .podcast-mini__overlay {
position: absolute;
inset: 0;
border-radius: var(--br-8);
background-color: var(--color-violet);
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 0.75rem;
gap: 0.75rem;
z-index: 1;
}
.podcast-mini .podcast-mini__overlay[hidden] {
display: none;
}
.podcast-mini .podcast-mini__overlay .podcast-mini__overlay-msg {
flex: 1;
font-family: var(--wp--preset--font-family--exo2);
font-size: var(--wp--preset--font-size--xs);
font-weight: 700;
color: var(--color-white);
margin: 0;
}
.podcast-mini .podcast-mini__overlay .podcast-mini__overlay-actions {
display: flex;
align-items: center;
gap: 0.5rem;
flex-shrink: 0;
}
.podcast-mini .podcast-mini__overlay .podcast-mini__btn--back {
background-image: url("/wp-content/themes/k25/assets/icons/checkmark_violet.svg");
background-size: 16px;
}
.podcast-mini .podcast-mini__overlay .podcast-mini__btn--overlay-dismiss {
background-color: rgba(255, 255, 255, 0.15);
background-image: url("/wp-content/themes/k25/assets/icons/close.svg");
background-size: 10px;
}
/* mobile styles */
@media all and (max-width: 576px) {
.podcast .podcast__inner {
flex-direction: column;
align-items: center;
gap: 1.5rem;
}
.podcast .podcast__cover-img {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.podcast .podcast__content {
width: 100%;
justify-content: flex-start;
gap: 1.5rem;
}
.podcast .podcast__scrubber {
height: 13px;
}
.podcast .podcast__scrubber::-webkit-slider-thumb {
width: 30px;
height: 30px;
margin-top: -10px;
}
.podcast .podcast__scrubber::-moz-range-thumb {
width: 30px;
height: 30px;
}
.podcast .podcast__scrubber-row {
row-gap: 15px;
}
}
@media all and (max-width: 420px) {
/* PODCAST MINI */
.podcast-mini .podcast-mini__progress .podcast-mini__scrubber {
display: none;
}
.podcast-mini .podcast-mini__btn.podcast-mini__btn--rewind {
display: none;
}
}
/* wordpress components */
.wp-block-image--full-width img {
width: 100% !important;
border-radius: var(--br-10);
}
.wp-block-image.is-style-rounded img {
border-radius: var(--br-10);
}
.wp-block-image figcaption {
font-size: var(--wp--preset--font-size--m);
font-weight: bold;
text-align: left;
color: var(--color-black);
}
.overlay__trigger-wrapper,
.lightbox-wrapper {
position: relative;
}
.overlay__trigger-wrapper .overlay__trigger,
.lightbox-wrapper .overlay__trigger {
position: absolute;
top: 10px;
right: 10px;
width: 32px;
height: 32px;
border-radius: var(--br-5);
background-color: var(--color-black-70);
z-index: 101;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.overlay__trigger-wrapper .overlay__trigger svg,
.lightbox-wrapper .overlay__trigger svg {
position: absolute;
}
.overlay__trigger-wrapper .overlay__trigger .q-arc,
.lightbox-wrapper .overlay__trigger .q-arc {
stroke-dasharray: 30;
}
.overlay__trigger-wrapper .overlay__trigger:focus-visible,
.lightbox-wrapper .overlay__trigger:focus-visible {
outline: 4px solid var(--color-ice-blue);
outline-offset: 2px;
}
.overlay__trigger-wrapper .overlay__trigger,
.lightbox-wrapper .overlay__trigger {
/* EXPAND ICON */
}
.overlay__trigger-wrapper .overlay__trigger .expand-icon path,
.lightbox-wrapper .overlay__trigger .expand-icon path {
stroke-dasharray: 40;
stroke-dashoffset: 0;
transition: all 0.4s ease;
}
.overlay__trigger-wrapper .overlay__trigger:focus-visible .q-arc,
.lightbox-wrapper .overlay__trigger:focus-visible .q-arc {
animation: q-arc-draw 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.overlay__trigger-wrapper .overlay__trigger:focus-visible .q-dot,
.lightbox-wrapper .overlay__trigger:focus-visible .q-dot {
animation: q-dot-draw 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0.05s infinite;
}
.overlay__trigger-wrapper .overlay__trigger:focus-visible .expand-icon .corner-tr,
.lightbox-wrapper .overlay__trigger:focus-visible .expand-icon .corner-tr {
animation: move-tr 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.overlay__trigger-wrapper .overlay__trigger:focus-visible .expand-icon .corner-bl,
.lightbox-wrapper .overlay__trigger:focus-visible .expand-icon .corner-bl {
animation: move-bl 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.overlay__trigger-wrapper .overlay__trigger:focus-visible .expand-icon .diag-tr,
.lightbox-wrapper .overlay__trigger:focus-visible .expand-icon .diag-tr {
animation: draw-out 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.overlay__trigger-wrapper .overlay__trigger:focus-visible .expand-icon .diag-bl,
.lightbox-wrapper .overlay__trigger:focus-visible .expand-icon .diag-bl {
animation: draw-out 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.overlay__trigger-wrapper img,
.lightbox-wrapper img {
z-index: 100;
}
.contact-wrapper:has(.overlay__trigger) {
cursor: pointer;
}
.contact-wrapper:has(.overlay__trigger):hover .overlay__trigger .q-arc {
animation: q-arc-draw 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.contact-wrapper:has(.overlay__trigger):hover .overlay__trigger .q-dot {
animation: q-dot-draw 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s infinite;
}
.contact-wrapper:has(.overlay__trigger):hover .overlay__trigger .expand-icon .corner-tr {
animation: move-tr 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.contact-wrapper:has(.overlay__trigger):hover .overlay__trigger .expand-icon .corner-bl {
animation: move-bl 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.contact-wrapper:has(.overlay__trigger):hover .overlay__trigger .expand-icon .diag-tr {
animation: draw-out 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.contact-wrapper:has(.overlay__trigger):hover .overlay__trigger .expand-icon .diag-bl {
animation: draw-out 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
@keyframes q-arc-draw {
0% {
stroke-dashoffset: 0;
}
5% {
stroke-dashoffset: 30;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes q-dot-draw {
0% {
opacity: 1;
}
5% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.lightbox-wrapper {
border-radius: var(--br-10);
overflow: hidden;
width: fit-content;
}
.lightbox-wrapper img {
transition: 0.7s ease all;
}
.lightbox-wrapper:hover img, .lightbox-wrapper:focus-visible img {
transform: scale(1.05);
}
.lightbox-wrapper:hover .expand-icon .corner-tr, .lightbox-wrapper:focus-visible .expand-icon .corner-tr {
animation: move-tr 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.lightbox-wrapper:hover .expand-icon .corner-bl, .lightbox-wrapper:focus-visible .expand-icon .corner-bl {
animation: move-bl 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.lightbox-wrapper:hover .expand-icon .diag-tr, .lightbox-wrapper:focus-visible .expand-icon .diag-tr {
animation: draw-out 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.lightbox-wrapper:hover .expand-icon .diag-bl, .lightbox-wrapper:focus-visible .expand-icon .diag-bl {
animation: draw-out 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.lightbox-wrapper:hover .expand-icon .corner-tr,
.lightbox-wrapper:hover .expand-icon .corner-bl,
.lightbox-wrapper:hover .expand-icon .diag-tr,
.lightbox-wrapper:hover .expand-icon .diag-bl, .lightbox-wrapper:focus-visible .expand-icon .corner-tr,
.lightbox-wrapper:focus-visible .expand-icon .corner-bl,
.lightbox-wrapper:focus-visible .expand-icon .diag-tr,
.lightbox-wrapper:focus-visible .expand-icon .diag-bl {
animation-iteration-count: infinite;
}
.lightbox {
z-index: 200001 !important;
position: fixed !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
margin: 0 !important;
}
.lightbox img.lb-image {
border: 0;
border-radius: 0;
}
.lightbox .lb-number {
display: none !important;
}
.lightbox .lb-data .lb-caption {
color: var(--color-white);
font-size: var(--wp--preset--font-size--m);
}
.lightbox {
/* arrows */
}
.lightbox .lb-nav a {
background: unset;
background-color: var(--color-white) !important;
float: unset !important;
opacity: 1 !important;
width: var(--sliderarrow__size) !important;
position: fixed !important;
width: var(--sliderarrow__size);
height: var(--sliderarrow__size);
background-color: var(--color-white);
background-repeat: no-repeat;
border: 0;
border-radius: 50%;
z-index: 100;
transition: 0.15s background-color ease-in;
cursor: pointer;
position: absolute;
top: var(--sliderarrow_top_offset);
transform: translateY(-50%);
}
.lightbox .lb-nav a.lb-prev {
left: var(--sliderarrow_sides_offset);
background-position: 11px center;
/* angleleft_black */
background-image: url("data:image/svg+xml,%3Csvg width='15' height='26' viewBox='0 0 15 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.4346 24.125L2.12086 12.8113L13.4346 1.49758' stroke='black' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.lightbox .lb-nav a.lb-next {
right: var(--sliderarrow_sides_offset);
background-position: 15px center;
/* angleright_black */
background-image: url("data:image/svg+xml,%3Csvg width='15' height='26' viewBox='0 0 15 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1.5L12.8137 12.8137L1.49999 24.1274' stroke='black' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
@media (max-width: 768px) {
.lightbox {
top: calc(52px + 1.5rem) !important;
transform: translateX(-50%) !important;
overflow-y: auto;
max-height: calc(100vh - 12px - 40px - 1.5rem - 3rem - var(--sliderarrow__size));
}
.lightbox .lb-dataContainer {
padding-top: 1.5rem;
}
}
@media (max-width: 768px) {
body > .lb-nav {
position: fixed;
top: auto;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
gap: 2rem;
background: var(--color-black);
padding: 1.5rem 0;
z-index: 200002;
height: max-content;
}
body > .lb-nav a {
background: unset;
background-color: var(--color-white) !important;
opacity: 1 !important;
float: none !important;
display: block !important;
width: var(--sliderarrow__size);
height: var(--sliderarrow__size);
background-color: var(--color-white);
background-repeat: no-repeat;
border: 0;
border-radius: 50%;
z-index: 100;
transition: 0.15s background-color ease-in;
cursor: pointer;
position: absolute;
top: var(--sliderarrow_top_offset);
transform: translateY(-50%);
position: static !important;
transform: none !important;
top: auto;
width: var(--sliderarrow__size) !important;
height: var(--sliderarrow__size) !important;
}
body > .lb-nav a.lb-prev {
left: var(--sliderarrow_sides_offset);
background-position: 11px center;
/* angleleft_black */
background-image: url("data:image/svg+xml,%3Csvg width='15' height='26' viewBox='0 0 15 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.4346 24.125L2.12086 12.8113L13.4346 1.49758' stroke='black' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
left: auto;
}
body > .lb-nav a.lb-next {
right: var(--sliderarrow_sides_offset);
background-position: 15px center;
/* angleright_black */
background-image: url("data:image/svg+xml,%3Csvg width='15' height='26' viewBox='0 0 15 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1.5L12.8137 12.8137L1.49999 24.1274' stroke='black' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
right: auto;
}
}
#lightboxOverlay {
opacity: 1;
z-index: 200000 !important;
position: fixed !important;
}
#lightboxOverlay .lb-closeContainer {
position: absolute;
top: 12px;
right: 12px;
z-index: 10;
line-height: 0;
}
#lightboxOverlay .lb-closeContainer .lb-close {
display: block;
width: 40px;
height: 40px;
background-image: url("/wp-content/themes/k25/assets/icons/close.svg");
background-repeat: no-repeat;
background-position: center;
background-size: 24px;
opacity: 1;
cursor: pointer;
}
.wp-block-video video {
width: 100% !important;
border-radius: var(--br-10);
}
.wp-block-cover {
padding: 0;
}
.wp-block-cover .wp-block-cover__inner-container {
width: calc(100% - var(--mobilepadding) * 2);
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
max-width: var(--content_wideSize);
max-width: var(--content_wideSize);
}
@media all and (min-width: 768px) and (max-width: 1320px) {
.wp-block-cover .wp-block-cover__inner-container {
max-width: 80%;
}
}
.wp-block-cover .wp-block-cover__inner-container {
padding-top: var(--contentstart-after-header);
top: 0;
}
.wp-block-cover .wp-block-cover__inner-container .wp-block-heading {
margin-top: 0;
}
.wp-block-cover .wp-block-cover__background.has-black-background-color + .wp-block-cover__inner-container .wp-block-heading,
.wp-block-cover .wp-block-cover__background.has-black-background-color + .wp-block-cover__inner-container p,
.wp-block-cover .wp-block-cover__background.has-black-background-color + .wp-block-cover__inner-container span,
.wp-block-cover .wp-block-cover__background.has-black-background-color + .wp-block-cover__inner-container a,
.wp-block-cover .wp-block-cover__background.has-violet-background-color + .wp-block-cover__inner-container .wp-block-heading,
.wp-block-cover .wp-block-cover__background.has-violet-background-color + .wp-block-cover__inner-container p,
.wp-block-cover .wp-block-cover__background.has-violet-background-color + .wp-block-cover__inner-container span,
.wp-block-cover .wp-block-cover__background.has-violet-background-color + .wp-block-cover__inner-container a {
color: #fff;
}
.wp-block-cover.cover-has-mobile-image .wp-block-cover__image-background--mobile {
position: absolute;
inset: 0;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
max-height: var(--cover_height_mobile);
}
/* mobile styles - slider */
@media all and (max-width: 768px) {
.wp-block-cover.cover--pushtext-on-mobile {
height: auto;
}
.wp-block-cover.cover--pushtext-on-mobile .wp-block-cover__background.has-background-dim {
display: none;
}
.wp-block-cover.cover--pushtext-on-mobile .wp-block-cover__inner-container {
padding-top: calc(var(--cover_height_mobile) + 2rem);
}
.wp-block-cover.cover--pushtext-on-mobile .wp-block-cover__background.has-black-background-color + .wp-block-cover__inner-container .wp-block-heading,
.wp-block-cover.cover--pushtext-on-mobile .wp-block-cover__background.has-black-background-color + .wp-block-cover__inner-container p,
.wp-block-cover.cover--pushtext-on-mobile .wp-block-cover__background.has-black-background-color + .wp-block-cover__inner-container *.has-white-color {
color: var(--color-black) !important;
}
.wp-block-cover.cover--pushtext-on-mobile .wp-block-cover__background.has-black-background-color + .wp-block-cover__inner-container *.has-yellow-color {
color: var(--color-violet) !important;
}
}
.wp-element-button,
.wp-block-button__link.wp-element-button {
width: max-content;
min-width: 180px;
display: flex;
justify-content: center;
background-color: var(--color-black);
color: var(--color-white);
padding: 0.6rem 2.5rem;
border-width: 1px;
border-radius: var(--br-5);
font-family: var(--wp--preset--font-family--atkinson);
font-weight: 600;
position: relative;
overflow: hidden;
box-sizing: border-box;
cursor: pointer;
}
.wp-element-button::before,
.wp-block-button__link.wp-element-button::before {
content: attr(data-text);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
white-space: nowrap;
transition: all 0.25s ease;
}
.wp-element-button:hover::before,
.wp-block-button__link.wp-element-button:hover::before {
letter-spacing: 0.1em;
}
.wp-element-button .wp-element-button__text,
.wp-block-button__link.wp-element-button .wp-element-button__text {
display: inline-flex;
flex-direction: column;
align-items: center;
overflow: hidden;
}
.wp-element-button[data-text]:not([data-text=""]) .wp-element-button__text,
.wp-block-button__link.wp-element-button[data-text]:not([data-text=""]) .wp-element-button__text {
visibility: hidden;
}
@media all and (max-width: 576px) {
.wp-element-button,
.wp-block-button__link.wp-element-button {
width: 100%;
padding-left: 1rem;
padding-right: 1rem;
}
}
.wp-element-button:focus, .wp-element-button:focus-visible,
.wp-block-button__link.wp-element-button:focus,
.wp-block-button__link.wp-element-button:focus-visible {
outline: 4px solid var(--color-ice-blue);
outline-offset: 2px;
}
.wp-element-button:disabled, .wp-element-button[disabled], .wp-element-button[aria-disabled=true],
.wp-block-button__link.wp-element-button:disabled,
.wp-block-button__link.wp-element-button[disabled],
.wp-block-button__link.wp-element-button[aria-disabled=true] {
background-color: var(--color-gray-disabled);
color: var(--color-white);
border-color: var(--color-gray-disabled);
opacity: 0.6;
cursor: not-allowed;
pointer-events: none;
}
.wp-element-button.has-white-background-color,
.wp-block-button__link.wp-element-button.has-white-background-color {
background-color: var(--color-white);
color: var(--color-black);
border-color: var(--color-white);
}
.wp-element-button.has-yellow-background-color,
.wp-block-button__link.wp-element-button.has-yellow-background-color {
background-color: var(--color-yellow);
color: var(--color-black);
border-color: var(--color-yellow);
}
.wp-element-button img,
.wp-block-button__link.wp-element-button img {
margin-left: 7px;
display: inline !important;
}
.wp-block-heading + .wp-block-buttons {
margin-top: 1rem;
}
.wp-block-button.has-arrow .wp-element-button,
.wp-block-button.has-arrow .wp-block-button__link.wp-element-button {
display: block !important;
position: relative;
}
.wp-block-button.has-arrow .wp-element-button::before,
.wp-block-button.has-arrow .wp-block-button__link.wp-element-button::before {
padding-right: calc(18px + 0.3rem);
/* arrowright_white.svg */
background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2215%22%20viewBox%3D%220%200%2016%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.8478%208.07039C15.2383%207.67987%2015.2383%207.0467%2014.8478%206.65618L8.4838%200.292215C8.09328%20-0.0983096%207.46011%20-0.0983097%207.06959%200.292215C6.67906%200.682739%206.67906%201.3159%207.06959%201.70643L12.7264%207.36328L7.06959%2013.0201C6.67906%2013.4107%206.67906%2014.0438%207.06959%2014.4344C7.46011%2014.8249%208.09328%2014.8249%208.4838%2014.4344L14.8478%208.07039ZM0%207.36328L-6.46371e-08%208.36328L14.1407%208.36328L14.1407%207.36328L14.1407%206.36328L6.46371e-08%206.36328L0%207.36328Z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E);
background-repeat: no-repeat;
background-position: right center;
background-size: 18px;
}
.wp-block-button.has-arrow .wp-element-button.has-white-background-color::before,
.wp-block-button.has-arrow .wp-block-button__link.wp-element-button.has-white-background-color::before {
/* arrowright_black.svg */
background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2215%22%20viewBox%3D%220%200%2016%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.8478%208.07039C15.2383%207.67987%2015.2383%207.0467%2014.8478%206.65618L8.4838%200.292215C8.09328%20-0.0983096%207.46011%20-0.0983097%207.06959%200.292215C6.67906%200.682739%206.67906%201.3159%207.06959%201.70643L12.7264%207.36328L7.06959%2013.0201C6.67906%2013.4107%206.67906%2014.0438%207.06959%2014.4344C7.46011%2014.8249%208.09328%2014.8249%208.4838%2014.4344L14.8478%208.07039ZM0%207.36328L-6.46371e-08%208.36328L14.1407%208.36328L14.1407%207.36328L14.1407%206.36328L6.46371e-08%206.36328L0%207.36328Z%22%20fill%3D%22%23000000%22%2F%3E%3C%2Fsvg%3E);
}
.wp-block-button.has-arrow.has-white-background-color .wp-element-button::before,
.wp-block-button.has-arrow.has-white-background-color .wp-block-button__link.wp-element-button::before {
/* arrowright_black.svg */
background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2215%22%20viewBox%3D%220%200%2016%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.8478%208.07039C15.2383%207.67987%2015.2383%207.0467%2014.8478%206.65618L8.4838%200.292215C8.09328%20-0.0983096%207.46011%20-0.0983097%207.06959%200.292215C6.67906%200.682739%206.67906%201.3159%207.06959%201.70643L12.7264%207.36328L7.06959%2013.0201C6.67906%2013.4107%206.67906%2014.0438%207.06959%2014.4344C7.46011%2014.8249%208.09328%2014.8249%208.4838%2014.4344L14.8478%208.07039ZM0%207.36328L-6.46371e-08%208.36328L14.1407%208.36328L14.1407%207.36328L14.1407%206.36328L6.46371e-08%206.36328L0%207.36328Z%22%20fill%3D%22%23000000%22%2F%3E%3C%2Fsvg%3E);
}
.wp-block-button.has-arrow.is-style-outline .wp-element-button::before,
.wp-block-button.has-arrow.is-style-outline .wp-block-button__link.wp-element-button::before {
/* arrowright_black.svg */
background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2215%22%20viewBox%3D%220%200%2016%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.8478%208.07039C15.2383%207.67987%2015.2383%207.0467%2014.8478%206.65618L8.4838%200.292215C8.09328%20-0.0983096%207.46011%20-0.0983097%207.06959%200.292215C6.67906%200.682739%206.67906%201.3159%207.06959%201.70643L12.7264%207.36328L7.06959%2013.0201C6.67906%2013.4107%206.67906%2014.0438%207.06959%2014.4344C7.46011%2014.8249%208.09328%2014.8249%208.4838%2014.4344L14.8478%208.07039ZM0%207.36328L-6.46371e-08%208.36328L14.1407%208.36328L14.1407%207.36328L14.1407%206.36328L6.46371e-08%206.36328L0%207.36328Z%22%20fill%3D%22%23000000%22%2F%3E%3C%2Fsvg%3E);
}
.wp-block-button.has-white-background-color {
border-radius: var(--br-5) !important;
}
.wp-block-button.has-white-background-color .wp-element-button,
.wp-block-button.has-white-background-color .wp-block-button__link.wp-element-button {
background-color: var(--color-white);
color: var(--color-black);
border-color: var(--color-white);
border-radius: var(--br-5) !important;
}
.wp-block-button.is-style-outline .wp-element-button {
background-color: transparent;
border: 1px solid var(--color-black);
color: var(--color-black);
}
@media all and (max-width: 768px) {
.wp-block-button {
width: 100%;
}
}
blockquote,
blockquote.wp-block-quote {
width: 100%;
align-self: center;
margin: 2rem 0;
padding-left: 1rem;
border-left: 8px solid var(--color-yellow);
font-size: var(--wp--preset--font-size--m);
font-style: italic;
}
blockquote p,
blockquote.wp-block-quote p {
font-weight: bold;
margin: 0;
}
blockquote.wp-block-quote.is-style-no-border {
border-left: none;
padding-left: 0;
}
.has-background.has-yellow-background-color blockquote,
.has-background.has-yellow-background-color blockquote.wp-block-quote {
border-left: 8px solid var(--color-violet);
}
.wp-block-group.has-round-borders {
border-radius: var(--br-10);
}
@media screen and (max-width: 768px) {
.wp-block-group.has-reduced-padding-mobile {
padding: 1.5rem !important;
}
}
/* pages */
body.error404 {
background-color: var(--color-yellow);
}
body.error404 main {
display: flex;
max-width: 1140px;
align-self: center;
margin-bottom: 5rem;
flex-wrap: wrap;
}
body.error404 main .main-content {
order: 1;
width: 100%;
max-width: none;
align-self: center;
align-items: center;
}
body.error404 main .main-content h1.wp-block-heading {
font-size: 160px !important;
font-weight: 700;
text-align: center;
width: 100%;
}
body.error404 main .main-content p {
font-size: 32px;
text-align: center;
}
body.error404 main .main-content .wp-block-buttons {
align-self: center;
margin-top: 24px;
}
body.error404 main .error404__questionmark {
order: 2;
width: 50%;
}
body.error404 main .error404__glass {
order: 3;
width: 50%;
}
body.error404 main .error404__glass img {
max-width: 90%;
margin-top: 6rem;
}
@media all and (max-width: 768px) {
body.error404 main .main-content h1.wp-block-heading {
margin-top: 6rem;
}
}
@media all and (min-width: 768px) {
body.error404 main {
padding-top: var(--contentstart-after-header);
}
}
@media all and (min-width: 1048px) {
body.error404 main {
flex-wrap: nowrap;
align-items: center;
}
body.error404 main .main-content {
order: 2;
width: 100%;
max-width: 422px;
}
body.error404 main .error404__questionmark {
order: 1;
width: 100%;
align-self: center;
}
body.error404 main .error404__glass {
order: 2;
width: 100%;
align-self: center;
}
body.error404 main .error404__glass img {
margin-top: 0;
}
}
:focus-visible {
outline: 4px solid var(--color-ice-blue);
outline-offset: 2px;
border-radius: 4px;
}
body,
:root :where(body),
.wp-site-blocks {
font-family: var(--wp--preset--font-family--atkinson, "Atkinson");
font-size: var(--wp--preset--font-size--m);
background-color: #fff;
width: 100%;
max-width: 100vw;
height: 100%;
min-height: 100vh;
padding: 0;
margin: 0;
line-height: normal;
}
.wp-site-blocks {
display: flex;
flex-direction: column;
box-sizing: border-box;
max-width: 100vw;
background-color: transparent;
}
/* PAGE LAYOUT */
main {
flex: 1;
width: 100%;
max-width: 100%;
}
.entry-content {
width: 100%;
display: flex;
flex-direction: column;
}
:where(body .is-layout-flow) > *,
:where(.wp-site-blocks) > *,
:where(body .is-layout-constrained) > *,
.is-layout-constrained > *,
.is-layout-flow > * {
margin-block-start: 0;
margin-block-end: 0;
}
.header--inner,
.footer--inner {
width: calc(100% - var(--mobilepadding) * 2);
max-width: 100%;
margin-left: var(--mobilepadding);
margin-right: var(--mobilepadding);
}
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).wp-block-group:not(.footer--inner):not(.footer--left):not(.footer--right) {
margin-left: unset !important;
margin-right: unset !important;
gap: unset !important;
}
/* PAGE LAYOUT END */
.is--fixed {
position: fixed;
}
.has--overflow-hidden {
overflow: hidden !important;
}
.is--hidden {
display: none !important;
}
.is--visible {
display: inline-block !important;
}
.is--flex {
display: flex !important;
}
.hide--after::after {
content: "" !important;
display: none !important;
}
.sr-only {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.skip-link {
position: absolute;
left: 1rem;
top: -4rem;
z-index: 10000;
padding: 0.5rem 1rem;
background-color: var(--color-yellow);
color: var(--color-black);
font-weight: bold;
text-decoration: none;
border-radius: 0 0 4px 4px;
transition: top 0.15s ease;
}
.skip-link:focus {
top: 0;
outline: 4px solid var(--color-ice-blue);
outline-offset: 2px;
}
.skip-link-feed {
position: fixed;
left: -200rem;
top: 40%;
border-radius: 0 4px 4px 0;
transition: left 0.15s ease;
}
.skip-link-feed:focus {
top: 40%;
left: 0;
}
.mobile--hidden {
display: none;
}
.desktop--hidden {
display: inline-block;
}
ul,
ol,
li {
margin: 0;
padding: 0;
}
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
margin-left: unset !important;
margin-right: unset !important;
}
/* TEXTLINK */
.textlink {
font-weight: 600;
text-decoration: underline;
color: var(--color-black);
cursor: pointer;
}
.textlink:hover {
text-decoration: none;
}
.textlink:focus {
border-radius: 3px;
outline: 4px solid var(--color-ice-blue);
outline-offset: 2px;
}
.textlink:active {
color: var(--color-violet);
}
.textlink:disabled, .textlink[disabled] {
color: var(--color-gray-disabled);
cursor: not-allowed;
pointer-events: none;
text-decoration: underline;
}
button.textlink {
background-color: transparent;
outline: none;
border: none;
}
/* TEXTLINK END */
/* CONTENT CLASSES */
.contentwidth-small,
.contentwidth-medium,
.contentwidth-wide {
width: calc(100% - var(--mobilepadding) * 2);
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
.contentwidth-small {
width: calc(100% - var(--mobilepadding) * 2);
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
max-width: var(--content_narrowSize);
}
.contentwidth-medium {
width: calc(100% - var(--mobilepadding) * 2);
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
max-width: var(--content_normalSize);
}
.contentwidth-wide {
width: calc(100% - var(--mobilepadding) * 2);
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
max-width: var(--content_wideSize);
}
/* CONTENT CLASSES END */
/* HEADLINE WITH XOXO */
.xoxo__headline {
display: flex;
flex-direction: column;
flex-wrap: wrap;
width: 100%;
margin-top: 1rem;
margin-bottom: 0;
gap: 0;
}
.xoxo__headline .xoxo__headline__icon {
display: grid;
justify-items: left;
align-content: flex-start;
width: 100%;
margin-bottom: -10px;
}
.xoxo__headline .xoxo__headline__icon .wp-block-image {
margin: 0;
}
.xoxo__headline .xoxo__headline__text {
width: 100%;
}
.xoxo__headline .xoxo__headline__text .wp-block-heading {
font-family: var(--wp--preset--font-family--exo-2);
font-size: var(--wp--preset--font-size--xl);
color: var(--color-white);
font-weight: bold;
margin: 0;
text-align: left;
}
/* HEADLINE WITH XOXO END */
/* tablet + desktop styles */
@media all and (min-width: 768px) {
.mobile--hidden {
display: flex;
}
.desktop--hidden {
display: none;
}
.xoxo__headline {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
margin-bottom: 0.5rem;
}
.xoxo__headline .xoxo__headline__icon {
width: calc(50% - var(--img-size) / 2);
flex: calc(50% - var(--img-size) / 2);
justify-items: right;
margin-top: 10px;
margin-right: -5px;
margin-bottom: 0;
}
.xoxo__headline .xoxo__headline__text {
width: calc(50% + var(--img-size) / 2);
flex: calc(50% + var(--img-size) / 2);
}
}