/* -----------------------------------------------------------
    Load fonts
----------------------------------------------------------- */
@import url(../fonts/stylesheet.css);
/* -----------------------------------------------------------
Global Styles
----------------------------------------------------------- */
html {
  font-size: 62.5%;
  font-size: var(--text-base, 62.5%);
}

body {
  font-family: "Barlow", Sans-Serif;
  font-family: var(--base-font-family, Sans-Serif);
  font-weight: 200;
  font-weight: var(--base-font-weight, 200);
  color: #010101;
  color: var(--base-color, #010101);
  font-size: 1.45rem;
  font-size: var(--base-font-size, 1.45rem);
  line-height: 3.1rem;
  line-height: var(--base-line-height, 3.1rem);
  background: var(--background-color, #fff);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a,
a:visited,
a:hover,
.link_color,
.link_color:hover {
  color: #010101;
  color: var(--base-focus-color, #010101);
}

.link {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6, #hero_header, .fullscreen_slideshow .hero_splash_text {
  font-family: "Barlow", Sans-Serif;
  font-family: var(--heading-font-family, Sans-Serif);
  font-weight: 200;
  font-weight: var(--heading-font-weight, 200);
  color: #010101;
  color: var(--heading-color, #010101);
  margin: 0;
}

h1 a, h1 a:visited,
h2 a, h2 a:visited,
h3 a, h3 a:visited,
h4 a, h4 a:visited,
h5 a, h5 a:visited,
h6 a, h6 a:visited {
  text-decoration: none;
  color: #010101;
  color: var(--heading-focus-color, #010101);
}

h1 {
  font-size: 2.1rem;
  font-size: var(--step-4, 2.1rem);
  line-height: 2.35rem;
  line-height: var(--step-4-lh, 2.35rem);
}

h2 {
  font-size: 1.8rem;
  font-size: var(--step-3, 1.8rem);
  line-height: 2.4rem;
  line-height: var(--step-3-lh, 2.4rem);
}

h3 {
  font-size: 1.7rem;
  font-size: var(--step-1, 1.7rem);
  line-height: normal;
  line-height: var(--step-1-lh, normal);
}

h4 {
  font-size: 1.5rem;
  font-size: var(--step-0, 1.5rem);
  line-height: normal;
  line-height: var(--step-0, normal);
}

h5 {
  font-size: 1.4rem;
  font-size: var(--step--1, 1.4rem);
  line-height: normal;
  line-height: var(--step--1-lh, normal);
}

h6 {
  font-size: 1.3rem;
  font-size: var(--step--2, 1.3rem);
  line-height: normal;
  line-height: var(--step--2-lh, normal);
}

#hero_header, .title,
.feature_panels .panel_hero .hero_heading > h2,
.feature_panels .panel_hero .hero_heading > a > h2 {
  font-size: 4.5rem;
  font-size: var(--step-5, 4.5rem);
  line-height: 4.5rem;
  line-height: var(--step-5-lh, 4.5rem);
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#hero_header .subtitle,
.feature_panels .panel_hero .hero_heading .subtitle {
  margin: 0;
  padding: 20px 0 0;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.feature_panels .panel_hero .hero_heading .description {
  margin: 0;
  padding: 20px 0 0;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input,
select,
textarea {
  font-family: "Barlow", Sans-Serif;
  font-family: var(--base-font-family, Sans-Serif);
  font-weight: 200;
  font-weight: var(--base-font-weight, 200);
  color: #010101;
  color: var(--base-color, #010101);
  font-size: 1.3rem;
  font-size: var(--step--1, 1.3rem);
}

blockquote {
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -moz-box-shadow: 0;
  -webkit-box-shadow: 0;
  box-shadow: none;
  margin: var(--space-3) 0;
  color: var(--text-primary);
  background: none;
  background-color: transparent;
  padding: var(--space--2) 0 var(--space--2) var(--space-3);
  width: 85%;
  line-height: inherit;
  overflow: auto;
  text-indent: 0px;
  border-left: 1px solid;
  border-left-color: #151515;
  border-left-color: var(--border-color, #151515);
  font-size: 2.4rem;
  font-size: var(--step-3, 2.4rem);
  line-height: 3.4rem;
  line-height: var(--step-3-lh, 3.4rem);
}

/* Title/heading typography
----------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, #hero_header, .fullscreen_slideshow .hero_splash_text,
#logo a,
.navigation ul li a,
#slide_nav_reveal,
#header_quick_search .inputField,
#header_quick_search input,
#header_quick_search select,
#header_quick_search textarea,
#header_quick_search #header_quicksearch_btn,
#footer #artlogic,
#footer #copyright,
.page-artists h1 #artist_years,
.page-artists h1 .artist_years,
.event-details-wrapper .event-details span,
.subsection-press .records_list .content .link a,
.section-press .records_list .content .link a,
#store_cart_widget,
.fullscreen_slideshow .hero_splash_text,
.fullscreen_slideshow .hero_splash_text .title,
.fullscreen_slideshow ul li .content h2,
.fullscreen_slideshow ul li .content h2 a,
.fullscreen_slideshow ul li .content h2 a:visited,
.fullscreen_slideshow ul li .content h2 a .separator,
.fullscreen_slideshow ul li .content h2 a .h1_subtitle,
#image_gallery #content_module h3,
.records_list .content h2,
.records_list .content .subtitle,
.records_list .content .date,
.records_list .content .location,
.records_list ul li .content .title,
.records_list ul li .content .artist,
.feature_panels .panel_image_text_adjacent .content h2,
.feature_list ul li .content h2,
.feature_list ul li .content .subtitle,
.feature_list ul li .content .date,
.feature_list ul li .content .location,
.full_list ul li .content h2,
.full_list ul li .content .subtitle,
.full_list ul li .content .date,
.records_list.detail_expand_grid .expander_detail #image_gallery #content_module .subtitle,
.link,
.button,
.button input,
.simple_list ul li,
#social_links_list ul li,
.page_stats .ps_item,
.page_stats .ps_pages,
#protected_path_login #container h1,
#protected_path_login #container label,
.subheading,
.poster,
.subtitle,
.h1_subtitle,
.location,
.date,
.price,
#fancybox-title-main .artist strong,
#mc_embed_signup input.button,
#home_splash .content,
#hero_header .subtitle,
.feature_panels .panel_hero .hero_heading .subtitle,
#hero_header,
.feature_panels .panel_hero .hero_heading > h2,
.feature_panels .panel_hero .hero_heading > a > h2,
.section-home .slideshow_pager_inner button,
.artists-browser {
  text-transform: uppercase;
  letter-spacing: 0.16em;
}

/* -----------------------------------------------------------
    Base typograhy styles - displayed in rich text editors 
----------------------------------------------------------- */
/*html {*/
/*    height: unset !important;*/
/*    overflow: auto;*/
/*}*/
/*body {*/
/* font-family: BODY-FONT-FAMILY; */
/* font-size: X.Xrem; */
/* line-heigth: X.Xem; */
/*    height: unset !important;*/
/*}*/
a,
a:visited,
a:hover,
.link_color,
.link_color:hover {
  text-decoration: none;
}

.link_color,
.link_color:hover,
.link span,
.link a,
.link a:visited,
.simple_list ul li a,
.simple_list ul li a:visited {
  color: var(--link-color);
}

.link {
  color: var(--link-color);
}

h1 {
  font-size: 3.6rem;
  font-size: var(--step-5, 3.6rem);
  line-height: 4.32rem;
  line-height: var(--step-5-lh, 4.32rem);
}

.section-viewing-room .records_list.feature_list .button,
#mailing_submit_button .button,
.form_row .button {
  background: none;
}

#mailing_submit_button .button a,
.form_row .button a {
  padding: 1em 3em 1em 3em;
  border-radius: 2em;
  font-family: Sans-Serif;
  font-family: var(--section-top-nav-font-family, Sans-Serif);
  font-weight: 200;
  font-weight: var(--section-top-nav-font-weight, 200);
  letter-spacing: 2px;
  border: 1px solid var(--button-border-color);
}

.section-viewing-room .records_list.feature_list .button span,
body .cms_button a,
body a.cms_button,
body a.cms_button:visited {
  border: 1px solid;
  border-color: #F2F2F2;
  border-color: var(--base-300, #F2F2F2);
  background-color: white;
  color: black;
  padding: 1em 3em 1em 3em;
  font-size: 1rem;
  font-size: var(--button-font-size, 1.3rem);
  line-height: 1rem;
  line-height: var(--step-0, 1rem);
  border-radius: 2em;
  font-family: Sans-Serif;
  font-family: var(--section-top-nav-font-family, Sans-Serif);
  font-weight: 200;
  font-weight: var(--section-top-nav-font-weight, 200);
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
}

/* 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.
-------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6,
#hero_header .title,
.fullscreen_slideshow .hero_splash_text,
#logo a,
#slide_nav_reveal,
#header_quick_search .inputField,
#header_quick_search input,
#header_quick_search select,
#header_quick_search textarea,
#header_quick_search #header_quicksearch_btn,
.page-artists h1 #artist_years,
#store_cart_widget,
.fullscreen_slideshow .hero_splash_text,
.fullscreen_slideshow .hero_splash_text .title,
.fullscreen_slideshow ul li .content h2,
.fullscreen_slideshow ul li .content h2 a,
.fullscreen_slideshow ul li .content h2 a:visited,
.fullscreen_slideshow ul li .content h2 a .separator,
.fullscreen_slideshow ul li .content h2 a .h1_subtitle,
#image_gallery #content_module h3,
.records_list .content h2,
.feature_panels .panel_image_text_adjacent .content h2,
.feature_list ul li .content h2,
.feature_list ul li .content .subtitle,
.full_list ul li .content h2,
.full_list ul li .content .subtitle,
.full_list ul li .content .date,
.records_list.detail_expand_grid .expander_detail #image_gallery #content_module .subtitle,
#protected_path_login #container h1,
#protected_path_login #container label,
.poster,
.subtitle,
.h1_subtitle,
#fancybox-title-main .artist strong,
#home_splash .content,
#hero_header .subtitle,
.feature_panels .panel_hero .hero_heading .subtitle,
#hero_header .inner,
.feature_panels .panel_hero .hero_heading > h2,
.feature_panels .panel_hero .hero_heading > a > h2,
#cover_page_slideshow_pager,
#artists-browser,
.artists-browser {
  letter-spacing: normal;
}

.event-details-wrapper .event-details span,
.subsection-press .records_list .content .link a,
.section-press .records_list .content .link a,
.records_list .content .date,
.records_list .content .location,
.link,
.button,
.simple_list ul li,
#social_links_list ul li,
.location,
.subheading,
.date,
#footer #artlogic,
.feature_list ul li .content .date,
.feature_list ul li .content .location,
.navigation ul li a,
#mc_embed_signup input.button,
.feature_panels .panel_header h2 {
  letter-spacing: var(--text-label-letter-spacing, 0.14em);
}

.price {
  letter-spacing: var(--letter-spacing);
  font-family: var(--link-font-family);
  font-size: var(--link-font-size);
  line-height: var(--link-line-height);
  color: var(--text-primary);
}

/*STATUS AND AVAILABILITY*/
/* Sold / Reserved / Base Classes */
.image_list ul li.unavailable .content > .title:after,
.image_list ul li.unavailable .content a > .title:after,
.image_list ul li.unavailable.reserved .content a > .title:after,
.image_list ul li.unavailable.reserved .content > .title:after,
.image_list ul li.unavailable.reserved .content > .title_and_year:after,
.image_list ul li.unavailable .content > div:first-child:after,
.image_list ul li.unavailable.reserved .content > div:first-child:after,
.subsection-artist-detail-page.subsection-wrapper-works .image_list ul li.unavailable.reserved .content > .title_and_year:after,
.subsection-artist-detail-page.subsection-wrapper-works .image_list ul li.unavailable .content > .title_and_year:after,
.records_list ul li.unavailable .content > .title:after,
.records_list ul li.unavailable.reserved .content > .title:after,
.records_list ul li.unavailable.reserved .content > .title_and_year:after,
.records_list ul li.unavailable .content > div:first-child:after,
.records_list ul li.unavailable .content a > div:first-child:after,
.records_list ul li.unavailable.reserved .content > div:first-child:after,
.image_list ul li.available_dot_enabled .content a > .title:after,
.records_list ul li.available_dot_enabled .content a > div:first-child:after,
.records_list ul li.available_dot_enabled .content > div:first-child:after,
.records_list ul li.available_dot_enabled .content > .title:after,
.image_list ul li.available_dot_enabled .content > div:first-child:after,
.subsection-artist-detail-page.subsection-wrapper-works .image_list ul li.available_dot_enabled .content > .title_and_year:after,
.image_list ul li.available_dot_enabled .content > .title:after {
  width: auto !important;
  height: auto !important;
  float: right;
  margin-left: 0 !important;
  margin-top: -3px !important;
  padding: 3px 8px !important;
  overflow: visible !important;
  border-radius: 12px !important;
  text-transform: uppercase;
  text-indent: 0px !important;
  background: #FEF3F2 !important;
  color: #B42318;
  letter-spacing: 0.1em;
}

/* Available */
.image_list ul li.available_dot_enabled .content a > .title:after,
.image_list ul li.available_dot_enabled .content > .title:after,
.image_list ul li.available_dot_enabled .content > div:first-child:after,
.subsection-artist-detail-page.subsection-wrapper-works .image_list ul li.available_dot_enabled .content > .title_and_year:after,
.records_list ul li.available_dot_enabled .content > .title:after,
.records_list ul li.available_dot_enabled .content > div:first-child:after,
.records_list ul li.available_dot_enabled .content a > div:first-child:after {
  background: #ECFDF3 !important;
  color: #027A48;
}

#image_gallery.reserved #content_module .artwork_details_wrapper::before,
#image_gallery.available_dot_enabled #content_module .artwork_details_wrapper::before {
  display: none !important;
}

.panel_overview .subsection-overview .share_link {
  display: none;
}

.subheading::after {
  border: none !important;
}

.feature_list ul li .content .subtitle {
  border: none !important;
}

body:not(.section-team) .records_list:not(.feature_list, .reading_list, .grid_dynamic_layout_video, .grid_dynamic_layout_artfairs) li:not(.custom_panel) .content .description:not(.user_defined, :empty),
body:not(.section-team) .records_list:not(.feature_list, .reading_list, .custom_list, .grid_dynamic_layout_video) .content .link:not(.user_defined) {
  display: block !important;
}

.related_items_panel h3 {
  border: none !important;
}

#cookie_notification_accept.button a,
#cookie_preferences_form_submit {
  border: 1px solid white;
  background-color: transparent;
  color: white;
  border-radius: 2em;
  font-family: Sans-Serif;
  font-family: var(--section-top-nav-font-family, Sans-Serif);
  font-weight: 200;
  font-weight: var(--section-top-nav-font-weight, 200);
  padding: var(--button-padding, 1.1rem 5rem);
}

#cookie_notification_preferences a,
#cookie_preferences_form_submit,
#cookie_notification_accept a {
  font-family: Sans-Serif;
  font-family: var(--section-top-nav-font-family, Sans-Serif);
  font-weight: 200;
  font-weight: var(--section-top-nav-font-weight, 200);
  font-size: var(--button-font-size, 1.3rem);
}

#cookie_notification_preferences {
  margin-right: 1em !important;
}

#artlogic_mailinglist_signup_form .error h2 {
  letter-spacing: normal;
}

#artlogic_mailinglist_signup_form_wrapper #privacy_policy_form_msg {
  border-top: none;
}

.enquire_button_container.clearwithin > .button > a {
  height: auto !important;
}

.title {
  font-family: var(--heading-font-family);
  text-transform: uppercase;
}

.caption {
  text-transform: uppercase;
  letter-spacing: var(--text-label-letter-spacing, 0.14em);
  font-size: 1.3rem;
  font-size: var(--section-list-font-size, 1.3rem);
  line-height: 2rem;
  line-height: var(--section-list-line-height, 2rem);
  color: #010101;
  color: var(--section-list-font-color, #010101);
  margin-top: var(--space--1);
}
.caption .title_and_year {
  margin-bottom: var(--space--1);
}
.caption .medium,
.caption .dimensions {
  color: #737373;
  color: var(--base-500, #737373);
}

.description:empty,
.date:empty {
  display: none !important;
}

.date,
.subtitle_date,
.location,
.subtitle_location {
  font-family: var(--date-font-family) !important;
  font-size: var(--date-font-size) !important;
  line-height: var(--date-line-height) !important;
  font-weight: var(--date-font-weight) !important;
  letter-spacing: var(--date-letter-spacing) !important;
  text-transform: var(--date-text-transform) !important;
  color: var(--date-color) !important;
}

.heading_wrapper h1,
.heading_wrapper .h1_heading {
  font-family: var(--page-heading-font-family) !important;
  font-size: var(--page-heading-font-size) !important;
  line-height: var(--page-heading-line-height) !important;
  font-weight: var(--page-heading-font-weight) !important;
  letter-spacing: var(--page-heading-letter-spacing) !important;
  text-transform: var(--page-heading-text-transform) !important;
  color: var(--page-heading-color) !important;
}
.heading_wrapper .h1_subtitle {
  font-family: var(--page-subheading-font-family) !important;
  font-size: var(--page-subheading-font-size) !important;
  line-height: var(--page-subheading-line-height) !important;
  font-weight: var(--page-subheading-font-weight) !important;
  letter-spacing: var(--page-subheading-letter-spacing) !important;
  text-transform: var(--page-subheading-text-transform) !important;
  color: var(--page-subheading-color) !important;
}

.panel_header h2 {
  font-family: var(--panel-heading-font-family) !important;
  font-size: var(--panel-heading-font-size) !important;
  line-height: var(--panel-heading-line-height) !important;
  font-weight: var(--panel-heading-font-weight) !important;
  letter-spacing: var(--panel-heading-letter-spacing) !important;
  text-transform: var(--panel-heading-text-transform) !important;
  color: var(--panel-heading-color) !important;
}
.panel_header .subtitle {
  font-family: var(--panel-subheading-font-family) !important;
  font-size: var(--panel-subheading-font-size) !important;
  line-height: var(--panel-subheading-line-height) !important;
  font-weight: var(--panel-subheading-font-weight) !important;
  letter-spacing: var(--panel-subheading-letter-spacing) !important;
  text-transform: var(--panel-subheading-text-transform) !important;
  color: var(--panel-subheading-color) !important;
}

.records_list .content h2,
.records_list .content .fp_title {
  font-family: var(--list-heading-font-family) !important;
  font-size: var(--list-heading-font-size) !important;
  line-height: var(--list-heading-line-height) !important;
  font-weight: var(--list-heading-font-weight) !important;
  letter-spacing: var(--list-heading-letter-spacing) !important;
  text-transform: var(--list-heading-text-transform) !important;
  color: var(--list-heading-color) !important;
}
.records_list .content .subtitle {
  font-family: var(--list-subheading-font-family) !important;
  font-size: var(--list-subheading-font-size) !important;
  line-height: var(--list-subheading-line-height) !important;
  font-weight: var(--list-subheading-font-weight) !important;
  letter-spacing: var(--list-subheading-letter-spacing) !important;
  text-transform: var(--list-subheading-text-transform) !important;
  color: var(--list-subheading-color) !important;
}
.records_list .content,
.records_list .description,
.records_list .artist,
.records_list .title_and_year,
.records_list .title_and_year_title,
.records_list .title_and_year_year,
.records_list .medium,
.records_list .dimensions {
  font-family: var(--list-content-font-family) !important;
  font-size: var(--list-content-font-size) !important;
  line-height: var(--list-content-line-height) !important;
  font-weight: var(--list-content-font-weight) !important;
  letter-spacing: var(--list-content-letter-spacing) !important;
  text-transform: var(--list-content-text-transform) !important;
  color: var(--list-content-color) !important;
}
.records_list .artist,
.records_list .title_and_year,
.records_list .title_and_year_title,
.records_list .title_and_year_year {
  --list-content-font-size: var(--step--1);
  --list-content-line-height: var(--step--1-lh);
  --list-content-color: var(--text-primary);
}
.records_list .description {
  --list-content-font-family: var(--base-font-family);
  --list-content-font-size: var(--step-0);
  --list-content-line-height: var(--step-0-lh);
  --list-content-color: var(--text-body);
  --list-content-letter-spacing: 0;
  --list-content-text-transform: none;
  margin-bottom: 0;
}

/* -----------------------------------------------------------
    Vars
----------------------------------------------------------- */
:root {
  /* Typography Settings */
  /*Text base adjusts text site wide by changing the HTML font size see mission control docs for explanation */
  /*MC: /documentation/art-gallery-sites/development/template-art-gallery-website-development/font-sizes-rem/*/
  --text-base: 62.5%;
  /*Adjust body/medium font weight and all other weights are done for you*/
  /*Adjust the type-scale to adjust the ratio between each step up or down*/
  /*Nice values to try - 1.067, 1.125, 1.2, 1.25, 1.333, 1.414, 1.5, 1.618*/
  /*Preview google fonts at type-scale.com text-base == base size*/
  /*Adjust line height for all scales, 1.2 is a happy medium to start*/
  /*This calculates your type scale for you*/
  /*DC - why would you ever set fixed line heights? */
  --step--2: 1.2rem;
  --step--1: 1.3rem;
  --step-0: 1.5rem;
  --step-1: 1.9rem;
  --step-2: 2.1rem;
  --step-3: 2.4rem;
  --step-4: 2.7rem;
  --step-5: 3.4rem;
  --step-6: 4.3rem;
  --step--2-lh: 1.3;
  --step--1-lh: 1.3;
  --step-0-lh: 1.8;
  --step-1-lh: 1.3;
  --step-2-lh: 1.3;
  --step-3-lh: 1.3;
  --step-4-lh: 1.3;
  --step-5-lh: 1.3;
  --step-6-lh: 1.3;
  --text-label-font-size: 1.3rem;
  --text-label-small-font-size: 1.2rem;
  --text-label-letter-spacing: 0.15em;
  /*Useful sites for generating color pallets*/
  /*uicolors.app/create & material.io/resources/color*/
  /*Base color Pallette*/
  /*Used for text etc generally greyscale*/
  --base-50: #FAFAFA;
  --base-100: #F5F5F5;
  --base-200: #E8E8E8;
  --base-300: #D4D4D4;
  --base-400: #A3A3A3;
  --base-500: #737373;
  --base-600: #57534E;
  --base-700: #434343;
  --base-800: #383838;
  --base-900: #141414;
  --black: var(--base-900);
  --white: #FFF;
  /*Primary color Palette*/
  /*Used for the main color on the site*/
  /*This could just be a different greyscale*/
  --primary-50: #F7F7F7;
  --primary-100: #E3E3E3;
  --primary-200: #C8C8C8;
  --primary-300: #A4A4A4;
  --primary-400: #818181;
  --primary-500: #666666;
  --primary-600: #515151;
  --primary-700: #434343;
  --primary-800: #383838;
  --primary-900: #050505;
  --text-primary: var(--base-900);
  --text-secondary: var(--base-600);
  --text-body: var(--base-500);
  --letter-spacing: 0.15em;
  --primary-font-family: "Futura GTS", sans-serif;
  --secondary-font-family: "OfficinaSans", sans-serif;
  /*General Body Text*/
  --base-font-family: "Untitled Serif", sans-serif;
  --base-font-weight: normal;
  --base-font-size: var(--step-0);
  --base-line-height: var(--step-0-lh);
  --base-color: var(--text-body, #57534E);
  --background-color: #FFF;
  /*Used for H tags*/
  --heading-font-family: var(--primary-font-family);
  --heading-font-size: var(--step-6);
  --heading-line-height: var(--step-6-lh);
  --heading-font-weight: normal;
  --heading-letter-spacing: ;
  --heading-text-transform: uppercase;
  --heading-color: var(--text-primary, #141414);
  --heading-background-color: var(--secondary-800, #010101);
  --heading-focus-color: var(--base-900, #141414);
  --heading-border-color: var(--heading-background-color);
  --subheading-font-family: var(--secondary-font-family);
  --subheading-font-size: var(--step--1);
  --subheading-line-height: var(--step--1-lh);
  --subheading-font-weight: normal;
  --subheading-letter-spacing: var(--letter-spacing);
  --subheading-text-transform: uppercase;
  --subheading-color: var(--text-primary);
  --date-font-family: var(--secondary-font-family);
  --date-font-size: var(--step--1);
  --date-line-height: var(--step--1-lh);
  --date-font-weight: var(--base-font-weight);
  --date-letter-spacing: var(--letter-spacing);
  --date-text-transform: uppercase;
  --date-color: var(--text-body);
  --navigation-font-family: var(--secondary-font-family);
  --navigation-font-size: var(--step--1);
  --navigation-line-height: var(--step--1-lh);
  --navigation-font-weight: var(--base-font-weight);
  --navigation-letter-spacing: var(--letter-spacing);
  --navigation-text-transform: uppercase;
  --navigation-color: var(--text-body);
  --navigation-focus-color: var(--text-primary);
  --link-font-family: var(--secondary-font-family);
  --link-font-size: var(--step--2);
  --link-line-height: var(--step--2-lh);
  --link-font-weight: var(--base-font-weight);
  --link-letter-spacing: var(--letter-spacing);
  --link-text-transform: uppercase;
  --link-color: var(--text-body);
  --link-focus-color: var(--text-primary);
  --button-font-family: var(--secondary-font-family);
  --button-font-size: var(--step--1);
  --button-line-height: var(--step--1-lh);
  --button-font-weight: var(--base-font-weight);
  --button-letter-spacing: var(--letter-spacing);
  --button-text-transform: uppercase;
  --button-color: var(--text-primary);
  --button-border: 1px solid var(--button-border-color);
  --button-border-color: var(--border-color);
  --button-background-color: transparent;
  --button-focus-color: var(--text-primary);
  --button-focus-background-color: transparent;
  --button-focus-border-color: var(--button-border-color);
  --button-padding: 1.1rem 5rem;
  --hero-heading-font-family: var(--heading-font-family);
  --hero-heading-font-size: var(--step-6);
  --hero-heading-line-height: var(--step-6-lh);
  --hero-heading-font-weight: var(--heading-font-weight);
  --hero-heading-letter-spacing: var(--heading-letter-spacing);
  --hero-heading-text-transform: var(--heading-text-transform);
  --hero-heading-color: var(--heading-color);
  --hero-subheading-font-family: var(--heading-font-family);
  --hero-subheading-font-size: var(--step-1);
  --hero-subheading-line-height: var(--step-1-lh);
  --hero-subheading-font-weight: var(--heading-font-weight);
  --hero-subheading-letter-spacing: var(--heading-letter-spacing);
  --hero-subheading-text-transform: var(--heading-text-transform);
  --hero-subheading-color: var(--heading-color);
  --page-heading-font-family: var(--heading-font-family);
  --page-heading-font-size: var(--step-6);
  --page-heading-line-height: var(--step-6-lh);
  --page-heading-font-weight: var(--heading-font-weight);
  --page-heading-letter-spacing: var(--heading-letter-spacing);
  --page-heading-text-transform: var(--heading-text-transform);
  --page-heading-color: var(--heading-color);
  --page-subheading-font-family: var(--heading-font-family);
  --page-subheading-font-size: var(--step-2);
  --page-subheading-line-height: var(--step-2-lh);
  --page-subheading-font-weight: var(--heading-font-weight);
  --page-subheading-letter-spacing: var(--heading-letter-spacing);
  --page-subheading-text-transform: var(--heading-text-transform);
  --page-subheading-color: var(--heading-color);
  --panel-heading-font-family: var(--subheading-font-family);
  --panel-heading-font-size: var(--subheading-font-size);
  --panel-heading-line-height: var(--subheading-line-height);
  --panel-heading-font-weight: var(--subheading-font-weight);
  --panel-heading-letter-spacing: var(--subheading-letter-spacing);
  --panel-heading-text-transform: var(--subheading-text-transform);
  --panel-heading-color: var(--subheading-color);
  --panel-subheading-font-family: var(--primary-font-family);
  --panel-subheading-font-size: var(--step-5);
  --panel-subheading-line-height: var(--step-5-lh);
  --panel-subheading-letter-spacing: 0;
  --panel-subheading-font-weight: var(--page-subheading-font-weight);
  --panel-subheading-text-transform: var(--page-subheading-text-transform);
  --panel-subheading-color: var(--page-subheading-color);
  --list-content-font-family: var(--secondary-font-family);
  --list-content-font-size: var(--step--2);
  --list-content-line-height: var(--step--2-lh);
  --list-content-font-weight: normal;
  --list-content-letter-spacing: var(--letter-spacing);
  --list-content-text-transform: uppercase;
  --list-content-color: var(--text-body);
  --list-heading-font-family: var(--heading-font-family);
  --list-heading-font-size: var(--step-3);
  --list-heading-line-height: var(--step-3-lh);
  --list-heading-font-weight: var(--heading-font-weight);
  --list-heading-letter-spacing: 0;
  --list-heading-text-transform: var(--heading-text-transform);
  --list-heading-color: var(--heading-color);
  --list-subheading-font-family: var(--heading-font-family);
  --list-subheading-font-size: var(--step-0);
  --list-subheading-line-height: var(--step-0-lh);
  --list-subheading-font-weight: normal;
  --list-subheading-letter-spacing: 0;
  --list-subheading-text-transform: var(--heading-text-transform);
  --list-subheading-color: var(--heading-color);
  --list-date-font-family: var(--date-font-family);
  --list-date-font-size: var(--date-font-size);
  --list-date-line-height: var(--date-line-height);
  --list-date-font-weight: var(--date-font-weight);
  --list-date-letter-spacing: var(--date-letter-spacing);
  --list-date-text-transform: var(--date-text-transform);
  --list-date-color: var(--date-color);
  /*Used for top navigation e.g. site nav*/
  --section-top-nav-font-family: var(--secondary-font-family);
  --section-top-nav-font-weight: normal;
  --section-top-nav-font-size: var(--text-label-font-size);
  --section-top-nav-font-color: var(--base-500);
  --section-top-nav-background-color: #fff;
  --section-top-nav-focus-color: var(--base-900, #141414);
  --section-top-nav-border-color: var(--section-top-nav-background-color);
  /*Used for sub navigation e.g. artist page*/
  --section-sub-nav-font-family: var(--secondary-font-family);
  --section-sub-nav-font-weight: normal;
  --section-sub-nav-font-size: var(--text-label-font-size);
  --section-sub-nav-line-height: var(--step--1-lh);
  --section-sub-nav-font-color: var(--base-500);
  --section-sub-nav-focus-color: var(--base-900);
  /*Used for lists*/
  --section-list-font-family: var(--secondary-font-family);
  --section-list-font-weight: normal;
  --section-list-font-size: var(--step--1);
  --section-list-line-height: var(--step--1-lh);
  --section-list-font-color: var(--base-600);
  --section-list-focus-color: var(--base-500);
  --footer-font-size: var(--step--1);
  --footer-line-height: var(--step-1-lh);
  --footer-font-family: var(--secondary-font-family);
  --footer-font-weight: 200;
  --footer-color: #e8e8e8;
  --footer-border-color: var(--base-color);
  --border-color: var(--base-300);
  --lazyload-background-color: var(--primary-200);
  --loading-indicator-color: var(--primary-900);
  /*Used on artist detail popup*/
  --popup-detail-background-color: var(--background-color);
  /*Used on share widget*/
  --share-popup-background-color: var(--primary-50);
  --share-popup-focus-background-color: var(--primary-100);
  /*Used on manage cookies popup*/
  --cookies-popup-background-color: #000;
  --cookies-popup-font-color: var(--base-50);
  --cookies-popup-button-background-color: transparent;
  --cookies-popup-button-font-color: var(--cookies-popup-font-color);
  --cookies-popup-button-focus-background-color: var(--base-200);
  --cookies-popup-button-focus-font-color: var(--base-color);
  /*Used on forms*/
  --form-input-border-color: var(--border-color);
  --form-input-background-color: white;
  --form-input-font-color: var(--base-color);
  --form-input-font-size: var(--base-font-size);
  --form-input-line-height: var(--base-line-height);
  /*Slideshow Hero*/
  --section-home-slideshow-hero-background-color: transparent;
  --hero-date-font-family: var(--section-top-nav-font-family);
  --hero-date-font-size: var(--step--1);
  --hero-date-line-height: var(--step--1-lh);
  --hero-date-color: var(--text-secondary);
  --hero-date-letter-spacing: var(--text-label-letter-spacing);
  --easing: cubic-bezier(.65, .06, .19, .96);
  --container-width: 1500px;
  /* Grids and lists */
  --record-grid-column-width: 28.56%;
  --record-grid-column-gap: 7.15%;
  --record-grid-heading-line-height-1: 1.3em;
  --stupid-grid-template-columns: minmax(0, 1fr) repeat(2, 214.285714286px) 107.142857143px repeat(2, 214.285714286px) 107.142857143px repeat(2, 214.285714286px) minmax(0, 1fr);
  /* General spacing */
  --space--3: 0.3rem;
  --space--2: 0.8rem;
  --space--1: 1.2rem;
  --space-0: 1.6rem;
  --space-1: 2.0rem;
  --space-2: 2.4rem;
  --space-3: 4.0rem;
  --space-4: 6.4rem;
  --space-5: 8.0rem;
  --space-6: 11.2rem;
  --section-vertical-space: var(--space-6);
  /* Misc */
  --link-color: var(--base-900, #141414);
  --footer-body-text-size: 1.4rem ;
}
@media only screen and (max-width: 459px) {
  :root {
    --step-0: 1.4rem;
  }
}
@media only screen and (max-width: 639px) {
  :root {
    --date-font-size: var(--step--2);
    --date-line-height: var(--step--2-lh);
  }
}
@media only screen and (max-width: 1023px) {
  :root {
    --page-heading-font-size: var(--step-5);
    --page-heading-line-height: var(--step-5-lh);
  }
}
@media only screen and (max-width: 639px) {
  :root {
    --page-heading-font-size: var(--step-4);
    --page-heading-line-height: var(--step-4-lh);
  }
}
@media only screen and (max-width: 459px) {
  :root {
    --panel-subheading-font-size: var(--step-4);
    --panel-subheading-line-height: var(--step-4-lh);
  }
}
@media only screen and (max-width: 767px) {
  :root {
    --hero-heading-font-size: var(--step-5);
    --hero-heading-line-height: var(--step-5-lh);
    --hero-subheading-font-size: var(--step-0);
    --hero-subheading-line-height: var(--step-0-lh);
  }
}
@media only screen and (max-width: 459px) {
  :root {
    --hero-heading-font-size: var(--step-4);
    --hero-heading-line-height: var(--step-4-lh);
  }
}
@media only screen and (min-width: 1024px) {
  :root {
    --CONTAINER-PADDING: 4rem;
  }
}
@media only screen and (min-width: 1280px) {
  :root {
    --CONTAINER-PADDING: 8rem;
  }
}
@media only screen and (max-width: 1023px) {
  :root {
    --CONTAINER-PADDING: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  :root {
    --CONTAINER-PADDING: 2rem;
  }
}
@media only screen and (max-width: 459px) {
  :root {
    --CONTAINER-PADDING: 1.6rem;
  }
}
@media screen and (max-width: 1660px) {
  :root {
    --stupid-grid-template-columns: var(--CONTAINER-PADDING) repeat(2, 1fr) 0.5fr repeat(2, 1fr) 0.5fr repeat(2, 1fr) var(--CONTAINER-PADDING) ;
  }
}
@media only screen and (max-width: 767px) {
  :root {
    --section-vertical-space: var(--space-5);
  }
}

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