@charset "UTF-8";

:root {
--bgcolor: #eeeeee;
--swiper-theme-color: #111215!important;
}  @font-face {
font-family: "icomoon";
src: url(//staging.neutelings-riedijk.com/wp-content/themes/neutelings-riedijk/assets/fonts/icomoon.eot?d2lta3);
src: url(//staging.neutelings-riedijk.com/wp-content/themes/neutelings-riedijk/assets/fonts/icomoon.eot?d2lta3#iefix) format("embedded-opentype"), url(//staging.neutelings-riedijk.com/wp-content/themes/neutelings-riedijk/assets/fonts/icomoon.woff2?d2lta3) format("woff2"), url(//staging.neutelings-riedijk.com/wp-content/themes/neutelings-riedijk/assets/fonts/icomoon.ttf?d2lta3) format("truetype"), url(//staging.neutelings-riedijk.com/wp-content/themes/neutelings-riedijk/assets/fonts/icomoon.woff?d2lta3) format("woff"), url(//staging.neutelings-riedijk.com/wp-content/themes/neutelings-riedijk/assets/fonts/icomoon.svg?d2lta3#icomoon) format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^=icon-], [class*=" icon-"] { font-family: "icomoon" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-x:before {
content: "\e902";
}
.icon-mail:before {
content: "\e901";
}
.icon-instagram:before {
content: "\e900";
}
.icon-close-big:before {
content: "\ed6d";
}
.icon-close:before {
content: "\ed6e";
}
.icon-arrow-right:before {
content: "\edbe";
}
.icon-arrow-left:before {
content: "\edc6";
}
.icon-new-tab:before {
content: "\eec9";
}
.icon-facebook:before {
content: "\eeef";
}
.icon-whatsapp:before {
content: "\eef2";
}
.icon-linkedin:before {
content: "\ef29";
}
.icon-pdf:before {
content: "\ef3e";
}
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
font-size: 28px;
}
@media (min-width: 0px) and (max-width: 2000px) {
html {
font-size: 24px;
}
}
@media (min-width: 0px) and (max-width: 1680px) {
html {
font-size: 20px;
}
}
@media (min-width: 0px) and (max-width: 1440px) {
html {
font-size: 18px;
}
}
@media (min-width: 0px) and (max-width: 1024px) {
html {
font-size: 16px;
}
}
@media (min-width: 0px) and (max-width: 1023px) {
html {
font-size: 16px;
}
}
@media (min-width: 0px) and (max-width: 767px) {
html {
font-size: 17px;
}
}
@media (min-width: 0px) and (max-width: 320px) {
html {
font-size: 16px;
}
}
@font-face {
font-family: "SpiegelSansCd-Bold";
src: url(//staging.neutelings-riedijk.com/wp-content/themes/neutelings-riedijk/assets/fonts/SpiegelSansCd-7Bold.woff2) format("woff2"), url(//staging.neutelings-riedijk.com/wp-content/themes/neutelings-riedijk/assets/fonts/SpiegelSansCd-7Bold.woff) format("woff"), url(//staging.neutelings-riedijk.com/wp-content/themes/neutelings-riedijk/assets/fonts/SpiegelSansCd-7Bold.otf) format("otf");
font-weight: normal;
font-style: normal;
}
h1 {
margin: 0;
line-height: 1;
font-size: 2rem;
}
h1, h2, h3 {
font-weight: normal;
margin: 0;
text-transform: uppercase;
font-family: "SpiegelSansCd-Bold", sans-serif;
letter-spacing: 0.01em;
line-height: 1.1;
font-weight: normal;
}
.section-header {
text-transform: uppercase;
position: absolute;
top: 0;
right: 100%;
margin-right: 2rem;
width: 20%;
text-align: right;
font-size: 1rem;
font-family: "SpiegelSansCd-Bold", sans-serif;
letter-spacing: 0.01em;
line-height: 1.1;
font-weight: normal;
}
@media (min-width: 0px) and (max-width: 1023px) {
.section-header {
position: static;
margin-right: 0;
text-align: left;
width: auto;
margin-bottom: 1rem;
font-size: 1.2rem;
}
}
.home .section-header {
white-space: nowrap;
}
.c-news.wp-block .section-header,
.publications .section-header,
.awards .section-header,
.news .section-header {
line-height: 0.8 !important;
}
@media (min-width: 0px) and (max-width: 767px) {
.c-news.wp-block .section-header,
.publications .section-header,
.awards .section-header,
.news .section-header {
line-height: 1.1 !important;
}
}
.projects-slug .section-header {
line-height: 1.3 !important;
}
@media (min-width: 0px) and (max-width: 767px) {
.projects-slug .section-header {
line-height: 1.1 !important;
}
}
h3 {
margin-bottom: 0.2em;
text-transform: none;
font-size: 1.2rem;
}
h4 {
margin-bottom: 0;
}
a {
color: inherit;
}
p {
margin: 0 0 1em;
}
strong {
font-weight: 700;
}
.wp-caption-text {
font-size: 0.8rem;
font-family: "SpiegelSansCd-Bold", sans-serif;
letter-spacing: 0.01em;
line-height: 1.1;
font-weight: normal;
}
blockquote {
margin: 2rem 0;
font-size: 2rem;
}
blockquote p {
quotes: "‘" "’" "“" "”";
font-style: normal;
margin-bottom: 0 !important;
font-weight: 200;
}
blockquote cite {
color: #999;
font-style: normal;
display: block;
margin-top: 0.5rem;
font-size: 1rem;
}
blockquote p::before {
content: open-quote;
}
blockquote p::after {
content: close-quote;
}
@media (min-width: 0px) and (max-width: 767px) {
blockquote {
font-size: 1.5rem;
}
}
@media (min-width: 0px) and (max-width: 767px) and (max-width: 700px) {
blockquote {
font-size: 1.4rem;
}
}
* {
box-sizing: border-box;
}
html,
body {
height: 100%;
margin: 0;
padding: 0;
}
body {
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
line-height: 1.4;
background-color: #fff;
color: #111215;
font-weight: 300;
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 1rem;
}
@media (min-width: 0px) and (max-width: 767px) {
body {
margin-left: 1rem;
margin-right: 1rem;
}
}
.c-site-wrapper {
padding-top: 5rem;
height: 100%;
margin: 0 auto;
}
@media (min-width: 0px) and (max-width: 767px) {
.index.c-site-wrapper {
padding-top: 20px;
}
}
.l-content {
min-height: calc(100vh - 12rem);
margin-top: 3rem;
}
@media (min-width: 0px) and (max-width: 767px) {
.l-content {
margin-top: 1rem;
}
}
.index .l-content {
margin-top: -4rem;
}
@media (min-width: 0px) and (max-width: 767px) {
.index .l-content {
margin-top: 0;
}
}
.l-content-wrapper,
[class*=wp-block] {
margin: 0 auto;
margin-left: auto;
margin-right: auto;
width: 65%;
}
@media (min-width: 0px) and (max-width: 1023px) {
.l-content-wrapper,
[class*=wp-block] {
width: 80%;
}
}
@media (min-width: 0px) and (max-width: 767px) {
.l-content-wrapper,
[class*=wp-block] {
width: 100%;
}
}
[class*=wp-block] {
margin-top: 5rem;
margin-bottom: 5rem;
break-inside: avoid;
}
@media (min-width: 0px) and (max-width: 767px) {
[class*=wp-block] {
margin-top: 4rem;
margin-bottom: 4rem;
}
}
.l-content-wrapper {
position: relative;
min-height: 1rem;
}
.l-content-wrapper--section {
margin-bottom: -1rem;
min-height: 0;
}
@media (min-width: 0px) and (max-width: 1023px) {
.l-content-wrapper--section {
margin-bottom: 1rem;
min-height: 0;
margin-bottom: 0;
}
}
.l-readmore-wrapper {
position: relative;
width: 100%;
height: 0;
}
@media (min-width: 0px) and (max-width: 767px) {
.l-readmore-wrapper {
height: auto;
text-align: right;
}
}
.c-readmore {
position: absolute;
width: calc((100% - 20px) / 7);
right: 0;
bottom: 1rem;
line-height: 1;
text-decoration: none;
display: block;
font-weight: 300;
white-space: nowrap;
font-size: 0.8rem;
}
.c-readmore a {
display: block;
line-height: 1.4;
}
.c-readmore a:hover {
text-decoration: none;
}
@media (min-width: 0px) and (max-width: 1439px) {
.c-readmore {
width: calc((100% - 20px) / 5);
font-size: 1rem;
}
.c-readmore a {
margin-bottom: 0.2rem;
}
}
@media (min-width: 0px) and (max-width: 767px) {
.c-readmore {
width: auto;
margin-top: 1rem;
position: static;
text-align: right;
}
.c-readmore a {
margin-bottom: 0.5rem;
}
}
.wp-block.c-clients .l-readmore-wrapper,
.wp-block.c-news .l-readmore-wrapper {
margin-top: 2rem;
}
.l-columns {
display: flex;
flex-wrap: nowrap;
gap: 2rem;
}
.l-columns > div {
width: 50%;
}
@media (min-width: 0px) and (max-width: 767px) {
.l-columns {
display: block;
}
.l-columns > div {
width: 100%;
}
.l-columns > div:first-child {
margin-bottom: 1rem;
}
}
.l-auto-columns {
columns: 2;
column-gap: 2rem;
}
@media (min-width: 0px) and (max-width: 767px) {
.l-auto-columns {
columns: auto;
}
}
.l-reading-width {
margin-left: auto;
margin-right: auto;
max-width: 1100px;
}
@media (min-width: 0px) and (max-width: 2000px) {
.l-reading-width {
max-width: 900px;
}
}
@media (min-width: 0px) and (max-width: 1680px) {
.l-reading-width {
max-width: 800px;
}
}
figure {
margin: 0;
}
img {
width: 100%;
height: auto;
line-height: 0;
background-color: #eeeeee;
}
.wp-block-image,
figure {
line-height: 0;
}
.wp-block-image a,
figure a {
border: none !important;
display: block;
}
.wp-block-image figcaption,
figure figcaption {
text-align: left;
line-height: initial;
color: #999;
margin-top: 0.5rem;
font-size: 0.8rem;
}
.wp-block-image.size-medium img,
figure.size-medium img {
max-width: 200px;
}
.wp-block-image.aligncenter,
figure.aligncenter {
text-align: center;
}
.wp-block-image .is-resized img {
width: auto;
}
@media (min-width: 0px) and (max-width: 767px) {
.wp-block-image .is-resized img {
width: 100%;
}
}
.wp-block-buttons {
margin-bottom: 1em;
}
.wp-block-buttons.aligncenter {
text-align: center;
}
.c-button.c-back-link {
position: fixed;
top: 0;
left: 0;
height: 5rem;
line-height: 5rem !important;
background-color: #fff;
padding: 0 1rem;
border: 1px solid #111215;
border-top: 0;
z-index: 20;
color: #111215;
text-decoration: none;
font-family: "SpiegelSansCd-Bold", sans-serif;
letter-spacing: 0.01em;
line-height: 1.1;
font-weight: normal;
}
.c-button.c-back-link span {
transition: transform 0.2s;
margin-right: 0.5rem;
}
.c-button.c-back-link:hover span {
transform: translateX(-10px);
}
@media (max-width: 700px) {
.c-button.c-back-link {
display: block;
position: relative;
}
}
.c-share {
display: flex;
align-items: center;
}
.c-share a {
color: #999;
padding: 0 0.5em;
opacity: 0;
visibility: 0;
font-size: 1rem;
line-height: 1;
text-decoration: none;
transition: opacity 0.3s ease-in-out;
border: none !important;
display: block;
cursor: pointer;
}
.c-share a span {
line-height: 1.7em;
}
.c-share a:hover {
color: #111215;
text-decoration: none !important;
}
.c-share a:active {
outline: none;
}
.c-share.is-active a, .c-share:hover a {
opacity: 1;
visibility: visible;
}
.c-button,
.button,
.wp-block-button__link {
display: inline-block;
text-decoration: none;
color: #999;
font-weight: bold;
background-color: transparent;
border: none;
cursor: pointer;
font-family: "SpiegelSansCd-Bold", sans-serif;
letter-spacing: 0.01em;
line-height: 1.1;
font-weight: normal;
font-size: 1rem;
}
.c-button span,
.button span,
.wp-block-button__link span {
font-size: 73%;
margin: 0 0.1em;
font-weight: 700;
}
.c-button:hover,
.button:hover,
.wp-block-button__link:hover {
color: #111215;
}
.c-button--label span,
.button--label span,
.wp-block-button__link--label span {
margin-left: 0;
}
.c-button--icon,
.button--icon,
.wp-block-button__link--icon {
text-transform: none;
}
.c-button--icon span,
.button--icon span,
.wp-block-button__link--icon span {
margin: 0 0 0 0.4rem;
font-weight: normal;
font-size: 78%;
}
@media (min-width: 0px) and (max-width: 1439px) {
.c-button,
.button,
.wp-block-button__link {
font-size: 1.2rem;
}
}
.swiper-buttons {
position: absolute;
bottom: -0.5rem;
left: calc(50% - 44px);
display: flex;
justify-content: center;
width: 88px;
}
.swiper-buttons .swiper-button-prev,
.swiper-buttons .swiper-button-next {
position: static;
text-align: center;
display: block;
height: 44px;
line-height: 48px;
width: 44px;
margin: 0;
font-size: 22px;
color: #111215;
}
.swiper-buttons .swiper-button-prev::after,
.swiper-buttons .swiper-button-next::after {
display: none;
}
.swiper-buttons .swiper-button-prev:focus,
.swiper-buttons .swiper-button-next:focus {
outline: none;
}
@media (min-width: 0px) and (max-width: 767px) {
.swiper-buttons .swiper-button-prev,
.swiper-buttons .swiper-button-next {
font-size: 18px;
}
}
.swiper-button-start {
position: absolute;
left: -30px;
cursor: pointer;
}
.swiper-button-disabled {
display: none !important;
}
.fade-enter-active {
transition: opacity 0.3s;
}
.fade-enter {
opacity: 0;
}
.page-enter-active,
.page-leave-active {
transition: all 0.2s;
}
.page-enter-from,
.page-leave-to {
opacity: 0;
}
@media (min-width: 0px) and (max-width: 767px) {
.desktop {
display: none;
}
}
.mobile {
display: none;
}
@media (min-width: 0px) and (max-width: 767px) {
.mobile {
display: block;
}
} .c-logo-center {
margin-top: 1rem;
height: calc(100% - 1.8rem);
}
.c-logo-center img {
height: 100%;
width: auto;
background-color: transparent;
}
.c-header {
text-transform: uppercase;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 5rem;
z-index: 99;
display: flex;
align-items: center;
justify-content: center;
font-family: "SpiegelSansCd-Bold", sans-serif;
letter-spacing: 0.01em;
line-height: 1.1;
font-weight: normal;
}
.c-header__sticky {
width: 100%;
height: 100%;
}
.c-header .l-content-wrapper {
display: flex;
height: 100%;
}
.c-header > a {
text-decoration: none;
color: #999;
display: block;
height: 16px;
line-height: 1;
}
.c-header > a.active--exact, .c-header > a:hover {
color: #111215;
}
@media (min-width: 0px) and (max-width: 767px) {
.c-header {
justify-content: left;
}
.c-header__sticky {
padding: 0 1rem;
}
.c-header > a {
padding-left: 1rem;
}
}
.c-site-wrapper.index .c-header:not(.has-scrolled) .c-logo-center {
display: none;
}
.c-logo-home {
height: 7rem;
padding-bottom: 1.5rem;
}
.c-logo-home img {
height: 100%;
width: auto;
background-color: transparent;
}
@media (max-width: 1024px) {
.c-logo-home {
height: 100px;
}
}
@media (max-width: 500px) {
.c-logo-home {
height: 100px;
}
}
.fade-enter-active {
transition: opacity 0.3s;
opacity: 1;
}
.fade-enter {
opacity: 0;
}
.c-header .c-header__sticky {
transition: transform 0.3s ease-in;
background-color: #fff;
transform: translateY(-100%);
}
.c-header.has-scrolled .c-logo-center {
display: block !important;
}
.c-header.is-pinned .c-header__sticky {
transform: translateY(0);
}
.index .c-header:not(.has-scrolled) .c-header__sticky {
transform: translateY(-100%);
}
.index .c-header:not(.has-scrolled) .c-site-nav {
top: 5rem;
}
.c-site-nav {
margin-left: auto;
position: relative;
z-index: 1;
}
.c-site-nav__menu {
opacity: 0;
visibility: hidden;
position: absolute;
left: 100%;
top: 0;
list-style: none;
margin: 0;
padding: 10px 2rem 1rem;
background-color: #fff;
text-align: left;
display: flex;
flex-direction: column;
overflow: hidden;
}
.c-site-nav__menu li {
margin: 0.3rem 0;
box-sizing: border-box;
}
.c-site-nav__menu a {
text-decoration: none;
color: #999;
line-height: 1;
transition: color 0.2s;
}
.c-site-nav__menu a:hover {
color: #111215;
}
.c-site-nav__menu a.router-link-exact-active {
color: #111215;
cursor: default;
}
.c-site-nav__menu.is-active {
opacity: 1;
transform: translateY(0);
visibility: visible;
}
@media (min-width: 0px) and (max-width: 1366px) {
.c-site-nav__menu li {
font-size: 1.2rem;
}
}
@media (min-width: 0px) and (max-width: 1023px) {
.c-site-nav__menu {
left: auto;
right: -1rem;
top: 5rem;
text-align: right;
padding-right: 0;
}
.c-site-nav__menu li {
margin: 0;
padding-top: 0;
padding-right: 1rem;
padding-bottom: 1rem;
font-size: 1.5rem;
}
}
@media (min-width: 0px) and (max-width: 1023px) and (max-width: 700px) {
.c-site-nav__menu li {
font-size: 1.4rem;
}
}
.c-site-nav__button {
width: 50px;
height: 50px;
position: relative;
padding: 0;
z-index: 5;
cursor: pointer;
}
.c-site-nav__button.is-active .c-site-nav__button__line:nth-child(2) {
display: none;
}
.c-site-nav__button.is-active .c-site-nav__button__line:nth-child(1) {
transform: translateY(1rem) rotate(43deg);
}
.c-site-nav__button.is-active .c-site-nav__button__line:nth-child(3) {
transform: translateY(1rem) rotate(-47deg);
}
.c-site-nav__button__line {
width: 25px;
height: 3px;
background-color: #111215;
display: block;
position: absolute;
right: 0;
top: 0.5rem;
margin: auto;
transition: transform 150ms ease-in-out;
}
.c-site-nav__button__line:nth-child(1) {
transform: translateX(0) translateY(0.5rem);
}
.c-site-nav__button__line:nth-child(2) {
transform: translateX(0) translateY(1rem);
}
.c-site-nav__button__line:nth-child(3) {
transform: translateX(0) translateY(1.5rem);
}
form input:not(.button) {
padding: 0.5em;
margin-bottom: 1em;
border: none;
border-bottom: 1px solid #eeeeee;
appearance: none;
width: 100%;
box-sizing: border-box;
background-color: #eeeeee;
font-weight: 300;
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 0.9rem;
}
form input:not(.button):focus-visible {
outline: none;
border-color: #111215;
}
@media (max-width: 500px) {
form input:not(.button) {
width: 100%;
}
}
form .indicates-required {
color: #999;
font-size: 0.8rem;
}
form label {
display: block;
margin-bottom: 0.3em;
font-size: 0.8rem;
}
form .button {
padding: 0;
}
form div.mce_inline_error {
background: none !important;
color: #111215 !important;
padding: 0 !important;
font-weight: 500 !important;
font-size: 0.8rem !important;
}
form #mce-responses {
font-weight: 500;
}
.wp-block {
position: relative;
}
.wp-caption {
width: 100% !important;
margin-bottom: 2rem;
}
.wp-block.l-auto-columns p:last-of-type {
margin-bottom: 0;
}
.wp-block.l-auto-columns h1, .wp-block.l-auto-columns h2, .wp-block.l-auto-columns h3 {
margin-top: 0 !important;
break-before: column;
}
.c-section-columns {
width: 100%;
}
.c-section-columns__wrapper {
display: flex;
gap: 2rem;
padding-bottom: 1rem;
margin-left: auto;
margin-right: auto;
width: 65%;
}
@media (min-width: 0px) and (max-width: 1023px) {
.c-section-columns__wrapper {
width: 80%;
}
}
@media (min-width: 0px) and (max-width: 767px) {
.c-section-columns__wrapper {
width: 100%;
}
}
.c-section-columns.one-column .c-section-columns {
display: block;
}
.c-section-columns.one-column__left, .c-section-columns.one-column__right {
width: 100%;
}
.c-section-columns__left, .c-section-columns__right {
width: 50%;
}
.c-section-columns__left h1, .c-section-columns__left h2, .c-section-columns__right h1, .c-section-columns__right h2 {
margin-top: 0 !important;
}
.c-section-columns__left p:first-child, .c-section-columns__right p:first-child {
margin-top: -0.1rem;
}
.c-section-columns__left p:first-child img, .c-section-columns__right p:first-child img {
margin-top: 0.3rem;
}
@media (min-width: 0px) and (max-width: 767px) {
.c-section-columns__wrapper {
flex-wrap: wrap;
gap: 1rem;
padding-bottom: 0;
}
.c-section-columns__left, .c-section-columns__right {
width: 100%;
}
}
.wp-block-image-slider {
height: calc(100vh - 16rem);
width: 100%;
min-height: 300px;
overflow: hidden;
}
.wp-block-image-slider .swiper {
background-color: #eeeeee;
}
.wp-block-image-slider a {
display: block;
height: 100%;
}
.wp-block-image-slider a:hover figcaption {
opacity: 1;
}
.wp-block-image-slider figure {
margin: 0;
padding: 0;
height: 100%;
opacity: 0;
transition: opacity 0.3s;
position: relative;
}
.wp-block-image-slider figcaption {
opacity: 0;
transition: opacity 0.3s;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 1rem;
color: #fff;
text-transform: uppercase;
background-image: linear-gradient(0deg, rgba(17, 18, 21, 0.5) 0%, rgba(17, 18, 21, 0) 100%);
font-size: 0.9rem;
font-family: "SpiegelSansCd-Bold", sans-serif;
letter-spacing: 0.01em;
line-height: 1.1;
font-weight: normal;
line-height: 0.7;
}
.wp-block-image-slider .swiper.swiper-initialized {
background-color: #fff;
}
.wp-block-image-slider .swiper.swiper-initialized figure {
opacity: 1;
}
.wp-block-image-slider .swiper {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
overflow: visible;
}
.wp-block-image-slider .swiper.has-navigation {
padding-bottom: 2.5rem;
}
.wp-block-image-slider .swiper-wrapper {
height: 100%;
}
.wp-block-image-slider .swiper-slide {
width: auto;
}
.wp-block-image-slider img {
height: 100%;
width: auto;
}
@media (min-width: 0px) and (max-width: 1023px) {
.wp-block-image-slider {
height: auto;
min-height: 0;
margin-left: -1rem;
margin-right: -1rem;
width: calc(100% + 2rem);
}
.wp-block-image-slider .swiper {
overflow: hidden;
position: static;
}
.wp-block-image-slider .swiper-slide {
margin-right: 0;
width: 100%;
}
.wp-block-image-slider img {
width: 100%;
height: auto;
object-fit: contain;
}
}
.wp-block-embed .wp-block-embed__wrapper {
position: relative;
padding: 28.125% 0;
height: 0;
}
.wp-block-embed iframe {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.width-10 {
width: 10%;
}
.width-20 {
width: 20%;
}
.width-30 {
width: 30%;
}
.width-40 {
width: 40%;
}
.width-50 {
width: 50%;
}
.width-60 {
width: 60%;
}
.width-70 {
width: 70%;
}
.width-80 {
width: 80%;
}
.c-page article h1 {
margin: -0.1em 0 1rem 0;
font-size: 1.5rem;
}
@media (max-width: 700px) {
.c-page article h1 {
font-size: 1.4rem;
}
}
.c-page h1.nocap {
text-transform: none;
}
.c-page h2:not(.section-header):not(.c-projects__caption):not(.c-awards__caption):not(.c-publications__caption) {
margin-top: 2rem;
margin-bottom: 0.2em;
font-size: 1rem;
}
.c-page h2:not(.section-header):not(.c-projects__caption):not(.c-awards__caption):not(.c-publications__caption)::first-child {
margin-top: 0;
}
.c-page blockquote {
font-size: 1.5rem;
}
@media (max-width: 700px) {
.c-page blockquote {
font-size: 1.4rem;
}
}
.c-page blockquote cite {
font-size: 0.8rem;
}
.c-page:not(.c-page--news) > article > h1,
.c-page:not(.c-page--news) .c-page__wp-content > h2,
.c-page:not(.c-page--news) .c-page__wp-content > h3,
.c-page:not(.c-page--news) .c-page__wp-content > h4,
.c-page:not(.c-page--news) .c-page__wp-content > h5,
.c-page:not(.c-page--news) .c-page__wp-content > p,
.c-page:not(.c-page--news) .c-page__wp-content > ol,
.c-page:not(.c-page--news) .c-page__wp-content > ul,
.c-page:not(.c-page--news) .c-page__wp-content > .c-page__date,
.c-page:not(.c-page--news) .c-page__wp-content > .c-page__buttons {
margin-left: auto;
margin-right: auto;
margin-left: auto;
margin-right: auto;
width: 65%;
}
@media (min-width: 0px) and (max-width: 1023px) {
.c-page:not(.c-page--news) > article > h1,
.c-page:not(.c-page--news) .c-page__wp-content > h2,
.c-page:not(.c-page--news) .c-page__wp-content > h3,
.c-page:not(.c-page--news) .c-page__wp-content > h4,
.c-page:not(.c-page--news) .c-page__wp-content > h5,
.c-page:not(.c-page--news) .c-page__wp-content > p,
.c-page:not(.c-page--news) .c-page__wp-content > ol,
.c-page:not(.c-page--news) .c-page__wp-content > ul,
.c-page:not(.c-page--news) .c-page__wp-content > .c-page__date,
.c-page:not(.c-page--news) .c-page__wp-content > .c-page__buttons {
width: 80%;
}
}
@media (min-width: 0px) and (max-width: 767px) {
.c-page:not(.c-page--news) > article > h1,
.c-page:not(.c-page--news) .c-page__wp-content > h2,
.c-page:not(.c-page--news) .c-page__wp-content > h3,
.c-page:not(.c-page--news) .c-page__wp-content > h4,
.c-page:not(.c-page--news) .c-page__wp-content > h5,
.c-page:not(.c-page--news) .c-page__wp-content > p,
.c-page:not(.c-page--news) .c-page__wp-content > ol,
.c-page:not(.c-page--news) .c-page__wp-content > ul,
.c-page:not(.c-page--news) .c-page__wp-content > .c-page__date,
.c-page:not(.c-page--news) .c-page__wp-content > .c-page__buttons {
width: 100%;
}
}
.c-page .has-medium-font-size {
font-size: 1.2rem;
}
.c-page .has-text-align-center {
text-align: center;
}
.c-page .has-text-align-right {
text-align: right;
}
.c-page a:not(.c-button):not(.c-readmore) {
color: #111215;
text-decoration: none;
font-weight: 400;
}
.c-page a:not(.c-button):not(.c-readmore):hover {
text-decoration: underline;
}
.c-page ul {
margin-top: 0;
}
.c-page__wp-content .wp-block-image {
margin-top: 2rem;
margin-bottom: 2rem;
}
@media (min-width: 0px) and (max-width: 767px) {
.c-page__wp-content {
overflow-x: visible;
}
}
.c-page:not(.c-page--home) [class*=wp-block] {
margin-top: 0;
margin-bottom: 2rem;
}
.c-page:not(.c-page--home) h2 {
margin-bottom: 1em !important;
}
.c-page:not(.c-page--home) h3 {
margin-bottom: 0.2em !important;
}
@media (min-width: 0px) and (max-width: 767px) {
.c-page:not(.c-page--home) [class*=wp-block] {
margin-bottom: 1rem;
}
.c-page:not(.c-page--home) .l-content-wrapper--section {
top: 0;
}
.c-page:not(.c-page--home) .l-content-wrapper--section h1 {
font-size: 2rem;
}
}
.c-page__date {
font-family: "SpiegelSansCd-Bold", sans-serif;
letter-spacing: 0.01em;
line-height: 1.1;
font-weight: normal;
}
.c-page__image {
margin: 0 2rem 0 0;
max-width: 40%;
}
.c-page__image img {
width: 100%;
height: auto;
}
@media (max-width: 500px) {
.c-page__image {
max-width: none;
margin: 0 0 1rem;
}
}
.c-page__buttons {
margin-top: 2rem;
display: flex;
flex-wrap: wrap;
align-items: center;
margin-left: auto;
margin-right: auto;
width: 65%;
}
@media (min-width: 0px) and (max-width: 1023px) {
.c-page__buttons {
width: 80%;
}
}
@media (min-width: 0px) and (max-width: 767px) {
.c-page__buttons {
width: 100%;
}
}
.c-page__buttons .c-button {
margin: 0 1rem 0 0;
flex-shrink: 0;
}
@media (min-width: 0px) and (max-width: 767px) {
.c-page__buttons .c-button {
margin-bottom: 0.5em;
}
}
.c-page__buttons .c-share .c-button {
margin: 0;
}
.c-page__buttons--alt {
margin-top: 1rem;
}
.c-page__2col {
display: flex;
align-items: flex-start;
gap: 2rem;
}
.c-page__2col .c-page__col {
width: 50%;
max-width: 1100px;
}
@media (min-width: 0px) and (max-width: 2000px) {
.c-page__2col .c-page__col {
max-width: 900px;
}
}
@media (min-width: 0px) and (max-width: 1680px) {
.c-page__2col .c-page__col {
max-width: 800px;
}
}
.c-page__2col .c-page__col img {
width: 100%;
height: calc(80vh - 100px);
min-height: 300px;
object-fit: contain;
}
.c-page__2col .c-page__col--image {
padding: 1rem;
line-height: 0;
background-color: var(--bgcolor);
}
.c-page__2col .c-page__col:first-child {
padding-bottom: 1rem;
}
.c-page__2col .c-share {
position: absolute;
left: 0;
bottom: 0;
margin-bottom: 0;
}
.c-page__2col blockquote {
margin-top: 0;
margin-bottom: 0.5rem;
}
.c-page__2col .c-page__buttons {
width: 100%;
margin-bottom: 3rem;
}
@media (min-width: 0px) and (max-width: 1024px) {
.c-page__2col .c-page__col img {
height: auto;
}
}
@media (min-width: 0px) and (max-width: 767px) {
.c-page__2col {
flex-wrap: wrap;
}
.c-page__2col .c-share {
margin-top: 2rem;
position: static;
}
.c-page__2col .c-page__col {
width: 100% !important;
}
.c-page__2col .c-page__col:first-child {
margin-bottom: 0;
}
.c-page__2col img.c-page__col {
order: 1;
}
}
.c-page--alt {
display: flex;
justify-content: center;
max-width: none;
}
@media (max-width: 500px) {
.c-page--alt {
display: block;
}
}
.c-page--home .l-content-wrapper > article {
padding-top: 0;
}
.c-page--home .c-page__wp-content .wp-block-image:first-of-type {
margin-top: 0;
margin-bottom: 0;
background-color: var(--bgcolor);
}
.c-page--home .c-page__wp-content .wp-block-image:first-of-type img {
height: 60vh;
object-fit: cover;
min-height: 400px;
}
@media (min-width: 0px) and (max-width: 767px) {
.c-page--home .c-page__wp-content .wp-block-image:first-of-type img {
height: auto;
min-height: 0;
}
}
.c-page--home .c-page__wp-content .wp-block-image-slider:first-of-type {
margin-top: 0;
margin-bottom: 0;
}
.c-page--home .c-page__wp-content .wp-block-quote {
margin-top: 2rem;
margin-bottom: 2rem;
}
.c-page--news h1 {
margin-bottom: 1rem;
}
.c-page--news [class*=wp-block] {
width: 100%;
}
.c-news-wrapper,
.c-team-wrapper {
display: flex;
flex-wrap: wrap;
margin-left: auto;
margin-right: auto;
width: calc(65% + 1rem);
}
@media (min-width: 0px) and (max-width: 1023px) {
.c-news-wrapper,
.c-team-wrapper {
width: calc(100% - 40px);
}
}
@media (min-width: 0px) and (max-width: 767px) {
.c-news-wrapper,
.c-team-wrapper {
width: 100%;
}
}
.c-news-wrapper .c-news__item,
.c-news-wrapper .c-team__item,
.c-team-wrapper .c-news__item,
.c-team-wrapper .c-team__item {
width: 50%;
text-align: right;
}
.c-news-wrapper .c-news__item .image-wrapper,
.c-news-wrapper .c-team__item .image-wrapper,
.c-team-wrapper .c-news__item .image-wrapper,
.c-team-wrapper .c-team__item .image-wrapper {
width: 50%;
order: 1;
padding: 0 0.5rem 1rem;
}
.c-news-wrapper .c-news__item img,
.c-news-wrapper .c-team__item img,
.c-team-wrapper .c-news__item img,
.c-team-wrapper .c-team__item img {
height: 100%;
line-height: 0;
background-color: #eeeeee;
object-fit: cover;
}
.c-news-wrapper .c-news__item > a,
.c-news-wrapper .c-news__item > div,
.c-news-wrapper .c-team__item > a,
.c-news-wrapper .c-team__item > div,
.c-team-wrapper .c-news__item > a,
.c-team-wrapper .c-news__item > div,
.c-team-wrapper .c-team__item > a,
.c-team-wrapper .c-team__item > div {
display: flex;
position: relative;
text-decoration: none;
font-weight: 300 !important;
height: 100%;
}
.c-news-wrapper .c-news__item > a:hover,
.c-news-wrapper .c-news__item > div:hover,
.c-news-wrapper .c-team__item > a:hover,
.c-news-wrapper .c-team__item > div:hover,
.c-team-wrapper .c-news__item > a:hover,
.c-team-wrapper .c-news__item > div:hover,
.c-team-wrapper .c-team__item > a:hover,
.c-team-wrapper .c-team__item > div:hover {
text-decoration: none !important;
}
.c-news-wrapper .c-news__item h1,
.c-news-wrapper .c-team__item h1,
.c-team-wrapper .c-news__item h1,
.c-team-wrapper .c-team__item h1 {
margin: 0 0 0.15em;
font-size: 0.9rem;
line-height: 1.3;
}
.c-news-wrapper .c-news__item p,
.c-news-wrapper .c-team__item p,
.c-team-wrapper .c-news__item p,
.c-team-wrapper .c-team__item p {
margin: 0;
font-size: 0.8rem;
}
.c-news-wrapper .c-news__item p:first-of-type,
.c-news-wrapper .c-team__item p:first-of-type,
.c-team-wrapper .c-news__item p:first-of-type,
.c-team-wrapper .c-team__item p:first-of-type {
margin-bottom: 0.5rem;
}
.c-news-wrapper .c-news__item:last-child,
.c-news-wrapper .c-team__item:last-child,
.c-team-wrapper .c-news__item:last-child,
.c-team-wrapper .c-team__item:last-child {
margin-bottom: 0;
}
.c-news-wrapper .c-news__item:nth-child(4n+1), .c-news-wrapper .c-news__item:nth-child(4n+2),
.c-news-wrapper .c-team__item:nth-child(4n+1),
.c-news-wrapper .c-team__item:nth-child(4n+2),
.c-team-wrapper .c-news__item:nth-child(4n+1),
.c-team-wrapper .c-news__item:nth-child(4n+2),
.c-team-wrapper .c-team__item:nth-child(4n+1),
.c-team-wrapper .c-team__item:nth-child(4n+2) {
text-align: left;
}
.c-news-wrapper .c-news__item:nth-child(4n+1) .c-news__content,
.c-news-wrapper .c-news__item:nth-child(4n+1) .c-team__content, .c-news-wrapper .c-news__item:nth-child(4n+2) .c-news__content,
.c-news-wrapper .c-news__item:nth-child(4n+2) .c-team__content,
.c-news-wrapper .c-team__item:nth-child(4n+1) .c-news__content,
.c-news-wrapper .c-team__item:nth-child(4n+1) .c-team__content,
.c-news-wrapper .c-team__item:nth-child(4n+2) .c-news__content,
.c-news-wrapper .c-team__item:nth-child(4n+2) .c-team__content,
.c-team-wrapper .c-news__item:nth-child(4n+1) .c-news__content,
.c-team-wrapper .c-news__item:nth-child(4n+1) .c-team__content,
.c-team-wrapper .c-news__item:nth-child(4n+2) .c-news__content,
.c-team-wrapper .c-news__item:nth-child(4n+2) .c-team__content,
.c-team-wrapper .c-team__item:nth-child(4n+1) .c-news__content,
.c-team-wrapper .c-team__item:nth-child(4n+1) .c-team__content,
.c-team-wrapper .c-team__item:nth-child(4n+2) .c-news__content,
.c-team-wrapper .c-team__item:nth-child(4n+2) .c-team__content {
padding: 0 1rem 1rem 0.5rem;
align-items: flex-start;
}
.c-news-wrapper .c-news__item:nth-child(4n+1) .image-wrapper, .c-news-wrapper .c-news__item:nth-child(4n+2) .image-wrapper,
.c-news-wrapper .c-team__item:nth-child(4n+1) .image-wrapper,
.c-news-wrapper .c-team__item:nth-child(4n+2) .image-wrapper,
.c-team-wrapper .c-news__item:nth-child(4n+1) .image-wrapper,
.c-team-wrapper .c-news__item:nth-child(4n+2) .image-wrapper,
.c-team-wrapper .c-team__item:nth-child(4n+1) .image-wrapper,
.c-team-wrapper .c-team__item:nth-child(4n+2) .image-wrapper {
order: 0;
}
.c-news-wrapper .c-news__date,
.c-team-wrapper .c-news__date {
color: #999;
margin-bottom: 0.15em;
font-size: 0.7rem;
}
.c-news-wrapper .c-news__content,
.c-news-wrapper .c-team__content,
.c-team-wrapper .c-news__content,
.c-team-wrapper .c-team__content {
width: 50%;
padding: 0 0.5rem 1rem 1rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-end;
}
@media (min-width: 0px) and (max-width: 767px) {
.c-news-wrapper .c-news__item,
.c-news-wrapper .c-team__item,
.c-team-wrapper .c-news__item,
.c-team-wrapper .c-team__item {
width: 100%;
}
.c-news-wrapper .c-news__item .image-wrapper,
.c-news-wrapper .c-team__item .image-wrapper,
.c-team-wrapper .c-news__item .image-wrapper,
.c-team-wrapper .c-team__item .image-wrapper {
padding: 0;
}
.c-news-wrapper .c-news__item .c-news__content,
.c-news-wrapper .c-news__item .c-team__content,
.c-news-wrapper .c-team__item .c-news__content,
.c-news-wrapper .c-team__item .c-team__content,
.c-team-wrapper .c-news__item .c-news__content,
.c-team-wrapper .c-news__item .c-team__content,
.c-team-wrapper .c-team__item .c-news__content,
.c-team-wrapper .c-team__item .c-team__content {
padding: 1rem 1rem 1rem 0;
text-align: right !important;
}
.c-news-wrapper .c-news__item:nth-child(4n+1), .c-news-wrapper .c-news__item:nth-child(4n+2),
.c-news-wrapper .c-team__item:nth-child(4n+1),
.c-news-wrapper .c-team__item:nth-child(4n+2),
.c-team-wrapper .c-news__item:nth-child(4n+1),
.c-team-wrapper .c-news__item:nth-child(4n+2),
.c-team-wrapper .c-team__item:nth-child(4n+1),
.c-team-wrapper .c-team__item:nth-child(4n+2) {
text-align: left;
}
.c-news-wrapper .c-news__item:nth-child(4n+1) .c-news__content,
.c-news-wrapper .c-news__item:nth-child(4n+1) .c-team__content, .c-news-wrapper .c-news__item:nth-child(4n+2) .c-news__content,
.c-news-wrapper .c-news__item:nth-child(4n+2) .c-team__content,
.c-news-wrapper .c-team__item:nth-child(4n+1) .c-news__content,
.c-news-wrapper .c-team__item:nth-child(4n+1) .c-team__content,
.c-news-wrapper .c-team__item:nth-child(4n+2) .c-news__content,
.c-news-wrapper .c-team__item:nth-child(4n+2) .c-team__content,
.c-team-wrapper .c-news__item:nth-child(4n+1) .c-news__content,
.c-team-wrapper .c-news__item:nth-child(4n+1) .c-team__content,
.c-team-wrapper .c-news__item:nth-child(4n+2) .c-news__content,
.c-team-wrapper .c-news__item:nth-child(4n+2) .c-team__content,
.c-team-wrapper .c-team__item:nth-child(4n+1) .c-news__content,
.c-team-wrapper .c-team__item:nth-child(4n+1) .c-team__content,
.c-team-wrapper .c-team__item:nth-child(4n+2) .c-news__content,
.c-team-wrapper .c-team__item:nth-child(4n+2) .c-team__content {
padding: 0 1rem 0 0;
align-items: flex-end;
}
.c-news-wrapper .c-news__item:nth-child(4n+1) .image-wrapper, .c-news-wrapper .c-news__item:nth-child(4n+2) .image-wrapper,
.c-news-wrapper .c-team__item:nth-child(4n+1) .image-wrapper,
.c-news-wrapper .c-team__item:nth-child(4n+2) .image-wrapper,
.c-team-wrapper .c-news__item:nth-child(4n+1) .image-wrapper,
.c-team-wrapper .c-news__item:nth-child(4n+2) .image-wrapper,
.c-team-wrapper .c-team__item:nth-child(4n+1) .image-wrapper,
.c-team-wrapper .c-team__item:nth-child(4n+2) .image-wrapper {
order: 1;
}
.c-news-wrapper .c-news__item:nth-child(2n) .c-news__content,
.c-news-wrapper .c-news__item:nth-child(2n) .c-team__content,
.c-news-wrapper .c-team__item:nth-child(2n) .c-news__content,
.c-news-wrapper .c-team__item:nth-child(2n) .c-team__content,
.c-team-wrapper .c-news__item:nth-child(2n) .c-news__content,
.c-team-wrapper .c-news__item:nth-child(2n) .c-team__content,
.c-team-wrapper .c-team__item:nth-child(2n) .c-news__content,
.c-team-wrapper .c-team__item:nth-child(2n) .c-team__content {
text-align: left !important;
padding: 1rem 0 1rem 1rem !important;
align-items: flex-start;
}
.c-news-wrapper .c-news__item:nth-child(2n) .image-wrapper,
.c-news-wrapper .c-team__item:nth-child(2n) .image-wrapper,
.c-team-wrapper .c-news__item:nth-child(2n) .image-wrapper,
.c-team-wrapper .c-team__item:nth-child(2n) .image-wrapper {
order: 0;
}
}
@media (min-width: 0px) and (max-width: 320px) {
.c-news-wrapper .c-news__item,
.c-news-wrapper .c-news__item:nth-child(2n),
.c-news-wrapper .c-team__item,
.c-news-wrapper .c-team__item:nth-child(2n),
.c-team-wrapper .c-news__item,
.c-team-wrapper .c-news__item:nth-child(2n),
.c-team-wrapper .c-team__item,
.c-team-wrapper .c-team__item:nth-child(2n) {
margin-bottom: 3rem;
}
.c-news-wrapper .c-news__item a, .c-news-wrapper .c-news__item > div,
.c-news-wrapper .c-news__item:nth-child(2n) a,
.c-news-wrapper .c-news__item:nth-child(2n) > div,
.c-news-wrapper .c-team__item a,
.c-news-wrapper .c-team__item > div,
.c-news-wrapper .c-team__item:nth-child(2n) a,
.c-news-wrapper .c-team__item:nth-child(2n) > div,
.c-team-wrapper .c-news__item a,
.c-team-wrapper .c-news__item > div,
.c-team-wrapper .c-news__item:nth-child(2n) a,
.c-team-wrapper .c-news__item:nth-child(2n) > div,
.c-team-wrapper .c-team__item a,
.c-team-wrapper .c-team__item > div,
.c-team-wrapper .c-team__item:nth-child(2n) a,
.c-team-wrapper .c-team__item:nth-child(2n) > div {
display: block;
}
.c-news-wrapper .c-news__item .c-news__content,
.c-news-wrapper .c-news__item .c-team__content,
.c-news-wrapper .c-news__item:nth-child(2n) .c-news__content,
.c-news-wrapper .c-news__item:nth-child(2n) .c-team__content,
.c-news-wrapper .c-team__item .c-news__content,
.c-news-wrapper .c-team__item .c-team__content,
.c-news-wrapper .c-team__item:nth-child(2n) .c-news__content,
.c-news-wrapper .c-team__item:nth-child(2n) .c-team__content,
.c-team-wrapper .c-news__item .c-news__content,
.c-team-wrapper .c-news__item .c-team__content,
.c-team-wrapper .c-news__item:nth-child(2n) .c-news__content,
.c-team-wrapper .c-news__item:nth-child(2n) .c-team__content,
.c-team-wrapper .c-team__item .c-news__content,
.c-team-wrapper .c-team__item .c-team__content,
.c-team-wrapper .c-team__item:nth-child(2n) .c-news__content,
.c-team-wrapper .c-team__item:nth-child(2n) .c-team__content {
width: 100%;
height: auto;
margin-bottom: 0.5rem;
display: block;
padding: 0 !important;
text-align: left !important;
}
.c-news-wrapper .c-news__item .image-wrapper,
.c-news-wrapper .c-news__item:nth-child(2n) .image-wrapper,
.c-news-wrapper .c-team__item .image-wrapper,
.c-news-wrapper .c-team__item:nth-child(2n) .image-wrapper,
.c-team-wrapper .c-news__item .image-wrapper,
.c-team-wrapper .c-news__item:nth-child(2n) .image-wrapper,
.c-team-wrapper .c-team__item .image-wrapper,
.c-team-wrapper .c-team__item:nth-child(2n) .image-wrapper {
margin-bottom: 1rem;
width: 100%;
}
.c-news-wrapper .c-news__item img,
.c-news-wrapper .c-news__item:nth-child(2n) img,
.c-news-wrapper .c-team__item img,
.c-news-wrapper .c-team__item:nth-child(2n) img,
.c-team-wrapper .c-news__item img,
.c-team-wrapper .c-news__item:nth-child(2n) img,
.c-team-wrapper .c-team__item img,
.c-team-wrapper .c-team__item:nth-child(2n) img {
width: 100%;
height: 200px;
object-fit: cover;
}
.c-news-wrapper .c-news__item h1,
.c-news-wrapper .c-news__item:nth-child(2n) h1,
.c-news-wrapper .c-team__item h1,
.c-news-wrapper .c-team__item:nth-child(2n) h1,
.c-team-wrapper .c-news__item h1,
.c-team-wrapper .c-news__item:nth-child(2n) h1,
.c-team-wrapper .c-team__item h1,
.c-team-wrapper .c-team__item:nth-child(2n) h1 {
font-size: 1.2rem;
}
}
.c-news.wp-block {
position: relative;
width: 100%;
}
.c-news.wp-block .c-readmore {
bottom: 0;
}
.c-clients {
width: 100%;
}
.c-clients__wrapper {
columns: 2;
column-gap: 2rem;
}
.c-clients__item {
margin-bottom: 1rem;
break-inside: avoid;
font-size: 0.9rem;
}
.c-clients__item span {
display: inline-block;
}
.c-clients__item span::after {
content: "|";
padding: 0 0.2em;
}
.c-clients__item span:last-child::after {
display: none;
}
@media (min-width: 0px) and (max-width: 767px) {
.c-clients__wrapper {
columns: auto;
}
}
.wp-block.c-clients .c-clients__wrapper {
margin-left: auto;
margin-right: auto;
width: 65%;
}
@media (min-width: 0px) and (max-width: 1023px) {
.wp-block.c-clients .c-clients__wrapper {
width: 80%;
}
}
@media (min-width: 0px) and (max-width: 767px) {
.wp-block.c-clients .c-clients__wrapper {
width: 100%;
}
}
.c-projects,
.c-awards,
.c-publications {
width: calc(100% - 40px);
min-height: 580px;
margin: 1em 20px 0;
}
.c-projects__wrapper,
.c-awards__wrapper,
.c-publications__wrapper {
position: relative;
width: 100%;
}
.c-projects .swiper,
.c-awards .swiper,
.c-publications .swiper {
width: 100%;
}
.c-projects .swiper-container,
.c-awards .swiper-container,
.c-publications .swiper-container {
width: 100%;
height: 100%;
overflow: hidden;
}
.c-projects .swiper-wrapper,
.c-awards .swiper-wrapper,
.c-publications .swiper-wrapper {
padding: 1rem 0;
height: 100%;
}
.c-projects .swiper-buttons,
.c-awards .swiper-buttons,
.c-publications .swiper-buttons {
position: static;
margin: 0 auto;
}
.c-projects__item,
.c-awards__item,
.c-publications__item {
position: relative;
}
.c-projects__item .image-wrapper,
.c-awards__item .image-wrapper,
.c-publications__item .image-wrapper {
line-height: 0;
background-color: #eeeeee;
}
.c-projects__item img,
.c-awards__item img,
.c-publications__item img {
width: 100%;
height: auto;
line-height: 0;
}
.c-projects__item a,
.c-awards__item a,
.c-publications__item a {
display: block;
position: relative;
font-weight: 300;
text-decoration: none;
}
.c-projects__item a:hover,
.c-awards__item a:hover,
.c-publications__item a:hover {
text-decoration: none !important;
}
.c-projects__item h2,
.c-awards__item h2,
.c-publications__item h2 {
margin: 0.5rem 0 0.2rem;
font-size: 0.9rem;
}
.c-projects__item p,
.c-awards__item p,
.c-publications__item p {
margin: 0;
color: #999;
font-size: 0.9rem;
font-family: "SpiegelSansCd-Bold", sans-serif;
letter-spacing: 0.01em;
line-height: 1.1;
font-weight: normal;
}
.c-projects__caption,
.c-awards__caption,
.c-publications__caption {
text-transform: uppercase;
font-size: 0.9rem;
font-family: "SpiegelSansCd-Bold", sans-serif;
letter-spacing: 0.01em;
line-height: 1.1;
font-weight: normal;
}
.c-projects__image,
.c-awards__image,
.c-publications__image {
position: relative;
}
.c-projects__image::after,
.c-awards__image::after,
.c-publications__image::after {
content: "";
display: block;
padding-bottom: 150%;
}
.c-projects__image img,
.c-awards__image img,
.c-publications__image img {
padding: 1rem;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
object-fit: contain;
}
.c-projects.wp-block,
.c-awards.wp-block,
.c-publications.wp-block {
margin: 1rem 0 2rem 0;
padding: 2rem 20px 2rem 20px;
width: 100%;
height: auto;
min-height: 0;
background-color: var(--bgcolor);
}
.c-projects.wp-block .c-publications__image img,
.c-projects.wp-block .c-awards__image img,
.c-awards.wp-block .c-publications__image img,
.c-awards.wp-block .c-awards__image img,
.c-publications.wp-block .c-publications__image img,
.c-publications.wp-block .c-awards__image img {
background-color: #fff;
}
.c-projects.wp-block .swiper-slide,
.c-awards.wp-block .swiper-slide,
.c-publications.wp-block .swiper-slide {
width: calc(12.5% - 20px);
}
@media (min-width: 0px) and (max-width: 2000px) {
.c-projects.wp-block .swiper-slide,
.c-awards.wp-block .swiper-slide,
.c-publications.wp-block .swiper-slide {
width: calc(14.2857142857% - 20px);
}
}
@media (min-width: 0px) and (max-width: 1440px) {
.c-projects.wp-block .swiper-slide,
.c-awards.wp-block .swiper-slide,
.c-publications.wp-block .swiper-slide {
width: calc(16.6666666667% - 20px);
}
}
@media (min-width: 0px) and (max-width: 700px) {
.c-projects.wp-block .swiper-slide,
.c-awards.wp-block .swiper-slide,
.c-publications.wp-block .swiper-slide {
width: calc(25% - 20px);
}
}
@media (min-width: 0px) and (max-width: 500px) {
.c-projects.wp-block .swiper-slide,
.c-awards.wp-block .swiper-slide,
.c-publications.wp-block .swiper-slide {
width: 100%;
}
}
@media (min-width: 0px) and (max-width: 767px) {
.c-projects.wp-block,
.c-awards.wp-block,
.c-publications.wp-block {
width: calc(100% + 2rem);
margin-left: -1rem;
margin-right: -1rem;
padding-left: 1rem;
padding-right: 1rem;
}
}
@keyframes fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.c-project-grid .c-projects,
.c-project-grid .c-awards,
.c-project-grid .c-publications,
.c-award-grid .c-projects,
.c-award-grid .c-awards,
.c-award-grid .c-publications,
.c-publication-grid .c-projects,
.c-publication-grid .c-awards,
.c-publication-grid .c-publications {
min-height: 0;
width: 100%;
height: auto;
margin: 1rem 0 4rem;
}
.c-project-grid .c-projects ul,
.c-project-grid .c-awards ul,
.c-project-grid .c-publications ul,
.c-award-grid .c-projects ul,
.c-award-grid .c-awards ul,
.c-award-grid .c-publications ul,
.c-publication-grid .c-projects ul,
.c-publication-grid .c-awards ul,
.c-publication-grid .c-publications ul {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 1rem;
padding: 0;
margin: 0;
list-style: none;
width: 100%;
}
.c-project-grid .c-projects__item,
.c-project-grid .c-awards__item,
.c-project-grid .c-publications__item,
.c-award-grid .c-projects__item,
.c-award-grid .c-awards__item,
.c-award-grid .c-publications__item,
.c-publication-grid .c-projects__item,
.c-publication-grid .c-awards__item,
.c-publication-grid .c-publications__item {
margin: 0 0 1rem;
padding: 0;
list-style: none;
}
@media (min-width: 0px) and (max-width: 1024px) {
.c-project-grid .c-projects ul,
.c-project-grid .c-awards ul,
.c-project-grid .c-publications ul,
.c-award-grid .c-projects ul,
.c-award-grid .c-awards ul,
.c-award-grid .c-publications ul,
.c-publication-grid .c-projects ul,
.c-publication-grid .c-awards ul,
.c-publication-grid .c-publications ul {
grid-template-columns: repeat(4, 1fr);
}
}
@media (min-width: 0px) and (max-width: 767px) {
.c-project-grid .c-projects,
.c-project-grid .c-awards,
.c-project-grid .c-publications,
.c-award-grid .c-projects,
.c-award-grid .c-awards,
.c-award-grid .c-publications,
.c-publication-grid .c-projects,
.c-publication-grid .c-awards,
.c-publication-grid .c-publications {
margin-top: 0;
}
.c-project-grid .c-projects ul,
.c-project-grid .c-awards ul,
.c-project-grid .c-publications ul,
.c-award-grid .c-projects ul,
.c-award-grid .c-awards ul,
.c-award-grid .c-publications ul,
.c-publication-grid .c-projects ul,
.c-publication-grid .c-awards ul,
.c-publication-grid .c-publications ul {
grid-template-columns: repeat(2, 1fr);
}
}
.c-project-filters {
display: flex;
flex-wrap: wrap;
justify-content: center;
font-size: 0.8rem;
}
.c-project-filters .c-button {
line-height: 1;
padding: 0 0.7rem 0.7rem;
text-transform: uppercase;
font-size: 0.9rem;
}
.c-project-filters .c-button:last-child {
padding-right: 0;
}
.c-project-filters .c-button:hover {
color: #111215;
}
.c-project-filters .c-button.is-active {
color: #111215;
display: flex;
align-items: center;
}
.c-project-filters .c-button.is-active::after {
content: "\ed6d";
font-family: "Icomoon";
border: 1px solid #111215;
color: #111215;
margin-left: 0.3rem;
font-size: 70%;
padding: 0.1rem;
}
@media (min-width: 0px) and (max-width: 767px) {
.c-project-filters {
justify-content: flex-start;
}
.c-project-filters .c-button {
margin-bottom: 1rem;
padding: 0 1rem 0 0;
}
}
.c-gallery {
margin: 2rem 0 3rem;
height: 70vh;
min-height: 500px;
position: relative;
}
@media (max-width: 700px) {
.c-gallery {
height: auto;
min-height: 0;
}
}
.c-gallery .swiper {
height: 100%;
}
.c-gallery .swiper-buttons {
bottom: calc(50% + 22px);
left: 0;
width: 100%;
}
.c-gallery .swiper-buttons .swiper-button-next,
.c-gallery .swiper-buttons .swiper-button-prev {
position: absolute;
background-color: #fff;
}
.c-gallery .swiper-buttons .swiper-button-next {
right: 1rem;
left: auto;
}
.c-gallery .swiper-buttons .swiper-button-prev {
left: 1rem;
right: auto;
}
.c-gallery .swiper-buttons .swiper-button-disabled {
display: none;
}
@media (max-width: 700px) {
.c-gallery .swiper-buttons {
display: none;
}
}
.c-gallery img {
height: 100%;
width: auto;
}
.c-gallery__image {
line-height: 0;
}
.c-gallery__item.swiper-slide {
width: auto;
height: 100%;
position: relative;
text-align: center;
}
.c-gallery__content.swiper-slide, .c-gallery__details.swiper-slide {
width: 50%;
text-align: left;
box-sizing: border-box;
display: flex;
flex-direction: column;
font-size: 0.9rem;
}
.c-gallery__content.swiper-slide a, .c-gallery__details.swiper-slide a {
text-decoration: none;
font-weight: 500;
}
.c-gallery__content.swiper-slide .c-button, .c-gallery__details.swiper-slide .c-button {
margin-top: auto;
margin-right: auto;
}
@media (max-width: 700px) {
.c-gallery__content.swiper-slide .c-button, .c-gallery__details.swiper-slide .c-button {
display: none;
}
}
.c-gallery__content.swiper-slide h1, .c-gallery__details.swiper-slide h1 {
margin-bottom: 1rem;
}
.c-gallery__content.swiper-slide h2, .c-gallery__details.swiper-slide h2 {
text-transform: uppercase;
margin: 0 0 1em;
}
@media (min-width: 0px) and (max-width: 767px) {
.c-gallery__content.swiper-slide, .c-gallery__details.swiper-slide {
width: 100%;
font-size: 1rem;
}
.c-gallery__content.swiper-slide h2, .c-gallery__details.swiper-slide h2 {
font-size: 1.2rem;
}
}
@media (min-width: 700px) {
.c-gallery__content.swiper-slide::after, .c-gallery__details.swiper-slide::after {
content: "";
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: calc(100% - 2rem);
height: 50px;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255));
}
.c-gallery__content.swiper-slide .c-button, .c-gallery__details.swiper-slide .c-button {
position: relative;
z-index: 99;
font-size: initial;
}
.c-gallery__content.swiper-slide .scroll-content, .c-gallery__details.swiper-slide .scroll-content {
overflow: auto;
}
}
.c-gallery__details.swiper-slide {
font-size: 0.8rem;
}
.c-gallery__details.swiper-slide .c-table {
margin-bottom: 2rem;
}
@media (min-width: 0px) and (max-width: 767px) {
.c-gallery__details.swiper-slide {
line-height: 1.4;
font-size: 1rem;
}
}
@media (min-width: 0px) and (max-width: 767px) {
.c-gallery .swiper-container,
.c-gallery .swiper-wrapper {
height: auto;
display: block;
transform: none !important;
}
.c-gallery .swiper-slide {
margin: 0 0 1rem;
width: auto !important;
padding: 0;
}
.c-gallery .swiper-slide img {
width: 100%;
height: auto;
}
}
.c-project-data .section-header {
column-span: all;
}
.c-project-data__item {
break-inside: avoid;
margin-bottom: 1rem;
font-size: 0.9rem;
}
.c-project-data h3 {
text-transform: uppercase;
font-size: 1rem;
}
.c-table {
font-size: 0.9rem;
}
.c-table__row {
display: flex;
margin-bottom: 0.5rem;
}
@media (max-width: 700px) {
.c-table__row {
display: block;
margin-bottom: 1em;
}
}
.c-table__item {
width: 60%;
}
.c-table__item:first-child {
width: 40%;
margin-right: 1em;
}
@media (max-width: 700px) {
.c-table__item {
width: 100%;
padding-bottom: 0.4rem;
}
}
.ps__thumb-y {
width: 4px;
background-color: #999;
right: 0;
}
.ps__rail-y {
z-index: 99;
}
.ps--active-y {
padding-right: 10px;
padding-bottom: 40px;
position: relative;
}
.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
background-color: transparent;
}
.ps .ps__rail-y.ps--clicking .ps__thumb-y,
.ps .ps__rail-y:focus .ps__thumb-y,
.ps .ps__rail-y:hover .ps__thumb-y {
width: 8px;
cursor: pointer;
}
.c-page--awards {
padding-top: 1rem;
}
.c-award-grid .c-awards {
background-color: transparent;
}
.c-award-grid .c-awards__image {
background-color: var(--bgcolor);
}
.wp-block.c-awards .c-awards__caption {
display: none;
}
.c-publication-grid .c-publications {
background-color: transparent;
}
.c-publication-grid .c-publications__image {
background-color: var(--bgcolor);
}
.wp-block.c-publications .c-publications__caption {
display: none;
}
.c-page--publication article h1,
.c-page--award article h1 {
margin-bottom: 2rem;
}
.c-page--publication .c-page__buttons,
.c-page--award .c-page__buttons {
color: #999;
display: block;
font-family: "SpiegelSansCd-Bold", sans-serif;
letter-spacing: 0.01em;
line-height: 1.1;
font-weight: normal;
}
.c-page--publication .c-page__buttons p,
.c-page--award .c-page__buttons p {
margin-bottom: 0.5em;
line-height: 1.4;
}
.c-page--publication .c-page__buttons p a,
.c-page--award .c-page__buttons p a {
color: #999 !important;
}
.c-page--publication .c-page__buttons p a:hover,
.c-page--award .c-page__buttons p a:hover {
color: #111215 !important;
text-decoration: none !important;
}
.c-page--publication .c-page__buttons p a::after,
.c-page--award .c-page__buttons p a::after {
content: ", ";
}
.c-page--publication .c-page__buttons p a:last-of-type::after,
.c-page--award .c-page__buttons p a:last-of-type::after {
content: "";
}
.c-page--publication .c-page__buttons p.multiple > div,
.c-page--award .c-page__buttons p.multiple > div {
margin-bottom: 0.5em;
}
.c-page--publication .c-page__buttons > a,
.c-page--award .c-page__buttons > a {
color: #999;
margin: 0 0 0.5rem;
}
.c-page--publication .c-page__buttons > a:hover,
.c-page--award .c-page__buttons > a:hover {
color: #111215;
text-decoration: none;
}
.c-page--publication .l-readmore-wrapper,
.c-page--award .l-readmore-wrapper {
margin-top: 1rem;
}
@media (min-width: 0px) and (max-width: 1440px) {
.c-page--publication .l-readmore-wrapper,
.c-page--award .l-readmore-wrapper {
margin-top: 6.5rem;
}
}
@media (min-width: 0px) and (max-width: 767px) {
.c-page--publication .l-readmore-wrapper,
.c-page--award .l-readmore-wrapper {
margin-top: 2rem;
}
.c-page--publication .c-page__2col,
.c-page--award .c-page__2col {
display: block;
}
}
.c-footer {
background-color: var(--bgcolor);
margin-top: 4rem;
padding-top: 2rem;
padding-bottom: 3rem;
font-size: 0.9rem;
}
.c-footer div > a {
text-decoration: none;
margin-right: 1rem;
display: inline-block;
}
.c-footer a {
text-decoration: none;
font-weight: 400;
}
.c-footer a:hover {
text-decoration: underline;
}
.c-footer strong {
font-size: 1rem;
font-family: "SpiegelSansCd-Bold", sans-serif;
letter-spacing: 0.01em;
line-height: 1.1;
font-weight: normal;
}
@media (min-width: 0px) and (max-width: 767px) {
.c-footer {
margin-left: -1rem;
margin-right: -1rem;
width: calc(100% + 2rem);
padding: 2rem 1rem;
}
.c-footer h2.section-header {
margin-bottom: 1rem;
}
}  @font-face {
font-family: "swiper-icons";
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal;
} :root {
--swiper-theme-color: #007aff; }
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
} .swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; }
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}  .swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .swiper-wrapper {
box-sizing: content-box;
display: flex;
height: 100%;
position: relative;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
width: 100%;
z-index: 1;
}
.swiper-slide, swiper-slide {
display: block;
flex-shrink: 0;
height: 100%;
position: relative;
transition-property: transform;
width: 100%;
}