@import url('https://use.typekit.net/xat5yfs.css');
@font-face {
    font-family: 'Lay Grotesk';
    src: url('fonts/LayGrotesk-Regular.woff2') format('woff2'),
        url('fonts/LayGrotesk-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lay Grotesk';
    src: url('fonts/LayGrotesk-Regular.woff2') format('woff2'),
        url('fonts/LayGrotesk-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lay Grotesk';
    src: url('fonts/LayGrotesk-Bold.woff2') format('woff2'),
        url('fonts/LayGrotesk-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Lay Grotesk';
    src: url('fonts/LayGrotesk-Semibold.woff2') format('woff2'),
        url('fonts/LayGrotesk-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'BentonModDisp';
    src: url('fonts/BentonModDisp-Regular.woff2') format('woff2'),
        url('fonts/BentonModDisp-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
* {
	margin: 0;
	padding: 0;
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
:root {
  --background-color: rgba(74, 233, 119, 1);
  --wp-admin--admin-bar--height: 0px;
  --placeholder-height: 178px;
  --footer-height: 570px;
  --black: rgba(28, 25, 23, 1);
  --white: rgba(250, 250, 245, 1);
}
*::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
* {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
a {
  text-decoration: none;
  color: inherit;
}
body {
  overscroll-behavior: none;
  font-family: 'Lay Grotesk', sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  word-break: break-word;
  background-color: var(--background-color);

  color: var(--black);
  font-size: 19px;
  line-height: 22px;
  margin: 0 auto;
  overflow-x: hidden;
}
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
  scroll-behavior: smooth;
  overscroll-behavior: none;
}
img {
  width: 100%;
  height: auto;
  display: block;
}
main {
  box-shadow: 4px -4px 6px 0px rgba(23, 23, 23, 0.25);
  margin-right: 24px;
  background-color: rgba(250, 250, 245, 1);
  position: relative;
  z-index: 1;
}
div.placeholder {
  height: var(--placeholder-height);
  pointer-events: none;
}
div.bottom-placeholder {
  height: var(--footer-height);
  pointer-events: none;
}
h2.site-title {
  width: 69px;
  height: 43px;
  margin-bottom: 6px;
}
.foldable-menu {
  padding: 9px 15px;
  border-radius: 50px;
  position: fixed;
  top: 12px;
  top: calc(var(--wp-admin--admin-bar--height) + 12px);
  z-index: 100;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--background-color);
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  width: 72px;
  height: 44px;

}
.foldable-menu.open {
  width: 640px;
  height: 285px;
  border-radius: 0;
  z-index: 1000;

}
.foldable-menu nav.main-menu {
  position: absolute;
  bottom: 10px;
}
.foldable-right-menu {
  position: absolute;
  bottom: 40px;
  right: 10px;
  width: 200px;
  text-align: right;
}
.foldable-menu .lang-menu {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 200px;
  text-align: right;
  top: auto;
}
.foldable-menu nav.lang-menu {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 150px;
}
.close-menu {
  position: absolute;
  top: 12px;
  right: 12px;
  background-image: url('img/close.svg');
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: center center;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.foldable-menu nav, .close-menu {
  pointer-events: none;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.foldable-menu.open nav, .open .close-menu {
  pointer-events: auto;
  opacity: 1;
}
header#header {
  position: fixed;
  padding: 12px;
  top: 0;
  top: var(--wp-admin--admin-bar--height);
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
footer#footer {
  position: fixed;
  padding: 12px;
  padding-right: 24px;
  bottom: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.newsletter {
  width: 100%;
  padding-bottom: 144px;
}
.newsletter h2 {
  font-size: 60px;
  line-height: 60px;
  font-weight: 400;
  text-align: center;
  padding-bottom: 48px;
}
.newsletter form {
  max-width: 760px;
  margin: 0 auto;
  position: relative;
}
.newsletter form input[type="email"] {
  width: 100%;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-bottom: 2px solid var(--black);
  padding: 12px 0;
  font-size: 21px;
  background-color: transparent;
}
input:focus-visible {
  outline: none;
}
.newsletter form button[type="submit"] {
  color: var(--white);
  position: absolute;
  right: 0;
  top: 12px;
  text-transform: lowercase;
  border: none;
  font-size: 21px;
  line-height: 21px;
  font-weight: 600;
}
.main-menu li {
  font-family: 'BentonModDisp', serif;
  font-size: 48px;
  line-height: 40px;
  text-transform: uppercase;
  list-style: none;
}
.right-menu li:first-child {
  position: fixed;
  right: 198px;
  width: 135px;
  top: 12px;

}
.right-menu li:nth-child(2) {
  position: fixed;
  right: 198px;
  width: 135px;
  top: 42px;
}
.wpml-ls-item:not(.wpml-ls-current-language) {
  opacity: 0.5;
}
.right-menu li:nth-child(3) {
  position: fixed;
  right: 24px;
  top: 12px;
}
.lang-menu {
  position: fixed;
  right: 24px;
  top: 42px;
}
.lang-menu ul {
  width: 150px;
  text-align: right;
  
}
footer .right-menu li:first-child {

  top: auto;
  bottom: 192px;
}
footer .right-menu li:nth-child(2) {
  top: auto;
  bottom: 162px;
}
footer .right-menu li:nth-child(3) {
  top: auto;
  bottom: 192px;
}
footer .lang-menu {
  top: auto;
  bottom: 162px;
}
.lang-menu li {
  display: inline-block
}
.lang-menu li:not(:last-child) a:after {
  content: '/';
  display: inline-block;
  padding-left: 0px;
  padding-right: 0px;
}
.right-part {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.right-part li, .foldable-right-menu li, .lang-menu li {
  font-family: 'BentonModDisp', serif;
  font-size: 30px;
  line-height: 30px;
  text-transform: uppercase;
  list-style: none;
}
h1.site-title img {
  width: 42px;
  height: 26px;
  object-fit: contain;
}
/* article styles */
.post-content, .page-content, .woocommerce-account div.woocommerce-MyAccount-content {
  max-width: 788px;
  margin: 0 auto;
  padding: 0 10px;
  float: none;
  width: 100%;
}
.post-content.start {
  padding-top: 24px;
}

.account-section h2, .woocommerce-billing-fields h3, h3#order_review_heading, h2.woocommerce-order-details__title, h2.woocommerce-column__title, .woocommerce-MyAccount-content .woocommerce-notices-wrapper+h3 {
  text-align: center;
  font-size: 48px;
  line-height: 48px;
  font-family: 'BentonModDisp', serif;
  font-weight: normal;
  text-transform: uppercase;
  padding-bottom: 12px;
}
.woocommerce-billing-fields h3, h3#order_review_heading, h2.woocommerce-order-details__title, h2.woocommerce-column__title {
  padding-bottom: 60px;
}
label img.mollie-gateway-icon {
  width:auto !important;
}
h3#order_review_heading, h2.woocommerce-order-details__title, h2.woocommerce-column__title {
  padding-top: 150px;
}
p.woocommerce-customer-details--phone, p.woocommerce-customer-details--email {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  font-family: 'minion-pro', serif !important;
  padding-left: 0 !important;
}
p.woocommerce-customer-details--phone:before, p.woocommerce-customer-details--email:before {
  display: none !important;
}
.woocommerce .woocommerce-customer-details address {
  border: none !important;
  padding: 0 !important;
}
.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
  display: none;
}
p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
  font-size: 21px;
  line-height: 120%;
  font-family: 'Lay Grotesk', sans-serif;
  font-weight: 400;
  padding-top: 36px;
  padding-bottom: 36px;
}
.account-edit-link {
  text-align: center;
  text-decoration: underline;
  font-size: 15px;
  line-height: 120%;
  font-family: 'Lay Grotesk', sans-serif;
  font-weight: 600;
  display: block;
}
a.account-address-edit {
  text-decoration: underline;
  font-size: 15px;
  line-height: 120%;
  font-family: 'Lay Grotesk', sans-serif;
  font-weight: 600;
  display: inline-block;
  margin-left: 12px;
  vertical-align: baseline;
}
h2.name {
  font-size: 72px;
  line-height: 90%;
  font-family: 'Lay Grotesk', sans-serif;
  font-weight: 400;
  padding-top: 96px !important;
  text-align: center;
  text-transform: none;
}
.woocommerce-EditAccountForm {
  padding-top: 96px;
}
.account-settings-list {
  padding-top: 60px;
  list-style: none;
  column-count: 2;
  column-gap: 12px;
}
.account-settings-list li {
  break-inside: avoid;
  font-size: 15px;
  line-height: 120%;
  font-family: 'Lay Grotesk', sans-serif;
  font-weight: 400;
  padding-bottom: 24px;
}
.woocommerce form .form-row .input-text, .woocommerce form .form-row select, input[type="number"], input[type="text"], textarea, input[type='email'], input[type="url"], select {
  border-radius: 4px !important;
  border: 1px solid var(--black) !important;
  padding: 12px !important;
  font-size: 21px !important;
  background-color: var(--white);

}
div.acf-url input[type=url] {
  padding-left: 12px !important;
}
.acf-icon.-globe.-small {
  display: none !important;
}
.acf-fields>.acf-field {
  padding: 0 0 36px 0 !important;

  border-top: none !important;
}
.acf-label label {
  font-size: 21px;
  line-height: 21px;
  font-weight: 600 !important;
  
}
.hide-label .acf-label label {
  opacity: 0;
}
.hide-label {
  float: right !important;
}
.acf-radio-list li label {
  font-size: 21px;
  line-height: 21px;
}
input[type="radio"],
input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  border: 1px solid var(--black);
  margin-right: 12px !important;
  border-radius: 50%;
  background: var(--white);
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
ul.acf-radio-list li {
  padding: 6px 0;
}
input[type="checkbox"] {
  background: var(--white);
}
input[type="radio"]:checked,
input[type="checkbox"]:checked {
  background: var(--black);
}
input[type="radio"]:focus-visible,
input[type="checkbox"]:focus-visible {
  outline: none;
}
.acf-field[data-width]+.acf-field[data-width] {
  border-left: none !important;
}
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
  width: 144px;
}
td.actions button {
  margin-top: 10px !important;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
  background-color: var(--black) !important;
}
fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
.woocommerce-notices-wrapper {
  margin-top: 36px;
}
.woocommerce-message, .woocommerce-info {
  border-top: none;
  border-radius: 4px;
}
.acf-notice.-error {
  display: none;
  font-family: 'Lay Grotesk';
}
.submit-intro p{
  font-family: 'Lay Grotesk';
}
p.thanks {
  text-align: center;
}
.submit-intro {
  padding-bottom: 96px;
}
.page-template-submit .small {
  padding-top: 96px;
}
.small p {
  font-family: 'Lay Grotesk';
  font-size: 15px;
  line-height: 120%;
}
.acf-form-submit {
  padding-top: 72px;
  text-align: center;
}
input.acf-button {
  background-color: var(--black) !important;
  color: var(--white) !important;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button, input.acf-button {
  border-radius: 20px;
  min-height: 32px;
  background-color: var(--background-color);
  padding: 8px 15px;
  padding-top: 8px;
  color: var(--black);
  font-size: 18px;
  line-height: 18px;
  border: none;
  cursor: pointer;
  transition: all 0.3s 
ease-in-out;
  font-weight: 600;
}
p.woocommerce-LostPassword, p+p.woocommerce-LostPassword {
  font-size: 15px;
  line-height: 120%;
  padding-top: 0 !important;
}
.share-container .share, .save a {
  background-color: var(--black);
  color: var(--white);
  padding: 8px 15px;
  height: 32px;
  border-radius: 20px;
  font-size: 18px;
  line-height: 18px;
  display: inline-block;
}
.share-container .share {
  height: 32px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  margin-bottom: 0;
}
.share-container div.website {
  padding-top: 0;
}
.pmt {
  padding: 72px 12px;
  max-width: 788px;
  margin: 0 auto;
}
.share.open {
  height: 152px;
  margin-bottom: -120px;
  overflow: visible;
  position: sticky;
}
.share-container {
  display: flex;
  gap: 12px;
  justify-content: center;
}
.save a:after, .share h3:after {
  display: inline-block;
  content: '';
  width: 15px;
  height: 15px;
  background-image: url('img/bookmark.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  margin-left: 5px;
  vertical-align: top;
  margin-top: 1px;
}
.share ul {
  padding-top: 12px;
}
.share ul li {
  font-size: 15px;
  line-height: 15px;
  border-top: 1px solid var(--white);
  padding: 6px 0;
  list-style: none;
 
}
.share h3:after {
  background-image: url('img/share.svg');
}

.share h3, .save a {
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
  cursor: pointer;
}
.register p {
  font-size: 15px;
  line-height: 120%;
}
.woocommerce-privacy-policy-text {
  padding-bottom: 12px;
}
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
  font-size: 18px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.woocommerce-form.register p.woocommerce-form-row {
  margin-bottom: 0px;
}
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span {
  margin-left: 5px;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button {
  padding-top: 7px;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover {
  color: var(--white);
  background-color: var(--black);
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
  width: calc(50% - 6px);
}

.woocommerce-checkout .col2-set .col-1, .woocommerce-checkout .col2-set .col-1 {
  float: none;
  width: 100%;
}
.woocommerce-checkout .col2-set .col-2 {
  display: none;
}
.submenu a.active {
  background-color: var(--black);
  color: var(--white);
}
#account_display_name_description {
  display: none;
}
.woocommerce form .form-row {
  padding: 0;
  margin-bottom: 36px;
}
.woocommerce form .form-row label {
  font-weight: 600;
  font-family: "Lay Grotesk";
  font-size: 21px;
  line-height: 120%;
  padding-bottom: 12px;
}
.account-settings-list h3, .account-addresses-grid h3 {
  font-family: "Lay Grotesk";
  font-size: 21px;
  line-height: 120%;
  font-weight: 600;
}
.account-settings-list p, address {
  font-family: "minion-pro", serif !important;
  font-size: 21px;
  line-height: 120%;
  font-style: normal;
}
p.logout {
  font-size: 15px;
  line-height: 120%;
  font-family: 'Lay Grotesk', sans-serif;
  font-weight: 400;
  text-align: center;
  padding-top: 24px;
  padding-bottom: 47px;
}
.account-section.account-welcome {
  padding-bottom: 216px;
}
p.logout a {
  font-weight: 600;
}
.post-content:last-child {
  padding-bottom: 80px;
}
.account-addresses-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding-top: 60px;
}
article p {
  font-size: 21px;
  line-height: 25.2px;
  font-family: 'minion-pro', serif;
}
article p+.article-image, .txt p+p {
  padding-top: 25.2px;
}
figcaption, p.wp-caption-text {
  font-size: 12px;
  font-family: 'Lay Grotesk', sans-serif;
  line-height: 14.4px;
  max-width: 450px;
  padding-top: 10px;
}
.page-thumbnail+p.wp-caption-text {
  padding-left: 12px;
}
article h2 {
  font-family: 'Lay Grotesk', sans-serif;
  font-weight: 600;
  font-size: 21px;
  line-height: 25.2px;
  
}
article .txt h2 {
  padding-top: 25.2px;
}
.post-content .txt h2:not(:first-child) {
  padding-top: 48px;
}
blockquote {
  padding-top: 25px;
  padding-bottom: 25px;
  max-width: 450px;
}
article p+blockquote {
  padding-top: 50px;
}
blockquote p, blockquote * {
  font-size: 48px;
  line-height: 43px;
  font-family: 'Lay Grotesk', sans-serif;
  font-weight: normal;
}
.image-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}
.article-image+p {
  padding-top: 48px;
}
span.footnote-item {
  display: block;
  margin-left: auto;
  margin-right: 0;
  max-width: 450px;
  font-size: 15px;
  line-height: 18px;
  font-family: 'Lay Grotesk', sans-serif;
  padding-top: 25px;
}
sup.footnote-ref {
  vertical-align: top; 
  position: relative; 
  font-size: 0.7em;
  top: -0.2em;
  font-weight: 600;
  font-family: 'minion-pro', serif;
}
span.footnote-num {
  display: inline-block;
  font-weight: bold;
  font-family: 'minion-pro', serif;
}
.post-header-content {
  max-width: 788px;
  margin: 0 auto;
  padding: 0 10px;
  padding-bottom: 72px;
}
.post-header-content {
  padding-top: 36px;
  text-align: center;
}
div.category {
  font-family: 'BentonModDisp', serif;
  font-size: 21px;
  font-weight: normal;
  text-transform: uppercase;
  padding-bottom: 25px;
}
div.category li {
  list-style: none;
}
h1.post-title {
  font-family: 'Lay Grotesk', sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 96px;
  line-height: 86.4px;
  padding-bottom:22px;
}
div.taxonomies {
  display: flex;
  gap: 12px;
  justify-content: center;
  color: #78716C;
  flex-wrap: wrap;
}
.newsletter-message {
  text-align: center;
}
div.taxonomies a {
  list-style: none;
  font-family: 'Lay Grotesk', sans-serif;
  font-size: 18px;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  text-decoration-color: #78716C;
  text-decoration-style: solid;
  text-decoration-skip-ink: true;
}
div.post-author {
  font-size: 21px;
  padding-bottom: 62px;
}
div.share-container {
  padding-bottom: 24px;
}

p+.pdf-container {
  padding-top: 25px;
}
.video-container {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  margin-top: 48px;
}

.video-container::before {
  display: block;
  content: "";
}

.video-container .video-container-item,
.video-container iframe,
.video-container embed,
.video-container object,
.video-container video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.video-container::before {
  padding-top: 56.25%;
}
figure.article-image.single-image img {
  max-height: 600px;
  max-width: 100%;
  width: auto;
}
figure.image {
  cursor: pointer;
}
.date+.location {
  padding-top: 6px;
}
h2.post-subtitle {
  font-family: 'Lay Grotesk', sans-serif;
  font-weight: normal;
  font-size: 54px;
  line-height: 54px;
  padding-bottom: 36px;
  padding-top: 0;
}
.project-image {
  width: 480px;
  max-width: 100%;
  margin: 0 auto;
  padding-bottom: 72px;
  padding-top: 36px;
}
.post-project header div.category { 
  font-family: 'Lay Grotesk', sans-serif;
  text-transform: none;
}
.post-project h1.post-title, .post-project h2.post-subtitle {
  font-family: 'BentonModDisp', sans-serif;
  font-size: 80px;
  line-height: 68px;
}
article.post-project p {
  font-family: 'Lay Grotesk', sans-serif;
}

.post-project figcaption {
  font-family: 'Lay Grotesk', sans-serif;
}
.colophon {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding-top: 96px;
}
.colophon-col p, .colophon-col h2 {
  font-size: 12px;
  max-width: 270px;
  line-height: 14.4px;
}
.post-content .colophon-col h2 {
  padding-top: 0;
}
.post-content .colophon-col h2:not(:first-child) {
  padding-top: 18px;
}
.plan-gallery {
  padding-top: 24px;
  display: flex;
  flex-direction: column-reverse;
  gap: 14px;
}
.plan-gallery-item {
  width: 100%;
}
.plan-gallery-item img {
  width: 100%;
  height: auto;
  display: block;
}
.plan-navigation {
  display: flex;
  gap: 12px;
  font-family: 'Lay Grotesk', sans-serif;
  font-weight: 600;
  font-size: 21px;
  line-height: 21px;
  justify-content: center;
}
.plan-navigation a.current {
  text-decoration: underline;
}

.plan-navigation-prev, .plan-navigation-next {
  margin-top: 2px;
  width: 14px;
  height: 14px;
  background-image: url('img/arrow.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.plan-navigation-next {
  transform: rotate(180deg);
}

.website {
  padding-top: 48px;
  text-align: center;
}
.website a {
  font-family: 'Lay Grotesk', sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 18px;
  display: inline-block;
  padding: 9px 15px 8px;
  border-radius: 50px;
  background-color: var(--black);
  color:     #fafaf5;
  text-decoration: none;
}
.website a:after {
  content: '';
  width: 10px;
  height: 10px;
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M1.06055%2010.75L11.0605%200.75M11.0605%200.75L3.56055%200.75M11.0605%200.75V8.25%22%20stroke%3D%22%23FAFAF5%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22square%22/%3E%3C/svg%3E');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  margin-left: 9px;
}
.practical-info, .downloads {
  padding-top: 96px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 48px;
}
.downloads, .support {
  padding-top: 48px;
  row-gap: 24px;
}
.practical-info>h2, .downloads>h2, .support>h2, .images-gallery>h2, .table-of-contents>h2 {
  padding-top: 0;
  font-size: 24px;
  line-height: 24px;
  grid-column: 1 / -1;
}
.practical-col h2, .table-of-contents>h2, .table-of-contents-col h2, .table-of-contents-col p {
  font-size: 18px;
  line-height: 21.6px;
}
.practical-col h2:first-child, .table-of-contents-col h2:first-child {
  padding-top: 0;
}
.practical-col {
  padding-top: 24px;
}
.post-content .practical-col h2:not(:first-child) {
  padding-top: 12px;
}
.practical-col p {
  font-size: 18px;
  font-family: 'Lay Grotesk', sans-serif;
  line-height: 21.6px;
}
.downloads a, a.download {
  font-family: 'BentonModDisp', serif;
  font-size: 18px;
  line-height: 18px;
  text-transform: uppercase;
}
.downloads a:after, a.download:after {
  content: '';
  width: 15px;
  height: 15px;
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.5%2011.75V13.625C0.5%2014.6605%201.33947%2015.5%202.375%2015.5H13.625C14.6605%2015.5%2015.5%2014.6605%2015.5%2013.625V11.75M11.75%208L8%2011.75M8%2011.75L4.25%208M8%2011.75V0.5%22%20stroke%3D%22%231C1917%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  margin-left: 9px;
}
a.download {
  padding-top: 18px;
  display: inline-block;
}
.support img {
  margin-top: 24px;
  mix-blend-mode: multiply;
}
.images-gallery {
  max-width: 1420px;
  padding: 0 10px;
  padding-top: 48px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  margin: 0 auto;
}

/* Fullscreen gallery overlay */
body.no-scroll {
  overflow: hidden;
}
.fullscreen-gallery {
  position: fixed;
  inset: 0;
  background-color: var(--white);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease-in-out;
  z-index: 10000;
}
.fullscreen-gallery.open {
  opacity: 1;
  pointer-events: auto;
}
.fullscreen-gallery-content {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 0;
}
.fullscreen-gallery-close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 36px;
  height: 36px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
}
.fullscreen-gallery-close .icon-close {
  width: 18px;
  height: 18px;
  display: block;
  background-image: url('img/close.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.fullscreen-gallery-images {
  width: 90vw;
  max-width: 1400px;
}
.fullscreen-gallery-image {
  width: 100%;
  max-width: 100%;
  display: block;
  text-align: center;
  padding: 0 12px;
}
.fullscreen-gallery-image img {
  width: auto;
  max-width: 100%;
  max-height: 80vh;
  margin: 0 auto;
}
.fullscreen-gallery-image figcaption {
  margin: 0 auto;
  padding-top: 12px;
  max-width: 70%;
}

/* Event header hero */
.event-header, .preview-event {
  position: relative;
}
.event-header::before, .preview-event::before {
  content: "";
  display: block;
  padding-top: calc(100% / 1.96);
}
.event-date, .event-meta {
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
}
.preview-event:hover .event-date, 

.preview-event:hover .event-meta{
  opacity: 0;
}
.event-grid-2 .preview-event::before, .event-grid-1 .preview-event::before {
  padding-top: 43%;
}
.event-grid-3 .preview-event::before {
  padding-top: 280px;
}
.event-header-bg,
.event-header-hover,
.event-header-overlay,
.event-header-content, .preview-event>a {
  position: absolute;
  inset: 0;
}
.event-header-bg {
  background-color: var(--event-bg-color, transparent);
  background-image: var(--event-bg, none);
  background-size: cover;
  background-position: center;
}
.event-header-overlay {
  background: rgba(28, 25, 23, 0.5);
  display: none;
}
.event-header.has-thumb .event-header-overlay, .preview-event.has-thumb .event-header-overlay {
  display: block;
}
.event-header-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 36px 10px;
}
.event-header.has-thumb .event-header-content {
  color:     #fafaf5;
}
.event-header.no-thumb .event-header-content {
  color: var(--black);
}

.event-category {
  font-size: 21px;
  line-height: 21px;
  padding-bottom: 24px;
}
h1.event-title, h2.event-subtitle {
  font-family: 'BentonModDisp', sans-serif;
  font-size: 96px;
  line-height: 86.4px;
  font-weight: normal;
  
  text-transform: uppercase;
}
h2.event-subtitle {
  padding-top: 72px;
}
.event-meta {
  font-size: 21px;
  line-height: 21px;
  padding-top: 6px;
}
.event-meta .share-container {
  padding-top: 48px;
}
.content-404, .content-contact {
  height: calc(100vh - var(--placeholder-height));
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-404-inner, .content-contact-inner {
  text-align: center;
}
.content-404-inner h2 {
  font-size: 128px;
  font-weight: normal;
  line-height: 0.8;
}
.content-404-inner h3, .content-contact-inner h2 {
  font-weight: normal;
  font-size: 96px;
  line-height: 0.8;
}

.content-404-inner p, p.address, .contact-info p {
  font-size: 36px;
  line-height: 40px;
  padding-top: 72px;
}
div.address p {
  font-size: 36px;
  line-height: 40px;
  padding-top: 72px;
}
.contact-info p, p.vat_number {
  padding-top: 36px;
}
.content-404-inner a {
  color:     #fafaf5;
  display: inline-block;
  padding: 2px 15px 1px;
  border-radius: 22px;
  background-color: var(--black);
  text-decoration: none;
  font-family: 'Lay Grotesk', sans-serif;
  font-weight: 600;
  text-transform: capitalize;
}
p.vat_number {
  font-size: 21px;
  line-height: 21px;
}
.contact-info {
  display: flex;
  gap: 72px;
  flex-direction: row;
}
body.error404 {
  overflow: hidden;
}
/* Magazine header */
.magazine-header {
  max-width: 788px;
  margin: 0 auto;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 72px;
  text-align: center;
  padding-top: 48px;
}
.magazine-header h1, .magazine-header h2 {
  font-size: 48px;
  line-height: 43px;
  font-weight: normal;
  padding-top: 0;
  text-transform: uppercase;
}
.magazine-header h3 {
  padding-top: 24px;
  font-size: 36px;
  line-height: 34px;
  font-weight: normal;
}
.magazine-image {
  width: 100%;
  padding-left: 75px;
  padding-right: 75px;
}
.magazine-slider {
  padding-bottom: 24px;
  max-width: 1420px;
  margin: 0 auto;
}
.post-content .table-of-contents h2:not(:first-child) {
  padding-top: 18px;
}
.post-content h2+h2:not(:first-child) {
  padding-top: 25px;
}

.table-of-contents {
  padding-top: 108px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 18px;
}
.table-of-contents-col {
  padding-top: 24px;
}
.table-of-contents-col:first-child {
  padding-top: 0;
}
.table-of-contents p {
  font-family: 'Lay Grotesk', sans-serif;
}
strong {
  font-weight: 600;
}

.event-grid, .post-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.post-grid.post-grid-4 {
  grid-template-columns: repeat(4, 1fr);
}
.post-grid > .preview-post {
  min-width: 0;
}
.event-grid-2 {
  grid-template-columns: repeat(2, 1fr);
}
.event-grid-1 {
  grid-template-columns: 1fr;
}
.preview-event {
  position: relative;
  color:     #fafaf5;
}
.preview-event.no-thumb {
  color: var(--black);
}
.preview-event-content {
  position: absolute;
  inset: 0;
  padding: 12px 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  text-align: center;
}
.preview-event-content .event-date, .preview-event-content .event-meta {
  font-size: 24px;
  line-height: 24px;
}
.preview-event-content .event-title {
  font-size: 48px;
  line-height: 42px;
  font-family: 'BentonModDisp', sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}
@media(min-width: 1200px) {
  .no-thumb .preview-event-content .event-title {
    font-size: 72px;
    line-height: 64.8px;
    margin-bottom: -10px;
  }
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register
{
  border: none;
  padding: 0;
}
.preview-event.has-hover .event-header-hover {
  background-image: var(--event-hover-bg, none);
  background-size: cover;
  background-position: center;
  opacity: 0  ;
  transition: opacity 0.3s ease-in-out;
}
.preview-event.has-hover:hover .event-header-hover {
  opacity: 1;
}
.preview-event.no-thumb.has-hover:hover {
  color:     #fafaf5;
}
.preview-event .event-category {
  padding-bottom: 0;
}
.event-grid-3 .preview-event-content .event-title {
  font-size: 36px;
  line-height: 32px;
}
.event-grid-3 .preview-event-content .event-date, .event-grid-3 .preview-event-content .event-meta {
  font-size: 18px;
  line-height: 18px;
}

.preview-post {
  position: relative;
  text-align: center;
}
.preview-post div.category {
  padding-bottom: 0px;
}
a.magazine-link {
  border-radius: 50px;
  font-size: 15px;
  line-height: 15px;
  text-transform: uppercase;
  padding: 10px 15px 8px;
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--white);
}

.preview-post-header {
  padding: 36px 48px;
  min-height: 293px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  position: relative;
}
.preview-post-header>a {
  display: none;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1;
}

.preview-post .taxonomies {
  display: block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  height: 22px;
  text-overflow: ellipsis;
}
.preview-post div.taxonomies a {
  font-size: 15px;
  padding-left: 4px;
  padding-right: 4px;
  line-height: 12px;
}
.title-wrap {
  padding-top: 18px;
  padding-bottom: 18px;
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: center;
}
.preview-post-header h2.post-title {
  font-size: 36px;
  line-height: 36px;
  font-weight: normal;
  text-transform: uppercase;
}
.preview-post {
  display: flex;
  flex-direction: column;
}
.post-grid {
  row-gap: 48px;
}
.preview-post-meta .post-author {
  padding-bottom: 6px;
  font-size: 15px;
  line-height: 15px;
}
.preview-post-small .preview-post-meta .post-author {
  padding-bottom: 0;
}
.preview-post:hover {
  background-color: #e7e5e4;
}
.preview-post:hover img {
  opacity: 0.5;
}

.preview-post-small .preview-post-header {
  padding: 36px 24px;
  min-height: 219px;
}

.preview-post-small .preview-post-header h2.post-title {
  font-size: 27px;
  line-height: 29px;
  text-transform: none;
}
.related-head {
  display: flex;
  justify-content: space-between;
  padding-bottom: 18px;
}
.related-head h2, .related-head a {
  padding-top: 0;
  font-size: 21px;
  line-height: 21px;
  font-weight: 600;

}
.related-head a {
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 2px;
  text-decoration-color: #78716C;
  text-decoration-style: solid;
  text-decoration-skip-ink: true;
}
.post-related {
  padding-top: 168px;
  padding-bottom: 72px;
  padding-left: 12px;
  padding-right: 12px;
}
h2.site-title-footer {
  leading-trim: both;
  text-edge: cap;
  font-feature-settings: 'ss02' on;
  font-size: 92px;
  font-weight: 400;
  line-height: 90%;
  letter-spacing: -2.88px;
  text-transform: uppercase;
  padding: 192px 12px 0;
}
.pw-article.no-subscription h2.site-title-footer, .pw-article.no-subscription a.to-top {
  display: none;
}
.pw-article.no-subscription .post-related {
  display: none;
}
.pw-article.no-subscription article.post {
  overflow: hidden;
}
.pw-article.no-subscription article.post .post-content .txt p:last-child {
  height: 65px;
  overflow: hidden;
}
.pw-article.no-subscription .bottom-placeholder { 
  height: calc(100vh - var(--placeholder-height));
}
.shop-archive--product .banner-subscription {
  grid-column: 1 / -1;
}
.magazines-overview-grid + .banner-subscription, .banner-subscription + .related-head {
  padding-top: 144px;
}
body>.banner-subscription {
  position: fixed;
  bottom: 12px;
  padding-bottom: 0;
}
a.to-top {
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 57px;
  height: 68px;
}

/* Filters */
div.post-filters, div.submenu {
  position: sticky;
  position: -webkit-sticky;
  top: 79px;
  z-index: 100;
  margin-bottom: 12px;
}
.post-filters__row.t-international_architect {
  min-width: 227px;
}
@media(min-width: 768px) {
  div.post-filters, div.submenu {
    padding: 0 40px;
  }
}
.post-filters__form, .submenu ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  list-style: none;
}
.post-filters__options {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0px;
  height: 29px;
  z-index: 200;
  background-color: var(--background-color);
  color:     #fafaf5;
  border-radius:18px;
  
  padding: 8px 15px;
  padding-top: 29px;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, height 0.3s ease-in-out, width 0.3s ease-in-out;
}
.open .post-filters__options {
  background-color: var(--black);
  height: 310px;
}
.post-filters__options .post-filters__mag-search {
  width: 100%;
  margin-top: 12px;
  margin-bottom: 0px;
  padding: 6px 8px;
  border: 1px solid var(--white);
  border-radius: 22px;
  background: transparent;
  color: inherit;
  background-image: url('img/search.svg');
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: 8px center;
  padding-left: 30px;
}
.post-filters__options .post-filters__mag-search::placeholder {
  color: rgba(255,255,255,0.8);
}
.post-filters__list {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
  padding-bottom: 12px;
  max-height: 273px;
  overflow: auto;
}
input+.post-filters__list {
  max-height: 227px;
}
.post-filters__list li label {
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 1;
  padding-bottom: 6px;
}
.post-filters__list li label:hover {
  text-decoration: underline;
}
.submenu a {
  display: inline-block;
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
}
.post-filters__row, .submenu a, .post-filters-toggle {
  border-radius: 20px;
  min-height: 32px;
  background-color: var(--background-color);
  padding: 5px 15px;
  transition: width 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  position: relative;
}
.post-filters__row:hover {
  background-color: var(--black);
}
.post-filters__row:hover label {
  color: var(--white);
}
.post-filters__row:hover>label:after {
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20color%3D%22%23FAFAF5%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M9.75%204.125L6%207.875L2.25%204.125%22%20stroke%3D%22%23FAFAF5%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22square%22/%3E%3C/svg%3E');
}
.post-filters__row.search-row, .post-filters-toggle {
  background-color: var(--black);
  cursor: pointer;
  height: 32px;
  padding: 0;
}
  .post-filters__row.search-row:not(.open) {
    width: 32px !important;
  }

.post-filters__row.search-row>label, .post-filters-toggle label {
  padding: 7px;
  height: 32px;
  display: block;
  cursor: pointer;
}
i.search-icon {
  width: 18px;
  height: 18px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('img/search.svg');
}
i.filter-icon {
  width: 18px;
  height: 18px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('img/filter.svg');
}
.search-row input {
  display: none;
}
.post-filters__row.open.search-row input {
  display: block;
  width: 100%;
  max-width: 700px;
  height: 26px;
  padding: 3px 10px 0px 0px;
  margin-left: 40px;
  border: none;
  outline: none;
  background: transparent;
  color: inherit;
  border-bottom: 1px solid var(--white);
}
.post-filters__row.open {
  background-color: var(--black);
  color:     #fafaf5;
  max-width: 760px;
  border-radius: 20px;
}
.post-filters__row.open>label {
  color:     #fafaf5;
  position: absolute;
  z-index: 210;
  width: calc(100% - 15px);
  top: 10px;
}
.post-filters__row.open.search-row>label {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
}
.post-filters__row>label {
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
  padding-right: 16px;
}
.post-filters__row>label .post-filters__count {
  display: inline-block;
  min-width: 18px;
  height: 18px;
  line-height: 18px;
  border-radius: 9px;
  background-color: var(--black);
  color:     #fafaf5;
  font-size: 11px;
  font-weight: 600;
  text-align: center;
  padding: 0 6px;
  margin-right: 10px;
  vertical-align: text-top;
}
.post-filters__row.open>label .post-filters__count {
  display: none;
}
.post-filters__row>label:after {
  content:"";
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M9.75%204.125L6%207.875L2.25%204.125%22%20stroke%3D%22%231C1917%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22square%22/%3E%3C/svg%3E');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right center;
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 12px;
  top: 17px;
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
}

.post-filters__row.open>label:after {
  position: absolute;
  right: 15px;
  top: 10px;
  transform: translateY(-50%) rotate(180deg);
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20color%3D%22%23FAFAF5%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M9.75%204.125L6%207.875L2.25%204.125%22%20stroke%3D%22%23FAFAF5%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22square%22/%3E%3C/svg%3E');

}
.post-filters__row.search-row>label:after {
  display: none;
}
.post-filters__row label span {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
}
.post-filters__row label input[type="checkbox"] {
  display: none;
}
.post-filters__row label input[type="checkbox"]:checked+span:before {
  width: 18px;
  height: 18px;
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M4.5%2013.5L13.5%204.5M4.5%204.5L13.5%2013.5%22%20stroke%3D%22%23FAFAF5%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  
  content: "";
  display: inline-block;
  vertical-align: sub;
}
.post-filters__row label input[type="checkbox"]:checked+span {
  padding-left: 18px;
  text-indent: -18px;

}
.post-filters__submit, .post-filters__reset, a.button, .newsletter form button[type="submit"] {
  border-radius: 20px;
  min-height: 32px;
  background-color: var(--black);
  padding: 3px 15px;
  color: var(--white);
  font-size: 18px;
  line-height: 18px;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  font-weight: 600;
}
.post-filters__reset {
  padding-top: 7px;
}
.post-filters__actions {
  display: flex;
  gap: 10px;
}
.post-filters.search-open .post-filters__row:not(.search-row) {
  display: none;
}
h1.big-title {
  font-size: 96px;
  line-height: 86.4px;
  font-weight: normal;
  text-align: center;
  margin-bottom: 60px;
}
.page-template-library, .page-template-magazines, .page-template-magazine-overview, .page-template-events, .has-submenu, .single-magazine, .page-template-themes, .magazine-page, .woocommerce-shop, .woocommerce-page {
  --placeholder-height: 122px;
}

.page-home .post-related {
  grid-template-columns: repeat(12, 1fr);
  display: grid;
  column-gap: 12px;
  padding-top: 48px;
}
.page-home .post-related .related-head {
  grid-column: 2 / 12;
}
.page-home .post-related .post-grid {
  grid-column: 2 / 12;
}
.page-home .events-related {
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 72px;
  padding-bottom: 72px;
}

div.quote, .block-quote {
  padding: 128px 12px;
  text-align: center;
}
.quote-content p, .block-quote p {
  font-size: 72px;
  line-height: 90%;
  font-family: 'Lay Grotesk', sans-serif;
  font-weight: normal;
  letter-spacing: -1.44px;
  max-width: 840px;
  margin: 0 auto;
}
.quote-link {
  padding-top: 12px;
  font-size: 21px;
  line-height: 20px;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 2px;
  text-decoration-color: var(--black);
  text-decoration-style: solid;
  text-decoration-skip-ink: true;
}
.banner-subscription {
  padding: 48px 12px;
}
.banner-subscription-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  min-width: 1000px;
}
.banner-subscription-wrapper {
  overflow-x: auto;
}
@media(max-width: 1000px) {
  .banner-subscription-wrapper {
    margin-right: -12px;
  }
  .banner-subscription-grid {
    padding-right: 12px;
  }
}
.preview-subscription {
  display: flex;
  flex-direction: column;
}
.preview-subscription-header {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  background-color: var(--black);
  color: var(--white);
  padding: 12px;
}
.subscription-image {
  max-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
a:hover {
  text-decoration: none;
}
h2.subscription-title {
  font-size: 48px;
  line-height: 43px;
  font-family: 'BentonModDisp', sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  padding-top: 0;
  padding-bottom: 12px;
}
.preview-subscription-content p {
  font-size: 15px;
  line-height: 16.5px;
  font-family: 'Lay Grotesk', sans-serif;
  font-weight: normal;
}
.subscription-button {
  text-align: right; 

}
.subscription-button a {
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: 95%; 
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 2px;
  text-decoration-style: solid;
  text-decoration-skip-ink: true;
}
.subscription-price {
  font-family: 'BentonModDisp', serif;


}
.subscription-price-inner {
  font-size: 36px;
line-height: 36px;
display: inline-block;
width: 200px;
}

.preview-subscription-header-bottom {
  display: flex;
  justify-content: space-between;
  padding-top: 50px;
  flex-direction: column;
  min-height: 270px;
}
.subscription-price span.short-title {
  font-size: 15px;
  text-transform: uppercase;
  line-height: 15px;
}

.banner-magazines {
  padding: 48px 12px;
}
.magazines-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.preview-magazine {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
div.post-thumbnail {
  max-height: 70vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.magazine-shop-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.magazine-shop-title {
  font-size: 48px;
  line-height: 90%;
  font-weight: 400;
  text-transform: uppercase;
}
.magazine-shop-subtitle {
  font-size: 36px;
  line-height: 100%;
  padding-top: 4px;
  font-family: 'Lay Grotesk', sans-serif;
  font-weight: 400;
}
.magazine-shop-excerpt p {
  font-size: 21px;
  line-height: 120%;
  padding-top: 30px;
  font-family: 'Lay Grotesk', sans-serif;
}
.magazine-buttons {
  margin-top: 16px;
  margin-bottom: 8px;
  position: relative;
}
.edito {
  text-align: center;
  padding-bottom: 18px;
}
.edito p {
  font-size: 21px;
  line-height: 120%;
  font-family: 'Lay Grotesk', sans-serif;
  font-weight: 400;
}
.edito>h2, .table-of-contents>h2, .theme>h2:first-child, h1.page-title {
  text-align: center;
  font-family: 'BentonModDisp', serif;
  font-size: 48px;
  line-height: 42px;
  font-weight: normal;
  text-transform: uppercase;
  padding-top: 0;
  padding-bottom: 30px;
}
.theme {
  padding-top: 108px;
}
a.link-more {
  text-decoration: underline;
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: 95%;
  display: inline-block;
  padding-top: 24px;
}

.overview {
  padding: 12px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 12px;
}
.overview .pmt {
  grid-column: 1 / -1;
}
.overview .page-intro {
  grid-column: 1 / 5;
}
.overview .page-thumbnail {
  grid-column: 1 / 13;
  padding-bottom: 144px;
}
.page-thumbnail {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  max-height: calc(100vh - var(--placeholder-height));
}
.overview .page-content {
  grid-column: 2 / 12;
  padding-bottom: 96px;
}
.page-intro p {
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: 95%;
}
.page-intro {
  padding-bottom: 120px;
}
.themes-grid {
  grid-column: 2 / 12;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
h2.year-title {
  text-align: center;
  font-family: 'BentonModDisp', serif;
  font-size: 48px;
  line-height: 42px;
  font-weight: normal;
  text-transform: uppercase;
  padding-top: 0;
  padding-bottom: 30px;
  padding-top: 36px;
}
@media(min-width: 768px) {
  h2.year-title {
    grid-column: 1 / 4;
  }
}
.preview-magazine-theme+h2.year-title {
  padding-top: 132px;
}
.preview-magazine-theme {
  padding-top: 24px;
  padding-bottom: 24px;
}
.preview-magazine-theme .magazine-theme-title, .preview-magazine-theme .magazine-title {
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  padding-bottom: 12px;
}
.preview-magazine-theme .magazine-title {
  padding-bottom: 24px;
}
.preview-magazine-theme .magazine-theme {
  font-family: "minion-pro";
  font-size: 21px;
  line-height: 120%;
  font-style: normal;
  font-weight: 400;
  padding-bottom: 32px;
}
.preview-magazine-theme .magazine-theme p+p {
  padding-top: 24px;
}
.pagination {
  font-weight: 600;
  font-size: 21px;
  line-height: 120%;
  grid-column: 1 / 4;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 12px;
  padding-top: 96px;
}
ul.page-numbers {
  display: flex;
  gap: 12px;
  list-style: none;
}
.pagination-right {
  text-align: right;
}
.pagination-next:after {
  content: '';
  width: 13px;
  height: 11px;
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2215%22%20height%3D%2213%22%20viewBox%3D%220%200%2015%2013%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8.625%200.75L14.25%206.375M14.25%206.375L8.625%2012M14.25%206.375H0.75%22%20stroke%3D%22%231C1917%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  margin-left: 6px;
}
.pagination-prev:before {
  content: '';
  width: 13px;
  height: 11px;
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2215%22%20height%3D%2213%22%20viewBox%3D%220%200%2015%2013%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8.625%200.75L14.25%206.375M14.25%206.375L8.625%2012M14.25%206.375H0.75%22%20stroke%3D%22%231C1917%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  margin-right: 6px;
  transform: rotate(180deg);
}
.pagination-right a:first-child:not(:last-child) {
  padding-right: 24px;
}
.magazines-overview-grid {
  grid-column: 2 / 12;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  row-gap: 48px;
}

@media(min-width: 768.1px) {
  .magazines-overview-grid .preview-magazine {
    grid-template-columns: repeat(5, 1fr);
  }
  .magazines-overview-grid .magazine-shop-image {
    grid-column: 1 / 3;
  }
  .magazines-overview-grid .magazine-shop-content {
    grid-column: 3 / 6;
  }
  .post-filters-toggle {
    display: none;
  }
}
.magazines-overview-grid+.page-thumbnail {
  padding-top: 132px;
}
.magazines-images {
  grid-column: 2 / 12;
  padding-top: 132px;
}
.magazines-images-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 72px;
  row-gap: 72px;
}
.magazine-small-content h2 {
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
}
.magazine-small-content {
  padding-top: 6px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-numbers.current {
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  text-decoration-style: solid;
}
.events-overview .event-grid-2 {
  grid-column: 2 / 12;
  padding-bottom: 96px;
}
.events-overview .banner-subscription {
  grid-column: 1 / 13;
}
.banner-subscription+.event-grid-3 {
  padding-top: 96px;
}
.events-overview .event-grid-3 {
  grid-column: 2 / 12;
}
h2.event-year-title {
  font-weight: 600;
  font-size: 21px;
  line-height: 21px;
  grid-column: 1 / 4;
  padding-top: 24px;
  padding-bottom: 24px;
}
.preview-event+h2.event-year-title {
  padding-top: 96px;
}
.events-overview .pagination {
  grid-column: 2 / 12;
}
.partners {
  text-align: center;
}
.partner {
  filter: grayscale(100%);
  display: inline-block;
  width: 100px;
  max-height: auto;
  padding: 12px;
  vertical-align: middle;
  mix-blend-mode: multiply;
}
h2.big-title {
  font-family: 'BentonModDisp', serif;
  font-size: 48px;
  line-height: 42px;
  font-weight: normal;
  text-transform: uppercase;
  padding-top: 24px;
  padding-bottom: 24px;
  text-align: center;
}
.block-title {
  padding-bottom: 36px;
}
.block-title:first-child {
  padding-top: 96px;
}
.block-text-2-col {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  padding-bottom: 48px;
}
.points-page .txt h2 {
  padding-bottom: 24px;
  font-size: 36px;
  line-height: 100%;
  font-weight: 400;
}
.points-page .txt p+h2 {
  padding-top: 48px;
}
.page-content .txt p {
  font-family: 'Lay Grotesk', sans-serif;
}
.block-quote:first-child {
  padding-top: 96px;
}
.block-button {
  text-align: center;
  padding-top: 48px;
  padding-bottom: 48px;
}
.txt h2+figure {
  padding-top: 12px;
}
.block-quote+.block-button {
  margin-top: -128px;
}
.big-image {
  padding-top: 48px;
  padding-bottom: 32px;
  padding-left: 12px;
  padding-right: 12px;
}
.block-text+.block-title, .block-text-2-col+.block-title {
  padding-top: 96px;
}
.page-content .article-image+p {
  padding-top: 24px;
}
.block-partners {
  padding-top: 24px;
}
.content-contact h2 {

}

.current-magazine {
  grid-column: 1 / 13;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 12px;
  padding-bottom: 168px;
}
.current-magazine-image {
  grid-column: 1 / 2;
}
.current-magazine-content {
  grid-column: 2 / 3;
}
a.button-gray {
  background-color: #E7E5E4;
  color: var(--black);
  font-size: 30px;
  line-height: 30px;
  padding-top: 10px;
  border-radius: 24px;
  display: inline-block;
  position: fixed;
  bottom: 12px;
  z-index: 100;
}
.end a.button-gray {
  display: none;
}
body>header {
  opacity: 1;
  pointer-events: all;
  transition: opacity 0.3s ease-in-out;
}
body.scrolled.end>header {
  opacity: 0;
  pointer-events: none;
}
.button-submit-container {
  grid-column: 1 / 4;
  padding-bottom: 24px;
  padding-top: 300px;
}
.current-magazine-container {
  grid-column: 4 / 10;
}
.current-magazine-image {
  padding-left: 100px;
  padding-right: 100px;
  padding-bottom: 32px;
}
.current-magazine-buttons {
  display: flex;
  gap: 12px;
  /* height: 114px; */
  justify-content: center;
  padding-bottom: 80px;
}
.paywalled .related-head {
  justify-content: center;
}
.paywalled .related-head a {
  display: none !important;
}
h2.current-magazine-title, h2.current-magazine-theme-title {
  font-size: 48px;
  line-height: 48px;
  font-weight: 400;
  padding-bottom: 6px;
}
h3.current-magazine-subtitle {
  font-size: 36px;
  line-height: 36px;
  font-weight: 400;
  padding-bottom: 18px;
}
.current-magazine-excerpt {
  padding-bottom: 72px;
}

.magazines-overview .banner-subscription {
  padding-left: 0;
  padding-right: 0;
  grid-column: 1 / 13;
}
.footer-bottom p, .footer-bottom li {
  font-size: 12px;
  font-family: 'Lay Grotesk', sans-serif;
  line-height: 90%;
  display: inline-block;
}
.footer-bottom li {
  list-style: none;
  text-transform: none;
  
}
.featured-image {
  aspect-ratio: 700/825;
  overflow: hidden;
}
.preview-post-small .featured-image {
  aspect-ratio: 570/500;
}
.footer-bottom {
  position: absolute;
  bottom: 12px;
  right: 24px;
  width: 50vw;
  text-align: right;
  line-height: 1;
}
.footer-bottom li:before {
  content: '|';
  display: inline-block;
  padding-left: 2px;
  padding-right: 2px;
}
.footer-bottom>div, .footer-bottom ul {
  display: contents;
}
.footer-social {
  display: flex;
  gap: 6px;
  justify-content: center;
  margin-top: 30px;
}
a.contact.button {
  color: var(--white);
  background-color: var(--black);
  height: 36px;
  min-height: 36px;
  margin-right: 18px;
  padding-top: 9px;
}
h1, h2 {
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  word-break: break-word;
  overflow-wrap: break-word;
}
.instagram, .linkedin, .youtube {
  width: 36px;
  height: 36px;
  background-size: 36px 36px;
  background-color: var(--white);
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('img/Instagram.svg');
  display: inline-block;
}
.linkedin {
  background-image: url('img/LinkedIn.svg');
}
.youtube {
  background-image: url('img/YouTube.svg');
}
.subscriptions-grid {
  grid-column: 2 / 12;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.overview .woocommerce-notices-wrapper, .overview .related-head, .overview .books-grid {
  grid-column: 2 / 12;
}
.books-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 72px;
  column-gap: 48px;
}
h2.preview-book-title {
  font-weight: normal;
  font-size: 24px;
  line-height: 120%;
  padding-top: 24px;
  text-align: center;
}
.product-button.so {
  text-align: center;
}
.preview-book .button-container {
  text-align: center;
}
a.button.sold-out {
  background-color: #A8A29E !important;
  color: var(--black);
  cursor: not-allowed;
  pointer-events: none;
}
.variations-container {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--black);
  display: block;
  padding: 5px 15px;
  border-radius: 20px;
  width: 119px;
  transition: all 0.3s ease-in-out;
  margin: 0 auto;
}
.preview-subscription .variations-container {
  left: auto;
  right: 12px;
  background-color: var(--white);
  color: var(--black);
  transform-origin: right top;
  transform: none;
  width: 113px;
}
button.toggle-variations {
  background-color: transparent;
  color: var(--white);
  border: none;
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
  padding: 0;
  text-align: left;
  width: 100%;
}
.preview-subscription .variation-label {
  width: calc(100% - 24px);
}
.preview-subscription button.toggle-variations {
  color: var(--black);
}
button {
  font-family: 'Lay Grotesk', sans-serif;
}
.has-submenu h2.architecture-title {
  display: none;
}
.variations-container ul {
  color: var(--white);
  padding-top: 24px;
}
.preview-subscription .variations-container ul {
  color: var(--black);
}
.variations-container ul li {
  list-style: none;
  font-weight: normal;
  padding: 6px 0;
  border-top: 1px solid var(--white);
 
}
.preview-subscription .variations-container ul li {
  border-top: 1px solid var(--black);
}
.variations-container ul li a {
  background-image: url('img/cart.svg');
  background-size: 17px 16px;
  background-repeat: no-repeat;
  background-position: right 4px;
  padding-right: 24px;
  display: block;
  width: 100%;
}
.preview-subscription .variations-container ul li a {
  background-image: url('img/cart-black.svg');
}
.preview-subscription a.button {
  color: var(--black);
  background-color: var(--white);
  display: inline-block;
  margin-left: auto;
  margin-right: 0;

}
.variation-label, .variation-price {
  display: inline-block;
  font-size: 15px;
  font-weight: normal;

}
.variation-label {
  width: calc(100% - 80px);
  text-align: left;
}
.preview-subscription .variation-label {
  width: calc(100% - 24px);
}
.product-button.simple {
  text-align: center;
}
.variation-price {
  width: 70px;
  text-align: right;
  font-weight: 600;
  vertical-align: top;
}
.variations-container.open {
  width: 200px;
  border-radius: 16px;
}
.shop-button {
  display: block;
  width: 26px;
  height: 26px;
  background-image: url('img/cart-black.svg');
  background-size: 17px 17px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.preview-subscription .variations-container.open {
  width: 170px;
}
.woocommerce-message .button, .magazine-buttons a.button, .subscription-button a.add_to_cart_button {
  padding-top: 8px;
}
.magazine-buttons a.button {
  background-color: var(--black);
  color: var(--white);
}
.subscription-button a.add_to_cart_button {
  background-color: var(--white);
  color: var(--black);
}
.subscription-button a.add_to_cart_button:hover {
  background-color: var(--background-color);
  color: var(--black);
}
.button-container a.button {
  padding-top: 8px;
  background-color: var(--black);
  color: var(--white);
  margin-top: 12px;
  margin-right: 12px;
}
.magazine-buttons .product-button {
  padding-top: 0;
  padding-bottom: 0;
  position: static;
}

.magazine-buttons .variations-container {
  right: 0;
  top: 0;
  transform: none;
  left: auto;
  
}
.magazine-image {
  max-height: 70vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.magazine-image img {
  max-height: 70vh;
  width: auto;
}
footer, .banner-subscription.paywalled {
  opacity: 0;
  pointer-events: none;
}

body.scrolled footer, body.scrolled .banner-subscription.paywalled {
  opacity: 1;
  pointer-events: auto;
}
.library-overview .post-grid {
  grid-column: 2 / 12;
}
.library-overview .pagination {
  grid-column: 2 / 12;
}
.library-overview .banner-subscription {
  grid-column: 1 / 13;
}
.product-button {
  padding-top: 36px;
  padding-bottom: 130px;
}
.preview-subscription .product-button {
  padding-top: 0;
  padding-bottom: 32px;
}
.book-price {
  padding-bottom: 12px;
}
a.button {
  display: inline-block;
  padding-top: 8px;
}
h2.architecture-title {
  font-family: "Lay Grotesk", sans-serif;
  font-size: 36px;
  line-height: 36px;
  text-transform: uppercase;
  font-weight: normal;
  text-align: center;
  margin-top: -42px;
  left: 50%;
  position: fixed;
  pointer-events: none;
  transform: translateX(-50%);
}
.intro {
  padding-bottom: 24px;
  text-align: center;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
  padding: 8px 15px !important;
  font-size: 18px !important;
  line-height: 18px !important;
  background-color: var(--black) !important;
  display: inline-block !important;
} 
td.product-thumbnail, th.product-thumbnail {
  display: none;
}
.txt>.woocommerce {
  padding-top: 20px;
}
.woocommerce table.shop_table {
  border-radius: 0px !important;
}
.cart_totals table {
  margin-top: 20px !important;
}
.woocommerce-account-mollie-setup p {
  padding-bottom: 20px;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled[disabled] {
  padding: 8px 15px !important;
}
@media(max-width: 1000px) {
  .events-overview .event-grid-2 {
    grid-column: 1 / 13;
  }
  .library-overview .post-grid, .magazines-overview-grid {
    grid-column: 1 / 13;
  }
  .library-overview .pagination {
    grid-column: 1 / 13;
  }
  .library-overview .banner-subscription, .magazines-images {
    grid-column: 1 / 13;
  }
  div.pagination, .events-overview .event-grid-3 {
    grid-column: 1 / 13;
  }
  .overview .woocommerce-notices-wrapper, .overview .related-head, .overview .books-grid {
    grid-column: 1 / 13;
  }
  .current-magazine-image {
    padding-left: 0;
    padding-right: 0;
  }

}
@media(max-width: 768px) {
  .books-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  body.filters-open {
    overflow: hidden;
  }
  body.filters-open .post-filters__row.search-row {
    display: block;
  }
  .post-filters__row.search-row {
    display: block;
  }

  body.filters-open .post-filters {
    padding: 12px;
    position: fixed;
    max-height: 100vh;
    overflow-y: auto;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--background-color);
    z-index: 99;
  }
  body.filters-open .post-filters__actions {
    position: absolute;
    bottom: 12px;
  }
  body.filters-open .post-filters-toggle {
    position: absolute;
    bottom: 12px;
    left: calc(50% - 131px);
  }
  body.filters-open .search-row {
    background-color: var(--black);
    color: #fafaf5;
    max-width: 760px;
    border-radius: 20px;

  }
  body.filters-open .post-filters__row.search-row {
    
    position: absolute;
    bottom: 56px;
  }
  body.filters-open .post-filters__row.search-row input {
    width: calc(100% - 61px);
  }
  body.filters-open .post-filters-toggle i.filter-icon {
    background-image: url('img/x-mark.svg');
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    margin-top: -3px;
    margin: -3px;
  }
  body.filters-open .post-filters.search-open .post-filters__row:not(.search-row) {
    display: block;
  }
  .post-filters__row>label:after {
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M9.75%204.125L6%207.875L2.25%204.125%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22square%22/%3E%3C/svg%3E'); }
    
  .post-filters__row:not(.search-row) {
    opacity: 0;
    transition: all 0.3s ease-in-out;
  }
  body.filters-open .post-filters__form {
    min-height: calc(100vh - 24px);
    /* Keep items packed at the top and prevent line stretching */
    align-items: flex-start;
    align-content: flex-start;
    padding-top: 68px;
  }
  body.filters-open .post-filters__row:not(.search-row) { 
    opacity: 1;
    display: block;
    color: var(--white);
    background-color: var(--black);
  }
  .magazines-images-grid {
    gap: 12px;
    grid-template-columns: repeat(3, 1fr);
  }
  .current-magazine-container {
    grid-column: 2 / 12;
  }
  .page-intro {
    padding-bottom: 60px;
  }
  .button-submit-container {
    position: fixed;
    bottom: 12px;
    left: 12px;
    padding-bottom: 0;
    padding-top: 0;
  }
  div.pagination {
    grid-template-columns: 1fr;
    column-gap: 0;
  }
  ul.page-numbers {
    justify-content: center;
  }
  .pagination-right {
    text-align: center;
  }
  .current-magazine-excerpt {
    padding-bottom: 48px;
  }
  h2.architecture-title {
    font-size: 30px;
    line-height: 32px;
    min-width: 250px;
    margin-top: -70px;
  }

  main {
    margin-right: 12px;
  }
  .page-home .post-related {
    padding-top: 36px;
  }
  .post-related {
    padding-left: 12px;
    padding-right: 12px;
  }
  .page-home .post-related .related-head {
    grid-column: 1 / 13;
  }
  .related-head h2, .related-head a {
    font-size: 18px;
    line-height: 18px;
  }
  .page-home .post-related .post-grid {
    grid-column: 1 / 13;
  }
  .event-grid, .post-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .related-head a {
    text-align: right;
  }
  h2.site-title-footer {
    font-size: 36px;
    line-height: 0.9;
    max-width: calc(100% - 30px);
    letter-spacing: -1.08px;
    padding-bottom: 9px;
  }
  a.to-top {
    width: 22px;
    height: 26px;
  }
  .main-menu li {
    font-size: 36px;
    line-height: 31px;
  }
  .foldable-menu.open {
    max-width: 100%;
  }
  .right-part li, .foldable-right-menu li, .lang-menu li {
    font-size: 21px;
    line-height: 21px;
  }
  header#header {
    padding-top: 60px;
  }
  :root {
    --placeholder-height: 300px;
  }
  .page-template-library, .page-template-magazines, .page-template-magazine-overview, .page-template-events, .has-submenu, .single-magazine, .page-template-themes, .magazine-page, .woocommerce-shop, .woocommerce-page {
    --placeholder-height: 236px;
  }
  .post-filters__row {
    display: none;
  }
  .overview .page-intro {
    grid-column: 1 / 13;
  }
  .overview .page-content {
    grid-column: 1 / 13;
  }
  h1.big-title {
    font-size: 72px;
    line-height: 64.8px;
    margin-bottom: 30px;
  }
  .right-menu li:first-child {
    right: 12px;
    top: 99px;
    width: auto;
  }
  .right-menu li:nth-child(2) {
    right: 12px;
    top: 120px;
    width: auto;
  }
  .right-menu li:nth-child(3) {
    right: 12px;
    top: 141px;
    width: auto;
  }
  .lang-menu {
    right: 12px;
    top: 162px;
    width: auto;
  }
  .post-grid.post-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }
  .quote-content p, .block-quote p {
    font-size: 48px;
    line-height: 43px;
  }
  .preview-magazine, .magazines-overview-grid .preview-magazine {
    grid-template-columns: 1fr;
    display: block;
  }
  .magazine-shop-image {
    max-width: 265px;
  }
  .magazine-shop-excerpt p {
    padding-top: 24px;
  }
  .magazine-shop-title {
    font-size: 36px;
    padding-top: 12px;
  }
  .magazine-shop-subtitle {
    font-size: 36px;
  }
  .magazines-overview-grid .magazine-shop-image, .magazines-overview-grid .magazine-shop-contents {
    grid-column: auto;
  }
  .magazine-buttons {
    margin-top: 36px;
  }
  .footer-bottom p, .footer-bottom li {
    font-size: 12px;
    line-height: 0.9;
  }
  .footer-bottom {
    width: 100%;
    text-align: center;
    line-height: 10px;
    right: 0;
  }
  .newsletter h2 {
    text-align: left;
    font-size: 36px;
  }
  h2.site-title {
    width: 42px;
    height: 26px;
  }
  footer .right-menu li:first-child {

    top: auto;
    bottom: 210px;
  }
  footer .right-menu li:nth-child(2) {
    top: auto;
    bottom: 190px;
  }
  footer .right-menu li:nth-child(3) {
    top: auto;
    bottom: 170px;
  }
  footer .lang-menu {
    top: auto;
    bottom: 150px;
  }
  .instagram, .linkedin, .youtube {
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
  }
  .footer-social {
    position: fixed;
    bottom: 56px;
    right: 12px;
    width: 124px;
    flex-wrap: wrap;
    justify-content: end;
  }
  a.contact.button {
    margin-right: 0;
  }
  .newsletter {
    padding-bottom: 300px;
  }
  footer .left-part {
    position: fixed;
    bottom: 56px;
  }
  h1.event-title, h2.event-subtitle {
    font-size: 54px;
    line-height: 48.6px;
  }
  .event-header::before{
    padding-top: calc(100% / 0.77);
  } .preview-event::before {
    padding-top: 100%;
  }
  .images-gallery {
    grid-template-columns: repeat(3, 1fr);
  }
  .current-magazine-buttons {
    padding-bottom: 48px;
  }
  .preview-post-header {
    padding-left: 20px;
    padding-right: 20px;
  }
  h1.post-title {
    font-size: 54px;
    line-height: 54px;
  }
  .themes-grid {
    grid-column: 1 / 13;
    grid-template-columns: 1fr 1fr;
  }
  h2.year-title {
    grid-column: 1 / -1;
  }
  .themes-grid div.pagination {
    grid-column: 1 / -1;
  }
  .event-grid-2 .preview-event::before, .event-grid-1 .preview-event::before {
    padding-top: 280px;
  }
}
@media(max-width: 480px) {
  
  .themes-grid, .block-text-2-col {
    grid-template-columns: 1fr;
  }
  .image-pair {
    grid-template-columns: 1fr;
  }
  .books-grid {
    grid-template-columns: 1fr;
  }
  .current-magazine-container {
    grid-column: 1 / 13;
  }
  .event-grid, .post-grid, .post-grid.post-grid-4, .magazines-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  h2.event-year-title {
    grid-column: 1 / 1;
  } 
  .images-gallery, .magazines-images-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .magazines-overview-grid {
    grid-template-columns: 1fr;
  }
}