:root {
  --fullsize: 100%;
  --container-w-screen: 100dvw;
  --container-h-screen: 100vh;

  --content: fit-content;

  --container-margin-y: 7rem 0;
  --page-margin: 36px;

  --max-centered-box: 672px;

  --header-margin: 0 36px;
  --header-min-h: 80px;
  --header-m-h: 60px;
  --header-margin: 36px;
  --header-padding: 1rem 2rem 1rem 1rem;
  --header-m-padding: 0.5rem;
  --header-fluid-gap: clamp(16px, -54.6281px + 7.1269vi, 48px);
  --header-fluid-txt: clamp(12px, 7.5857px + 0.4454vi, 14px);

  --search-icon-h: 40px;

  --artist-info-margin: ;
  --artist-info-gap: 9.722dvw;
  --artist-info-m-gap: 4rem;

  --color-transparent: transparent;

  --color-bg-color: #f2f2f2;
  --color-bg-color-rgb: 242, 242, 242;
  --color-black: #000;
  --color-black-rgb: 0, 0, 0;
  --color-white: #fff;
  --color-white-rgb: 255, 255, 255;
  --color-desc: #787777;
  --color-desc-rgb: 120, 119, 119;
  --color-desc2: #818181;
  --color-desc2-rgb: 129, 129, 129;
  --color-work: #e0e0e0;
  --color-work-rgb: #e0e0e0;
  --color-dark-grey: #d8d8d8;
  --color-dark-grey-rgb: 216, 216, 216;
  --color-pink: #d445a3;
  --color-pink-rgb: 212, 69, 163;
  --color-orange: #db5f2a;
  --color-orange-rgb: 219, 95, 42;
  --color-blue: #0070d7;
  --color-blue-rgb: 0, 112, 215;
  --color-green: #267f85;
  --color-green-rgb: 38, 127, 133;
  --color-btn-hover: #f9f9f9;
  --color-btn-disabled: #e0e0e0;

  --cld-h: 28px;
  --cld-h-m: 16px;
  --cld-close: #b4b4b4;
  --cld-close-ol: #5c5c5c;
  --cld-off-evt: #d445a3;
  --cld-on-evt: #db5f2a;
  --cld-off-exh: #267f85;
  --cld-on-exh: #0070d7;
  --cld-min-h: 387px;

  --opacity: 0.3;

  --fixed-work-img: 213px;

  --btn-shadow: 0px 0px 20px 0px;
  --btn-shadow-active: 0px 0px 5px 0px;
  --btn-shadow-disabled: 0px 0px 5px 0px;

  --none: 0 !important;

  --gap-x: 1.5rem;
  --gap-y: 3rem;

  --sidebar-p-t: 11rem;
  --sidebar-w: 220px;
  --sidebar-container-max-w: clamp(260px, 38.5858px + 22.3204vi, 360px);
  --thumbnail-gap: 1.5rem;
  --thumbnail-r-gap: 40px;
  --thumbnail-c-gap: 1.5rem;
  --announce-margin: 3rem;

  /* =+=+=+=+=+= Fluid Text =+=+=+=+=+= */

  --fluid-h1: clamp(2rem, 1.1864rem + 1.6949vi, 2.5rem);
  --fluid-topic-sidebar: clamp(1.75rem, 0.6429rem + 1.7856vi, 2.25rem);

  /* =+=+=+=+=+= Header =+=+=+=+=+= */

  --label-color: rgba(var(--color-white-rgb), 0.4);
  --label-color-bg: rgba(0, 0, 0, 0.2);
  --link-color: rgba(0, 0, 0, 0.4);
  --link-color-hover: rgba(0, 0, 0);

  --link-color-size: 14px;

  /* =+=+=+=+=+= Transitions =+=+=+=+=+= */

  --transition: 0.4s;
  --transition-x2: 0.6s;
  --transition-x3: 0.8s;
  --timing-function: ease;
  --cta-shadow: 0 -0.5px 0 0 inset;

  /* =+=+=+=+=+= Main Local Styles =+=+=+=+=+= */

  --size-main: 36px;
  --size-h2: 20px;
  --size-topic: 24px;
  --size-link: 18px;
  --size-body: 18px;
  --size-paragraph: 18px; /* Line-height 24px */
  --size-caption: 14px;
  --size-tags: 14px;
  --size-header-menu: 14px;
  --size-header-event: 12px;
  --size-tags-m: 14px;
  --size-txt-btn: 24px;

  --spacing-2xl: 135px;
  --spacing-2xl-minus: -135px;
  --spacing-xl: 85px;
  --spacing-xl-minus: -85px;
  --spacing-lg: 50px;
  --spacing-lg-minus: -50px;
  --spacing-md: 30px;
  --spacing-md-minus: -30px;
  --spacing-sm: 20px;
  --spacing-sm-minus: -20px;
  --spacing-xs: 15px;
  --spacing-xs-minus: -15px;
  --spacing-2xs: 8px;
  --spacing-2xs-minus: -8px;
  --spacing-3xs: 4px;
  --spacing-3xs-minus: -4px;
  --spacing-container: var(--spacing-lg);
  --spacing-container-minus: var(--spacing-lg-minus);

  --spacing-container-p: 18px;

  --font-size-3xs: 8px;
  --font-size-2xs: 10px;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-md: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 20px;
  --font-size-h6: 22px;
  --font-size-h5: 24px;
  --font-size-h4: 32px;
  --font-size-h3: 48px;
  --font-size-h2: 64px;
  --font-size-h1: 70px;
  --font-size-h0: 128px;
  --font-size-body: var(--font-size-sm);
  --font-size-body-sub: var(--font-size-xs);
  --font-size-topic: var(--font-size-md);

  /* MOBILE */
  --m-en-h1: 24px;
  --m-en-h2: 16px;
  --m-en-body: 16px;
  --m-en-body-link: 16px;

  /* =+=+=+=+=+= Z-Index =+=+=+=+=+= */
  --front: 999;
  --base: 1 !important;
  --ground: 0 !important;

  /* ---------------------------- */

  --color-body: var(--color-black);
  --color-body-rgb: var(--color-black-rgb);
  --color-body-bg: var(--color-brown-light);
  --color-body-bg-rgb: var(--color-brown-light-rgb);
  --color-theme: var(--color-blue);
  --color-rgb: var(--color-blue-rgb);
  --color-border: rgba(var(--rgb), 0.2);
  --color-error: var(--color-red);
  --rgb: var(--color-body-rgb);
  --filter-black: brightness(0);
  --filter-white: brightness(0) invert(1);
  --filter-theme: brightness(0) invert(32%) sepia(95%) saturate(742%)
    hue-rotate(157deg) brightness(96%) contrast(99%);

  --font-body: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-weight-body: var(--font-weight-regular);
  --font-weight-regular: normal;
  --font-weight-bold: bold;
  --font-weight-medium: 500;

  --font-size-3xs: 8px;
  --font-size-2xs: 10px;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-md: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 20px;
  --font-size-h6: 22px;
  --font-size-h5: 24px;
  --font-size-h4: 32px;
  --font-size-h3: 48px;
  --font-size-h2: 64px;
  --font-size-h1: 70px;
  --font-size-h0: 128px;
  --font-size-body: var(--font-size-sm);
  --font-size-body-sub: var(--font-size-xs);
  --font-size-topic: var(--font-size-md);

  --line-height-2xs: 0.9;
  --line-height-xs: 1;
  --line-height-sm: 1.25;
  --line-height-md: 1.5;
  --line-height-body: var(--line-height-md);

  --letter-spacing: normal;

  --icon-size: 20px;
  --icon-size-lg: 26px;
  --icon-size-xl: 36px;

  --spacing-2xl: 135px;
  --spacing-2xl-minus: -135px;
  --spacing-xl: 85px;
  --spacing-xl-minus: -85px;
  --spacing-lg: 45px;
  --spacing-lg-minus: -45px;
  --spacing-md: 30px;
  --spacing-md-minus: -30px;
  --spacing-sm: 20px;
  --spacing-sm-minus: -20px;
  --spacing-xs: 15px;
  --spacing-xs-minus: -15px;
  --spacing-2xs: 8px;
  --spacing-2xs-minus: -8px;
  --spacing-3xs: 4px;
  --spacing-3xs-minus: -4px;
  --spacing-container: var(--spacing-lg);
  --spacing-container-minus: var(--spacing-lg-minus);
  --logo-height: 20px;
  --nav-height: 54px;
  --header-nav-height: var(--nav-height);
  --header-noti-height: 0px;
  --header-height: calc(var(--header-nav-height) + var(--header-noti-height));

  --input-height: 50px;
  --input-border-color: var(--color-theme);

  --button-height: 30px;
  --button-spacing: 20px;

  --bar-height: 0px;
  --radius: 0px;
  --opacity: 0.5;
  --opacity-light: 0.2;
  --duration: 0.5s;
  --duration-x2: 0.7s;
  --timing-function: ease;
  --cta-shadow: 0 -1px 0 0 inset;
}

*,
*:before,
*:after {
  margin: 0;
  scroll-behavior: smooth;
  box-sizing: border-box;
}
body {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  min-height: 100vh;
  overflow-x: hidden;
  background: var(--color-bg-color);
  -webkit-animation: fadeInAnimation 2s;
  animation: fadeInAnimation 2s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  will-change: opacity;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@-webkit-keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* RESET */
.uppercase {
  text-transform: uppercase;
}
.hidden {
  display: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
p {
  margin: 0;
}
address {
  font-style: normal;
}
ul,
ol {
  list-style: none;
}
ul,
ol,
li {
  margin: 0;
  padding: 0;
}
a {
  color: inherit;
}
a,
a:hover,
a:focus {
  outline: 0;
  text-decoration: none;
  box-shadow: none;
}
a[href^="tel"] {
  white-space: nowrap;
}
a[href^="mailto"] {
  word-break: break-word;
}
a,
button,
[role="button"] {
  cursor: pointer;
}
button,
input,
textarea,
select {
  outline: 0;
  -webkit-appearance: none;
  box-shadow: none;
  border-radius: 0;
  border: 0;
  background: none;
  padding: 0;
  margin: 0;
  min-width: 0;
  font: inherit;
  line-height: normal;
  text-transform: inherit;
  text-align: inherit;
  letter-spacing: inherit;
  text-indent: inherit;
  color: inherit;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
img {
  border: 0;
  outline: 0;
  height: auto;
  width: auto;
  vertical-align: middle;
}
figure {
  margin: 0;
}
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
th,
td {
  padding: 0;
  font-weight: inherit;
}
hr {
  margin: 0;
  border: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: rgba(var(--rgb), var(--opacity-light));
}
iframe {
  border: 0;
}
[tabindex="-1"]:focus {
  outline: 0 !important;
}
script {
  margin: 0 !important;
}
/* END: RESET */

.main {
  font-size: 2.778vw; /*40px*/
  font-weight: 400 !important;
  color: var(--color-white);
  /* text-transform: uppercase; */
}
.topic {
  padding: 3rem;
  color: var(--color-black);
  font-size: var(--size-main);
  font-weight: 400 !important;
  /* text-transform: uppercase; */
  text-align: center;
  display: flex;
  flex-direction: column;
  grid-gap: 7px;
  transition: var(--transition) var(--timing-function);
}
.topic-gap {
  margin-bottom: var(--spacing-lg);
}
.paragraph {
  font-size: var(--font-size-lg);
  font-weight: 500;
  /* line-height: var(--line-height-md); */
  line-height: 140%;
}
.filter.container .topic {
  padding: 0;
  text-align: start;
}
.date,
.birth,
.short-desc {
  font-size: var(--size-body);
  color: var(--color-desc2);
}
.short-desc {
  width: 100%;
  margin-top: 12px;
  font-size: var(--font-size-sm);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
a {
  text-decoration: none;
}
ul,
ol {
  list-style: none;
}
input {
  border: 0;
  border-bottom: 1px solid var(--color-black);
  font-size: var(--size-body);
  padding: 8px 0;
  outline: none;
  font-size: 14px;
}
img {
  width: 100%;
  transition: var(--transition) var(--timing-function);
}
.no-scroll {
  overflow: hidden;
}

/* =+=+=+=+=+= Modal =+=+=+=+=+= */
.modal-fullscreen {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  width: 100%;
  height: 100vh;
  overflow: hidden !important;
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  transform: translateY(100%);
  transition: all 0.4s ease;
  z-index: 99;
}
.modal-fullscreen.open {
  transform: translateY(0%);
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}
.modal-fullscreen-close {
  position: absolute;
  top: 3rem;
  right: 35px;
  font-size: 22px;
  font-weight: 500;
  z-index: 5;
}
.modal-fullscreen-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.modal-fullscreen-scroll {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.modal-fullscreen-inner {
  --max-info-w: 460px;
  --modal-p: 96px;
  --gap: 48px;

  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
  align-items: center;
  grid-gap: var(--gap);
  padding: var(--gap) 35px;
  background-color: var(--color-white);
  overflow-y: auto;
}
.modal-fullscreen-inner > .art-gallery {
  width: 56.1755952381%;
}
.modal-fullscreen-inner > .info {
  display: flex;
  flex-direction: column;
  width: 34.2261904762%;
  margin: 80px 0 auto;
  transition: var(--duration) var(--timing-function);
}
.modal-fullscreen-inner .info {
  display: flex;
  flex-direction: column;
  width: 34.2261904762%;
  padding: 60px 0;
  transition: var(--duration) var(--timing-function);
}
.modal-fullscreen .info p {
  max-width: 342px;
  font-size: 14px;
  font-weight: 500;
}
.modal-fullscreen .info form {
  display: flex;
  flex-direction: column;
  grid-gap: 1.5rem;
  margin-top: 72px;
}
/* =+=+=+=+=+= END: Modal =+=+=+=+=+= */
.media-wrapper * {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: all var(--transition) var(--timing-function);
}
.media-wrapper.media-contain * {
  object-fit: contain;
}
.media-wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.media-wrapper.media1-1:before {
  padding-top: 100%;
}
.media-wrapper.media3-2:before {
  padding-top: calc((2 / 3) * 100%);
}
.media-wrapper.media16-9:before {
  padding-top: calc((9 / 16) * 100%);
}
.media-wrapper:before {
  content: "";
  display: block;
}
.media-embed,
.media-embed * {
  width: 100%;
  height: auto;
}
.works-wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
}

* > .link-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  grid-gap: var(--spacing-container);
}
* > .link-wrapper .link,
* > .link-wrapper .btn-container {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: var(--spacing-container);
  margin: 0 auto;
  font-size: var(--font-size-md);
}
* > .link > a {
  color: var(--color-black);
  text-decoration: underline;
}
.brand {
  --logo-h: 48px;
  --logo-w: 176px;
  --logo-h-m: 48px;
  --logo-w-m: 158px;
  --logo-hover-h: 97px;
  --logo-hover-w: 318px;

  display: flex;
  align-items: center;
  width: 100%;
}
.brand .logo {
  display: block;
  width: var(--logo-w);
  transition: var(--duration) var(--timing-function);
}
.pointer {
  cursor: pointer;
  text-decoration: underline;
  color: var(--link-color);
}
.pointer:hover {
  color: var(--color-black);
}
.grid-media {
  width: 100%;
}
.grid-media .maps-wrapper {
  width: 100%;
  object-fit: contain;
}
.grid-media .maps-wrapper img {
  width: 100%;
  height: 100%;
}

#page {
  position: relative;
  min-height: 100vh;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 100%;
}

/* =+=+=+=+=+= Input =+=+=+=+=+= */
/* Text Field */
input::placeholder {
  color: transparent;
}
.input {
  position: relative;
}
.input input {
  width: 100%;
  transition: all 0.3s ease;
  font-size: var(--font-size-lg);
}
.input label {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-size: var(--font-size-lg);
  color: rgba(var(--color-black-rgb), 0.4);
  pointer-events: none;
  transition: 0.3s;
}
.input input:focus ~ label,
.input input:not(:placeholder-shown) ~ label,
.input.filled label {
  top: -2px;
  left: 0;
  font-size: 12px;
  padding: 0;
}
.wpcf7-not-valid-tip {
  position: absolute;
  font-size: 12px !important;
  bottom: calc(-1em - 16px);
  left: 0;
}
.input input::-webkit-input-placeholder {
  color: transparent;
}
.input input::--moz-placeholder {
  color: transparent;
}
.input::-moz-placeholder {
  color: transparent;
}
.input input::-ms-input-placeholder {
  color: transparent;
}
.input-wrapper {
  display: flex;
  grid-gap: 12px;
}
.input-wrapper input {
  width: var(--fullsize);
}
.input-wrapper input:focus {
  padding: 8px 12px;
  outline: none;
}
.input-wrapper button {
  padding: 8px 12px;
  border: 1px solid var(--color-black);
  background-color: var(--color-white);
  font-size: 14px;
}
.popup-form {
  background-color: var(--color-white);
  padding: var(--spacing-sm);
  width: 100%;
}
.popup-form .popup-label {
  font-size: 12px;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.popup-form .newsletter-form {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: var(--spacing-xs);
  grid-gap: 12px;
}
.popup-form .newsletter-form .input {
  width: 100%;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  box-shadow: 0 0 0px 1000px #fff inset;
  -webkit-transition: 5000s ease 0s;
  transition: 5000s ease 0s;
}
/* Radio */
/* <div class="field">
  <div class="field-choice">
      <div class="choice-list">
          <label class="radio-button">
              <input type="radio" value="a1" name="radio2" id="radio" checked />
              <span class="text">1 Adult</span>
              <label>
      </div>
      <div class="choice-list">
          <label class="radio-button">
              <input type="radio" value="a2" name="radio2" id="radio" />
              <span class="text">2 Adults</span>
              <label>
      </div>
  </div>
</div> */
.choice-list {
  padding: 4px 0;
}
.radio-button input[type="checkbox"],
.radio-button input[type="radio"] {
  position: absolute;
  overflow: hidden;
  padding: 0;
  border: 0;
  background: none;
}
.radio-button input[type="checkbox"] + span,
.radio-button input[type="radio"] + span {
  position: relative;
  display: flex;
  align-items: center;
  line-height: var(--line-height-sm);
  font-weight: 500;
  font-size: 14px;
  color: var(--color-black);
  height: fit-content;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: left top;
  user-select: none;
  grid-gap: 0.5rem;
}
.radio-button input[type="checkbox"] + span:before,
.radio-button input[type="radio"] + span:before {
  content: "";
  width: 17px;
  height: 17px;
  font-weight: 500;
  font-size: 14px;
  color: var(--color-black);
  letter-spacing: 1.4px;
  text-transform: uppercase;
  background-color: transparent;
  line-height: 20px;
  border: 1px solid var(--color-black);
  border-radius: 0;
  position: relative;
  left: 0;
}
.radio-button input[type="checkbox"] + span:after,
.radio-button input[type="radio"] + span:after {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  background: transparent;
  border-radius: 0;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.radio-button input[type="checkbox"]:checked + span:before,
.radio-button input[type="radio"]:checked + span:before {
  background: var(--color-white);
  border-color: var(--color-black);
}
.radio-button input[type="checkbox"]:checked + span:after,
.radio-button input[type="radio"]:checked + span:after {
  opacity: 1;
  background: var(--color-black);
  width: 7px;
  height: 7px;
  top: 4.8px;
  left: 4.5px;
}
.radio-button input[type="radio"] + span:before,
.radio-button input[type="radio"] + span:after {
  border-radius: 50%;
}
/* =+=+=+=+=+= END: Input =+=+=+=+=+= */

/* =+=+=+=+=+= Tags =+=+=+=+=+= */
.tags {
  display: flex;
  width: var(--content);
  height: var(--content);
  margin-top: 12px;
  padding: 12px;
  background-color: var(--color-white);
  border: 1.5px solid;
  font-weight: 500;
  font-size: 14px !important;
  margin: 12px auto 0;
}
.tags.onsite-exh {
  color: var(--color-blue);
  border-color: var(--color-blue);
}
.tags.offsite-exh {
  color: var(--color-green);
  border-color: var(--color-green);
}
.tags.onsite-evt {
  color: var(--color-orange);
  border-color: var(--color-orange);
}
.tags.offsite-evt {
  color: var(--color-pink);
  border-color: var(--color-pink);
}
/* =+=+=+=+=+= END: Tags =+=+=+=+=+= */

/* =+=+=+=+=+= ANIMATION =+=+=+=+=+= */
@keyframes customFadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 10px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.c-fadeInUp {
  -webkit-animation-name: customFadeInUp;
  animation-name: customFadeInUp;
}
[data-aos="fade-up"] {
  transform: translate3d(0, 300px, 0);
}
/* =+=+=+=+=+= END: ANIMATION =+=+=+=+=+= */

/* =+=+=+=+=+= HEADER =+=+=+=+=+= */
#header {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 999;
}
.header-menu-wrapper {
  width: var(--fullsize);
  text-transform: uppercase;
  font-size: var(--header-fluid-txt);
  margin-top: 0;
}
.header-menu-wrapper .on-view {
  display: none;
}
.header-nav {
  position: relative;
  width: calc(100% - (var(--page-margin) * 2));
  background-color: var(--color-white);
  margin: 0 auto;
  padding: 1rem 20px;
  display: flex;
  justify-content: end;
  align-items: end;
  transition: var(--transition) var(--timing-function);
}
.header-nav .header-brand {
  margin: auto 0;
}
.header-nav .search-and-event {
  display: flex;
  margin: auto 0;
  grid-gap: 40px;
}
.header-nav .event-detail {
  display: flex;
  flex-direction: column;
  align-items: end;
  grid-gap: 4px;
  /* font-size: clamp(10px, 5.5857px + 0.4454vi, 12px); */
  font-size: var(--header-fluid-txt);
  text-align: end;
  width: 25vw;
}
.header-nav .event-detail a {
  color: rgba(var(--color-black-rgb), 0.4);
}
.header-nav .event-detail a.detail {
  color: rgba(var(--color-black-rgb), 1);
}
.header-nav .header-search {
  margin: auto 0;
}
.header-nav .header-search button {
  width: 40px;
  height: 40px;
}
.header-nav .header-search button i {
  font-size: 38px;
}
.header-main-menu {
  --column: 3;
  --padding-x: 16px;
}
.header-main-menu *:is(a) {
  cursor: pointer;
}
.header-main-menu .mainmenu {
  display: flex;
  height: auto;
  overflow: hidden;
  flex-direction: column;
  justify-content: flex-end;
  grid-gap: 3px;
  position: relative;
  /* padding-left: 2.83vw; */
  padding-left: 30px;
  transition: all 0.4s ease;
}
.header-main-menu .mainmenu a {
  display: flex;
  color: var(--link-color);
  width: fit-content;
}
.header-main-menu .mainmenu a:before {
  font-family: "iconfont" !important;
  content: "\e90e";
  margin-right: 6px;
  display: none;
}
.header-main-menu .mainmenu a:is(:hover, .mouseenter) {
  color: var(--color-black);
}
.header-main-menu .mainmenu a:is(:hover, .mouseenter):before {
  display: block;
}
.header-main-menu .mainmenu > li > *:not(ul) {
  max-width: calc(100% / var(--column));
}
.header-main-menu .mainmenu > li > ul {
  width: calc((100% / var(--column)) * 2);
  position: absolute;
  bottom: 0;
  /* left: calc(100% / var(--column)); */
  left: calc(var(--menu-w) + 60px);
  flex-direction: column;
  grid-gap: 3px;
}
.header-main-menu .mainmenu > li > ul > li {
  width: 50%;
}
.header-main-menu .mainmenu > li > ul > li > ul {
  /* display: none; */
  /* left: 50%; */
  left: calc(var(--submenu-w) + 30px);
  right: 0;
  width: 50%;
  position: absolute;
  bottom: 0;
  flex-direction: column;
  grid-gap: 3px;
}
.header-main-menu .mainmenu .bg {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  height: 100%;
  max-height: var(--height);
  overflow: hidden;
  width: calc(100% - (var(--page-margin) * 2));
  background-color: var(--color-white);
  margin: 0 auto;
  padding: 1rem 20px;
  transition: max-height 0.4s ease;
}
.header-nav {
  justify-content: space-between !important;
}
.header-burger-menu {
  display: none;
}
.header-nav .header-burger-menu button {
  width: 40px;
  height: 40px;
  padding: 4px;
  background: var(--color-white);
}
.header-nav .header-burger-menu button i {
  font-size: 32px;
}
.header-nav .header-search button {
  position: relative;
}
.header-search-input {
  display: none;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  padding-right: 68px;
  width: 100%;
  max-width: 470px;
}
.header-search-input input[type="search"] {
  text-transform: uppercase;
}
/* =+=+=+=+=+= END: HEADER =+=+=+=+=+= */

/* =+=+=+=+=+= MAIN =+=+=+=+=+= */
#main {
  width: 100%;
  position: relative;
  z-index: 1;
}
.page-container {
  margin-bottom: 10rem;
}
.page-container.artist-page,
.page-container.exhibition-page {
  margin-bottom: 0 !important;
}
.page-container.artist-page > section:last-child {
  padding-bottom: 148px;
}
.centered-box {
  width: var(--max-centered-box);
  margin: 0 auto;
}
.index-page {
  margin-bottom: 10rem;
}
/* =+=+=+=+=+= END: MAIN =+=+=+=+=+= */

/* =+=+=+=+=+= BUTTON =+=+=+=+=+= */
button {
  background-color: transparent;
  padding: 0;
  display: grid;
  justify-content: center;
  align-items: center;
}
button[type="button"] {
  border: 0 !important;
  cursor: pointer;
}
.btn-download .ic {
  margin-right: 8px;
  font-size: 14px;
}
/* PRIMARY */
.btn-primary {
  width: var(--content);
  text-transform: uppercase;
  font-weight: 500 !important;
  padding: 20px 24px;
  border: 0;
  border-radius: 4rem;
  background-color: var(--color-white);
  box-shadow: var(--btn-shadow) rgba(var(--color-black-rgb), 0.25);
  transition: var(--transition) var(--timing-function);
  cursor: pointer;
  z-index: var(--base);
}
.btn-primary:hover {
  background-color: var(--color-btn-hover);
}
.btn-primary:active {
  box-shadow: var(--btn-shadow-active) rgba(var(--color-black-rgb), 0.25);
}
.btn-primary:disabled {
  color: var(--color-desc2);
  background-color: var(--color-btn-disable);
  box-shadow: var(--btn-shadow-disabled) rgba(var(--color-black-rgb), 0.25);
}
/* SECONDARY */
.mobile.btn-to-top {
  display: none;
  width: var(--content);
  height: var(--content);
  position: relative;
  padding: 14px;
  right: 0;
  color: var(--color-black);
  background-color: var(--color-white);
  z-index: 999;
}
.mobile.btn-to-top i {
  font-size: var(--font-size-md);
}
.btn-secondary {
  display: flex;
  grid-gap: 10px;
  border: 0;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: var(--font-size-sm);
  color: var(--color-black);
  margin: 0 auto;
}
.btn-secondary i {
  font-size: 18px;
}
.btn-secondary.bottom {
  margin: 48px 0;
}
/* =+=+=+=+=+= END: BUTTON =+=+=+=+=+= */

/* =+=+=+=+=+= Media Slide =+=+=+=+=+= */
/* HERO */
#hero {
  position: relative;
  width: 100%;
  height: 100svh;
  max-height: 100svh;
  object-fit: cover;
  object-position: center center;
  overflow: hidden;
}
#hero > .swiper-hero {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#hero::before {
  content: "";
  display: block;
}
#hero .sc-logo {
  position: absolute;
  height: var(--fullsize);
  width: inherit;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: end;
}
#hero .sc-logo .logo {
  position: relative;
  bottom: 2rem;
  width: 36vw;
  z-index: 2;
  opacity: 0;
  transition: var(--duration) var(--timing-function);
}
[data-section="index-hero"] {
  overflow-x: hidden;
}
[data-section="index-hero"] .topic {
  color: var(--color-white) !important;
}
.swiper-hero {
  height: 100%;
}
.swiper-hero .current-exhi {
  width: var(--fullsize);
  height: var(--fullsize);
  padding: calc(var(--header-m-h) + 40px) 0;
  position: absolute;
  text-align: center;
  /* background-color: rgba(var(--color-black-rgb), var(--opacity)); */
  background-color: transparent;
}
.swiper-hero .current-exhi h1 {
  text-transform: uppercase;
  color: var(--color-white);
  margin-bottom: 0.5rem;
}
.swiper-hero .swiper-wrapper,
.swiper-hero .swiper-wrapper .swiper-slide {
  position: relative;
  /* height: inherit; */
}
.swiper-hero .swiper-slide {
  opacity: 0 !important;
  z-index: 0;
}
.swiper-hero .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
  z-index: 1;
}
[data-selected="artist-hero"],
[data-section="exhibition-hero"] {
  height: fit-content;
}
[data-section="artist-hero"] .artist .info,
[data-section="exhibition-hero"] .artist .info {
  width: var(--fullsize);
  min-height: 24rem;
  color: var(--color-white);
  position: absolute;
  top: 0;
  left: 0;
  padding: 72px 0;
  background: linear-gradient(
    180deg,
    rgba(var(--color-black-rgb), var(--opacity)) 0%,
    rgba(var(--color-black-rgb), 0) 100%
  );
  text-align: center;
}
[data-section="artist-hero"] .artist .info .topic {
  padding: 0;
}
[data-section="artist-hero"] .sc-cover img {
  display: block;
  width: var(--fullsize);
  height: inherit;
  object-fit: cover;
}
[data-section="artist-hero"] img,
[data-section="exhibition-hero"] img,
[data-section="artist-hero"] video,
[data-section="exhibition-hero"] video {
  width: var(--fullsize);
}
/* END: HERO */

/* PAGE INDEX */
[data-section="index-exhibition"] > .topic {
  padding-top: 0;
  padding-bottom: 40px;
}
[data-section="index-art"] > div,
[data-section="index-gallery"] > div,
[data-section="index-exhibition"] > div,
[data-section="index-recent-news"] > div {
  position: relative;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: column;
  margin-bottom: 3rem;
  text-align: center;
}
[data-section="index-exhibition"] > div{
  margin-bottom: 0;
}
[data-section="index-hero"] + [data-section="index-gallery"] > div {
  margin-top: 3rem;
}
[data-section="index-art"] .art-desc {
  width: 100%;
  max-width: var(--max-centered-box);
  text-align: justify;
}
.artist-desc h1:nth-child(2) {
  margin: 10px 0;
}

/* EXHIBITION SECTION */
[data-section="index-exhibition"] .container,
[data-section="index-exhibition"] .container img {
  width: 100%;
  max-width: var(--max-centered-box);
}
[data-section="index-exhibition"] {
  background-color: var(--color-dark-grey);
  padding: 40px 0;
}
[data-section="index-exhibition"] .exhibition.container {
  display: grid;
  grid-gap: 40px;
}
[data-section="index-exhibition"] .exhibition.container .wrapper .detail {
  margin-top: 1.111vw;
  display: grid;
  align-items: start;
  text-align: start;
  grid-template-columns: 1fr 1fr;
  grid-gap: 24px;
  row-gap: 0;
}
[data-section="index-exhibition"] .exhibition.container .wrapper .tags {
  margin-left: 0;
  margin-right: 0;
}
[data-section="index-exhibition"] .detail .information > *:is(h3, :not(.date)) {
  font-size: var(--size-topic);
}
[data-section="index-exhibition"] .exhibition.container .information,
[data-section="index-exhibition"]
  .exhibition.container
  .location:is(:not(.date)) {
  text-align: left;
  color: var(--color-black);
}
[data-section="index-exhibition"]
  .exhibition.container
  .detail
  .location
  p:nth-child(1) {
  color: var(--color-desc2);
}
[data-section="index-exhibition"] .exhibition.container .description {
  text-align: left;
  font-size: var(--size-paragraph);
  /* overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 15; */
}
[data-section="index-recent-news"] *:is(a) {
  color: var(--color-black);
}
.exhi-upcoming-page *:is(.thumb) {
  cursor: default;
}

.thumb {
  position: relative;
  text-align: center;
  position: relative;
  font-size: clamp(16px, 11.5857px + 0.4454vi, 18px);
  cursor: pointer;
}
.thumb .desc {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-size: clamp(16px, 11.5857px + 0.4454vi, 18px);
  margin-top: var(--spacing-xs);
  cursor: pointer;
}
.thumb .media-wrapper > img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  transition: all var(--transition) var(--timing-function);
  object-position: top;
}
.thumb .media-wrapper::after,
.thumb.filter .media-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(var(--color-body-rgb), 0.3);
  transition: all var(--transition) var(--timing-function);
}
.thumb:hover .media-wrapper:after,
.thumb.filter:hover .media-wrapper:after {
  opacity: 1;
}
/* NEWS */
[data-pin="active"]::before {
  font-family: "iconfont";
  content: "\e913";
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  color: var(--color-white);
  font-size: 20px;
  z-index: 1;
}

/* NEWS SECTION */
.main-recnt-news {
  height: var(--fullsize);
}
/* GLOBAL LIST */
.list {
  --f-column-full: 3;
  --f-column-m: 2;
  --f-gap-y: 24px;
  --f-gap-x: 40px;

  --evt-column: 2;

  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
  align-items: start;
  grid-gap: 3rem 1.5rem;
  /* text-transform: capitalize; */
  transition: var(--duration) var(--timing-function);
}
.list.filter {
  justify-content: left;
}
.list.related-evt {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: auto;
}
.list *:is(.thumb) {
  width: calc((100% - (var(--gap-y) * (var(--column) - 1))) / var(--column));
}
.list *:is(.thumb.filter) {
  width: calc(
    (100% - (var(--f-gap-y) * (var(--f-column-full) - 1))) /
      var(--f-column-full)
  );
}
.list *:is(.thumb):not(.date, .tags) {
  color: var(--color-black);
}
.work-item {
  position: relative;
  width: var(--content);
  height: var(--content);
}
.work-item .works-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-white);
  opacity: 0;
  transition: all var(--transition) var(--timing-function);
}
.work-item .works-wrapper .content {
  position: relative;
  padding: 12px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: var(--font-size-sm);
}
.work-item .works-wrapper .content > div {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.work-item .works-wrapper .content > div p {
  font-weight: 500;
}
.work-item .works-wrapper .content .btn-primary {
  padding: 10px 12px;
  height: 35px;
}
.work-item .works-wrapper .content .btn-primary:hover,
.btn-primary.purchase_iqr:hover {
  background-color: var(--color-black);
  color: var(--color-white);
}
.work-item:hover .works-wrapper {
  opacity: 1;
}
.work-item .image,
.yearinfo-item .image {
  display: flex;
  width: var(--fullsize);
  height: var(--content);
  object-fit: cover;
}
.news-item img,
.work-item img,
.yearinfo-item img {
  width: var(--fullsize);
}
.yearinfo-item {
  position: relative;
}
/* END: NEWS SECTION */

/* ARTIST & WORKS & EXHIBITION & SELECTION & PUBLICATION SECTION */
.artist-page > *,
.exhibition-page > * {
  background-color: var(--color-bg-color);
}
.artist-page > *:nth-child(odd),
.exhibition-page > *:nth-child(odd) {
  background-color: var(--color-dark-grey);
}
[data-section="artist-info"] {
  padding: 100px 0;
}
[data-section="artist-info"],
[data-section="exhibition-artist"] {
  display: flex;
  justify-content: center;
  align-items: center;
}
#biography[data-section="artist-info"] {
  flex-direction: column;
}
[data-section="exhibition-artist"],
[data-section="exhibition-evt-related"] {
  flex-direction: column;
  /* margin: 40px 0; */
}
.artist-info.container {
  width: var(--content);
  padding: 0 var(--page-margin);
  display: flex;
  justify-content: center;
  align-items: start;
  grid-gap: var(--artist-info-gap);
}
.artist-info.container img {
  width: 100%;
  max-width: 35rem;
  margin-bottom: var(--spacing-sm);
}
.artist-info.container .artist {
  width: var(--fullsize);
  text-align: center;
  color: var(--color-desc);
}
.info .wrapper .name {
  font-size: var(--size-main);
  text-transform: uppercase;
}
[data-section="artist-info"] .info .wrapper .birth,
[data-section="exhibition-artist"] .info .wrapper .birth {
  color: var(--color-desc);
}
.artist-info.container .info {
  width: 100%;
  max-width: 26rem;
  display: flex;
  margin: 0 auto;
  flex-direction: column;
  justify-content: start;
  grid-gap: 1.25rem;
}
.artist-page > *:not([data-section="artist-hero"]) {
  padding: 64px 0;
}
.artist-page > *:not([data-section="artist-hero"]) .topic {
  padding-top: 0;
}
/* END: ARTIST & WORKS SECTION */

/* WORK & PRESS */
.work-list {
  --wl-gap-x: 20px;
  --wl-gap-y: 16px;
  --wl-column-full: 6;
  --wl-column-lg: 4;
  --wl-column-m: 3;
  --wl-column-s: 2;
  display: flex;
  flex-wrap: wrap;
  width: fit-content;
  grid-gap: var(--wl-gap-x) var(--wl-gap-y);
  margin-top: 2rem;
}
.work-list .work-item {
  width: calc(
    (100% - (var(--wl-gap-y) * (var(--wl-column-full) - 1))) /
      var(--wl-column-full)
  );
}
[data-section="artist-press"] {
  /* background-color: var(--color-dark-grey); */
  padding: 40px 0 72px;
}
[data-section="artist-worklist"],
[data-section="exhibition-artist-worklist"],
[data-section="artist-gallery"] {
  position: relative;
  /* background-color: var(--color-work); */
  /* padding: 40px var(--page-margin);
  margin: 40px 0; */
}
[data-section="exhibition-visit"] {
  padding-bottom: 64px;
}
[data-section="exhibition-artist-worklist"] {
  padding: 40px var(--page-margin);
}
[data-section="exhibition-artist-worklist"] .topic {
  padding: 0;
}
[data-section="artist-gallery"] {
  /* background-color: var(--color-dark-grey); */
}
.artist-page [data-section="artist-worklist"],
[data-section="artist-gallery"] {
  margin: 0;
}
[data-section="artist-worklist"] .artwork.container,
[data-section="exhibition-artist-worklist"] .container {
  position: relative;
}
[data-section="artist-worklist"] .artwork.container .btn-primary,
[data-section="exhibition-artist-worklist"] .artwork.container .btn-primary {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}

.work-item-wrap::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--content);
  background-color: #0070d7;
}
.work-item-wrap {
  width: 100%;
  height: var(--content);
}
#btn-loadmore.btn-secondary,
#backtotop.btn-secondary {
  margin: 40px auto 0;
}
[data-section="terms"] #backtotop.btn-secondary {
  margin: 0 !important;
}
[data-section="exhibition-info"] .exhi-context #btn-loadmore {
  display: none;
}
[data-section="artist-worklist"] .work-item img,
[data-section="artist-press"] .press-item img {
  width: var(--fullsize);
  height: var(--fullsize);
  object-fit: cover;
}
[data-section="artist-press"] .press-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  grid-gap: 1rem;
  text-align: center;
}
[data-section="artist-press"] .press-item .image {
  width: var(--fullsize);
}
[data-section="artist-press"] .press-list {
  display: flex;
  flex-wrap: wrap;
  grid-gap: var(--gap-y) var(--gap-x);
  justify-content: center;
  align-items: flex-start;
}
.press-list > * {
  width: calc(
    (100% - (var(--gap-y) * (var(--column-full) - 1))) / var(--column-full)
  );
}
/* END: WORK & PRESS */

/* PUBLICATIONS */
[data-section="artist-publication"] {
  /* margin: 72px 0 160px; */
}
[data-section="artist-publication"] .publication.container {
  padding: 0 var(--page-margin);
}
[data-section="artist-publication"] .publication.container .public-item img {
  width: 100%;
  height: 100%;
}
[data-section="artist-publication"] .public-list {
  width: var(--fullsize);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1.5rem;
}
.public-item .desc {
  font-size: var(--size-paragraph);
  text-align: center;
  margin-top: 10px;
}
.public-item .desc {
  font-size: var(--size-paragraph);
  text-align: center;
  margin-top: 10px;
}
/* END: PUBLICATIONS */

/* EXHIBITION PAGE */
/* INFO */
[data-section="exhibition-info"] {
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: var(--spacing-container);
  padding: 72px var(--page-margin);
  text-align: center;
}
[data-section="exhibition-info"] .topic {
  grid-gap: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.exhibition-page [data-section="exhibition-info"] .topic .exhibition-heading {
  margin-bottom: 30px;
}
[data-section="exhibition-info"] .date {
  margin: 10px 0;
}
[data-section="exhibition-info"] .tags {
  font-size: var(--size-tags);
  margin: 0 auto;
}
[data-section="exhibition-info"] .exhi-context,
[data-section="exhibition-info"] .exhi-doc,
[data-section="artist-info"] .exhi-doc {
  text-align: start;
  font-size: var(--size-body);
}
[data-section="exhibition-info"] .exhi-doc,
[data-section="artist-info"] .exhi-doc {
  display: flex;
  flex-direction: column;
  grid-gap: 1.5rem;
  margin-top: var(--spacing-lg);
}
[data-section="exhibition-info"] .exhi-doc h3,
[data-section="artist-info"] .exhi-doc h3 {
  text-align: center;
}
[data-section="artist-info"] .exhi-doc .docname {
  align-items: center;
}
[data-section="artist-info"] .exhi-doc p {
  max-width: 261px;
}
.docname {
  display: flex;
  justify-content: space-between;
  padding: 0 0 24px 0;
  border-bottom: 1px solid var(--color-black);
}
.docname p {
  max-width: 312px;
}
[data-section="exhibition-gallery"] {
  padding: 60px 0;
}
 [data-section="exhibition-infoAndGallery"] [data-section="exhibition-gallery"]{
  padding: 60px 0;
 }
[data-section="exhibition-artist-worklist"] .topic .btn-container {
  margin: 0;
}
/* RELATED */
[data-section="exhibition-evt-related"],
[data-section="event-exhi-related"] {
  padding-bottom: 72px;
  /* background-color: var(--color-work); */
  /* padding: 72px 0 160px; */
  /* margin: 64px 0 0; */
}
[data-section="event-exhi-related"] .btn-secondary.bottom {
  margin-bottom: 0;
}
/* END: RELATED */
/* END: EXHIBITION PAGE */

/* FILTER CONTAINER */
.filter.container {
  padding-bottom: 10rem;
  background-color: var(--color-bg-color);
}
[data-section="exhibition-past"],
[data-section="exhibition-upcoming"],
[data-section="news"],
[data-section="events"],
[data-section="search-result"] {
  display: flex;
  grid-gap: var(--thumbnail-gap);
  margin: 0 var(--page-margin);
}
[data-section="news"] .tags {
  margin-top: 1rem;
}
/* EVENT SINGLE PAGE */
[data-section="event-info"],
[data-section="terms"] {
  padding: 108px 0 0;
}
[data-section="event-info"] .container > * {
  text-align: center;
}
[data-section="event-info"] .container .topic {
  padding: 0;
  grid-gap: 0;
}
[data-section="event-info"] .container .topic:first-child {
  padding-bottom: 40px;
}
[data-section="event-info"] .date {
  margin-top: 10px;
}

[data-section="event-gallery"] {
  /* margin: var(--spacing-container) 0 0 0; */
  padding-bottom: 64px;
}
.event-single-page > *:last-child{
  padding-bottom: 150px;
}
[data-section="event-content"] {
  margin: 64px 0;
}
[data-section="event-info"] .container,
[data-section="event-content"] .container {
  display: flex;
  flex-direction: column;
}
[data-section="event-content"] .container {
  grid-gap: var(--spacing-lg);
}
[data-section="event-content"]
  .container
  *:is(:not(iframe, video, .video-wrapper)) {
  max-width: var(--max-centered-box);
  margin: 0 auto;
}
[data-section="event-content"] .container iframe {
  width: 100vw;
  height: 100vh;
}
.video-wrapper {
  overflow: hidden;
  padding-top: 66.666667%;
  position: relative;
  height: 0;
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* END: EVENT SINGLE PAGE */

/* TERMS PAGE */
[data-section="terms"] {
  margin-bottom: 10rem;
}
[data-section="terms"] .terms-content,
[data-section="terms"] .terms-content .contxt {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  font-size: var(--size-body);
  grid-gap: var(--spacing-container);
}
[data-section="terms"] .terms-content .contxt {
  grid-gap: var(--spacing-md);
}
[data-section="terms"] .terms-content .contxt > * {
  line-height: var(--line-height-md);
}
[data-section="terms"] .terms-content .contxt > ul {
  padding: 0;
}
[data-section="terms"] .terms-content .contxt > ul li:before {
  content: "•";
  margin: 0 6px;
}
/* END: TERMS PAGE */

/* ABOUT PAGE */
.about-page
  *[data-section*="about-"]:not(
    [data-section="about-contxt"],
    [data-section="about-hero"],
    [data-section="about-calendar"],
    [data-section="about-link"]
  ) {
  /* margin-top: 100px; */
}
.about-page *[data-section*="about-"]:not([data-section="about-hero"]) {
  padding: 64px 0;
}
[data-section="about-contxt"] .contxt > .topic {
  padding: 0;
  padding-top: 50px;
}
.about-page *[data-section*="about-"] .contxt > p {
  color: var(--color-desc);
}
[data-section="about-contxt"] .contxt > h1 {
  padding: 0;
  margin: 0;
}
[data-section="about-contxt"] .contxt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  grid-gap: var(--spacing-container);
}
[data-section="about-pathyear"],
[data-section="about-bookshop"] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  grid-gap: var(--spacing-lg);
}
[data-section="about-pathyear"] .wrapper,
[data-section="about-bookshop"] .wrapper {
  display: flex;
  flex-direction: column;
  grid-gap: 40px;
}
[data-section="about-contxt"] .contxt {
  grid-gap: var(--spacing-container);
}
[data-section="about-link"] {
  margin-top: 72px;
}
[data-section="about-link"] .link-wrapper {
  flex-direction: column;
}
.about-page .topic h1 {
  font-size: var(--size-main);
}
[data-section="about-hero"] .hero img {
  width: 100%;
  object-fit: cover;
}
[data-section="about-hero"] .hero {
  position: relative;
  height: var(--container-h-screen);
}

[data-section="about-hero"] .hero picture,
[data-section="about-hero"] .hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
[data-section="about-bookshop"] {
  margin-bottom: 100px;
}
[data-section="about-pathyear"] .contxt,
[data-section="about-bookshop"] .contxt {
  margin: 0 auto;
  text-align: center;
}
[data-section="about-bookshop"] .contxt .topic,
[data-section="about-pathyear"] .contxt .topic {
  padding: 0 0 12px 0;
}
[data-section="about-pathyear"] .contxt h1,
[data-section="about-bookshop"] .contxt h1 {
  margin-bottom: 12px;
}
[data-section="about-pathyear"] .year-list,
[data-section="about-bookshop"] .year-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: center;
  grid-gap: 1.5rem;
  row-gap: 3rem;
  /* text-transform: capitalize; */
  padding: 0 var(--page-margin);
}
[data-section="about-pathyear"] .wrapper:has(.year-list.center-few) {
  width: 100%;
}
[data-section="about-pathyear"] .year-list.center-few {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
[data-section="about-pathyear"] .year-list.center-few > .yearinfo-item {
  width: calc((100% - (1.5rem * 2)) / 3);
}
[data-section="about-pathyear"] .yearinfo-item .info,
[data-section="about-bookshop"] .yearinfo-item .info {
  padding: 12px;
  text-align: center;
}
[data-section="about-pathyear"] .yearinfo-item .info span,
[data-section="about-bookshop"] .yearinfo-item .info span {
  display: block;
}
[data-section="about-pathyear"] .yearinfo-item .info *:is(a),
[data-section="about-bookshop"] .yearinfo-item .info *:is(a) {
  color: var(--color-black);
  text-decoration: underline !important;
}
[data-section="about-contact"] {
  background-color: var(--color-dark-grey);
  text-align: center;
  padding: 72px 0 48px;
}
[data-section="about-contact"] .contxt > .topic {
  padding: 0 0 40px;
}
[data-section="about-contact"] .contxt > .contact {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: var(--font-size-lg);
}
[data-section="about-contact"] .contxt > .contact ~ .place > .topic {
  padding: 0 0 var(--spacing-md);
}
[data-section="about-contact"] .contxt > .contact ~ .place {
  padding-bottom: var(--spacing-lg);
}
[data-section="about-contact"] .contact p {
  padding: 0 var(--spacing-container-p);
  font-size: var(--size-body);
  margin-bottom: var(--spacing-md);
}
[data-section="about-contact"] .contact a:not(.social a) {
  text-decoration: underline;
}
[data-section="about-contact"] .contact .social {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  grid-column-gap: 1.5rem;
  grid-row-gap: 0;
  margin: var(--spacing-md) 0;
  font-size: 20px;
}
[data-section="about-contact"] .contact .social i {
  color: var(--color-black);
}
[data-section="about-calendar"] {
  background-color: var(--color-white);
  padding-bottom: 3rem;
}
/* END: ABOUT PAGE */

.search-page .thumbnails {
  padding-top: var(--sidebar-p-t);
}
.thumbnails {
  width: 80%;
  padding-top: 6rem;
}
.thumbnails .announce {
  margin-bottom: var(--announce-margin);
  font-size: var(--font-size-h5);
}
.thumbnail-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: var(--thumbnail-r-gap);
  grid-gap: var(--thumbnail-c-gap);
}
/* END: FILTER CONTAINER */

/* =+=+=+=+=+= Sidebar =+=+=+=+=+= */
#sidebar * {
  transition: var(--transition) var(--timing-function);
}
#sidebar *:is(ul) {
  font-size: 22px;
}
#sidebar *:is(ul):not(.search-page ul) {
  padding: 0;
  display: flex;
  flex-direction: column;
  grid-gap: 14px;
}
#sidebar *:is(a) {
  cursor: pointer;
}
#sidebar.sidebar,
#sidebar.block {
  width: var(--sidebar-container-max-w);
  padding: var(--sidebar-p-t) 0;
}
#sidebar.sidebar {
  position: fixed;
  z-index: 2;
}
[data-section="search-result"] #sidebar.sidebar {
  padding: 103px 0 var(--sidebar-p-t);
}
#sidebar.block {
  position: relative;
  min-width: var(--sidebar-container-max-w);
  z-index: 1;
}
#sidebar .menu:not(.search-page #sidebar .menu) {
  max-width: var(--sidebar-w);
  padding: var(--sidebar-p-t), 0, 0;
  display: flex;
  flex-direction: column;
  grid-gap: var(--thumbnail-r-gap);
  /* text-transform: uppercase; */
}
#sidebar .menu:is(p) {
  font-size: var(--font-size-lg);
}
#sidebar .menu .year-selected {
  display: grid;
  grid-template-columns: repeat(4, fit-content(100%));
  grid-gap: 4px 12px;
  /* font-size: var(--fluid-topic-sidebar); */
  font-size: 26px;
  scrollbar-width: none;
}
#sidebar .menu .search-result {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  margin-bottom: 40px;
  font-size: var(--size-body);
}
#sidebar .menu .filters {
  padding: 0 !important;
}
#sidebar .menu .filters li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--color-black);
  font-size: var(--size-body);
}
#sidebar .menu * {
  transition: var(--duration) var(--timing-function);
}
#sidebar .menu .types a {
  margin-bottom: 12px;
}
#sidebar .menu .year-selected a,
#sidebar .menu .types a,
#sidebar .menu .filters a,
#sidebar .menu .filters p {
  color: rgba(var(--color-black-rgb), var(--opacity));
}
#sidebar .menu *:is(a):hover::before,
#sidebar .menu *:is(a):hover::before {
  font-family: "iconfont" !important;
  content: "\e90e";
  margin-right: 6px;
}
#sidebar .menu .year-selected a:hover::before,
#sidebar .menu .year-selected a:active::before {
  content: none !important;
}
#sidebar .menu *:is(a.active) {
  color: var(--color-black);
}
#sidebar .menu *:is(a.active):not(.year-selected a)::before {
  font-family: "iconfont" !important;
  content: "\e90e";
  margin-right: 6px;
}
#sidebar .menu .filters a {
  margin: 12px 0;
}
#sidebar .menu .types-selection {
  display: none;
}
/* =+=+=+=+=+= END: Sidebar =+=+=+=+=+= */

/* =+=+=+=+=+= Gallery Slider =+=+=+=+=+= */
.swiper.image {
  position: relative;
  width: var(--fullsize);
  display: flex;
  flex-direction: column;
  justify-content: center;
  grid-gap: 20px;
  overflow: hidden;
}
.swiper.image .swiper-slide {
  display: flex;
  flex-direction: column;
  grid-gap: 1rem;
}
.swiper.image .desc {
  margin: 0 auto;
  font-size: 1rem;
  text-align: center;
  color: var(--color-desc);
  max-width: 645px;
}
.swiper.image .swiper-slide {
  /* opacity: 0 !important;
  z-index: 0 !important; */
}
.swiper.image .swiper-slide.swiper-slide-active {
  /* opacity: 1 !important;
  z-index: 1 !important; */
}
.swiper-slide .sc-cover img {
  object-fit: cover;
  object-position: center;
}
.swiper-slide .sc-cover {
  /* height: inherit; */
  height: 100%;
  display: flex;
}
.swiper-slide > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.navigation {
  width: calc(var(--fullsize) - 2rem);
  max-width: var(--max-centered-box);
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}
.navigation *[class^="swiper-button-"] {
  color: var(--color-black) !important;
}
.swiper-button-disabled {
  opacity: 1 !important;
}
.swiper-button-next,
.swiper-button-prev,
.swiper-pagination {
  width: var(--content);
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: fit-content;
  margin-top: 0;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: "iconfont";
  font-size: 28px;
  color: var(--color-black);
}
.swiper-button-next.mobile,
.swiper-button-prev.mobile {
  display: none;
}
.swiper-button-next:after {
  content: "\e907";
}
.swiper-button-prev:after {
  content: "\e904";
}
.swiper-pagination span,
.swiper-pagination {
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-desc);
}
.swiper-pagination span.swiper-pagination-current {
  color: var(--color-black);
}
.art-gallery .entry-gallery > * {
  transition: var(--duration) var(--timing-function);
}
.art-gallery .entry-gallery {
  --preview-width: 100%;
  --thumbs-width: 60px;
  position: relative;
  width: 100%;
}
.art-gallery .entry-gallery .object-fit {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.art-gallery .entry-gallery .object-fit:before {
  content: "";
  display: block;
  width: 100%;
  height: auto;
  padding-bottom: 100%;
}
.art-gallery .entry-gallery .object-fit > *:is(img, video) {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
  transform: none;
}
.art-gallery .entry-gallery .preview {
  width: calc(100% - (var(--thumbs-width) + 48px));
  margin-left: auto;
}
.art-gallery .entry-gallery .preview .object-fit {
  width: 100%;
  max-height: calc(100vh - (var(--gap) * 2));
}
.art-gallery .entry-gallery .preview .object-fit > * {
  object-fit: contain;
}
.art-gallery .entry-gallery .preview .swiper-slide {
  z-index: 0 !important;
  opacity: 0 !important;
}
.art-gallery .entry-gallery .preview .swiper-slide-active {
  opacity: 1 !important;
  z-index: 1 !important;
}
.art-gallery .entry-gallery .thumbs .swiper-button-disabled {
  opacity: 1 !important;
}
.art-gallery .entry-gallery .thumbs {
  position: absolute;
  top: 0;
  width: 60px;
  height: 100%;
  padding: 40px 0;
  overflow: hidden;
}
.art-gallery .entry-gallery .thumbs .swiper {
  width: 100%;
  max-height: 100%;
  overflow: visible;
  position: static;
}
.art-gallery
  .entry-gallery
  .thumbs
  .swiper-wrapper
  > .swiper-slide:not(:nth-last-child(-n + 1)) {
  padding-bottom: 5px;
}
.art-gallery .entry-gallery .thumbs *[class*="swiper-button-"] {
  position: absolute;
  width: 100%;
  height: 40px;
  background-color: var(--color-white);
  left: calc(var(--thumbs-width) / 2);
  transform: translateX(-50%);
}
.art-gallery .entry-gallery .thumbs .swiper-button-prev {
  top: 0;
  bottom: auto;
}
.art-gallery .entry-gallery .thumbs .swiper-button-next {
  top: auto;
  bottom: 0;
}
.art-gallery .entry-gallery .thumbs .swiper-button-prev:after {
  content: "\e90b";
}
.art-gallery .entry-gallery .thumbs .swiper-button-next:after {
  content: "\e909";
}
.art-gallery .entry-gallery .swiper-button-next.mobile:after {
  content: "\e90a";
}
.art-gallery .entry-gallery .swiper-button-prev.mobile:after {
  content: "\e908";
}
/* =+=+=+=+=+= END: Gallery Slider =+=+=+=+=+= */

/* =+=+=+=+=+= Video =+=+=+=+=+= */
.object > img,
.object > video,
.object > iframe {
  display: block;
  width: 100%;
  margin: auto;
}
/* =+=+=+=+=+= END: Video =+=+=+=+=+= */

/* =+=+=+=+=+= POPUP =+=+=+=+=+= */
/* Cookie */
.popup-r-container {
  width: 356px !important;
  position: fixed !important;
  bottom: 114px !important;
  right: 10px;
  display: grid;
  justify-items: end;
  grid-template-columns: auto;
  grid-gap: 10px;
  text-transform: uppercase;
  z-index: 10;
  transition: var(--duration) var(--timing-function);
}
.cky-consent-container,
.subscribe-container {
  position: relative !important;
  display: grid;
  grid-template-columns: auto;
  grid-gap: 1rem;
  width: 356px;
  height: fit-content;
  background-color: var(--color-white);
  font-size: 12px;
}
.cky-consent-container .cky-notice-group {
  display: flex;
  flex-direction: column;
  grid-gap: 14px;
}
.cky-consent-container .cky-notice-group .cky-notice-des p {
  font-size: var(--font-size-xs) !important;
  line-height: 120%;
}
.cky-consent-container .cky-notice .cky-title {
  display: none;
}
.cky-consent-container .cky-notice-btn-wrapper a:not(:nth-child(1)) {
  color: var(--link-color);
}
.cky-consent-container .subscribe-container {
  grid-gap: 1rem;
}
.cky-consent-container .cky-notice-btn-wrapper,
.subscribe-container .ctn-heading {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.cky-consent-container .cky-notice-btn-wrapper a,
.cky-consent-container .cky-policy {
  color: var(--color-black);
  cursor: pointer;
}
.cky-consent-container .cky-policy {
  text-decoration: underline;
}
.cky-notice-btn-wrapper > *:is(a .cky-btn) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none !important;
}
.cky-notice-btn-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.cky-notice-btn-wrapper .cky-btn {
  text-decoration: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  z-index: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: top !important;
  white-space: nowrap !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  color: inherit !important;
  text-indent: 0 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  overflow: visible !important;
  transition: var(--duration) var(--timing-function) !important;
}
.cky-notice-btn-wrapper > *:not(button.cky-btn-accept) {
  color: var(--link-color) !important;
}
.cky-notice-btn-wrapper > *:is(a .cky-btn) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none !important;
}
.cky-notice-btn-wrapper .cky-btn-accept {
  order: 0;
}
.cky-notice-btn-wrapper .cky-btn-reject {
  order: 1;
}
.cky-notice-btn-wrapper .cky-btn-customize {
  order: 2;
}
/* =+=+=+=+=+= END:POPUP =+=+=+=+=+= */

/* =+=+=+=+=+= MAILCHRIMP =+=+=+=+=+= */
#mc_embed_signup {
  padding: 20px !important;
  background: #fff !important;
  width: 100% !important;
}
#mc_embed_signup #mc_embed_signup_scroll {
  display: flex !important;
  flex-direction: column;
  position: relative !important;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  letter-spacing: normal;
  text-transform: none;
  text-align: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#mc_embed_signup #mc_embed_signup_scroll #mc_header {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
}
#mc_header .mc_close i {
  font-size: 12px;
}
#mc_embed_signup #mc_embed_signup_scroll .mc-input-wrapper {
  display: flex !important;
  margin-top: var(--spacing-xs);
  grid-gap: 12px;
}
#mc_embed_signup #mc_embed_signup_scroll #mc-embedded-subscribe {
  width: fit-content;
  height: fit-content;
  font-size: var(--font-size-sm);
  margin: 0;
  position: relative;
  padding: 8px 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid var(--color-black) !important;
}
#mc_embed_signup #mc_embed_signup_scroll .mc-field-group {
  position: relative !important;
  width: 100%;
}
#mc_embed_signup #mc_embed_signup_scroll #mce-EMAIL {
  width: 100%;
}
#mc_embed_signup #mce-responses #mce-error-response {
  color: rgb(211, 7, 7);
}
#mc_embed_signup #mce-responses #mce-success-response {
  color: rgb(0, 255, 55);
}
#mc_embed_signup_scroll
  .mc-field-group
  input.mce_inline_error:-ms-input-placeholder {
  color: var(--color-error) !important;
}
#mc_embed_signup
  #mc_embed_signup_scroll
  .mc-field-group
  input.mce_inline_error::-webkit-input-placeholder {
  color: var(--color-error) !important;
}
#mc_embed_signup
  #mc_embed_signup_scroll
  .mc-field-group
  input.mce_inline_error::-moz-placeholder {
  color: var(--color-error) !important;
}
/* =+=+=+=+=+= END: MAILCHRIMP =+=+=+=+=+= */
/* =+=+=+=+=+= END: POPUP =+=+=+=+=+= */

/* =+=+=+=+=+= Dropdown =+=+=+=+=+= */
.menu .types-selection {
  display: block;
  display: inline-block;
  text-transform: uppercase;
}
.types-selection .btn-dropdown {
  position: relative;
  background-color: transparent;
  color: var(--color-black);
  font-size: 16px;
  text-align: left;
  border: none;
  cursor: pointer;
}
.types-selection .btn-dropdown p::before {
  font-family: "iconfont" !important;
  content: "\e90e";
  margin-right: 6px;
}
.types-selection .dropdown-content {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  transform: translateY(calc(100% + 15px));
  padding: 1rem 0;
  background-color: var(--color-white);
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.types-selection .dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.show {
  /* display: block; */
  /* width: 100%; */
}
/* =+=+=+=+=+= END: Dropdown =+=+=+=+=+= */

/* =+=+=+=+=+= Calendar =+=+=+=+=+= */
#calendar .fc-today-button {
  display: flex;
  align-items: center;
  grid-gap: 6px;
}
#calendar .fc-header-toolbar .fc-toolbar-chunk:has(.fc-today-button) {
  display: flex;
}
#calendar .fc-today-button::before {
  font-family: "iconfont";
  content: "\e90e";
}
#calendar .fc-toolbar-title {
  font-size: var(--font-size-h5);
}
#calendar [role="columnheader"] .fc-col-header-cell-cushion,
#calendar [role="columnheader"] .fc-daygrid-day-number {
  font-size: var(--font-size-2xs);
}
.fc .fc-toolbar-title,
.fc .fc-today-button,
.fc .fc-button .fc-icon {
  color: var(--color-black);
}
.fc-icon-chevron-left::before {
  font-family: "iconfont";
  content: "\e908";
}
.fc-icon-chevron-right::before {
  font-family: "iconfont";
  content: "\e907";
}
.fc-cld-event {
  border-radius: 0;
  text-align: center;
  padding: var(--spacing-2xs);
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  height: var(--cld-h);
  font-size: var(--font-size-2xs);
  font-weight: 500;
  border: 1.5px solid;
}
.fc-close {
  background-color: var(--cld-close);
  border-color: var(--cld-close-ol);
}
.fc-close *:is(.fc-event-title) {
  color: var(--color-black) !important;
}
.fc-off-evt {
  background-color: var(--color-white);
  border-color: var(--cld-off-evt);
}
.fc-off-evt *:is(.fc-event-title) {
  color: var(--cld-off-evt) !important;
}
.fc-on-evt {
  background-color: var(--color-white);
  border-color: var(--cld-on-evt);
}
.fc-on-evt *:is(.fc-event-title) {
  color: var(--cld-on-evt) !important;
}
.fc-off-exh {
  background-color: var(--color-white);
  border-color: var(--cld-off-exh);
}
.fc-off-exh *:is(.fc-event-title) {
  color: var(--cld-off-exh) !important;
}
.fc-on-exh {
  background-color: var(--color-white);
  border-color: var(--cld-on-exh);
}
.fc-on-exh *:is(.fc-event-title) {
  color: var(--cld-on-exh) !important;
}
.fc-today-button.fc-button.fc-button-primary,
.fc-prev-button.fc-button.fc-button-primary,
.fc-next-button.fc-button.fc-button-primary {
  background-color: transparent !important;
}
.fc-theme-standard table {
  border-color: rgba(var(--color-black-rgb), 0.0001);
}
/* =+=+=+=+=+= END: Calendar =+=+=+=+=+= */

/* =+=+=+=+=+= Footer =+=+=+=+=+= */
#page-space {
  height: 10rem;
}
/* =+=+=+=+=+= END:Footer =+=+=+=+=+= */

/* =+=+=+=+=+= Object-Fit =+=+=+=+=+= */
.object,
.object-fit {
  display: block;
  overflow: hidden;
  position: relative;
  opacity: 1 !important;
}
.object > img,
.object > video,
.object > iframe {
  display: block;
  width: 100%;
  margin: auto;
}
.object-fit > img,
.object-fit > video,
.object-fit > iframe {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.object-fit > img,
.object-fit > video {
  width: calc(100% + 2px);
  height: calc(100% + 2px);
}
.object-fit:before {
  content: "";
  display: block;
  width: 100%;
}
/* =+=+=+=+=+= END: Object-Fit =+=+=+=+=+= */

/* =+=+=+=+=+= PLUGIN:POPUP =+=+=+=+=+= */
.mfp-bg {
  z-index: 9998;
}
.mfp-wrap {
  z-index: 9999;
}
.mfp-container {
  padding-left: 0;
  padding-right: 0;
  position: fixed;
  max-height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.mfp-zoom-out-cur {
  cursor: default;
}
.mfp-content {
  width: fit-content !important;
}
button.mfp-close {
  display: none;
}
#event-modal,
#event-modal .modal-cover {
  width: fit-content;
  margin: 0 auto;
}
#event-modal .modal-cover .img-wrapper {
  max-width: 1080px;
  max-height: 720px;
  width: fit-content;
  height: auto;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  object-fit: contain;
}
#event-modal .modal-cover .img-wrapper img {
  max-width: 100%;
  max-height: inherit;
  width: auto;
  height: auto;
}
#event-modal .modal-close {
  position: absolute;
  top: var(--spacing-container-p);
  right: var(--spacing-container-p);
  z-index: 1;
}
#event-modal .modal-close::before {
  font-family: "iconfont";
  content: "\e90c";
  font-size: 22px;
  line-height: 1;
  color: white;
  display: block;
  width: auto;
  height: auto;
  padding: 0;
  overflow: hidden;
}
/* =+=+=+=+=+= END: PLUGIN:POPUP =+=+=+=+=+= */

/* =+=+=+=+=+= 404 =+=+=+=+=+= */
[data-section="404"] {
  height: var(--container-h-screen);
}
.page-404 {
  width: var(--container-w-screen);
  height: var(--container-h-screen);
  overflow: hidden;
  background: center / cover no-repeat url("../img/design/404-img.png");
}
.page-404 img {
  width: 600px;
  margin: 0 auto;
}
.page-404 .sc-cover {
  height: 100%;
  padding: 1rem;
  background-color: rgba(var(--color-black-rgb), 0.5);
}
.page-404 .container-404 {
  width: 100%;
  height: 100%;
  display: flex;
  align-content: center;
  flex-direction: column;
  justify-content: space-between;
  color: var(--color-white);
}
.page-404 .container-404 .bottom .topic {
  margin: 0;
}
.page-404 .container-404 a {
  width: fit-content;
  display: flex;
  margin: 0 auto;
}
.page-404 .bottom,
.page-404 .bottom .topic,
.page-404 .bottom a {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 1rem;
  color: var(--color-white);
}
/* =+=+=+=+=+= END: 404 =+=+=+=+=+= */

.read-more.init {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 15;
  position: relative;
}
button[type="button"].readmore-btn {
  display: inline;
  color: var(--color-desc);
  margin: 0 !important;
}
button[type="button"].readmore-btn.less {
  display: none;
}
.ic-soundcloud {
  font-size: 1.8em !important;
}
.ic-apple-music {
  font-size: 2.8em !important;
}

.allArtists-page > * {
  padding: 40px var(--page-margin);
}
.allArtists-page > *:last-child{
  padding-bottom: 148px;
}
.allArtists-page .section-heading .topic{
  padding-bottom: 0;
}
.allArtists-page .section-heading form{
  margin-top: 3rem;
}
.artists-form {
  max-width: 525px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.artists-form .input {
  width: 100%;
}
.artists-form input::placeholder {
  color: var(--color-body);
  opacity: 0.3;
}
.artists-form .ic-search {
  font-size: 46px;
}
.artist-filter:not(:first-child) {
  margin-top: 80px;
}
.grid-content.grid-artists {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 24px;
  grid-row-gap: 48px;
}
.artist-filter .grid-content.grid-artists {
  grid-row-gap: 0.7em;
  margin-top: 1.4em;
}
.artist-filter .grid-content.grid-artists a:hover::before {
  font-family: "iconfont" !important;
  content: "\e90e";
  margin-right: 6px;
}
.artist-item{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  grid-row-gap: 1em;
}
.allArtists-container{
  margin-top: 80px;
}
.btn-to-top,
#backtotop,
.terms-content .btn-secondary,
[data-section="event-exhi-related"] .btn-secondary{
  display: none;
}
.event-single-page [data-section="event-exhi-related"]{
    background-color: var(--color-dark-grey);
}
/* UPDATE MENU */
/* #header.header-adjust .header-main-menu{
  max-height: 0px;
  transition: max-height 0.4s ease;
}
#header.header-adjust .header-main-menu .mainmenu{
  height: auto;
  width: fit-content;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.4s ease;
  overflow: visible;
}
#header.header-adjust .header-nav.open .header-main-menu .mainmenu{
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
#header.header-adjust .header-nav.open .header-main-menu,
#header.header-adjust .header-main-menu .mainmenu > li ul{
  max-height: 178px;
  overflow: hidden;
}
#header.header-adjust .header-main-menu .mainmenu > li{
  width: fit-content;
  white-space: nowrap;
}
#header.header-adjust .header-main-menu .mainmenu > li > ul,
#header.header-adjust .header-main-menu .mainmenu > li > ul > li > ul{
  display: flex;
  transition: all 0.4s ease;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  width: fit-content;
  transform: translateX(calc(var(--menu-w) + 15px));
  left: 0;
}
#header.header-adjust .header-main-menu .mainmenu > li ul{
  z-index: 2;
}
#header.header-adjust .header-nav.open .header-main-menu .mainmenu > li.open > ul,
#header.header-adjust .header-nav.open .header-main-menu .mainmenu > li ul > li.open > ul{
  opacity: 1;
  visibility: visible;
  pointer-events: all;
} */