@charset "UTF-8";
/*
Theme Name: FCW4
Theme URI: http://fabian-claude-walter.com/
Description: Theme for Fabian Claude Walter Galerie. Originally based on <a href="http://wpshower.com/themes/imbalance-2/">Imbalance 2 (1.0.3)</a> by <a href="http://www.wpshower.com/">WPSHOWER</a> but by now substantially adapted.
Author: Brogramming
Author URI: http://brogramming.com
Version: 4.0.2
License: GNU General Public License
License URI: license.txt
Tags: brogramming, imbalance, wpshower
*/
/******************************************************************
Site Name: fabian-claude-walter.com
Author: Brogramming.com

Stylesheet: Mixins & Constants Stylesheet

This is where you can take advantage of LESS' great features:
Mixins & Constants. I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques like box shadow and
border-radius.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

******************************************************************/
/*********************
CLEARFIXIN'
*********************/
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clear {
  clear: both;
}
/*********************
GRID
*********************/
/*
.left {
  float: left;
  width: @narrow;
}

.center {
  float: left;
  width: @wide;
}

.right {
  float: right;
  width: @narrow;
}
*/
.narrow {
  /*width: 672px;*/
  width: 400%/6;
  margin-left: auto;
  margin-right: auto;
}
/*********************
TOOLS
*********************/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.hidden {
  visibility: hidden;
}
.block,
.d-block {
  display: block;
}
.d-flex {
  display: flex !important;
}
.d-grid {
  display: grid;
}
.mobile {
  display: none;
}
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*********************
TYPOGRAPHY
*********************/
.small {
  font-size: 0.9375rem;
  /* 15px */
  line-height: 1.231em;
}
.medium {
  font-size: 1.25rem;
  /*20px*/
  line-height: 1.4em;
}
.mobile-large {
  font-size: 1.75rem;
  /*28px*/
  line-height: 1em;
  /*font-weight: 500;*/
  /* 65? */
  font-weight: 600;
  /* 75? */
}
.large {
  font-size: 2.25rem;
  /*36px*/
  line-height: 1em;
  /*font-weight: 500;*/
  /* 65? */
  font-weight: 600;
  /* 75? */
}
.xlarge {
  font-size: 4.5rem;
  /*72px*/
  font-size: clamp(2.5rem, 3.75vw, 4.5rem);
  line-height: 1em;
}
.bold {
  /*font-weight: 500;*/
  /* 65? */
  font-weight: 600;
  /* 75? */
}
.normal {
  font-weight: 400;
}
.light {
  font-weight: 300;
}
.uppercase {
  text-transform: uppercase;
}
/*********************
BORDER RADIUS
*********************/
/*
NOTE: For older browser support (and some mobile),
don't use the shorthand to define *different* corners.

USAGE: .border-radius(4px);

*/
/*********************
TRANISTION
*********************/
/* .transition(all,2s); */
@keyframes slideDown {
  from {
    max-height: 0;
    opacity: 0;
  }
  to {
    max-height: 100%;
    opacity: 1;
  }
}
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* .css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BUTTONS
*********************/
.button,
.button:visited {
  border: 1px solid #c8c8c8;
  border-top-color: #d7d7d7;
  border-left-color: #d7d7d7;
  padding: 4px 12px;
  color: #3b3b3a;
  display: inline-block;
  font-size: 11px;
  /*font-weight: bold;*/
  text-decoration: none;
  /*text-shadow: 0 1px rgba(0,0,0, .75);*/
  cursor: pointer;
  margin-bottom: 20px;
  line-height: 21px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #dcdcdc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#dcdcdc));
  background-image: -webkit-linear-gradient(top, #e9e9e9, #dcdcdc);
  background-image: -moz-linear-gradient(top, #e9e9e9, #dcdcdc);
  background-image: -o-linear-gradient(top, #e9e9e9, #dcdcdc);
  background-image: linear-gradient(to bottom, #e9e9e9, #dcdcdc);
}
.button:hover,
.button:visited:hover,
.button:focus,
.button:visited:focus {
  border: 1px solid #ff131e;
  border-top-color: #ee000b;
  border-left-color: #ee000b;
  background-color: #ff222c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff3b45), to(#ff222c));
  background-image: -webkit-linear-gradient(top, #ff3b45, #ff222c);
  background-image: -moz-linear-gradient(top, #ff3b45, #ff222c);
  background-image: -o-linear-gradient(top, #ff3b45, #ff222c);
  background-image: linear-gradient(to bottom, #ff3b45, #ff222c);
}
.button:active,
.button:visited:active {
  background-color: #ff555d;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff3b45), to(#ff555d));
  background-image: -webkit-linear-gradient(top, #ff3b45, #ff555d);
  background-image: -moz-linear-gradient(top, #ff3b45, #ff555d);
  background-image: -o-linear-gradient(top, #ff3b45, #ff555d);
  background-image: linear-gradient(to bottom, #ff3b45, #ff555d);
}
@media (max-width: 976px) {
  .narrow {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .mobile {
    display: block;
  }
}
html {
  /* Force Vertical Scrollbar */
  overflow-y: scroll;
}
html,
body,
form,
ul,
li,
table,
td {
  margin: 0;
  padding: 0;
}
body {
  position: relative;
  color: #3b3b3a;
}
html {
  font-size: 100%;
}
body,
input,
textarea,
select {
  /*font-size: 13px; line-height: 1.231em;*/
  font-size: 1rem;
  line-height: 1.5em;
  /*.bold();*/
  font-weight: 400;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a img {
  border: 0;
}
td {
  vertical-align: top;
}
ul {
  list-style-position: inside;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1em;
  /*font-weight: 500;*/
  /* 65? */
  font-weight: 600;
  /* 75? */
}
bold,
strong {
  /*font-weight: 500;*/
  /* 65? */
  font-weight: 600;
  /* 75? */
}
blockquote {
  border-left-width: 3px;
  border-left-style: solid;
  margin-left: 7px;
  padding-left: 20px;
}
figure {
  margin: 0;
  padding: 0;
}
figure figcaption p {
  margin: 0;
}
figure .figcaption {
  margin: 0 0 5em 0;
}
pre {
  white-space: pre-wrap;
  /*tab-size:12;
	-moz-tab-size:12;
	-o-tab-size:12;*/
}
.boxes,
#footer-left,
#footer-right {
  font-size: 0.9375rem;
  /* 15px */
  line-height: 1.231em;
}
/*.left,*/
#footer {
  /*font-weight: 500;*/
  /* 65? */
  font-weight: 600;
  /* 75? */
}
a,
.menu a:hover,
#nav-above a:hover,
#footer a:hover,
.entry-meta a:hover,
.menu ul .current-menu-item > a,
.menu ul .current-page-ancestor > a,
.menu ul .current_page_item > a,
.menu ul a.current-menu-item,
.menu ul a.current-page-ancestor,
.menu ul a.current_page_item,
#language-switcher a,
#site-title a {
  color: #3b3b3a;
}
.main_separator {
  color: #878786;
}
/*#nav-main {
  position: sticky;
  // position: fixed;
  top: 0;
  left: 0;
  z-index: 300;
  width: 100vw;
  padding: 10px 2vw;
  background: white;

  display: flex;
}*/
#header {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
  width: 100vw;
  padding: 10px 2vw 0 2vw;
  background: white;
  border-bottom: 1px solid #878786;
}
#header .center {
  flex-grow: 1;
}
#header .right #header-right-menu {
  font-size: 1.25rem;
  /*20px*/
  line-height: 1.4em;
  text-align: right;
}
.admin-bar #header,
.admin-bar .header-center ul.menu > li .sub-menu {
  margin-top: 32px;
}
html[data-header_scrolled="yes"] #header #header-right .widget_media_image:not(:last-child),
html[data-header_scrolled="yes"] #header #header-right-menu {
  visibility: hidden;
}
#main {
  margin-top: 4.9rem;
}
#sidebar-left {
  height: 1.5rem;
}
#sidebar-left.toggled #menu-icon {
  background-image: url(images/menu-close.svg);
}
#sidebar-left.toggled ul.menu {
  display: flex;
  justify-content: space-evenly;
}
#sidebar-left #menu-icon {
  background-image: url(images/menu.svg);
  background-repeat: no-repeat;
  background-position: 0 35%;
  width: 15px;
  height: 1.5rem;
  cursor: pointer;
  display: block;
  z-index: 1000;
  position: absolute;
  padding: 1em;
}
#sidebar-left ul.menu {
  display: none;
  width: 100%;
  position: absolute;
  background-color: white;
  z-index: 999;
  padding: 6rem 2%;
  margin: 0 -2%;
  top: 0;
  zoom: 1;
}
#sidebar-left ul.menu:before,
#sidebar-left ul.menu:after {
  content: "";
  display: table;
}
#sidebar-left ul.menu:after {
  clear: both;
}
#sidebar-left ul.menu > li {
  flex-grow: 1;
  flex-basis: 25%;
}
#sidebar-left ul.menu li.uppercase .sub-menu {
  text-transform: none;
}
#sidebar-left .sub-menu {
  /*font-weight: 500;*/
  /* 65? */
  font-weight: 600;
  /* 75? */
  text-transform: uppercase;
  margin: 1.231em 0;
}
#language-switcher {
  text-transform: uppercase;
  font-size: 1.25rem;
  /*20px*/
  line-height: 1.4em;
  /*font-weight: 500;*/
  /* 65? */
  font-weight: 600;
  /* 75? */
  line-height: 1em;
  display: inline-block;
  margin-left: 1rem;
}
#language-switcher a {
  text-decoration: none;
}
.header-center {
  position: relative;
  font-size: 1.25rem;
  /*20px*/
  line-height: 1.4em;
}
.header-center ul.menu {
  display: flex;
}
.header-center ul.menu > li > a {
  padding: 0 0.4em 10px 0.4em;
}
.header-center ul.menu > li:first-child a {
  padding-left: 0;
}
.header-center ul.menu > li .sub-menu {
  display: none;
  position: fixed;
  z-index: 300;
  padding: 1.05rem 2vw 1.25rem 2vw;
  left: 0;
  top: 4.8rem;
  background: white;
  width: 100vw;
  border-bottom: 1px solid #878786;
  opacity: 0;
  overflow: hidden;
  max-height: 0;
}
.header-center ul.menu > li .sub-menu li {
  display: block;
  /*font-weight: 500;*/
  /* 65? */
  font-weight: 600;
  /* 75? */
  text-transform: uppercase;
}
.header-center ul.menu > li:hover .sub-menu {
  display: block;
  animation-name: slideDown;
  animation-duration: 0.2s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: both;
}
.header-center ul.menu > li.columns .sub-menu {
  column-count: 4;
  column-gap: 48px;
  column-fill: auto;
  height: 7.5em;
}
.header-center ul.menu > li.columns .sub-menu .new-column {
  margin-top: 4em;
}
.header-center ul.menu > li.mobile-sub-menu .sub-menu {
  display: none !important;
}
.header-center #menu-container {
  font-weight: 300;
}
#site-title {
  font-size: 1.25rem;
  /*20px*/
  line-height: 1.4em;
  text-transform: uppercase;
}
#site-title a {
  /*font-weight: 500;*/
  /* 65? */
  font-weight: 600;
  /* 75? */
  text-decoration: none;
}
#site-title a:hover,
#site-title a:focus {
  color: #3b3b3a;
}
#search {
  display: none;
  position: absolute;
  right: 0;
  top: 2.5rem;
  background: white;
  height: calc(100vh - 2.5rem);
  z-index: 1001;
  width: 100vw;
  text-align: center;
}
#header-right {
  text-align: right;
  display: inline-block;
}
#header-right .widget_media_image {
  display: inline-block;
  margin-left: 0.8rem;
}
#header-right .widget_media_image:first-child {
  margin-left: 0;
}
#header-right .widget_media_image img {
  width: auto;
}
#header-right .widget_media_image img[src$="ig.svg"] {
  position: relative;
  top: 1px;
}
#search label,
#search input[type="submit"] {
  display: none;
}
#search input[type="text"] {
  padding: 7px 9px;
  margin: 0;
  border: 1px solid #fff;
  background: #e9e9e9;
  outline: none;
  width: 96%;
  text-align: center;
  font-size: 3rem;
}
#page_search #s {
  width: 100%;
}
ul.menu {
  list-style-type: none;
}
ul.menu a {
  display: block;
  color: #3b3b3a;
  text-decoration: none;
  line-height: 1.4em;
}
ul.menu .separator::before {
  content: "\00a0";
}
.boxes {
  margin: 1em 0 3em 0;
  /*width: 720px;*/
  clear: both;
  zoom: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -24px;
  margin-right: -24px;
  position: relative;
}
.boxes:before,
.boxes:after {
  content: "";
  display: table;
}
.boxes:after {
  clear: both;
}
.js .boxes.show-limited .box:nth-of-type(n + 9),
.js .uagb-post-grid.show-limited .box:nth-of-type(n + 9),
.js .boxes.show-limited article:nth-of-type(n + 9),
.js .uagb-post-grid.show-limited article:nth-of-type(n + 9) {
  display: none;
}
/*.box { width: 192px; margin-bottom: 48px; }*/
/*.box { width: 192px; margin: 0 24px 48px 0; float: left;}*/
.box {
  margin: 0 24px 60px 24px;
  flex-basis: calc(25% - 48px - 1px);
  background-color: #fff;
}
.box.no-thumbnail {
  border-top: 1px solid #b0b0af;
  padding-top: 0.5em;
}
.box img {
  width: 100%;
  height: auto;
}
.box .block.first {
  margin-bottom: 1rem;
}
.box .rel {
  position: relative;
}
.box .rel p {
  margin: 0;
}
.box .rel .entry-excerpt a {
  display: block;
  color: #3b3b3a;
  text-decoration: none;
}
.box .rel .entry-excerpt a:after {
  color: #878786;
  content: " →";
}
.box .texts {
  position: absolute;
  top: -12px;
  left: -12px;
  width: calc(100% + 24px);
  color: #3b3b3a;
  z-index: 200;
  opacity: 0;
  filter: alpha(opacity=0);
}
.box .texts {
  border: 12px solid #e9e9e9;
  background: #e9e9e9;
}
.box .texts .categories a,
.box .texts a,
.box .texts .posted,
.box .texts .posted a {
  color: #3b3b3a;
}
.box .texts .transparent img {
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.box .texts .abs {
  position: absolute;
  top: 0;
  width: 100%;
}
.box .categories {
  padding-bottom: 1em;
}
.box .categories a,
.box .posted a {
  color: #000;
}
.box h1,
.box h2,
.box h3 {
  margin: 0;
}
.box h1 a {
  color: #3b3b3a;
}
.box .posted {
  display: none;
  padding-top: 1em;
  color: #3b3b3a;
}
.box img {
  display: block;
}
.box time {
  display: block;
  margin: 1em 0;
}
/* fetch */
.fetch {
  clear: both;
  max-width: 460px;
  margin: 0 auto 48px;
  background: #e9e9e9;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
}
.fetch a {
  display: block;
  height: 48px;
  line-height: 48px;
  font-weight: bold;
  color: #3b3b3a;
  text-decoration: none;
}
.fetch:hover a {
  color: #fff;
}
#content {
  padding-top: 1rem;
  position: relative;
}
#content #overlay {
  position: absolute;
  top: -1px;
  /* covers border-top */
  left: 0;
  background-color: #fff;
  width: 100%;
  height: 100%;
  z-index: 99;
}
.single #content,
.page #content {
  padding-bottom: 0;
}
#content-footer {
  border-top: 1px solid #878786;
}
.home #content,
.post-type-archive-exhibition #content,
.page-template-page-without-title-php #content {
  border-top: none;
}
.home #content #artists,
.home #content #news {
  margin-top: 4em;
}
#footer div.menu {
  /*width: 24px;*/
  /*padding-top: 4px;*/
  margin-bottom: 1.231em;
}
#sidebar-left .menu.no-indent,
#sidebar-left .menu.no-indent .sub-menu,
#sidebar-left .sub-menu.no-indent {
  margin-left: 0;
}
#nav-above {
  display: none;
}
#nav-above a {
  text-decoration: none;
  color: #3b3b3a;
}
.nav-previous,
.nav-next {
  display: inline;
}
.nav-separator {
  color: #878786;
}
.not-found {
  /*width: 672px;*/
  width: 400%/6;
  margin-left: auto;
  margin-right: auto;
}
.home .page-title,
.post_title {
  /*font-weight: 500;*/
  /* 65? */
  font-weight: 600;
  /* 75? */
  margin: 1.5rem 0 1.5rem 0;
  border-bottom: 1px solid #878786;
  padding-bottom: 1.25rem;
}
.home .page-title:first-child,
.post_title:first-child {
  margin-top: 0;
}
.home .page-title h1,
.post_title h1 {
  font-size: 2.25rem;
  /*36px*/
  line-height: 1em;
  /*font-weight: 500;*/
  /* 65? */
  font-weight: 600;
  /* 75? */
  margin: 0;
}
.home .page-title h2,
.post_title h2,
.home .page-title h3,
.post_title h3 {
  font-size: 1.25rem;
  /*20px*/
  line-height: 1.4em;
  margin: 0;
}
.home .page-title nav.connected,
.post_title nav.connected {
  margin: 0;
}
.home .page-title time,
.post_title time {
  display: block;
  font-size: 1.25rem;
  /*20px*/
  line-height: 1.4em;
}
.entry-title {
  margin-bottom: 1em;
}
.page-title {
  margin-bottom: 0.6em;
  font-size: 2.25rem;
  /*36px*/
  line-height: 1em;
  /*font-weight: 500;*/
  /* 65? */
  font-weight: 600;
  /* 75? */
  text-transform: uppercase;
}
.single-news .page-title {
  display: none;
}
.home .page-title,
.post-type-archive-exhibition .page-title {
  margin-top: 0;
}
.page-template-page-without-title-php article header,
.page-template-page-wide-without-title-php article header {
  display: none;
}
.entry-meta {
  padding-bottom: 1em;
  color: #3b3b3a;
}
.entry-meta a {
  color: #878786;
  text-decoration: none;
}
.home .entry-meta,
.single .entry-meta {
  display: none;
}
#wides {
  clear: both;
}
.entry-aside {
  /*width: 192px; */
  width: 100%/6;
  padding-right: 48px;
  vertical-align: middle;
}
.fullscreen.slider .post_title,
.fullscreen.slider .pseudo-link,
.entry-content,
.entry-excerpt,
figcaption,
.boxes,
.description {
  hyphens: auto;
}
.entry-content {
  font-size: 1.25rem;
  /*20px*/
  line-height: 1.4em;
  /* list formatting for cv etc */
}
.entry-content h1 {
  font-size: 2.25rem;
  /*36px*/
  line-height: 1em;
  /*font-weight: 500;*/
  /* 65? */
  font-weight: 600;
  /* 75? */
  margin: 2.5em 0 1.5rem 0;
  border-bottom: 1px solid #878786;
  padding-bottom: 1.25rem;
}
.entry-content h2 {
  /*border-top: 1px solid @light;*/
  margin: 2.5em 0 1.5rem 0;
  border-bottom: 1px solid #878786;
  padding-bottom: 1.25rem;
  /*padding-top: 4px;*/
  text-transform: uppercase;
  font-size: 2.25rem;
  /*36px*/
  line-height: 1em;
  /*font-weight: 500;*/
  /* 65? */
  font-weight: 600;
  /* 75? */
}
.entry-content h2.section-title.toggle-trigger {
  border-top: 1px solid #878786;
  border-bottom: none;
  padding-top: 4px;
  font-size: 1.25rem;
  /*20px*/
  line-height: 1.4em;
  margin-bottom: 0;
}
.entry-content h3 {
  margin-top: 2.5em;
}
.entry-content h4 {
  margin: 0 0 2.5em 0;
}
.entry-content h2 + h4 {
  margin: -1.25rem 0 1.25rem 0;
}
.entry-content > h1:first-child,
.entry-content > h2:first-child,
.entry-content > h3:first-child,
.entry-content > h4:first-child {
  margin-top: 0;
}
.entry-content ol {
  padding-left: 0;
  list-style-position: inside;
}
.entry-content table {
  width: 100%;
}
.entry-content table td {
  padding-bottom: 1.5em;
  /*1.231em;*/
}
.entry-content ul.attachments {
  /*font-weight: 500;*/
  /* 65? */
  font-weight: 600;
  /* 75? */
  text-transform: uppercase;
  border-top: 1px solid #878786;
  list-style-type: none;
  margin: 1.231em 0;
  padding-left: 0;
}
.entry-content ul.attachments li {
  /*display: inline;*/
}
.entry-content ul.attachments a {
  color: #878786;
}
.entry-content ul.attachments a:hover,
.entry-content ul.attachments a:focus {
  color: #ff555d;
  text-decoration: none;
}
.entry-content ul.attachments a:after {
  content: " ↓";
}
.entry-content .toggle-content ul.attachments {
  border-top: none;
  margin-top: 0;
}
.entry-content ul {
  list-style-position: outside;
  padding-left: 1.1em;
}
.entry-content ul li ul {
  margin-bottom: 1.5em;
  /*1.231em;*/
}
.entry-content ul li ul li {
  margin-bottom: 0;
}
.page-template-page-without-title-php .entry-content h2:first-child,
.page-template-page-without-title-php .entry-content h2:first-of-type {
  margin-top: 0;
}
.entry-tags {
  display: inline;
}
.entry-tags span {
  display: none;
}
/* connected posts */
nav.connected {
  margin: 1em 0;
}
nav.connected ul {
  list-style-type: none;
  padding: 0;
}
nav.connected ul li {
  display: inline;
}
nav.connected ul li a {
  color: #878786;
  /*text-decoration: none;*/
}
nav.connected ul li a:hover,
nav.connected ul li a:focus {
  color: #3b3b3a;
}
nav.connected ul li:after,
nav.connected ul li::after {
  content: ", ";
  /*margin-right: 0.25em;*/
  color: #878786;
}
nav.connected ul li:last-child:after,
nav.connected ul li:last-of-type:after,
nav.connected ul li:last-child::after,
nav.connected ul li:last-of-type::after {
  content: "";
}
/* expand */
.expand {
  cursor: pointer;
  background-image: url(images/expand.svg);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
  width: 44px;
  height: 20px;
  position: absolute;
  top: calc(-20px - 2.6em);
  right: 24px;
}
.expand.open {
  background-image: url(images/expand-active.svg);
}
.uagb-post-grid .expand {
  top: calc(-20px - 2em);
}
/* toggle */
.js .toggle-content {
  display: none;
}
.js .toggle-content p:first-child {
  margin-top: 0;
  /* solves jerking problem in safari */
}
.js .toggle-content.open {
  display: block;
}
.js .toggle-trigger {
  cursor: pointer;
}
.js .toggle-trigger.closed {
  color: #878786;
}
.js .toggle-trigger.closed:hover,
.js .toggle-trigger.closed:focus {
  color: #3b3b3a;
}
.js .toggle-trigger.closed:after {
  content: " →";
}
.twitter-share-button {
  float: left;
  margin: 4px 4px 0 0;
}
.fb-like {
  float: left;
  margin-right: 5px;
}
.instagram-badges .ig-b-24 {
  width: 20px;
  height: 20px;
  background-size: 50px;
  background-position: 0 -50px !important;
}
/*.post img, */
.page .entry-content img {
  margin: 20px 0;
}
.page .entry-content img,
article figure img {
  max-width: 100%;
  height: auto;
}
.post .alignleft,
.page .alignleft {
  float: left;
  margin-right: 20px;
}
.post .alignright,
.page .alignright {
  float: right;
  margin-left: 20px;
}
.post .aligncenter,
.page .aligncenter {
  display: block;
  clear: both;
  margin: 20px auto;
}
.box.type-publication nav.connected,
.box.type-shop nav.connected {
  margin: 0;
}
.box.type-shop .rel .entry-excerpt {
  margin-top: 1.231em;
}
.order-link {
  color: #878786 !important;
}
.order-link::after {
  content: " →" !important;
}
.order-link:hover,
.order-link:focus {
  color: #ff555d !important;
}
.order-link:hover::after,
.order-link:focus::after {
  color: #ff555d !important;
}
.home #artist-list,
.post-type-archive-artist #artist-list,
.archive.tax-artist_status #artist-list,
.archive.tax-artist_genre #artist-list {
  display: flex;
  flex-direction: row;
  position: static;
  z-index: unset;
  padding: 0;
  margin-top: 0;
  margin-bottom: 4rem;
  width: 100%;
}
.home #artist-list #artist-submenu,
.post-type-archive-artist #artist-list #artist-submenu,
.archive.tax-artist_status #artist-list #artist-submenu,
.archive.tax-artist_genre #artist-list #artist-submenu {
  flex-basis: calc(25% + 12px);
  font-size: 1.25rem;
  /*20px*/
  line-height: 1.4em;
}
.home #artist-list #artist-submenu li,
.post-type-archive-artist #artist-list #artist-submenu li,
.archive.tax-artist_status #artist-list #artist-submenu li,
.archive.tax-artist_genre #artist-list #artist-submenu li {
  display: block;
  /*font-weight: 500;*/
  /* 65? */
  font-weight: 600;
  /* 75? */
  text-transform: uppercase;
}
.home #artist-list #artist-list-menu,
.post-type-archive-artist #artist-list #artist-list-menu,
.archive.tax-artist_status #artist-list #artist-list-menu,
.archive.tax-artist_genre #artist-list #artist-list-menu {
  flex-grow: 1;
  column-count: 3;
  column-gap: 48px;
}
.home #artist-list {
  margin-bottom: 2rem;
}
/*.single-artist .post_title,*/
.single-post .entry-title {
  display: none;
}
.single-post .post_title nav.connected {
  margin: 0;
}
.single-post .entry-content ul.attachments {
  margin-top: 0;
}
.single-artist article .post_title {
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}
.single-artist article .artist-info-title {
  margin: 0 0 1.231em 0;
  text-transform: uppercase;
  /*font-weight: 500;*/
  /* 65? */
  font-weight: 600;
  /* 75? */
  font-size: 1.25rem;
  /*20px*/
  line-height: 1.4em;
}
.single-artist article .artist-info-content {
  margin-bottom: 4rem;
}
.home #in-focus article .post_title a,
.post-type-archive-exhibition.when-current #content article .post_title a,
.single-exhibition #content article .post_title a,
.single-artist #content article .post_title a,
.page #content article .post_title a {
  color: #3b3b3a;
  text-decoration: none;
}
.home #in-focus article figure.single,
.post-type-archive-exhibition.when-current #content article figure.single,
.single-exhibition #content article figure.single,
.single-artist #content article figure.single,
.page #content article figure.single {
  margin-bottom: 5em;
}
.tax-shop_type ul.menu .page-item-shop a {
  color: #ff555d;
}
.tax-shop_type article.type-shop {
  margin-bottom: 5em;
}
.single-exhibition figure.single img,
.single-artist figure.single img,
.post-type-archive-exhibition.when-current figure.single img,
.type-shop figure.single img,
.page figure.single img {
  cursor: pointer;
  max-width: 100%;
  height: auto;
  max-height: calc(100vh - 90px);
}
.single-artist #content,
.single-exhibition #content,
.single-publication #content {
  border-top: none;
}
.single-artist .page-title,
.single-exhibition .page-title,
.single-publication .page-title {
  display: none;
}
.home #in-focus article .entry-excerpt,
.post-type-archive-exhibition.when-current #content article .entry-excerpt,
.post-type-archive-shop #content .entry-excerpt,
.single-artist #content article .entry-excerpt,
.single-exhibition #content article .entry-excerpt,
.single-publication #content article .entry-excerpt,
.page #content article .entry-excerpt {
  font-size: 1.25rem;
  /*20px*/
  line-height: 1.4em;
}
.home #in-focus article .album,
.post-type-archive-exhibition.when-current #content article .album,
.post-type-archive-shop #content .album,
.single-artist #content article .album,
.single-exhibition #content article .album,
.single-publication #content article .album,
.page #content article .album,
.home #in-focus article .album-large,
.post-type-archive-exhibition.when-current #content article .album-large,
.post-type-archive-shop #content .album-large,
.single-artist #content article .album-large,
.single-exhibition #content article .album-large,
.single-publication #content article .album-large,
.page #content article .album-large {
  margin-top: 5rem;
}
.home #in-focus article .album .title,
.post-type-archive-exhibition.when-current #content article .album .title,
.post-type-archive-shop #content .album .title,
.single-artist #content article .album .title,
.single-exhibition #content article .album .title,
.single-publication #content article .album .title,
.page #content article .album .title,
.home #in-focus article .album-large .detail-title h2,
.post-type-archive-exhibition.when-current #content article .album-large .detail-title h2,
.post-type-archive-shop #content .album-large .detail-title h2,
.single-artist #content article .album-large .detail-title h2,
.single-exhibition #content article .album-large .detail-title h2,
.single-publication #content article .album-large .detail-title h2,
.page #content article .album-large .detail-title h2 {
  /*padding-top: 4px;*/
  font-size: 2.25rem;
  /*36px*/
  line-height: 1em;
  /*font-weight: 500;*/
  /* 65? */
  font-weight: 600;
  /* 75? */
  text-transform: uppercase;
  border-bottom: 1px solid #878786;
  padding-bottom: 1.25rem;
  margin: 0 0 1.5rem 0;
}
.home #in-focus article .album .description,
.post-type-archive-exhibition.when-current #content article .album .description,
.post-type-archive-shop #content .album .description,
.single-artist #content article .album .description,
.single-exhibition #content article .album .description,
.single-publication #content article .album .description,
.page #content article .album .description {
  margin: 1.5rem 0;
}
.home #in-focus article .album-large figcaption,
.post-type-archive-exhibition.when-current #content article .album-large figcaption,
.post-type-archive-shop #content .album-large figcaption,
.single-artist #content article .album-large figcaption,
.single-exhibition #content article .album-large figcaption,
.single-publication #content article .album-large figcaption,
.page #content article .album-large figcaption,
.home #in-focus article .album .description,
.post-type-archive-exhibition.when-current #content article .album .description,
.post-type-archive-shop #content .album .description,
.single-artist #content article .album .description,
.single-exhibition #content article .album .description,
.single-publication #content article .album .description,
.page #content article .album .description,
.home #in-focus article figure figcaption,
.post-type-archive-exhibition.when-current #content article figure figcaption,
.post-type-archive-shop #content figure figcaption,
.single-artist #content article figure figcaption,
.single-exhibition #content article figure figcaption,
.single-publication #content article figure figcaption,
.page #content article figure figcaption {
  font-size: 1.25rem;
  /*20px*/
  line-height: 1.4em;
}
.home #in-focus article .album-large.videos figcaption,
.post-type-archive-exhibition.when-current #content article .album-large.videos figcaption,
.post-type-archive-shop #content .album-large.videos figcaption,
.single-artist #content article .album-large.videos figcaption,
.single-exhibition #content article .album-large.videos figcaption,
.single-publication #content article .album-large.videos figcaption,
.page #content article .album-large.videos figcaption {
  margin-top: 0.4em;
}
.post-type-archive-exhibition.when-current #content article .album .toggle-trigger {
  margin-bottom: 2em;
}
.post-type-archive-exhibition.when-current #content article .album .toggle-trigger.closed {
  margin-bottom: 0;
}
.single-exhibition #content article .entry-content h2:first-child,
.post-type-archive-exhibition.when-current #content article .entry-content h2:first-child,
.single-exhibition #content article .entry-content h2:first-of-type,
.post-type-archive-exhibition.when-current #content article .entry-content h2:first-of-type {
  margin-top: 0;
}
.home #exhibitions {
  margin-bottom: 3em;
}
.home #exhibitions article figcaption,
.home #exhibitions article .exhibition_location {
  display: none;
}
.home #news article .entry-excerpt p:not(:first-child) {
  display: none;
}
.fullscreen {
  width: 104%;
  margin-left: -2%;
  background-color: #e9e9e9;
}
.fullscreen figure img {
  object-fit: cover;
}
.slider article {
  position: relative;
}
.slider article header {
  color: white;
  margin: 0;
  width: 100%;
  padding: 0;
  border-bottom: none;
}
.slider article header h1,
.slider article header h2,
.slider article header .connected {
  font-size: 4.5rem;
  /*72px*/
  font-size: clamp(2.5rem, 3.75vw, 4.5rem);
  line-height: 1em;
  text-transform: uppercase;
  text-align: center;
}
.slider article header h2 {
  color: #ff25ff;
}
.slider article section {
  color: white;
  white-space: nowrap;
  font-size: 2.25rem;
  /*36px*/
  line-height: 1em;
  /*font-weight: 500;*/
  /* 65? */
  font-weight: 600;
  /* 75? */
  text-transform: uppercase;
}
.slider article section time {
  margin-top: 0;
  display: block;
}
.slider article section time .todate {
  display: block;
}
.slider article section time .opening_times {
  white-space: normal;
}
.slider article section .pseudo-link {
  color: white;
}
.slider article section .pseudo-link::after {
  content: " →";
}
.slider article a[rel="bookmark"] {
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 2vw;
  flex-wrap: wrap;
  align-items: flex-end;
  text-decoration: none;
}
.slider article a[rel="bookmark"]:hover .pseudo-link,
.slider article a[rel="bookmark"]:focus .pseudo-link {
  text-decoration: underline;
}
.slider article figure img {
  max-width: none;
}
.slider .slick-slide:focus {
  outline: none;
}
.slider .slick-prev:before,
.slider .slick-next:before {
  color: #3b3b3a;
  content: "";
}
.slider .slick-arrow {
  width: 15px;
  height: 15px;
  z-index: 5;
  border-top: 2px solid #3b3b3a;
  border-right: 2px solid #3b3b3a;
  transition: all 0.3s ease-out;
}
.slider .slick-arrow:hover {
  /*opacity: .5;*/
  border-color: #ff555d;
}
.slider .slick-prev {
  left: -15.8vw;
  transform: rotate(225deg);
}
.slider .slick-next {
  right: -15.8vw;
  transform: rotate(45deg);
}
.home .slider {
  background-color: black;
}
.home .slider.fullscreen figure img {
  margin: auto;
}
.home .slider .slick-wrapper {
  padding-left: 0;
  padding-right: 0;
}
.page .slider {
  margin-bottom: 3.75rem;
}
.page .slider.fullscreen figure img {
  margin: 0;
}
cite {
  font-style: normal;
  font-weight: bold;
}
input[type="text"],
input[type="email"],
textarea,
select {
  background: #e9e9e9;
  color: #3b3b3a;
  -moz-border-radius: 4px;
  border-radius: 4px;
  outline: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus {
  background: #ffd5d6 !important;
}
input[type="text"],
input[type="email"],
textarea {
  padding: 8px;
  border: 1px solid #fff;
}
.form-submit {
  margin-bottom: 48px;
}
.form-submit input {
  width: 460px;
  padding: 6px 0;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
  border: 0;
  text-align: center;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.recent {
  margin-top: 48px;
  padding-top: 48px;
  border-top: 1px solid #878786;
}
#content-footer {
  font-size: 0.9375rem;
  /* 15px */
  line-height: 1.231em;
  padding: 4px 0 48px 0;
}
#content-footer #top-link {
  color: #878786;
  display: block;
}
#content-footer #top-link .arrow {
  float: right;
}
#content-footer #top-link:hover,
#content-footer #top-link:focus {
  color: #ff555d;
  text-decoration: none;
}
#footer {
  padding: 30px 0 48px 0;
  background-color: #e9e9e9;
  /*#footer-left { float: right; width: 210px; padding-right: 40px; }
	#footer-right { float: right; width: 210px; }*/
  /*#footer-right {
    float: left;
  }*/
}
#footer .wrapper {
  display: flex;
  justify-content: space-between;
}
#footer .wrapper > div {
  flex-basis: calc(100vw / 4 - 48px - 1px);
}
#footer #site-info {
  flex-basis: calc(100% / 2 - 48px - 1px);
  line-height: 22px;
}
#footer #site-info a {
  /*font-weight: 500;*/
  /* 65? */
  font-weight: 600;
  /* 75? */
  text-decoration: none;
  color: #3b3b3a;
}
#footer .textwidget p {
  margin: 0;
}
#footer .widgettitle {
  text-transform: uppercase;
  margin: 0;
}
form.contact_form {
  padding: 0;
  font-size: 100%;
  line-height: 1em;
  font-family: "Helvetica Neue", Helvetica, Arial, "Sans-Serif";
}
form.contact_form p {
  margin: 0;
}
form.contact_form label {
  display: block;
}
form.contact_form label,
form.contact_form ul.field_errors {
  margin-bottom: 0.4em;
  font-size: 0.9375rem;
  /* 15px */
  line-height: 1.231em;
}
form.contact_form input[type="checkbox"] {
  margin: 0;
}
form.contact_form input[type="text"],
form.contact_form input[type="email"],
form.contact_form textarea,
form.contact_form select {
  font-size: 0.9375rem;
  /* 15px */
  line-height: 1.231em;
  line-height: 1em;
}
form.contact_form input,
form.contact_form select,
form.contact_form textarea {
  width: 300px;
}
form.contact_form input {
  height: 2.5em;
}
form.contact_form select {
  height: 2em;
}
form.contact_form .phonenumber_widget p {
  display: inline;
}
form.contact_form .phonenumber_widget select {
  width: 80px;
}
form.contact_form .phonenumber_widget input {
  width: 216px;
}
form.contact_form .submit_button {
  border: 1px solid #c8c8c8;
  border-top-color: #d7d7d7;
  border-left-color: #d7d7d7;
  padding: 4px 12px;
  color: #3b3b3a;
  display: inline-block;
  font-size: 11px;
  /*font-weight: bold;*/
  text-decoration: none;
  /*text-shadow: 0 1px rgba(0,0,0, .75);*/
  cursor: pointer;
  margin-bottom: 20px;
  line-height: 21px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #dcdcdc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#dcdcdc));
  background-image: -webkit-linear-gradient(top, #e9e9e9, #dcdcdc);
  background-image: -moz-linear-gradient(top, #e9e9e9, #dcdcdc);
  background-image: -o-linear-gradient(top, #e9e9e9, #dcdcdc);
  background-image: linear-gradient(to bottom, #e9e9e9, #dcdcdc);
  width: auto;
  height: auto;
  font-size: 100%;
}
form.contact_form .submit_button:hover,
form.contact_form .submit_button:focus {
  border: 1px solid #ff131e;
  border-top-color: #ee000b;
  border-left-color: #ee000b;
  background-color: #ff222c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff3b45), to(#ff222c));
  background-image: -webkit-linear-gradient(top, #ff3b45, #ff222c);
  background-image: -moz-linear-gradient(top, #ff3b45, #ff222c);
  background-image: -o-linear-gradient(top, #ff3b45, #ff222c);
  background-image: linear-gradient(to bottom, #ff3b45, #ff222c);
}
form.contact_form .submit_button:active {
  background-color: #ff555d;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff3b45), to(#ff555d));
  background-image: -webkit-linear-gradient(top, #ff3b45, #ff555d);
  background-image: -moz-linear-gradient(top, #ff3b45, #ff555d);
  background-image: -o-linear-gradient(top, #ff3b45, #ff555d);
  background-image: linear-gradient(to bottom, #ff3b45, #ff555d);
}
#infscr-loading {
  background: none repeat scroll 0 0 #000000;
  bottom: 48px;
  color: #ffffff;
  height: 100px;
  left: 40%;
  opacity: 0.8;
  padding: 10px;
  position: fixed;
  width: 200px;
  z-index: 5000;
  border-radius: 10px;
}
/* UAG post grid */
.uagb-post-grid {
  display: grid;
  font-size: 0.9375rem;
  /* 15px */
  line-height: 1.231em;
}
.uagb-post-grid .uagb-post__items {
  margin: -12px -24px 0 -24px !important;
}
.uagb-post-grid .uagb-post__columns-4 article {
  width: calc(25% - 24px) !important;
}
.uagb-post-grid article {
  margin-left: 12px;
  margin-right: 12px;
  padding-bottom: 12px;
}
.uagb-post-grid article:hover,
.uagb-post-grid article:focus {
  background-color: #e9e9e9;
}
.uagb-post-grid article:hover .uagb-post__inner-wrap,
.uagb-post-grid article:focus .uagb-post__inner-wrap {
  background-color: #e9e9e9;
}
.uagb-post-grid .uagb-post__inner-wrap {
  background-color: #fff;
}
.uagb-post-grid .uagb-post__image img {
  height: auto;
  margin: 12px 0 1rem 0;
}
.uagb-post-grid .uagb-post__title {
  font-weight: normal;
}
.uagb-post-grid nav.connected {
  margin: 0;
}
/* Gutenberg Blocks */
.entry-content .blocks-gallery-grid {
  padding-left: 0;
}
@media (min-width: 601px) {
  .is-vertically-aligned-top.wp-block-media-text .wp-block-media-text__content .wp-block-paragraph:first-of-type,
  .are-vertically-aligned-top.wp-block-columns-is-layout-flex .wp-block-column-is-layout-flow .wp-block-paragraph:first-of-type {
    margin-top: 0;
  }
  .wp-block-media-text > .wp-block-media-text__content {
    padding-right: 0 !important;
  }
}
@media (max-width: 600px) {
  .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__content {
    padding: 0;
  }
}
/******************************************************************
Site Name: fabian-claude-walter.com
Author: Brogramming.com

Stylesheet: Media Queries

******************************************************************/
/*
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*/
@media print {
  /******************************************************************
Site Name: fabian-claude-walter.com
Author: Brogramming.com

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. If you want to
though, go for it.

******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  body,
  input,
  textarea,
  select {
    font-weight: normal;
  }
  #content a,
  #content a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  #content .entry-content a:after,
  #content .entry-content a:visited:after {
    content: " (" attr(href) ")";
  }
  #content .entry-content a abbr[title]:after,
  #content .entry-content a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }
  #content .ir a:after,
  #content a[href^="javascript:"]:after,
  #content a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    /*border: 1px solid #999;*/
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  article,
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
    /*@top-left {
		content: element(pageHeader);
	}*/
  }
  /*#site-title {
  position: running(pageHeader);
}*/
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h1,
  h2,
  h3 {
    page-break-after: avoid;
  }
  .right {
    float: none !important;
    width: 100% !important;
  }
  #content {
    margin: 0 1cm;
  }
  .js .toggle-content {
    display: block;
  }
  .js .toggle-trigger.closed {
    color: #3b3b3a;
  }
  .js .toggle-trigger.closed:after {
    content: "";
  }
  .wrapper {
    width: 100%;
    padding-top: 0.5cm;
  }
  #footer {
    padding: 0 0 0.5cm 0;
  }
  #footer #site-info {
    font-size: 0.9375rem;
    /* 15px */
    line-height: 1.231em;
    float: none;
    width: 100%;
    padding: 0;
  }
  #footer #site-info .widgettitle {
    margin: 0;
  }
  #footer #site-info .widgettitle,
  #footer #site-info .textwidget,
  #footer #site-info .textwidget p {
    display: inline;
  }
  #footer #site-info .textwidget br {
    display: none;
  }
  .left,
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  #footer-right,
  #search {
    display: none;
  }
}
@media (min-width: 977px) {
  .page-template-page-wide-php article > figure:not(.fullscreen):not(.album),
  .page-template-page-wide-without-title-php article > figure:not(.fullscreen):not(.album),
  .page-template-page-wide-php article > header,
  .page-template-page-wide-without-title-php article > header,
  .page-template-page-wide-php article > footer,
  .page-template-page-wide-without-title-php article > footer {
    /*width: 672px;*/
    width: 400%/6;
    margin-left: auto;
    margin-right: auto;
  }
  .page-template-page-wide-php .entry-content > *,
  .page-template-page-wide-without-title-php .entry-content > * {
    /*width: 672px;*/
    width: 400%/6;
    margin-left: auto;
    margin-right: auto;
  }
  .page-template-page-wide-php .entry-content .wp-block-group,
  .page-template-page-wide-without-title-php .entry-content .wp-block-group {
    width: auto;
  }
}
@media (min-width: 768px) and (max-width: 976px) {
  .wrapper {
    margin: 0 2%;
  }
  .expand {
    right: 1%;
  }
  #artist-list #artist-submenu {
    flex-basis: 33vw;
  }
  #artist-list #artist-list-menu {
    column-count: 2;
    column-gap: 1%;
  }
  /*.boxes {
    margin-left: -1%;
    margin-right: -1%;
  }
  .box {
    margin: 0 1% 36px 1%;
    flex-basis: 31.333%;
    // flex-basis: ~"calc(33.333% - 48px)";
  }*/
  .box .texts {
    display: none;
  }
  .boxes,
  .uagb-post-grid .uagb-post__columns-tablet-3 {
    margin-left: -1% !important;
    margin-right: -1% !important;
  }
  .boxes .box,
  .uagb-post-grid .uagb-post__columns-tablet-3 .box,
  .boxes article,
  .uagb-post-grid .uagb-post__columns-tablet-3 article {
    margin: 0 1% 36px 1% !important;
    flex-basis: calc(31.333% - 1px);
  }
  .boxes article:not(.box),
  .uagb-post-grid .uagb-post__columns-tablet-3 article:not(.box) {
    width: 31.333% !important;
    padding: 0 !important;
  }
  .js .boxes.show-limited .box:nth-of-type(n + 4),
  .js .uagb-post-grid.show-limited .box:nth-of-type(n + 4),
  .js .boxes.show-limited article:nth-of-type(n + 4),
  .js .uagb-post-grid.show-limited article:nth-of-type(n + 4) {
    display: none;
  }
  .slider .slick-prev {
    left: -1.3vw;
  }
  .slider .slick-next {
    right: -1.3vw;
  }
  #footer #site-info {
    text-align: center;
  }
  #footer #footer-right {
    text-align: right;
  }
}
@media (max-width: 767px) {
  .wrapper {
    margin: 0 2%;
  }
  #header {
    display: flex;
    flex-wrap: wrap;
    padding-top: 5px;
    padding-bottom: 10px;
  }
  #header .left,
  #header .right {
    flex-basis: 50%;
  }
  #header .left {
    font-size: 1.25rem;
    /*20px*/
    line-height: 1.4em;
  }
  #header .center {
    order: -1;
    flex-basis: 100%;
  }
  #header #header-right,
  #header #header-right-menu {
    display: none;
    position: relative;
    top: 0.3rem;
    z-index: 1000;
  }
  #header #search {
    top: 2.25rem;
  }
  #header.toggled #header-right,
  #header.toggled #header-right-menu {
    display: block;
  }
  #header.toggled .center,
  #header.toggled #language-switcher {
    display: none;
  }
  #site-title {
    font-size: 1rem;
    text-align: center;
  }
  #site-title a {
    color: #3b3b3a;
  }
  #language-switcher {
    float: right;
  }
  .header-center {
    display: none;
  }
  #sidebar-left.toggled {
    margin-top: 22px;
  }
  #sidebar-left #menu-icon {
    background-position: 0 25%;
  }
  #sidebar-left ul.menu {
    flex-direction: column;
    padding: 5rem 2rem 6rem 2rem;
    line-height: 1.6em;
    height: 100vh;
    overflow-y: scroll;
    justify-content: flex-start !important;
  }
  #sidebar-left ul.menu a {
    line-height: 1.6em;
  }
  #sidebar-left ul.menu > li {
    flex-grow: 0;
    flex-basis: auto;
  }
  #sidebar-left ul.menu > li.menu-item-has-children {
    /*margin-top: 1.231em;*/
  }
  #sidebar-left ul.menu > li.menu-item-has-children::before {
    content: "";
    font-weight: bold;
    float: left;
    margin-left: -1.4rem;
    background-image: url(images/arrow_right.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
    width: 11px;
    height: 1.6em;
  }
  #sidebar-left ul.menu > li.menu-item-has-children.toggled::before,
  #sidebar-left ul.menu > li.menu-item-has-children.current-menu-ancestor::before,
  #sidebar-left ul.menu > li.menu-item-has-children.current-menu-item::before {
    content: "";
    background-image: url(images/arrow_left.svg);
  }
  #sidebar-left ul.menu > li.menu-item-has-children.current-menu-ancestor.toggled::before {
    content: "";
    background-image: url(images/arrow_right.svg);
  }
  #sidebar-left ul.menu > li.margin-bottom {
    margin-bottom: 1.5rem;
  }
  #sidebar-left ul.menu li.uppercase .sub-menu {
    margin-bottom: 1.5rem;
  }
  #sidebar-left .sub-menu {
    margin-top: 0;
    list-style: none;
  }
  #sidebar-left li:not(.current-menu-ancestor):not(.current-menu-item) .sub-menu {
    display: none;
  }
  /*#search {
    top: -1rem;
  }*/
  .home #artist-list,
  .post-type-archive-artist #artist-list,
  .archive.tax-artist_status #artist-list,
  .archive.tax-artist_genre #artist-list {
    justify-content: space-between;
  }
  .home #artist-list #artist-submenu,
  .post-type-archive-artist #artist-list #artist-submenu,
  .archive.tax-artist_status #artist-list #artist-submenu,
  .archive.tax-artist_genre #artist-list #artist-submenu {
    flex-basis: auto;
  }
  .home #artist-list #artist-list-menu,
  .post-type-archive-artist #artist-list #artist-list-menu,
  .archive.tax-artist_status #artist-list #artist-list-menu,
  .archive.tax-artist_genre #artist-list #artist-list-menu {
    column-count: 1;
  }
  #content {
    margin-top: 1.5rem;
  }
  .home #content {
    margin-top: 0;
  }
  .expand {
    right: 1%;
    top: calc(-20px - 2rem);
  }
  .uagb-post-grid .expand {
    top: calc(-20px - 0.1rem);
  }
  /*
  // boxes
  .boxes {
    margin-left: -1%;
    margin-right: -1%;
  }
  .box {
    margin: 0 1% 24px 1%;
    flex-basis: 48%;
    // flex-basis: ~"calc(50% - 12px)";
  }*/
  .box .texts {
    display: none;
  }
  .boxes,
  .uagb-post-grid .uagb-post__columns-mobile-2 {
    margin-left: -1% !important;
    margin-right: -1% !important;
  }
  .boxes .box,
  .uagb-post-grid .uagb-post__columns-mobile-2 .box,
  .boxes article,
  .uagb-post-grid .uagb-post__columns-mobile-2 article {
    margin: 0 1% 24px 1% !important;
    flex-basis: calc(48% - 1px);
  }
  .boxes article:not(.box),
  .uagb-post-grid .uagb-post__columns-mobile-2 article:not(.box) {
    width: 48% !important;
    padding: 0 !important;
  }
  .js .boxes.show-limited .box:nth-of-type(n + 5),
  .js .uagb-post-grid.show-limited .box:nth-of-type(n + 5),
  .js .boxes.show-limited article:nth-of-type(n + 5),
  .js .uagb-post-grid.show-limited article:nth-of-type(n + 5) {
    display: none;
  }
  .slider article header,
  .slider article section {
    left: 0;
    width: 100%;
  }
  .slider article header h1,
  .slider article header h2,
  .slider article section,
  .slider article header .connected {
    font-size: 2.5rem;
    font-size: clamp(1.5rem, 10vw, 2.5rem);
  }
  .slider article section time {
    white-space: normal;
  }
  .slider article section time .fromdate,
  .slider article section time .todate {
    display: inline;
  }
  .slider article section time .opening_times {
    font-size: 1.25rem;
    /*20px*/
    line-height: 1.4em;
  }
  .slider article section .pseudo-link {
    white-space: normal;
    overflow-wrap: break-word;
  }
  .slider article.exhibition section .pseudo-link {
    display: none;
  }
  .slider .slick-arrow {
    width: 1.5vw;
    height: 1.5vw;
  }
  .slider .slick-prev {
    left: -1.3vw;
  }
  .slider .slick-next {
    right: -1.3vw;
  }
  .post-type-archive-shop .album figcaption,
  .single-artist article .album figcaption,
  .single-exhibition article .album figcaption,
  .single-publication article .album figcaption,
  .post-type-archive-shop .album .detail-title h2,
  .single-artist article .album .detail-title h2,
  .single-exhibition article .album .detail-title h2,
  .single-publication article .album .detail-title h2 {
    font-size: 1.25rem;
    /*20px*/
    line-height: 1.4em;
  }
  .entry-content h2 {
    font-size: 1.25rem;
    /*20px*/
    line-height: 1.4em;
  }
  #footer {
    flex-direction: column;
  }
  #footer #site-info {
    width: auto;
    flex-grow: 1;
    padding: 0 1.5rem;
    float: none;
    text-align: center;
    font-size: 0.9375rem;
    /* 15px */
    line-height: 1.231em;
  }
  #footer #footer-left,
  #footer #footer-right {
    display: none;
  }
}
@media screen and (max-width: 782px) {
  html #wpadminbar {
    top: -46px;
  }
}