/* ----------------------------------------------------------------------------------
Art Gallery Website Template
Theme name: Boilerplate
---------------------------------------------------------------------------------- */
/**
 * Fluid
 * A responsive function that interpolates between a minimum and maximum value based on the viewport width.
 * The function uses a linear equation to interpolate and clamps the output to stay within the specified range.
 * @function fluid
 * @access public
 * @param {Number} $min-px - The minimum value for the output in pixels.
 * @param {Number} $max-px - The maximum value for the output in pixels.
 * @param {Number} [$breakpoint-min-px: 320] - The minimum viewport width in pixels where the output starts to change.
 * @param {Number} [$breakpoint-max-px: 1660] - The maximum viewport width in pixels where the output stops changing.
 * @return {String} - The interpolated and clamped CSS value.
 * @example
 * // If the viewport width is 320px, the output will be 1.6rem (16px). If the viewport width is 1660px, the output will be 2.4rem (24px).
 * // For viewport widths between 320px and 1660px, the output will linearly interpolate between 1.6rem (16px) and 2.4rem (24px).
 * font-size: fluid(1.6, 2.4);
 * @throws {Error} If $min is not a number, or if $max is not a number, or if $breakpoint-min-px is not a number, or if $breakpoint-max-px is not a number.
*/
/**
 * Fluid
 * A responsive function that interpolates between a minimum and maximum value based on the viewport width.
 * The function uses a linear equation to interpolate and clamps the output to stay within the specified range.
 * @function fluid
 * @access public
 * @param {Number} $min-px - The minimum value for the output in pixels.
 * @param {Number} $max-px - The maximum value for the output in pixels.
 * @param {Number} [$breakpoint-min-px: 320] - The minimum viewport width in pixels where the output starts to change.
 * @param {Number} [$breakpoint-max-px: 1660] - The maximum viewport width in pixels where the output stops changing.
 * @return {String} - The interpolated and clamped CSS value.
 * @example
 * // If the viewport width is 320px, the output will be 1.6rem (16px). If the viewport width is 1660px, the output will be 2.4rem (24px).
 * // For viewport widths between 320px and 1660px, the output will linearly interpolate between 1.6rem (16px) and 2.4rem (24px).
 * font-size: fluid(1.6, 2.4);
 * @throws {Error} If $min is not a number, or if $max is not a number, or if $breakpoint-min-px is not a number, or if $breakpoint-max-px is not a number.
*/
/**
 * Fluid
 * A responsive function that interpolates between a minimum and maximum value based on the viewport width.
 * The function uses a linear equation to interpolate and clamps the output to stay within the specified range.
 * @function fluid
 * @access public
 * @param {Number} $min-px - The minimum value for the output in pixels.
 * @param {Number} $max-px - The maximum value for the output in pixels.
 * @param {Number} [$breakpoint-min-px: 320] - The minimum viewport width in pixels where the output starts to change.
 * @param {Number} [$breakpoint-max-px: 1660] - The maximum viewport width in pixels where the output stops changing.
 * @return {String} - The interpolated and clamped CSS value.
 * @example
 * // If the viewport width is 320px, the output will be 1.6rem (16px). If the viewport width is 1660px, the output will be 2.4rem (24px).
 * // For viewport widths between 320px and 1660px, the output will linearly interpolate between 1.6rem (16px) and 2.4rem (24px).
 * font-size: fluid(1.6, 2.4);
 * @throws {Error} If $min is not a number, or if $max is not a number, or if $breakpoint-min-px is not a number, or if $breakpoint-max-px is not a number.
*/
/**
 * @mixin set-typography-vars
 * Sets typography-related CSS custom properties for a given primary prefix and, optionally, a fallback prefix.
 *
 * @param {String} $primary-prefix - The primary prefix used for the custom properties.
 * @param {String} [$fallback-prefix=null] - The optional fallback prefix used for the custom properties.
 * @param {String} [$font-family-default=null] - The default font-family value.
 * @param {String} [$font-size-default=null] - The default font-size value.
 * @param {String} [$line-height-default=null] - The default line-height value.
 * @param {String} [$font-weight-default=null] - The default font-weight value.
 * @param {String} [$text-transform-default=null] - The default text-transform value.
 * @param {String} [$color-default=null] - The default color value.
 * @param {Boolean} [$important=false] - Whether to append !important to the generated CSS declarations.
 */
/**
 * Fluid
 * A responsive function that interpolates between a minimum and maximum value based on the viewport width.
 * The function uses a linear equation to interpolate and clamps the output to stay within the specified range.
 * @function fluid
 * @access public
 * @param {Number} $min-px - The minimum value for the output in pixels.
 * @param {Number} $max-px - The maximum value for the output in pixels.
 * @param {Number} [$breakpoint-min-px: 320] - The minimum viewport width in pixels where the output starts to change.
 * @param {Number} [$breakpoint-max-px: 1660] - The maximum viewport width in pixels where the output stops changing.
 * @return {String} - The interpolated and clamped CSS value.
 * @example
 * // If the viewport width is 320px, the output will be 1.6rem (16px). If the viewport width is 1660px, the output will be 2.4rem (24px).
 * // For viewport widths between 320px and 1660px, the output will linearly interpolate between 1.6rem (16px) and 2.4rem (24px).
 * font-size: fluid(1.6, 2.4);
 * @throws {Error} If $min is not a number, or if $max is not a number, or if $breakpoint-min-px is not a number, or if $breakpoint-max-px is not a number.
*/
/**
 * @mixin set-margin-vars
 * Sets margin-related CSS custom properties for a given prefix and assigns them to the margin property.
 *
 * @param {String} $prefix - The prefix used for the custom properties.
 * @param {*} [$my=null] - The margin value for the top and bottom.
 * @param {*} [$mx=null] - The margin value for the left and right.
 * @param {*} [$mt=null] - The margin value for the top.
 * @param {*} [$mr=null] - The margin value for the right.
 * @param {*} [$mb=null] - The margin value for the bottom.
 * @param {*} [$ml=null] - The margin value for the left.
 * @param {*} [$my-default=0] - The default margin value for the top and bottom.
 * @param {*} [$mx-default=0] - The default margin value for the left and right.
 * @param {*} [$mt-default=0] - The default margin value for the top.
 * @param {*} [$mr-default=0] - The default margin value for the right.
 * @param {*} [$mb-default=0] - The default margin value for the bottom.
 * @param {*} [$ml-default=0] - The default margin value for the left.
 * @param {Boolean} [$important=false] - Whether to append !important to the generated CSS declaration.
 */
/**
* Sets custom padding variables for an element using CSS variables.
* @param {string} $prefix - The prefix to use for the CSS variable names.
* @param {number} [$py=null] - The padding value for top and bottom sides.
* @param {number} [$px=null] - The padding value for left and right sides.
* @param {number} [$pt=null] - The padding value for the top side.
* @param {number} [$pr=null] - The padding value for the right side.
* @param {number} [$pb=null] - The padding value for the bottom side.
* @param {number} [$pl=null] - The padding value for the left side.
* @param {number} [$py-default=0] - The default padding value for top and bottom sides.
* @param {number} [$px-default=0] - The default padding value for left and right sides.
* @param {number} [$pt-default=0] - The default padding value for the top side.
* @param {number} [$pr-default=0] - The default padding value for the right side.
* @param {number} [$pb-default=0] - The default padding value for the bottom side.
* @param {number} [$pl-default=0] - The default padding value for the left side.
* @param {boolean} [$important=false] - Whether to use "!important" modifier for the CSS "padding" property.
*/
/**
 * @mixin set-var
 * Sets a single CSS custom property for a given primary prefix and, optionally, a fallback prefix.
 *
 * @param {String} $property - The CSS property to set.
 * @param {String} $primary-prefix - The primary prefix used for the custom property.
 * @param {String} [$fallback-prefix=null] - The optional fallback prefix used for the custom property.
 * @param {String} [$var-name=null] - The custom property name, if different from the CSS property.
 * @param {*} [$default=null] - The default value for the custom property.
 * @param {Boolean} [$important=false] - Whether to append !important to the generated CSS declaration.
 */
#viewing_rooms-grid-container .content > .button, .buy_now_store_item_add_container > button.store_item_add_to_cart, .button > a {
  padding: var(--button-pt, var(--button-py, var(--space-xs))) var(--button-pr, var(--button-px, var(--space-m))) var(--button-pb, var(--button-py, var(--space-xs))) var(--button-pl, var(--button-px, var(--space-m))) !important;
  font-family: var(--button-font-family , var(--base-font-family)) !important;
  font-size: var(--button-font-size , var(--step-0)) !important;
  line-height: var(--button-line-height , var(--leading-normal)) !important;
  font-weight: var(--button-font-weight , var(--base-font-weight)) !important;
  text-transform: var(--button-text-transform , inherit) !important;
  color: var(--button-color , var(--base-color)) !important;
  border-radius: var(--button-border-radius, 0);
  border: var(--button-border, unset);
  background: var(--button-background-color, transparent);
  transition: var(--button-transition, var(--transition));
}
#viewing_rooms-grid-container .content > .button:hover, .buy_now_store_item_add_container > button.store_item_add_to_cart:hover, .button > a:hover, #viewing_rooms-grid-container .content > .button:active, .buy_now_store_item_add_container > button.store_item_add_to_cart:active, .button > a:active, #viewing_rooms-grid-container .content > .button:focus, .buy_now_store_item_add_container > button.store_item_add_to_cart:focus, .button > a:focus {
  color: var(--button-focus-color, var(--button-color)) !important;
  background: var(--button-focus-background-color, var(--button-background-color)) !important;
  border: var(--button-focus-border, var(--button-border)) !important;
}

.link .roomview-button-custom a, .link > a,
.link > span {
  font-family: var(--link-font-family , var(--base-font-family)) !important;
  font-size: var(--link-font-size , var(--base-font-size)) !important;
  line-height: var(--link-line-height , var(--base-line-height)) !important;
  font-weight: var(--link-font-weight , var(--base-font-weight)) !important;
  text-transform: var(--link-text-transform , inherit) !important;
  color: var(--link-color , var(--base-color)) !important;
}
.link .roomview-button-custom a:hover, .link > a:hover,
.link > span:hover, .link .roomview-button-custom a:focus, .link > a:focus,
.link > span:focus {
  color: var(--link-focus-color, var(--link-color)) !important;
  text-decoration: var(--link-text-decoration) !important;
}

/* Image lazyload overrides
----------------------------------------------------------- */
.lazyload_wrapper:before {
  background: var(--lazyload-background-color, #fafafa);
}
.lazyload_wrapper:before.loading svg.loader .path {
  stroke: var(--loading-indicator-color, #bbb);
}

/* Button
    Use the 'button-' prefix for all button vars
----------------------------------------------------------- */
.button {
  background: transparent;
  margin: 0;
}
body button.store_item_buy_now > span,
body .buy_now_store_item_add_container > button.store_item_add_to_cart > span {
  padding: 0 !important;
}

#viewing_rooms-grid-container .content > .button {
  float: unset;
  display: inline-flex;
}
#viewing_rooms-grid-container .content > .button span {
  padding: 0;
}

/* Link
    Use the 'link-' prefix for all link vars
----------------------------------------------------------- */
.navigation ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--vertical-gap, var(--gap, 0)) var(--horizontal-gap, var(--gap, var(--space-m)));
}
.navigation ul li {
  margin: 0;
}
.navigation ul li.last {
  margin-right: 0 !important;
}
.navigation ul li a,
.navigation ul li .dropdown-btn {
  --navigation-py: var(--space-3xs);
  --navigation-px: 0;
  padding: var(--navigation-pt, var(--navigation-py, 0)) var(--navigation-pr, var(--navigation-px, 0)) var(--navigation-pb, var(--navigation-py, 0)) var(--navigation-pl, var(--navigation-px, 0)) !important;
  font-family: var(--navigation-font-family, var(--base-font-family , var(--base-font-family))) !important;
  font-size: var(--navigation-font-size, var(--base-font-size , var(--base-font-size))) !important;
  line-height: var(--navigation-line-height, var(--base-line-height , var(--base-line-height))) !important;
  font-weight: var(--navigation-font-weight, var(--base-font-weight , var(--base-font-weight))) !important;
  text-transform: var(--navigation-text-transform, var(--base-text-transform , inherit)) !important;
  color: var(--navigation-color, var(--base-color , var(--base-color))) !important;
  letter-spacing: var(--navigation-letter-spacing, var(--base-letter-spacing , initial));
  text-decoration: var(--navigation-text-decoration, none);
  transition: 0.3s all var(--easing);
}
.navigation ul li a, .navigation ul li a:visited,
.navigation ul li .dropdown-btn,
.navigation ul li .dropdown-btn:visited {
  color: var(--navigation-color) !important;
}
.navigation ul li a:hover,
.navigation ul li .dropdown-btn:hover {
  color: var(--navigation-focus-color) !important;
}
.navigation ul li.active a,
.navigation ul li.active a:visited {
  color: var(--navigation-focus-color);
}

/**
 *
 * SPECIFIC CORE OVERRIDES
 * 
 * body is there to ovverride responsive_base.css
 */
@media only screen and (max-width: 1023px) {
  body #sub_nav.navigation ul li,
  body #exhibitions_nav.navigation ul li,
  body .list_grid_control.navigation ul li {
    margin: 0;
  }
}
/* Sub nav
----------------------------------------------------------- */
.scroll_section_container > section {
  margin: 0;
}

#page_header {
  max-width: var(--CONTAINER-WIDTH, 1660px);
  margin: 0 auto;
  padding-left: var(--CONTAINER-PADDING);
  padding-right: var(--CONTAINER-PADDING);
}

.type-fullscreen #header,
.layout-hero-header #header,
.header-fixed-wrapper #header {
  padding: 0 !important;
}

@media only screen and (max-width: 1023px) {
  #top_nav {
    --navigation-color: var(--text-primary-invert);
    --navigation-focus-color: var(--text-secondary-invert);
  }
}

body.type-fullscreen.fullscreen-slide-dark #container:not(.page-scroll) #header.header_transparent #logo a,
body.type-fullscreen.fullscreen-slide-dark #container:not(.page-scroll) #header.header_transparent #logo a:visited,
body.type-fullscreen.fullscreen-slide-dark:not(.slide-nav-open) #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #top_nav.navigation > ul > li > a,
body.type-fullscreen.fullscreen-slide-dark:not(.slide-nav-open) #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #top_nav.navigation > ul > li > a:visited,
body.type-fullscreen.fullscreen-slide-dark:not(.slide-nav-open) #container:not(.page-scroll) .header_transparent #topnav_translations ul li a,
body.type-fullscreen.fullscreen-slide-dark:not(.slide-nav-open) #container:not(.page-scroll) .header_transparent .navigation:not(#top_nav) ul li a,
body.type-fullscreen.fullscreen-slide-dark:not(.slide-nav-open) #container:not(.page-scroll) .header_transparent .navigation ul li a,
body.layout-hero-header.fullscreen-slide-dark #container:not(.page-scroll) #header.header_transparent #logo a,
body.layout-hero-header.fullscreen-slide-dark #container:not(.page-scroll) #header.header_transparent #logo a:visited,
body.layout-hero-header.fullscreen-slide-dark:not(.slide-nav-open) #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #top_nav.navigation > ul > li > a,
body.layout-hero-header.fullscreen-slide-dark:not(.slide-nav-open) #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #top_nav.navigation > ul > li > a:visited,
body.layout-hero-header.fullscreen-slide-dark:not(.slide-nav-open) #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) .additionalnav a,
body.layout-hero-header.fullscreen-slide-dark:not(.slide-nav-open) #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) .additionalnav a:visited,
body.layout-hero-header.fullscreen-slide-dark:not(.slide-nav-open) #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) .social_media_icon::after,
body.type-fullscreen #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #logo a,
body.type-fullscreen #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #logo a:visited,
body.type-fullscreen #container #header.header_transparent:not(.header_fixed) #logo a,
body.type-fullscreen #container #header.header_transparent:not(.header_fixed) #logo a:visited,
body.type-fullscreen:not(.slide-nav-open) #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #top_nav.navigation > ul > li > a,
body.type-fullscreen:not(.slide-nav-open) #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #top_nav.navigation > ul > li > a:visited,
body.type-fullscreen:not(.slide-nav-open) #container #header.header_transparent:not(.header_fixed) #top_nav.navigation > ul > li > a,
body.type-fullscreen:not(.slide-nav-open) #container #header.header_transparent:not(.header_fixed) #top_nav.navigation > ul > li > a:visited,
body.type-fullscreen #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) .header_quicksearch_btn,
body.type-fullscreen #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #store_cart_widget::before,
body.type-fullscreen #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #store_cart_widget::after,
body.type-fullscreen #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #wishlist_cart_widget::before,
body.type-fullscreen #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #wishlist_cart_widget::after,
body.type-fullscreen #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #slide_nav_reveal::after,
body.type-fullscreen #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) .social_media_icon,
body.type-fullscreen #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #translations_nav > ul > li > a,
body.type-fullscreen #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #translations_nav > ul > li > a:visited,
body.type-fullscreen #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #header_quick_search.header_quick_search_reveal .inputField,
body.layout-hero-header #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #logo a,
body.layout-hero-header #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #logo a:visited,
body.layout-hero-header:not(.slide-nav-open) #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #top_nav.navigation > ul > li > a,
body.layout-hero-header:not(.slide-nav-open) #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #top_nav.navigation > ul > li > a:visited,
body.layout-hero-header #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) .header_quicksearch_btn,
body.layout-hero-header #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #store_cart_widget::before,
body.layout-hero-header #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #store_cart_widget::after,
body.layout-hero-header #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #wishlist_cart_widget::before,
body.layout-hero-header #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #wishlist_cart_widget::after,
body.layout-hero-header #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #slide_nav_reveal::after,
body.layout-hero-header #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) .social_media_icon,
body.layout-hero-header #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #translations_nav > ul > li > a,
body.layout-hero-header #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #translations_nav > ul > li > a:visited {
  --navigation-color: var(--white);
}

#translations_nav {
  position: static;
}
#translations_nav ul li {
  padding: 0;
}

/* Records list
Default styling for all content grids on the site

Default grid is 4 columns
----------------------------------------------------------- */
.records_list {
  --gap: var(--space-m);
}
@media only screen and (max-width: 1023px) {
  .records_list {
    --grid-columns: 3;
  }
}
@media only screen and (max-width: 767px) {
  .records_list {
    --grid-columns: 2;
  }
}
@media only screen and (max-width: 459px) {
  .records_list {
    --grid-columns: 1;
  }
}
.records_list > ul {
  display: var(--records-list-display, grid) !important;
  grid-template-columns: repeat(var(--grid-columns, 4), 1fr);
  gap: var(--vertical-gap, var(--gap, var(--space-m))) var(--horizontal-gap, var(--gap, var(--space-m)));
  margin: 0 !important;
}
.records_list > ul::after {
  display: none;
}
.records_list > ul li {
  padding: var(--list-item-pt, var(--list-item-py, 0)) var(--list-item-pr, var(--list-item-px, 0)) var(--list-item-pb, var(--list-item-py, 0)) var(--list-item-pl, var(--list-item-px, 0)) !important;
  margin: var(--list-item-mt, var(--list-item-my, 0)) var(--list-item-mr, var(--list-item-mx, 0)) var(--list-item-mb, var(--list-item-my, 0)) var(--list-item-ml, var(--list-item-mx, 0)) !important;
  width: var(--list-item-width, 100%) !important;
}

.records_list.gd_no_of_columns_2 {
  --grid-columns: 2;
}
.records_list.gd_no_of_columns_3 {
  --grid-columns: 3;
}
.records_list.gd_no_of_columns_4 {
  --grid-columns: 4;
}
.records_list.gd_no_of_columns_5 {
  --grid-columns: 5;
}
.records_list.gd_no_of_columns_6 {
  --grid-columns: 6;
}

.grid_no_of_columns_1 .records_list {
  --grid-columns: 1;
}

.grid_no_of_columns_2 .records_list {
  --grid-columns: 2;
}
@media only screen and (max-width: 459px) {
  .grid_no_of_columns_2 .records_list {
    --grid-columns: 1;
  }
}

.grid_no_of_columns_3 .records_list {
  --grid-columns: 3;
}
@media only screen and (max-width: 767px) {
  .grid_no_of_columns_3 .records_list {
    --grid-columns: 2;
  }
}
@media only screen and (max-width: 459px) {
  .grid_no_of_columns_3 .records_list {
    --grid-columns: 1;
  }
}

.grid_no_of_columns_4 .records_list {
  --grid-columns: 4;
}
@media only screen and (max-width: 1023px) {
  .grid_no_of_columns_4 .records_list {
    --grid-columns: 3;
  }
}
@media only screen and (max-width: 767px) {
  .grid_no_of_columns_4 .records_list {
    --grid-columns: 2;
  }
}
@media only screen and (max-width: 459px) {
  .grid_no_of_columns_4 .records_list {
    --grid-columns: 1;
  }
}

.grid_no_of_columns_5 .records_list {
  --grid-columns: 5;
}
@media only screen and (max-width: 1023px) {
  .grid_no_of_columns_5 .records_list {
    --grid-columns: 3;
  }
}
@media only screen and (max-width: 767px) {
  .grid_no_of_columns_5 .records_list {
    --grid-columns: 2;
  }
}
@media only screen and (max-width: 459px) {
  .grid_no_of_columns_5 .records_list {
    --grid-columns: 1;
  }
}

.grid_no_of_columns_6 .records_list {
  --grid-columns: 6;
}
@media only screen and (max-width: 1023px) {
  .grid_no_of_columns_6 .records_list {
    --grid-columns: 3;
  }
}
@media only screen and (max-width: 767px) {
  .grid_no_of_columns_6 .records_list {
    --grid-columns: 2;
  }
}
@media only screen and (max-width: 459px) {
  .grid_no_of_columns_6 .records_list {
    --grid-columns: 1;
  }
}

.records_list .description {
  --list-content-font-size: var(--base-font-size);
  --list-content-line-height: var(--leading-relaxed);
}

.records_list .content > * {
  font-family: var(--list-content-font-family, var(--base-font-family , var(--base-font-family))) !important;
  font-size: var(--list-content-font-size, var(--base-font-size , var(--base-font-size))) !important;
  line-height: var(--list-content-line-height, var(--base-line-height , var(--base-line-height))) !important;
  font-weight: var(--list-content-font-weight, var(--base-font-weight , var(--base-font-weight))) !important;
  text-transform: var(--list-content-text-transform, var(--base-text-transform , inherit)) !important;
  color: var(--list-content-color, var(--base-color , var(--base-color))) !important;
  --list-content-mt: 0;
  --list-content-mb: 0;
  margin: var(--list-content-mt, var(--list-content-my, 0)) var(--list-content-mr, var(--list-content-mx, 0)) var(--list-content-mb, var(--list-content-my, 0)) var(--list-content-ml, var(--list-content-mx, 0)) !important;
}
.records_list .content > a > * {
  font-family: var(--list-content-font-family, var(--base-font-family , var(--base-font-family))) !important;
  font-size: var(--list-content-font-size, var(--base-font-size , var(--base-font-size))) !important;
  line-height: var(--list-content-line-height, var(--base-line-height , var(--base-line-height))) !important;
  font-weight: var(--list-content-font-weight, var(--base-font-weight , var(--base-font-weight))) !important;
  text-transform: var(--list-content-text-transform, var(--base-text-transform , inherit)) !important;
  color: var(--list-content-color, var(--base-color , var(--base-color))) !important;
  --list-content-mt: 0;
  --list-content-mb: 0;
  margin: var(--list-content-mt, var(--list-content-my, 0)) var(--list-content-mr, var(--list-content-mx, 0)) var(--list-content-mb, var(--list-content-my, 0)) var(--list-content-ml, var(--list-content-mx, 0)) !important;
}
.records_list .content h2 {
  font-family: var(--list-heading-font-family, var(--list-content-font-family , var(--base-font-family))) !important;
  font-size: var(--list-heading-font-size, var(--list-content-font-size , var(--base-font-size))) !important;
  line-height: var(--list-heading-line-height, var(--list-content-line-height , var(--base-line-height))) !important;
  font-weight: var(--list-heading-font-weight, var(--list-content-font-weight , var(--base-font-weight))) !important;
  text-transform: var(--list-heading-text-transform, var(--list-content-text-transform , inherit)) !important;
  color: var(--list-heading-color, var(--list-content-color , var(--base-color))) !important;
}
.records_list .content .subtitle {
  font-family: var(--list-subheading-font-family, var(--list-content-font-family , var(--base-font-family))) !important;
  font-size: var(--list-subheading-font-size, var(--list-content-font-size , var(--base-font-size))) !important;
  line-height: var(--list-subheading-line-height, var(--list-content-line-height , var(--base-line-height))) !important;
  font-weight: var(--list-subheading-font-weight, var(--list-content-font-weight , var(--base-font-weight))) !important;
  text-transform: var(--list-subheading-text-transform, var(--list-content-text-transform , inherit)) !important;
  color: var(--list-subheading-color, var(--list-content-color , var(--base-color))) !important;
}
.records_list .image {
  --list-image-mb: var(--space-xs);
  margin: var(--list-image-mt, var(--list-image-my, 0)) var(--list-image-mr, var(--list-image-mx, 0)) var(--list-image-mb, var(--list-image-my, 0)) var(--list-image-ml, var(--list-image-mx, 0)) !important;
}

.records_list.feature_list {
  --grid-columns: 1fr;
}
.records_list.feature_list .image {
  --list-image-mb: 0;
}
@media only screen and (max-width: 767px) {
  .records_list.feature_list .image {
    --list-image-mb: var(--space-m);
  }
}

.records_list.tile_list .tile_list_formatted {
  display: grid;
  grid-template-columns: repeat(var(--grid-columns, 4), 1fr);
  gap: 0 var(--horizontal-gap, var(--gap, var(--space-m)));
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .records_list.tile_list .tile_list_formatted {
    --grid-columns: 2;
  }
}
@media only screen and (max-width: 459px) {
  .records_list.tile_list .tile_list_formatted {
    --grid-columns: 1;
  }
}
.records_list.tile_list .tile_list_formatted ul {
  width: auto !important;
  padding: 0 !important;
}
.records_list.tile_list .tile_list_formatted ul li {
  margin-bottom: 0;
}
.records_list.tile_list .tile_list_formatted ul li + li {
  margin-top: var(--vertical-gap, var(--gap, var(--space-m)));
}

.records_list.flow_list .flow_list_formatted {
  overflow: hidden;
}
.records_list.flow_list .flow_list_formatted ul + ul {
  margin-top: var(--vertical-gap, var(--gap, var(--space-m)));
}
.records_list.flow_list .flow_list_formatted ul li {
  margin-right: var(--horizontal-gap, var(--gap, var(--space-m)));
  margin-bottom: 0;
}

#footer {
  margin: var(--footer-mt, var(--footer-my, var(--space-xl))) var(--footer-mr, var(--footer-mx, 0)) var(--footer-mb, var(--footer-my, 0)) var(--footer-ml, var(--footer-mx, 0));
  --footer-py: var(--section-vertical-space);
  padding: var(--footer-pt, var(--footer-py, 0)) var(--footer-pr, var(--footer-px, 0)) var(--footer-pb, var(--footer-py, 0)) var(--footer-pl, var(--footer-px, 0));
}
@media only screen and (max-width: 767px) {
  #footer #social_links {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  body #hero_header {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  body #hero_header .inner {
    max-width: var(--CONTAINER-WIDTH, 1660px);
    margin: 0 auto;
    padding-left: var(--CONTAINER-PADDING);
    padding-right: var(--CONTAINER-PADDING);
  }
}

#hero_header h2 a {
  font-family: var(--hero-heading-font-family, var(--heading-font-family , var(--base-font-family)));
  font-size: var(--hero-heading-font-size, var(--heading-font-size , var(--base-font-size)));
  line-height: var(--hero-heading-line-height, var(--heading-line-height , var(--base-line-height)));
  font-weight: var(--hero-heading-font-weight, var(--heading-font-weight , var(--base-font-weight)));
  text-transform: var(--hero-heading-text-transform, var(--heading-text-transform , inherit));
  color: var(--hero-heading-color, var(--heading-color , var(--text-primary-invert)));
}
#hero_header h2 a + a {
  font-family: var(--hero-location-font-family, var(--hero-subheading-font-family , var(--base-font-family)));
  font-size: var(--hero-location-font-size, var(--hero-subheading-font-size , var(--base-font-size)));
  line-height: var(--hero-location-line-height, var(--hero-subheading-line-height , var(--base-line-height)));
  font-weight: var(--hero-location-font-weight, var(--hero-subheading-font-weight , var(--base-font-weight)));
  text-transform: var(--hero-location-text-transform, var(--hero-subheading-text-transform , inherit));
  color: var(--hero-location-color, var(--hero-subheading-color , var(--text-primary-invert)));
}
#hero_header .h1_subtitle {
  font-family: var(--hero-subheading-font-family, var(--heading-font-family , var(--base-font-family)));
  font-size: var(--hero-subheading-font-size, var(--heading-font-size , var(--base-font-size)));
  line-height: var(--hero-subheading-line-height, var(--heading-line-height , var(--base-line-height)));
  font-weight: var(--hero-subheading-font-weight, var(--heading-font-weight , var(--base-font-weight)));
  text-transform: var(--hero-subheading-text-transform, var(--heading-text-transform , inherit));
  color: var(--hero-subheading-color, var(--heading-color , var(--text-primary-invert)));
}
#hero_header .date {
  font-family: var(--hero-date-font-family, var(--hero-subheading-font-family , var(--base-font-family)));
  font-size: var(--hero-date-font-size, var(--hero-subheading-font-size , var(--base-font-size)));
  line-height: var(--hero-date-line-height, var(--hero-subheading-line-height , var(--base-line-height)));
  font-weight: var(--hero-date-font-weight, var(--hero-subheading-font-weight , var(--base-font-weight)));
  text-transform: var(--hero-date-text-transform, var(--hero-subheading-text-transform , inherit));
  color: var(--hero-date-color, var(--hero-subheading-color , var(--text-primary-invert)));
}

#slideshow .title {
  font-family: var(--hero-heading-font-family, var(--heading-font-family , var(--base-font-family)));
  font-size: var(--hero-heading-font-size, var(--heading-font-size , var(--base-font-size)));
  line-height: var(--hero-heading-line-height, var(--heading-line-height , var(--base-line-height)));
  font-weight: var(--hero-heading-font-weight, var(--heading-font-weight , var(--base-font-weight)));
  text-transform: var(--hero-heading-text-transform, var(--heading-text-transform , inherit));
  color: var(--hero-heading-color, var(--heading-color , var(--text-primary-invert)));
}
#slideshow .subtitle {
  font-family: var(--hero-subheading-font-family, var(--heading-font-family , var(--base-font-family)));
  font-size: var(--hero-subheading-font-size, var(--heading-font-size , var(--base-font-size)));
  line-height: var(--hero-subheading-line-height, var(--heading-line-height , var(--base-line-height)));
  font-weight: var(--hero-subheading-font-weight, var(--heading-font-weight , var(--base-font-weight)));
  text-transform: var(--hero-subheading-text-transform, var(--heading-text-transform , inherit));
  color: var(--hero-subheading-color, var(--heading-color , var(--text-primary-invert)));
}

#hero_header > .inner {
  max-width: var(--CONTAINER-WIDTH, 1660px);
  margin: 0 auto;
  padding-left: var(--CONTAINER-PADDING);
  padding-right: var(--CONTAINER-PADDING);
}

.fullscreen_slideshow ul li .content .inner {
  max-width: var(--CONTAINER-WIDTH, 1660px);
  margin: 0 auto;
  padding-left: var(--CONTAINER-PADDING);
  padding-right: var(--CONTAINER-PADDING);
}

.type-split-slideshow {
  --hero-heading-color: var(--text-primary);
  --hero-subheading-color: var(--text-secondary);
  --hero-date-color: var(--text-secondary);
}

.hero-mode-split .inner {
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  body .hero-mode-split#hero_header {
    margin-bottom: 0 !important;
  }
}

body #slideshow.split_slideshow.full_list,
body #hero_header.hero-mode-split {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 0 !important;
  overflow: hidden !important;
  transform: unset;
  max-width: unset;
  left: 0;
}
@media screen and (max-height: 800px) {
  body #slideshow.split_slideshow.full_list,
  body #hero_header.hero-mode-split {
    min-height: 80rem;
  }
}
body #slideshow.split_slideshow.full_list .hero_header-inner-wrapper,
body #slideshow.split_slideshow.full_list li,
body #hero_header.hero-mode-split .hero_header-inner-wrapper,
body #hero_header.hero-mode-split li {
  display: grid !important;
  grid-gap: 0;
  grid-template-columns: minmax(0, 1fr) repeat(var(--column-count, 12), minmax(0, calc(var(--CONTAINER-WIDTH, 1660px) / var(--column-count, 12)))) minmax(0, 1fr);
}
@media screen and (max-height: 800px) {
  body #slideshow.split_slideshow.full_list .hero_header-inner-wrapper,
  body #slideshow.split_slideshow.full_list li,
  body #hero_header.hero-mode-split .hero_header-inner-wrapper,
  body #hero_header.hero-mode-split li {
    min-height: 80rem;
  }
}
body #slideshow.split_slideshow.full_list .hero_header-inner-wrapper > .inner,
body #slideshow.split_slideshow.full_list .hero_header-inner-wrapper > .content,
body #slideshow.split_slideshow.full_list li > .inner,
body #slideshow.split_slideshow.full_list li > .content,
body #hero_header.hero-mode-split .hero_header-inner-wrapper > .inner,
body #hero_header.hero-mode-split .hero_header-inner-wrapper > .content,
body #hero_header.hero-mode-split li > .inner,
body #hero_header.hero-mode-split li > .content {
  grid-column-start: 2;
  grid-column-end: 7;
  margin-top: 0 !important;
  width: 100% !important;
  align-items: flex-start !important;
  padding-right: var(--space-xl) !important;
  padding-left: var(--CONTAINER-PADDING) !important;
  flex-direction: column;
  justify-content: center;
}
body #slideshow.split_slideshow.full_list .hero_header-inner-wrapper #hero_image_responsive,
body #slideshow.split_slideshow.full_list .hero_header-inner-wrapper > .image,
body #slideshow.split_slideshow.full_list li #hero_image_responsive,
body #slideshow.split_slideshow.full_list li > .image,
body #hero_header.hero-mode-split .hero_header-inner-wrapper #hero_image_responsive,
body #hero_header.hero-mode-split .hero_header-inner-wrapper > .image,
body #hero_header.hero-mode-split li #hero_image_responsive,
body #hero_header.hero-mode-split li > .image {
  grid-column-start: 7;
  grid-column-end: 15;
  left: unset !important;
  width: 100% !important;
}
@media only screen and (max-width: 1279px) {
  body #slideshow.split_slideshow.full_list .hero_header-inner-wrapper > .inner,
  body #slideshow.split_slideshow.full_list .hero_header-inner-wrapper > .content,
  body #slideshow.split_slideshow.full_list li > .inner,
  body #slideshow.split_slideshow.full_list li > .content,
  body #hero_header.hero-mode-split .hero_header-inner-wrapper > .inner,
  body #hero_header.hero-mode-split .hero_header-inner-wrapper > .content,
  body #hero_header.hero-mode-split li > .inner,
  body #hero_header.hero-mode-split li > .content {
    grid-column-end: 8;
  }
  body #slideshow.split_slideshow.full_list .hero_header-inner-wrapper #hero_image_responsive,
  body #slideshow.split_slideshow.full_list .hero_header-inner-wrapper > .image,
  body #slideshow.split_slideshow.full_list li #hero_image_responsive,
  body #slideshow.split_slideshow.full_list li > .image,
  body #hero_header.hero-mode-split .hero_header-inner-wrapper #hero_image_responsive,
  body #hero_header.hero-mode-split .hero_header-inner-wrapper > .image,
  body #hero_header.hero-mode-split li #hero_image_responsive,
  body #hero_header.hero-mode-split li > .image {
    grid-column-start: 8;
  }
}
@media only screen and (max-width: 767px) {
  body #slideshow.split_slideshow.full_list .hero_header-inner-wrapper,
  body #slideshow.split_slideshow.full_list li,
  body #hero_header.hero-mode-split .hero_header-inner-wrapper,
  body #hero_header.hero-mode-split li {
    display: flex !important;
    flex-direction: column;
  }
  body #slideshow.split_slideshow.full_list .hero_header-inner-wrapper #hero_image_responsive,
  body #slideshow.split_slideshow.full_list .hero_header-inner-wrapper > .image,
  body #slideshow.split_slideshow.full_list li #hero_image_responsive,
  body #slideshow.split_slideshow.full_list li > .image,
  body #hero_header.hero-mode-split .hero_header-inner-wrapper #hero_image_responsive,
  body #hero_header.hero-mode-split .hero_header-inner-wrapper > .image,
  body #hero_header.hero-mode-split li #hero_image_responsive,
  body #hero_header.hero-mode-split li > .image {
    margin-bottom: 0;
  }
  body #slideshow.split_slideshow.full_list .hero_header-inner-wrapper > .inner,
  body #slideshow.split_slideshow.full_list .hero_header-inner-wrapper > .content,
  body #slideshow.split_slideshow.full_list li > .inner,
  body #slideshow.split_slideshow.full_list li > .content,
  body #hero_header.hero-mode-split .hero_header-inner-wrapper > .inner,
  body #hero_header.hero-mode-split .hero_header-inner-wrapper > .content,
  body #hero_header.hero-mode-split li > .inner,
  body #hero_header.hero-mode-split li > .content {
    padding: var(--space-xl) var(--CONTAINER-PADDING) !important;
    height: auto;
  }
}

#slideshow.split_slideshow.full_list .content .inner {
  --slideshow-inner-max-width: clamp(280px, 100%, 1024px);
  --hero-heading-font-size: var(--step-6);
}
#slideshow.split_slideshow.full_list ul {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
#slideshow.split_slideshow.full_list .image a {
  position: relative;
}

.heading_wrapper h1 {
  font-family: var(--page-heading-font-family, var(--heading-font-family , var(--base-font-family)));
  font-size: var(--page-heading-font-size, var(--heading-font-size , var(--base-font-size)));
  line-height: var(--page-heading-line-height, var(--heading-line-height , var(--base-line-height)));
  font-weight: var(--page-heading-font-weight, var(--heading-font-weight , var(--base-font-weight)));
  text-transform: var(--page-heading-text-transform, var(--heading-text-transform , inherit));
  color: var(--page-heading-color, var(--heading-color , var(--base-color)));
}
.heading_wrapper .subtitle {
  font-family: var(--page-subheading-font-family, var(--subheading-font-family , var(--base-font-family)));
  font-size: var(--page-subheading-font-size, var(--subheading-font-size , var(--base-font-size)));
  line-height: var(--page-subheading-line-height, var(--subheading-line-height , var(--base-line-height)));
  font-weight: var(--page-subheading-font-weight, var(--subheading-font-weight , var(--base-font-weight)));
  text-transform: var(--page-subheading-text-transform, var(--subheading-text-transform , inherit));
  color: var(--page-subheading-color, var(--subheading-color , var(--base-color)));
}

.panel > .scroll_section {
  padding: 0;
}

.scroll_section_container:after {
  content: "";
  display: table;
  clear: both;
}

/* Feature panels
----------------------------------------------------------- */
.panel {
  --panel-py: var(--section-vertical-space);
  padding: var(--panel-pt, var(--panel-py, 0)) var(--panel-pr, var(--panel-px, 0)) var(--panel-pb, var(--panel-py, 0)) var(--panel-pl, var(--panel-px, 0)) !important;
  margin: var(--panel-mt, var(--panel-my, 0)) var(--panel-mr, var(--panel-mx, 0)) var(--panel-mb, var(--panel-my, 0)) var(--panel-ml, var(--panel-mx, 0)) !important;
}

.feature_panels .panel_header {
  margin: var(--panel-header-mt, var(--panel-header-my, 0)) var(--panel-header-mr, var(--panel-header-mx, 0)) var(--panel-header-mb, var(--panel-header-my, var(--space-xl))) var(--panel-header-ml, var(--panel-header-mx, 0));
}

.panel_header h2 {
  font-family: var(--panel-heading-font-family, var(--heading-font-family , var(--base-font-family))) !important;
  font-size: var(--panel-heading-font-size, var(--heading-font-size , var(--base-font-size))) !important;
  line-height: var(--panel-heading-line-height, var(--heading-line-height , var(--base-line-height))) !important;
  font-weight: var(--panel-heading-font-weight, var(--heading-font-weight , var(--base-font-weight))) !important;
  text-transform: var(--panel-heading-text-transform, var(--heading-text-transform , inherit)) !important;
  color: var(--panel-heading-color, var(--heading-color , var(--base-color))) !important;
}
.panel_header .subtitle {
  font-family: var(--panel-subheading-font-family, var(--subheading-font-family , var(--base-font-family))) !important;
  font-size: var(--panel-subheading-font-size, var(--subheading-font-size , var(--base-font-size))) !important;
  line-height: var(--panel-subheading-line-height, var(--subheading-line-height , var(--base-line-height))) !important;
  font-weight: var(--panel-subheading-font-weight, var(--subheading-font-weight , var(--base-font-weight))) !important;
  text-transform: var(--panel-subheading-text-transform, var(--subheading-text-transform , inherit)) !important;
  color: var(--panel-subheading-color, var(--subheading-color , var(--base-color))) !important;
  display: block;
}

.feature_panels_inner > ul {
  margin-bottom: 0;
}

.panel > a > .content > *,
.panel > .content > * {
  margin: var(--panel-content-mt, var(--panel-content-my, 0)) var(--panel-content-mr, var(--panel-content-mx, 0)) var(--panel-content-mb, var(--panel-content-my, 0)) var(--panel-content-ml, var(--panel-content-mx, 0)) !important;
  padding: var(--panel-content-pt, var(--panel-content-py, 0)) var(--panel-content-pr, var(--panel-content-px, 0)) var(--panel-content-pb, var(--panel-content-py, 0)) var(--panel-content-pl, var(--panel-content-px, 0)) !important;
}
.panel > a > .content .fp_title,
.panel > .content .fp_title {
  font-family: var(--panel-heading-font-family, var(--heading-font-family , var(--base-font-family))) !important;
  font-size: var(--panel-heading-font-size, var(--heading-font-size , var(--base-font-size))) !important;
  line-height: var(--panel-heading-line-height, var(--heading-line-height , var(--base-line-height))) !important;
  font-weight: var(--panel-heading-font-weight, var(--heading-font-weight , var(--base-font-weight))) !important;
  text-transform: var(--panel-heading-text-transform, var(--heading-text-transform , inherit)) !important;
  color: var(--panel-heading-color, var(--heading-color , var(--base-color))) !important;
}
.panel > a > .content .subtitle,
.panel > .content .subtitle {
  font-family: var(--panel-subheading-font-family, var(--subheading-font-family , var(--base-font-family))) !important;
  font-size: var(--panel-subheading-font-size, var(--subheading-font-size , var(--base-font-size))) !important;
  line-height: var(--panel-subheading-line-height, var(--subheading-line-height , var(--base-line-height))) !important;
  font-weight: var(--panel-subheading-font-weight, var(--subheading-font-weight , var(--base-font-weight))) !important;
  text-transform: var(--panel-subheading-text-transform, var(--subheading-text-transform , inherit)) !important;
  color: var(--panel-subheading-color, var(--subheading-color , var(--base-color))) !important;
}

.panel.light_text {
  --panel-heading-color: var(--text-primary-invert);
  --panel-subheading-color: var(--text-secondary-invert);
  --link-color: var(--text-primary-invert);
  --link-focus-color: var(--text-primary);
  --button-color: var(--text-primary-invert);
  --button-border: 1px solid var(--text-secondary-invert);
  --button-focus-color: var(--text-primary);
}

.panel_type_3 {
  --panel-py: 0;
  --button-color: var(--text-primary-invert);
  --button-border: 1px solid var(--text-primary-invert);
  --button-focus-color: var(--text-primary);
  --button-focus-border: 1px solid var(--text-primary-invert);
  --button-focus-background-color: var(--text-primary-invert) ;
}

.feature_panels .panel_hero .hero_section {
  display: flex;
  align-items: center;
}
.feature_panels .panel_hero .hero_section .inner {
  width: 100%;
}
.feature_panels .panel_hero .hero_heading > h2,
.feature_panels .panel_hero .hero_heading > a > h2 {
  margin: 0 auto;
  max-width: unset;
}
.feature_panels .panel_hero .hero_heading > a {
  padding: 0;
  max-width: 65ch;
}
.feature_panels .panel_hero .hero_heading .description {
  padding: 0;
}
.feature_panels .panel_hero .hero_heading * + .description {
  margin-top: var(--space-l);
  max-width: 65ch;
}
.feature_panels .panel_hero .enquire_button_container {
  max-width: unset;
  margin-top: var(--space-xl);
  padding: 0;
}
.feature_panels .panel_hero.panel_content_alignment_left .hero_heading > a,
.feature_panels .panel_hero.panel_content_alignment_right .hero_heading > a {
  margin: 0;
}
.feature_panels .panel_hero.panel_content_alignment_left .hero_heading .description,
.feature_panels .panel_hero.panel_content_alignment_right .hero_heading .description {
  margin-left: 0;
  margin-right: 0;
}

.panel_hero .fp_title {
  font-family: var(--panel-heading-font-family, var(--heading-font-family , var(--base-font-family)));
  font-size: var(--panel-heading-font-size, var(--heading-font-size , var(--base-font-size)));
  line-height: var(--panel-heading-line-height, var(--heading-line-height , var(--base-line-height)));
  font-weight: var(--panel-heading-font-weight, var(--heading-font-weight , var(--base-font-weight)));
  text-transform: var(--panel-heading-text-transform, var(--heading-text-transform , inherit));
  color: var(--panel-heading-color, var(--heading-color , var(--base-color)));
}
.panel_hero .subtitle {
  font-family: var(--panel-subheading-font-family, var(--heading-font-family , var(--base-font-family)));
  font-size: var(--panel-subheading-font-size, var(--heading-font-size , var(--base-font-size)));
  line-height: var(--panel-subheading-line-height, var(--heading-line-height , var(--base-line-height)));
  font-weight: var(--panel-subheading-font-weight, var(--heading-font-weight , var(--base-font-weight)));
  text-transform: var(--panel-subheading-text-transform, var(--heading-text-transform , inherit));
  color: var(--panel-subheading-color, var(--heading-color , var(--base-color)));
}

.section-home #slideshow h2 {
  margin: var(--list-heading-mt, var(--list-heading-my, 0)) var(--list-heading-mr, var(--list-heading-mx, 0)) var(--list-heading-mb, var(--list-heading-my, 0)) var(--list-heading-ml, var(--list-heading-mx, 0)) !important;
  letter-spacing: var(--list-heading-letter-spacing, var(--heading-letter-spacing , initial)) !important;
}
.section-home #slideshow .h1_subtitle {
  margin: var(--list-subheading-mt, var(--list-subheading-my, 0)) var(--list-subheading-mr, var(--list-subheading-mx, 0)) var(--list-subheading-mb, var(--list-subheading-my, 0)) var(--list-subheading-ml, var(--list-subheading-mx, 0)) !important;
  font-family: var(--list-subheading-font-family, var(--heading-font-family , var(--base-font-family))) !important;
  font-size: var(--list-subheading-font-size, var(--heading-font-size , var(--base-font-size))) !important;
  line-height: var(--list-subheading-line-height, var(--heading-line-height , var(--base-line-height))) !important;
  font-weight: var(--list-subheading-font-weight, var(--heading-font-weight , var(--base-font-weight))) !important;
  text-transform: var(--list-subheading-text-transform, var(--heading-text-transform , inherit)) !important;
  color: var(--list-subheading-color, var(--heading-color , var(--base-color))) !important;
  letter-spacing: var(--list-heading-letter-spacing, var(--heading-letter-spacing , initial)) !important;
}

#image_gallery .artwork_details_wrapper .artist,
#image_gallery .artwork_details_wrapper .artist a {
  font-family: var(--artwork-artist-font-family , var(--base-font-family));
  font-size: var(--artwork-artist-font-size , var(--base-font-size));
  line-height: var(--artwork-artist-line-height , var(--base-line-height));
  font-weight: var(--artwork-artist-font-weight , var(--base-font-weight));
  text-transform: var(--artwork-artist-text-transform , inherit);
  color: var(--artwork-artist-color , var(--base-color));
}
#image_gallery .artwork_details_wrapper .subtitle {
  font-family: var(--artwork-title-font-family , var(--base-font-family));
  font-size: var(--artwork-title-font-size , var(--base-font-size));
  line-height: var(--artwork-title-line-height , var(--base-line-height));
  font-weight: var(--artwork-title-font-weight , var(--base-font-weight));
  text-transform: var(--artwork-title-text-transform , inherit);
  color: var(--artwork-title-color , var(--base-color));
}

#image_gallery #content_module .detail_view_module,
#image_gallery #content_module .enquire {
  margin: var(--detail-view-module-mt, var(--detail-view-module-my, 0)) var(--detail-view-module-mr, var(--detail-view-module-mx, 0)) var(--detail-view-module-mb, var(--detail-view-module-my, var(--space-m))) var(--detail-view-module-ml, var(--detail-view-module-mx, 0));
}
#image_gallery #content_module .artwork_details_wrapper .visualisation-tools {
  margin: 0;
}
#image_gallery #content_module .artwork_details_wrapper .visualisation-tools.horizontal-view .detail_view_module {
  margin: var(--detail-view-module-mt, var(--detail-view-module-my, 0)) var(--detail-view-module-mr, var(--detail-view-module-mx, 0)) var(--detail-view-module-mb, var(--detail-view-module-my, var(--space-m))) var(--detail-view-module-ml, var(--detail-view-module-mx, 0));
}
#image_gallery #content_module .artwork_details_wrapper .visualisation-tools .detail_view_module .roomview-button-custom a,
#image_gallery #content_module .artwork_details_wrapper .visualisation-tools .detail_view_module .roomview-button-custom a:visited {
  color: var(--link-color);
}
#image_gallery #content_module .artwork_details_wrapper .visualisation-tools .detail_view_module .roomview-button-custom a:hover,
#image_gallery #content_module .artwork_details_wrapper .visualisation-tools .detail_view_module .roomview-button-custom a:visited:hover {
  color: var(--link-focus-color);
}

#secondary_image_thumbnails ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--thumbnail-gap, var(--space-s));
}
#secondary_image_thumbnails ul li {
  width: var(--thumbnail-size, 7.5rem);
  height: var(--thumbnail-size, 7.5rem);
  margin: 0;
}

.records_list.columns_list.artists_list_dynamic_columns ul li {
  margin: var(--artist-list-item-mt, var(--artist-list-item-my, 0)) var(--artist-list-item-mr, var(--artist-list-item-mx, 0)) var(--artist-list-item-mb, var(--artist-list-item-my, var(--space-s))) var(--artist-list-item-ml, var(--artist-list-item-mx, 0));
}

body .records_list.grid_dynamic_layout_video_featured ul li .image::after,
body .records_list.grid_dynamic_layout_video ul li .image::after {
  padding-top: 56.25%;
}

.featured-list-container {
  margin-bottom: var(--section-vertical-space);
}

#logo a {
  font-family: var(--logo-font-family, var(--heading-font-family , var(--base-font-family))) !important;
  font-size: var(--logo-font-size, var(--heading-font-size , var(--base-font-size))) !important;
  line-height: var(--logo-line-height, var(--heading-line-height , var(--base-line-height))) !important;
  font-weight: var(--logo-font-weight, var(--heading-font-weight , var(--base-font-weight))) !important;
  text-transform: var(--logo-text-transform, var(--heading-text-transform , inherit)) !important;
  color: var(--logo-color, var(--heading-color , var(--base-color))) !important;
}

#header #logo:not(.user-custom-logo-image) {
  margin: 0;
}

#header {
  background: #FFF;
  background: var(--header-background-color, #FFF);
}
body #header .inner, body #header.header_fixed .inner {
  max-width: var(--CONTAINER-WIDTH, 1660px);
  margin: 0 auto;
  padding-left: var(--CONTAINER-PADDING);
  padding-right: var(--CONTAINER-PADDING);
  --header-px: var(--CONTAINER-PADDING);
  padding: var(--header-pt, var(--header-py, var(--space-s))) var(--header-pr, var(--header-px, 0)) var(--header-pb, var(--header-py, var(--space-s))) var(--header-pl, var(--header-px, 0)) !important;
}

@media only screen and (max-width: 459px) {
  #manage_cookie_preferences_popup_inner {
    padding: 0;
  }
}

#manage_cookie_preferences_popup_box {
  padding: var(--space-xl-2xl);
  background: #fff;
  background: var(--background-color, #fff);
}
#manage_cookie_preferences_popup_box h2 {
  font-family: var(--heading-font-family, var(--base-font-family, sans-serif));
  font-size: var(--heading-font-size, var(--step-2));
  font-weight: var(--heading-font-weight, var(--base-font-weight, 400));
  line-height: var(--heading-line-height, var(--base-line-height, 1.5));
  color: var(--heading-color, var(--base-color, black));
  margin: 0 0 var(--space-m);
}

#manage_cookie_preferences_popup_overlay {
  background-color: var(--overlay-color, rgba(0, 0, 0, 0.4));
}

#cookie_notification {
  background-color: var(--background-color, var(--white, #ffffff));
}
#cookie_notification .inner {
  padding: var(--space-m);
}
@media only screen and (max-width: 767px) {
  #cookie_notification .inner {
    gap: var(--space-m) 0;
  }
}
#cookie_notification .inner #cookie_notification_preferences {
  padding: var(--space-m);
  margin-left: 0;
}
@media only screen and (min-width: 768px) {
  #cookie_notification .inner #cookie_notification_message {
    padding-right: var(--space-xl);
  }
}

#manage_cookie_preferences_form_wrapper {
  margin-top: var(--space-m);
}

#cookie_preferences_form input {
  margin-right: 0.4rem;
}
#cookie_preferences_form label {
  font-size: var(--base-font-size, var(--step-0, 1.6rem));
  color: var(--heading-color, #1a1a1a);
  font-weight: var(--heading-font-weight, var(--base-font-weight, 500));
}
#cookie_preferences_form .note {
  font-size: var(--step--1);
  line-height: var(--step--1-lh);
  color: var(--base-color, var(--text-body));
  margin-top: 0.4rem;
  margin-left: 2.2rem;
}
#cookie_preferences_form fieldset > div {
  margin: 0;
}
#cookie_preferences_form fieldset > div + div {
  margin-top: var(--space-s);
}
#cookie_preferences_form .button {
  margin-top: var(--space-l);
}

g#close {
  fill: var(--base-color, #383838);
}
g#close:hover {
  fill: var(--heading-color, #1a1a1a);
}

/* -----------------------------------------------------------
Layout
----------------------------------------------------------- */
/* Generic navigation
----------------------------------------------------------- */

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