/* @link https://utopia.fyi/type/calculator?c=420,16,1.2,1500,18,1.25,9,2,&s=0.75|0.5|0.25,1.25|1.5|1.75|2|3|4|6|8|10|12,s-l */
@import '../fonts/stylesheet.css';
:root {
  --fluid-min-width: 420;
  --fluid-max-width: 1500;
  --fluid-screen: 100vw;
  --fluid-bp: calc(
    (var(--fluid-screen) - var(--fluid-min-width) / 10 * 1rem) /
      (var(--fluid-max-width) - var(--fluid-min-width))
  );
}

@media screen and (min-width: 1500px) {
  :root {
    --fluid-screen: calc(var(--fluid-max-width) * 1px);
  }
}
:root {
  --f--2-min: 11.11;
  --f--2-max: 11.52;
  --step--2: calc(
    ((var(--f--2-min) / 10) * 1rem) + (var(--f--2-max) - var(--f--2-min)) *
      var(--fluid-bp)
  );
  --f--1-min: 13.33;
  --f--1-max: 14.40;
  --step--1: calc(
    ((var(--f--1-min) / 10) * 1rem) + (var(--f--1-max) - var(--f--1-min)) *
      var(--fluid-bp)
  );
  --f-0-min: 16.00;
  --f-0-max: 18.00;
  --step-0: calc(
    ((var(--f-0-min) / 10) * 1rem) + (var(--f-0-max) - var(--f-0-min)) *
      var(--fluid-bp)
  );
  --f-1-min: 19.20;
  --f-1-max: 22.50;
  --step-1: calc(
    ((var(--f-1-min) / 10) * 1rem) + (var(--f-1-max) - var(--f-1-min)) *
      var(--fluid-bp)
  );
  --f-2-min: 23.04;
  --f-2-max: 28.13;
  --step-2: calc(
    ((var(--f-2-min) / 10) * 1rem) + (var(--f-2-max) - var(--f-2-min)) *
      var(--fluid-bp)
  );
  --f-3-min: 27.65;
  --f-3-max: 35.16;
  --step-3: calc(
    ((var(--f-3-min) / 10) * 1rem) + (var(--f-3-max) - var(--f-3-min)) *
      var(--fluid-bp)
  );
  --f-4-min: 33.18;
  --f-4-max: 43.95;
  --step-4: calc(
    ((var(--f-4-min) / 10) * 1rem) + (var(--f-4-max) - var(--f-4-min)) *
      var(--fluid-bp)
  );
  --f-5-min: 39.81;
  --f-5-max: 54.93;
  --step-5: calc(
    ((var(--f-5-min) / 10) * 1rem) + (var(--f-5-max) - var(--f-5-min)) *
      var(--fluid-bp)
  );
  --f-6-min: 47.78;
  --f-6-max: 68.66;
  --step-6: calc(
    ((var(--f-6-min) / 10) * 1rem) + (var(--f-6-max) - var(--f-6-min)) *
      var(--fluid-bp)
  );
  --f-7-min: 57.33;
  --f-7-max: 85.83;
  --step-7: calc(
    ((var(--f-7-min) / 10) * 1rem) + (var(--f-7-max) - var(--f-7-min)) *
      var(--fluid-bp)
  );
  --f-8-min: 68.80;
  --f-8-max: 107.29;
  --step-8: calc(
    ((var(--f-8-min) / 10) * 1rem) + (var(--f-8-max) - var(--f-8-min)) *
      var(--fluid-bp)
  );
  --f-9-min: 82.56;
  --f-9-max: 134.11;
  --step-9: calc(
    ((var(--f-9-min) / 10) * 1rem) + (var(--f-9-max) - var(--f-9-min)) *
      var(--fluid-bp)
  );
}

/* @link https://utopia.fyi/space/calculator?c=420,16,1.2,1500,18,1.25,9,2,&s=0.75|0.5|0.25,1.25|1.5|2|3|4|6|8|10|14,s-l */
:root {
  --fluid-min-width: 420;
  --fluid-max-width: 1500;
  --fluid-screen: 100vw;
  --fluid-bp: calc((var(--fluid-screen) - var(--fluid-min-width) / 10 * 1rem) / (var(--fluid-max-width) - var(--fluid-min-width)));
}

@media screen and (min-width: 1500px) {
  :root {
    --fluid-screen: calc(var(--fluid-max-width) * 1px);
  }
}
:root {
  --fc-3xs-min: (var(--fc-s-min) * 0.25);
  --fc-3xs-max: (var(--fc-s-max) * 0.25);
  --fc-2xs-min: (var(--fc-s-min) * 0.5);
  --fc-2xs-max: (var(--fc-s-max) * 0.5);
  --fc-xs-min: (var(--fc-s-min) * 0.75);
  --fc-xs-max: (var(--fc-s-max) * 0.75);
  --fc-s-min: (var(--f-0-min, 16));
  --fc-s-max: (var(--f-0-max, 18));
  --fc-m-min: (var(--fc-s-min) * 1.25);
  --fc-m-max: (var(--fc-s-max) * 1.25);
  --fc-l-min: (var(--fc-s-min) * 1.5);
  --fc-l-max: (var(--fc-s-max) * 1.5);
  --fc-xl-min: (var(--fc-s-min) * 2);
  --fc-xl-max: (var(--fc-s-max) * 2);
  --fc-2xl-min: (var(--fc-s-min) * 3);
  --fc-2xl-max: (var(--fc-s-max) * 3);
  --fc-3xl-min: (var(--fc-s-min) * 4);
  --fc-3xl-max: (var(--fc-s-max) * 4);
  --fc-4xl-min: (var(--fc-s-min) * 6);
  --fc-4xl-max: (var(--fc-s-max) * 6);
  --fc-5xl-min: (var(--fc-s-min) * 8);
  --fc-5xl-max: (var(--fc-s-max) * 8);
  --fc-6xl-min: (var(--fc-s-min) * 10);
  --fc-6xl-max: (var(--fc-s-max) * 10);
  --fc-7xl-min: (var(--fc-s-min) * 14);
  --fc-7xl-max: (var(--fc-s-max) * 14);
  /* T-shirt sizes */
  --space-3xs: calc(((var(--fc-3xs-min) / 10) * 1rem) + (var(--fc-3xs-max) - var(--fc-3xs-min)) * var(--fluid-bp));
  --space-2xs: calc(((var(--fc-2xs-min) / 10) * 1rem) + (var(--fc-2xs-max) - var(--fc-2xs-min)) * var(--fluid-bp));
  --space-xs: calc(((var(--fc-xs-min) / 10) * 1rem) + (var(--fc-xs-max) - var(--fc-xs-min)) * var(--fluid-bp));
  --space-s: calc(((var(--fc-s-min) / 10) * 1rem) + (var(--fc-s-max) - var(--fc-s-min)) * var(--fluid-bp));
  --space-m: calc(((var(--fc-m-min) / 10) * 1rem) + (var(--fc-m-max) - var(--fc-m-min)) * var(--fluid-bp));
  --space-l: calc(((var(--fc-l-min) / 10) * 1rem) + (var(--fc-l-max) - var(--fc-l-min)) * var(--fluid-bp));
  --space-xl: calc(((var(--fc-xl-min) / 10) * 1rem) + (var(--fc-xl-max) - var(--fc-xl-min)) * var(--fluid-bp));
  --space-2xl: calc(((var(--fc-2xl-min) / 10) * 1rem) + (var(--fc-2xl-max) - var(--fc-2xl-min)) * var(--fluid-bp));
  --space-3xl: calc(((var(--fc-3xl-min) / 10) * 1rem) + (var(--fc-3xl-max) - var(--fc-3xl-min)) * var(--fluid-bp));
  --space-4xl: calc(((var(--fc-4xl-min) / 10) * 1rem) + (var(--fc-4xl-max) - var(--fc-4xl-min)) * var(--fluid-bp));
  --space-5xl: calc(((var(--fc-5xl-min) / 10) * 1rem) + (var(--fc-5xl-max) - var(--fc-5xl-min)) * var(--fluid-bp));
  --space-6xl: calc(((var(--fc-6xl-min) / 10) * 1rem) + (var(--fc-6xl-max) - var(--fc-6xl-min)) * var(--fluid-bp));
  --space-7xl: calc(((var(--fc-7xl-min) / 10) * 1rem) + (var(--fc-7xl-max) - var(--fc-7xl-min)) * var(--fluid-bp));
  /* One-up pairs */
  --space-3xs-2xs: calc(((var(--fc-3xs-min) / 10) * 1rem) + (var(--fc-2xs-max) - var(--fc-3xs-min)) * var(--fluid-bp));
  --space-2xs-xs: calc(((var(--fc-2xs-min) / 10) * 1rem) + (var(--fc-xs-max) - var(--fc-2xs-min)) * var(--fluid-bp));
  --space-xs-s: calc(((var(--fc-xs-min) / 10) * 1rem) + (var(--fc-s-max) - var(--fc-xs-min)) * var(--fluid-bp));
  --space-s-m: calc(((var(--fc-s-min) / 10) * 1rem) + (var(--fc-m-max) - var(--fc-s-min)) * var(--fluid-bp));
  --space-m-l: calc(((var(--fc-m-min) / 10) * 1rem) + (var(--fc-l-max) - var(--fc-m-min)) * var(--fluid-bp));
  --space-l-xl: calc(((var(--fc-l-min) / 10) * 1rem) + (var(--fc-xl-max) - var(--fc-l-min)) * var(--fluid-bp));
  --space-xl-2xl: calc(((var(--fc-xl-min) / 10) * 1rem) + (var(--fc-2xl-max) - var(--fc-xl-min)) * var(--fluid-bp));
  --space-2xl-3xl: calc(((var(--fc-2xl-min) / 10) * 1rem) + (var(--fc-3xl-max) - var(--fc-2xl-min)) * var(--fluid-bp));
  --space-3xl-4xl: calc(((var(--fc-3xl-min) / 10) * 1rem) + (var(--fc-4xl-max) - var(--fc-3xl-min)) * var(--fluid-bp));
  --space-4xl-5xl: calc(((var(--fc-4xl-min) / 10) * 1rem) + (var(--fc-5xl-max) - var(--fc-4xl-min)) * var(--fluid-bp));
  --space-5xl-6xl: calc(((var(--fc-5xl-min) / 10) * 1rem) + (var(--fc-6xl-max) - var(--fc-5xl-min)) * var(--fluid-bp));
  --space-6xl-7xl: calc(((var(--fc-6xl-min) / 10) * 1rem) + (var(--fc-7xl-max) - var(--fc-6xl-min)) * var(--fluid-bp));
  /* Custom pairs */
  --space-s-l: calc(((var(--fc-s-min) / 10) * 1rem) + (var(--fc-l-max) - var(--fc-s-min)) * var(--fluid-bp));
}

:root {
  --text-base: 62.5%;
  --type-scale-lh: 1.25;
  --step--1-lh: calc(var(--step--1) * var(--type-scale-lh));
  --step--2-lh: calc(var(--step--2) * var(--type-scale-lh));
  --step-0-lh: calc(var(--step-0) * var(--type-scale-lh));
  --step-1-lh: calc(var(--step-1) * var(--type-scale-lh));
  --step-2-lh: calc(var(--step-2) * var(--type-scale-lh));
  --step-3-lh: calc(var(--step-3) * var(--type-scale-lh));
  --step-4-lh: calc(var(--step-4) * var(--type-scale-lh));
  --step-5-lh: 0.92em;
  --step-6-lh: 0.92em;
  --step-7-lh: 0.92em;
  --step-8-lh: 0.92em;
  --black: #000000;
  --white: #ffffff;
  --base-50: #f7f7f7;
  --base-100: #e5e5e5;
  --base-200: #c8c8c8;
  --base-300: #a4a4a4;
  --base-400: #818181;
  --base-500: #666666;
  --base-600: #515151;
  --base-700: #434343;
  --base-800: #383838;
  --base-900: #262626;
  --primary-50: #e5f6ff;
  --primary-100: #c7edff;
  --primary-200: #94e2ff;
  --primary-300: #47d7ff;
  --primary-400: #00c8ff;
  --primary-500: #00b7ff;
  --primary-600: #009ad6;
  --primary-700: #0082ad;
  --primary-800: #00778f;
  --primary-900: #056176;
  --base-font-family: "UniCredit", sans-serif;
  --base-font-weight: 400;
  --base-color: var(--base-500, #666666);
  --base-link-color: var(--base-800);
  --base-focus-color: var(--base-900);
  --base-font-size: var(--step-0);
  --base-line-height: var(--step-0-lh);
  --base-background-color: var(--white, #FFF);
  --heading-font-weight: bold;
  --heading-color: var(--text-primary);
  --section-heading-font-weight: 700;
  --section-heading-font-color: var(--base-900);
  --section-heading-focus-color: var(--base-900, #010101);
  --section-heading-border-color: var(--border-color);
  --navigation-font-size: var(--step--1);
  --navigation-line-height: var(--step--1-lh);
  --navigation-font-weight: 500;
  --navigation-letter-spacing: 0.18em;
  --navigation-text-transform: uppercase;
  --navigation-text-decoration: none;
  --navigation-color: var(--text-secondary);
  --navigation-focus-color: var(--text-primary);
  --header-background-color: var(--white);
  --header-border-color: var(--border-color);
  --sub-nav-font-weight: 500;
  --sub-nav-font-size: var(--step--1);
  --sub-nav-line-height: var(--step--1-lh);
  --sub-nav-font-color: var(--text-secondary);
  --sub-nav-focus-color: var(--text-primary);
  --section-subheading-font-weight: 700;
  --section-subheading-font-size: var(--step-5);
  --section-subheading-line-height: var(--step-5-lh);
  --section-subheading-font-color: var(--text-primary);
  --section-subheading-focus-color: var(--text-body);
  --section-list-font-weight: bold;
  --section-list-font-size: var(--step-0);
  --section-list-line-height: var(--step-0-lh);
  --section-list-font-color: var(--text-secondary);
  --section-list-focus-color: var(--base-500);
  --border-color: var(--base-100);
  --button-font-size: var(--base-font-size);
  --button-line-height: var(--base-line-height);
  --button-font-weight: bold;
  --button-background-color: var(--primary-800);
  --button-color: var(--white);
  --button-letter-spacing: 0.05em;
  --button-icon: var(--ICON-CHEVRON-RIGHT-LIGHT);
  --button-focus-background-color: var(--primary-900);
  --button-focus-color: var(--white);
  --button-focus-icon: var(--ICON-CHEVRON-RIGHT-LIGHT);
  --lazyload-background-color: var(--base-200);
  --loading-indicator-color: var(--primary-800);
  --popup-detail-background-color: var(--base-background-color);
  --share-popup-background-color: var(--primary-50);
  --share-popup-focus-background-color: var(--primary-100);
  --section-form-input-border-color: var(--border-color);
  --section-form-input-background-color: var(--base-50);
  --section-form-input-font-color: var(--base-font-color);
  --section-form-input-font-size: var(--base-font-size);
  --section-form-input-line-height: var(--base-line-height);
  --ICON-CHEVRON-RIGHT-ACCENT: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMTIgMTIiIHdpZHRoPSIxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0zLjg2MzgxIDEuNWMtLjY1MTc1LjYwMTAzLS42NTE3NSAxLjU3NjQxIDAgMi4xNzhsMi4zNjAwMyAyLjMyMi0yLjM2MDAzIDIuMzIyYy0uNjUxNzUuNjAxNTctLjY1MTc1IDEuNTc2NDIgMCAyLjE3OGw0LjU3MzY5LTQuNXoiIGZpbGw9IiMwMDdhOTEiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
  --ICON-CHEVRON-RIGHT-LIGHT: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjEzIiB2aWV3Qm94PSIwIDAgMTMgMTMiIHdpZHRoPSIxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im00LjE4NTggMS42MjVjLS43MDYwNy42NTExMi0uNzA2MDcgMS43MDc3NyAwIDIuMzU5NWwyLjU1NjY5IDIuNTE1NS0yLjU1NjY5IDIuNTE1NWMtLjcwNjA3LjY1MTcxLS43MDYwNyAxLjcwNzggMCAyLjM1OTVsNC45NTQ4Mi00Ljg3NXoiIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
  --ICON-ARROW-RIGHT-DARK: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE5IiB2aWV3Qm94PSIwIDAgMTggMTkiIHdpZHRoPSIxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJtMCAwaDE4djE4aC0xOHoiIHRyYW5zZm9ybT0ibWF0cml4KDAgMSAtMSAwIDE4IC44NTI1MzkpIi8+PC9jbGlwUGF0aD48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0ibTE4IDkuODUyNTItNi45OTktNy40OTk5OGMtLjk2NSAxLjAzNy0uOTY1IDIuNzE1IDAgMy43NWwyLjI2MiAyLjQyNTAxaC0xMy4yNjMwMDAyN2wuMDAxMDEyNjkgMi42NTEwNWgxMy4yNjE5ODc1OGwtMi4yNjIgMi40MjM5Yy0uOTY1IDEuMDM1LS45NjUgMi43MTUxIDAgMy43NTAxeiIgZmlsbD0iIzQzNDM0MyIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9nPjwvc3ZnPg==");
  --ICON-ARROW-RIGHT-LIGHT: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE5IiB2aWV3Qm94PSIwIDAgMTggMTkiIHdpZHRoPSIxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJtMCAwaDE4djE5aC0xOHoiLz48L2NsaXBQYXRoPjxnIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMTggOS44NTI1Mi02Ljk5OS03LjQ5OTk4Yy0uOTY1IDEuMDM3LS45NjUgMi43MTUgMCAzLjc1bDIuMjYyIDIuNDI1MDFoLTEzLjI2M2wuMDAxMDEyNjkgMi42NTEwNWgxMy4yNjE5ODczMWwtMi4yNjIgMi40MjM5Yy0uOTY1IDEuMDM1LS45NjUgMi43MTUxIDAgMy43NTAxeiIgZmlsbD0iI2U1ZTVlNSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9nPjwvc3ZnPg==");
  --link-font-size: var(--step--1);
  --link-line-height: var(--step--1-lh);
  --link-font-weight: bold;
  --link-text-transform: uppercase;
  --link-letter-spacing: 0.05em;
  --link-color: var(--primary-800);
  --link-focus-color: var(--primary-900);
  --link-icon: var(--ICON-CHEVRON-RIGHT-ACCENT);
  --heading-font-weight: bold;
  --heading-color: var(--text-primary);
  --list-heading-font-size: var(--step-2);
  --list-heading-line-height: var(--step-2-lh);
  --list-heading-font-weight: bold;
  --list-subheading-font-weight: bold;
  --list-subheading-color: var(--text-secondary);
  --list-secondary-color: var(--text-secondary);
  --list-tertiary-font-size: var(--step-0);
  --list-tertiary-line-height: var(--step-0-lh);
  --list-tertiary-font-weight: bold;
  --list-tertiary-color: var(--text-body);
  --list-title-font-size: var(--step-0);
  --list-title-line-height: var(--step-0-lh);
  --list-title-font-weight: bold;
  --list-title-color: var(--text-secondary);
  --list-artwork-title-font-size: var(--step-2);
  --list-artwork-title-line-height: var(--step-2-lh);
  --list-artwork-title-font-weight: bold;
  --list-artwork-title-color: var(--text-primary);
  --text-primary: var(--base-900);
  --text-secondary: var(--base-700);
  --text-body: var(--base-500);
  --text-primary-invert: var(--white);
  --text-secondary-invert: var(--base-100);
  --text-body-invert: var(--base-200);
  --text-accent: var(--primary-900);
  --SECTION-VERTICAL-PADDING: var(--space-4xl-5xl);
}
@media only screen and (max-width: 1023px) {
  :root {
    --SECTION-VERTICAL-PADDING: var(--space-3xl-4xl);
  }
}

#hero_header,
#slideshow {
  --hero-heading-font-size: var(--step-6);
  --hero-heading-line-height: var(--step-6-lh);
  --hero-heading-color: var(--white);
  --hero-subheading-font-size: var(--step-1);
  --hero-subheading-line-height: var(--step-1-lh);
  --hero-subheading-color: var(--white);
  --hero-date-font-size: var(--step-0);
  --hero-date-line-height: var(--step-0-lh);
  --hero-date-font-weight: normal;
}

#footer {
  --footer-font-weight: 400;
  --footer-font-size: var(--step-0);
  --footer-line-height: var(--step-0-lh);
  --footer-font-color: var(--base-font-color, #737373);
  --footer-border-color: var(--border-color);
}

#image_gallery {
  --artist-font-size: var(--step-1);
  --artist-line-height: var(--step-1-lh);
  --artist-color: var(--text-secondary);
  --artist-font-weight: bold;
  --artwork-title-font-size: var(--step-4);
  --artwork-title-line-height: var(--step-4-lh);
  --artwork-title-font-weight: bold;
  --artwork-title-color: var(--text-primary);
}

/**
  * Used on subsections to give consistent padding values
  */
/**
  * Add a full width pseudo element with a border. For section divisions
  */
h1 {
  font-size: var(--step-5);
  line-height: var(--step-5-lh);
  max-width: 33ch;
}

@media only screen and (max-width: 459px) {
  body h1 {
    font-size: var(--step-5);
    line-height: var(--step-5-lh);
  }
}

.subtitle {
  font-weight: bold;
}

.date {
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.prose,
.mceContentBody,
.content_section,
.detail_view_module:not(.secondary_images),
.scroll_section .content_module,
.subsection-overview #bio,
.subsection-news-record #content_module,
.subsection-video-record #content_module,
.panel .description,
.panel_type_11 .pull_quote_content blockquote,
.panel_type_11 .content_columns,
.panel_type_11 .content_full,
#cookie_notification_message {
  --prose-quote-borders: var(--primary-800);
}

.display_1,
.display_2,
.display_3,
.display_4,
.display_5,
.display_6 {
  display: block;
  margin: 0 auto;
  max-width: 55ch;
  color: var(--text-primary);
}

.display_1 {
  font-size: var(--step-6);
  line-height: var(--step-6-lh);
  font-weight: bold;
}

.display_2 {
  font-size: var(--step-5);
  line-height: var(--step-5-lh);
  font-weight: bold;
}

.display_3 {
  font-size: var(--step-4);
  line-height: var(--step-4-lh);
  font-weight: bold;
}

.display_4 {
  font-size: var(--step-3);
  line-height: var(--step-3-lh);
  font-weight: bold;
}

.display_5 {
  font-size: var(--step-2);
  line-height: var(--text-2-lh);
  font-weight: bold;
}

.display_6 {
  font-size: var(--step-1);
  line-height: var(--step-1-lh);
  font-weight: bold;
}

.text-color-accent {
  color: var(--text-accent);
}

.panel_content_autofill_text_as_caption.panel_content_autofill_type_artworks .caption {
  display: flex;
  flex-direction: column;
  gap: var(--space-3xs);
  margin-top: var(--space-xs);
}
.panel_content_autofill_text_as_caption.panel_content_autofill_type_artworks .caption > * {
  order: 3;
}
.panel_content_autofill_text_as_caption.panel_content_autofill_type_artworks .caption .artist {
  font-family: var(--list-artist-font-family, var(--list-title-font-family, var(--base-font-family, sans-serif)));
  font-size: var(--list-artist-font-size, var(--list-title-font-size, var(--base-font-size, 1.6rem)));
  font-weight: var(--list-artist-font-weight, var(--list-title-font-weight, var(--base-font-weight, bold)));
  line-height: var(--list-artist-line-height, var(--list-title-line-height, var(--base-line-height, 1.3)));
  color: var(--list-artist-color, var(--list-title-color, var(--base-color, black)));
  order: 2;
}
.panel_content_autofill_text_as_caption.panel_content_autofill_type_artworks .caption .title_and_year {
  font-family: var(--list-artwork-title-font-family, var(--list-title-font-family, var(--base-font-family, sans-serif)));
  font-size: var(--list-artwork-title-font-size, var(--list-title-font-size, var(--base-font-size, 1.6rem)));
  font-weight: var(--list-artwork-title-font-weight, var(--list-title-font-weight, var(--base-font-weight, bold)));
  line-height: var(--list-artwork-title-line-height, var(--list-title-line-height, var(--base-line-height, 1.3)));
  color: var(--list-artwork-title-color, var(--list-title-color, var(--base-color, black)));
  order: 1;
}
.panel_content_autofill_text_as_caption.panel_content_autofill_type_artworks .caption .edition_details {
  font-family: var(--list-artwork-edition_details-font-family, var(--list-edition_details-font-family, var(--base-font-family, sans-serif)));
  font-size: var(--list-artwork-edition_details-font-size, var(--list-edition_details-font-size, var(--base-font-size, 1.6rem)));
  font-weight: var(--list-artwork-edition_details-font-weight, var(--list-edition_details-font-weight, var(--base-font-weight, bold)));
  line-height: var(--list-artwork-edition_details-line-height, var(--list-edition_details-line-height, var(--base-line-height, 1.3)));
  color: var(--list-artwork-edition_details-color, var(--list-edition_details-color, var(--base-color, black)));
  order: 3;
}
.panel_content_autofill_text_as_caption.panel_content_autofill_type_artworks .caption .series {
  font-family: var(--list-artwork-artwork-series-font-family, var(--list-artwork-series-font-family, var(--base-font-family, sans-serif)));
  font-size: var(--list-artwork-artwork-series-font-size, var(--list-artwork-series-font-size, var(--base-font-size, 1.6rem)));
  font-weight: var(--list-artwork-artwork-series-font-weight, var(--list-artwork-series-font-weight, var(--base-font-weight, bold)));
  line-height: var(--list-artwork-artwork-series-line-height, var(--list-artwork-series-line-height, var(--base-line-height, 1.3)));
  color: var(--list-artwork-artwork-series-color, var(--list-artwork-series-color, var(--base-color, black)));
}

.section-learning-centre .display_1,
.section-learning-centre .display_2,
.section-learning-centre .display_3,
.section-learning-centre .display_4,
.section-learning-centre .display_5,
.section-learning-centre .display_6 {
  color: var(--lc-text-primary);
  font-weight: 900 !important;
}
.section-learning-centre .display_1 *,
.section-learning-centre .display_2 *,
.section-learning-centre .display_3 *,
.section-learning-centre .display_4 *,
.section-learning-centre .display_5 *,
.section-learning-centre .display_6 * {
  font-weight: 900 !important;
}
.section-learning-centre .panel_content_autofill_text_as_caption.panel_content_autofill_type_artworks {
  --list-artist-color: var(--text-secondary);
  --caption-color: var(--text-body);
}

.button {
  --prose-links: var(--button-color);
  --prose-links-font-weight: bold;
  font-size: var(--button-font-size);
  line-height: var(--button-line-height);
  font-weight: var(--button-font-weight);
  text-transform: uppercase;
  text-decoration: none !important;
  letter-spacing: var(--button-letter-spacing);
  border: 1px solid var(--button-border-color, transparent);
  padding: var(--space-xs) var(--space-m) var(--space-xs) var(--space-l);
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-3xs);
  background-color: var(--button-background-color);
  transition: 0.3s all var(--easing);
  float: unset;
  margin-top: 0;
}
.button::after {
  content: "";
  width: var(--step--1);
  height: var(--step--1);
  background-image: var(--button-icon);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s all var(--easing);
}
.section-learning-centre .button {
  --prose-links-font-weight: 900;
  --button-font-weight: 900;
}
.button {
  color: var(--button-color);
}
.button:hover, a:hover .button {
  --button-icon: var(--button-focus-icon);
  text-decoration: none;
  background-color: var(--button-focus-background-color);
  color: var(--button-focus-color);
}
.button:hover > span, a:hover .button > span {
  background-color: var(--button-focus-background-color);
}
.button:hover::after, a:hover .button::after {
  transform: translateX(0.25em);
}
.button > span,
.button > a {
  background: var(--button-background-color);
  padding: 0;
  white-space: nowrap;
  transition: 0.3s all var(--easing);
}
.button span {
  transition: 0.3s all var(--easing);
}

.button.button__outline {
  --button-background-color: transparent;
  --button-color: var(--text-accent);
  --button-border-color: var(--text-accent);
}

a:hover .button, a:hover .button span {
  color: var(--button-focus-color);
}

/**
 * Placeholder for link styles across the site.
 * Link generally has a chevron icon added to the end, with only a couple of exceptions.
 * Link child is always either an <a> or a <span>
 */
.link > a,
.link > span {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3xs);
  text-transform: uppercase;
  font-size: var(--step--1);
  font-weight: bold;
  letter-spacing: var(--link-letter-spacing);
  color: var(--link-color);
  transition: 0.3s all var(--easing);
}
.link > a::after,
.link > span::after {
  content: "";
  width: var(--step--1);
  height: var(--step--1);
  background-image: var(--link-icon);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s all var(--easing);
}
.link:hover > span,
.link:hover > a {
  color: var(--link-focus-color);
}
.link:hover > span::after,
.link:hover > a::after {
  transform: translateX(0.3rem);
}
a:hover .link > span {
  color: var(--link-focus-color);
}
a:hover .link > span::after {
  transform: translateX(0.3rem);
}

.prose-link,
.image_list .content > .read_more_label {
  --prose-links: var(--link-color);
  --prose-links-text-decoration: none;
  --prose-links-font-weight: bold;
  display: flex;
  align-items: center;
  gap: var(--space-3xs);
  text-transform: uppercase;
  font-size: var(--step--1);
  font-weight: bold;
  color: var(--link-color);
  transition: 0.3s all var(--easing);
  text-decoration: none;
}
.prose-link::after,
.image_list .content > .read_more_label::after {
  content: "";
  width: var(--step--1);
  height: var(--step--1);
  background-image: var(--link-icon);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s all var(--easing);
}
.prose-link:hover,
.image_list .content > .read_more_label:hover {
  --prose-links: var(--link-focus-color);
  color: var(--link-focus-color);
}
.prose-link:hover::after,
.image_list .content > .read_more_label:hover::after {
  transform: translateX(0.3rem);
}

.image_list .content > .read_more_label {
  margin-top: var(--space-xs);
}
.image_list .item a:hover .read_more_label::after {
  transform: translateX(0.3rem);
}

.enquire .link::after,
.detail_view_module_roomview .link::after {
  display: none;
}

#popup_links {
  display: none;
}

/* -----------------------------------------------------------
    Load fonts
----------------------------------------------------------- */
/* @import url(../fonts/stylesheet.css); */
/* -----------------------------------------------------------
    Base typograhy styles - displayed in rich text editors   
----------------------------------------------------------- */
html {
  /*
      IMPORTANT - DO NOT CHANGE THIS VALUE WITHOUT READING DOCUMENTATION ON REM.
      THIS CAN BE FOUND IN MC: /documentation/art-gallery-sites/development/template-art-gallery-website-development/font-sizes-rem/
      This will affect the baseline size of all fonts across the website.
  */
}

body {
  /* font-family: BODY-FONT-FAMILY; */
  /* font-size: X.Xrem; */
  /* line-heigth: X.Xem; */
}

/* Common header/title/emphasis resets.

Currently the following selectors share characteristics in the core styles such as uppercase text-transform.
Reset this here, and move any outlying selectors into new groups with differing charactereistics.
-------------------------------------------------- */

/*# sourceMappingURL=base.css.map */