/* CSS imports ------------------- */ /* Forced mobile nav on all sizes ------------------- */ @import url('/lib/g/2.0/styles/responsive_topnav.css') screen and (max-width: 1023px); @import url('/lib/g/themes/aperture/2.0/styles/responsive_topnav.css') screen and (max-width: 1023px); /* Font imports ------------------- */ @import url(https://fonts.googleapis.com/css?family=Lora:wght@400;500&display=swap); @import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap); /* Background colour --------------*/ /* body_background_color */ body, #social_sharing_links.popup_vertical ul, .social_sharing_links.popup_vertical ul, .fancybox-powerzoom .fancybox-overlay, #popup_overlay, .subheading span, body.slide-nav-active #responsive_slide_nav_wrapper, #cookie_notification, .fancybox-overlay.fancybox-overlay-image, .fancybox-skin, div.arprompt, #sc_checkout_content #shipping_container select, #sc_checkout_content #shipping_container .inputField, .form .form_row .inputField, .form .form_row select, .form .form_row textarea, .form .form_row #captcha input, .form .form_row .g-recaptcha, .section-home #slideshow.full_list.content_below ul li, #contact_form #contact_form_item_preview .inner, .buy_enquire_quick_view, .filters_panel.filters_layout_dropdown .fp-module-content-inner { background-color: #ffffff } #top_nav #full_nav .top.has_dropdown_items .ul_nested { background: #ffffff; } body.slide-nav-active #responsive_slide_nav_wrapper, #responsive_slide_nav_wrapper #top_nav .header_quicksearch_field { background-color: #46474c !important; } body.responsive-nav-side-position-fullscreen.slide-nav-open #responsive_slide_nav_wrapper::before { display: none; } #header.header_transparent .dropdown-mask { background-color: transparent !important; } #header, .header-fixed-wrapper #header, body .dropdown-mask { background-color: #f3f3f1 } #header:not(.header_transparent) .inner { border: 0; } #header #store_cart_widget a { color: #f3f3f1; outline-color: #000000; } /* Feature popup colours ------------------- */ /* Fonts----------------------------- */ /* Main body font ------------------- */ body, input, select, textarea { font-family: 'Lora', Serif; } /* Heading and emphasis font ------------------- */ #logo a, #footer, #home_splash .content, .navigation ul li a, .link, .link a, .page_stats, .subheading span, .subheading, .subtitle, .poster, .date, .price, #hero_heading, #hero_header .title, #hero_header .subtitle, h1, h2, h3, h4, h5, h6, .fullscreen_slideshow .hero_splash_text, .records_list ul li .content .title, .records_list ul li .content .artist, #cover_page_slideshow_pager, #mc_embed_signup input.button, .countdown_clock, #artists-browser .artists-browser-label, .artists-browser .artists-browser-label { font-family: 'Bebas Neue', Sans-Serif; } /* Navigation font ------------------- */ #top_nav.navigation ul li a, #top_nav #full_nav .dropdown-btn { font-family: 'Bebas Neue', Sans-Serif; } /* User custom html-font sizing ------------------- */ html { font-size: 10.75px; } /* Title - Heading spacing and transform ------------------- */ h1, h2, h3, h4, h5, h6, #hero_header .title, .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, #footer #copyright .copyright-text, #footer .small-links-container, .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, .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 .inner, .feature_panels .panel_hero .hero_heading > h2, .feature_panels .panel_hero .hero_heading > a > h2, #cover_page_slideshow_pager, #artists-browser, .artists-browser , .exhibition-header .h1_subtitle, #top_nav #full_nav .has_dropdown_items .dropdown-btn, #top_nav #full_nav .has_dropdown_items_mobile .dropdown-btn{ text-transform: uppercase; letter-spacing: 0; } /* Text colours----------------------------- */ /* Heading and emphasis text colour ------------------- */ /* Colour #000000 */ h1, h1 a, h1 a:visited, h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited, h4, h4 a, h4 a:visited, h5, h5 a, h5 a:visited, h6, h6 a, h6 a:visited, .feature_panels .records_list.image_list ul li h2, .page-artists #artist_list ul li h2, .page-artists .artist_list ul li h2, .records_list .content h2, .records_list ul li h2 a, .feature_list ul li .content h2, .related_items_panel h3, .navigation ul li a:hover, .navigation ul li.active a:hover, .navigation ul li.active a, .navigation ul li.active a:visited, .records_list ul li .content .artist, .records_list ul li .content .title_and_year, .records_list ul li .content .title, #cover_page_slideshow_pager, #image_gallery #content_module h3 { color: #000000; } blockquote { border-left: 1px solid #000000; } /* Subheading and secondary emphasis text colour ------------------- */ .slideshow.splide p, input, select, textarea, .navigation ul li a, .navigation ul li a:visited, .records_list .content .description, .records_list ul li .content .description, .heading_wrapper h1 .h1_subtitle, .h1_subtitle, .subheading, .subtitle, .records_list .content .subtitle, .feature_list ul li .content .subtitle, .records_list .content .date, .records_list .content .location, .section-publications .records_list .content .description, .image_list ul li .content .title, .flow_list ul li .content .title, .page_stats .ps_pages, .page_stats .ps_item, .price, .date, .location, .poster, .subtitle, .records_list ul li a:not(.website_contact_form):not(.buy_enquire_detail_link), .records_list ul li a:not(.website_contact_form):not(.buy_enquire_detail_link):visited, #image_gallery #content_module .detail_view_module, .image_list ul li .content, .flow_list ul li .content, .tile_list ul li .content, .tile_list ul li .content .title, #shopping_cart_information td.sc_cell_item .details, #sc_total_price_container .order_total_wrapper, #footer, #footer a:not(.submit_button), #footer a:visited:not(.submit_button), .page-artworks #image_gallery .subtitle, .page-artworks .image_list ul li .content, .records_list ul li .signed_and_dated, .records_list ul li .dimensions, .records_list ul li .medium, .records_list ul li .read_more_label, .records_list ul li .series, #artists-browser, .artists-browser , .buy_now_enquire>.enquire_button_container.clearwithin > .button > a{ color: #000000; } .page_stats .disabled, .ps_item.disabled { color: #000000; opacity: 0.5; } /* Body/main text colour ------------------- */ body, a, a:visited, a:hover, #social_sharing_links.popup_vertical ul li.social_links_item a, #social_sharing_links.popup_vertical ul li.social_links_item a:visited, .social_sharing_links.popup_vertical ul li.social_links_item a, .social_sharing_links.popup_vertical ul li.social_links_item a:visited, .page-artists .subsection-works #image_gallery .subtitle, .page_stats .ps_item a, .page_stats .ps_item a:visited, .page-artworks #image_gallery .subtitle, .fancybox-skin, div.arprompt, .records_list .content, div.arprompt .arpromptmessage, .fancybox-type-image .fancybox-close::after, .fancybox-type-image .fancybox-prev span:after, .fancybox-type-image .fancybox-next span:after, .store_items_condensed .store_item_add_to_cart span, .store_items_condensed .store_item_add_to_cart.button span, .store_items_standard .store_item_remove_container .store_item_remove_from_cart:after, .subsection-store-products-record .store_item_remove_container .store_item_remove_from_cart:after, #sc_checkout_container #sc_checkout_payment_form .form_row .inputField, #sc_checkout_container #sc_checkout_payment_form .form_row input, .filters_panel .fp-module input[type=checkbox]+label, .filters_panel .fp-module .slider_label { color: #000000; } #privacy_policy_form_msg { color: #000000; opacity: 0.5; } /* Link text color ------------------- */ #wishlistEnquiryForm .button, .link, .link:hover, .link span, .link span:hover, .link a, .link a:hover, .link a:visited, #mc_embed_signup input.button, .simple_list ul li a, a.external { color: #646464; } /* Header layout ------------------- */ /* Dynamically created grid layout css ------------------- */ /* artfairs - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artfairs:not(.feature_list) > ul > li { width:50.0% }} .records_list.grid_dynamic_layout_artfairs ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_artfairs ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_artfairs ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_artfairs ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_artfairs ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_artfairs ul li .image::after { padding-top:66.6666666667%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_artfairs > ul { margin-right: -50px; } .records_list.grid_dynamic_layout_artfairs > ul > li { padding-right: 50px; } } /* instagram - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_instagram:not(.feature_list) > ul > li { width:33.33% }} .records_list.grid_dynamic_layout_instagram ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_instagram ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_instagram ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_instagram ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_instagram ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_instagram ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_instagram > ul { margin-right: -50px; } .records_list.grid_dynamic_layout_instagram > ul > li { padding-right: 50px; } } .records_list.grid_dynamic_layout_instagram:not(.visible_grid_captions) ul li .content { display:none; } #content .records_list.grid_dynamic_layout_instagram:not(.visible_grid_captions) ul li .image { margin-bottom:0; } /* artworks - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artworks:not(.feature_list) > ul > li { width:33.33% }} .records_list.feature_list.grid_dynamic_layout_artworks:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_artworks:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_artworks ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_artworks ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_artworks ul li .image::after {display:none;} .records_list.grid_dynamic_layout_artworks ul li .image > span {position: static;} @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_artworks > ul { margin-right: -50px; } .records_list.grid_dynamic_layout_artworks > ul > li { padding-right: 50px; } } .records_list.grid_dynamic_layout_artworks:not(.visible_grid_captions) ul li .content { display:none; } #content .records_list.grid_dynamic_layout_artworks:not(.visible_grid_captions) ul li .image { margin-bottom:0; } /* default image grid - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_default_image_grid:not(.feature_list) > ul > li { width:33.33% }} .records_list.grid_dynamic_layout_default_image_grid ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_default_image_grid ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_default_image_grid ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_default_image_grid ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_default_image_grid ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_default_image_grid ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_default_image_grid > ul { margin-right: -50px; } .records_list.grid_dynamic_layout_default_image_grid > ul > li { padding-right: 50px; } } .records_list.grid_dynamic_layout_default_image_grid:not(.visible_grid_captions) ul li .content { display:none; } #content .records_list.grid_dynamic_layout_default_image_grid:not(.visible_grid_captions) ul li .image { margin-bottom:0; } /* video - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_video:not(.feature_list) > ul > li { width:33.33% }} .records_list.grid_dynamic_layout_video ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_video ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_video ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_video ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_video ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_video ul li .image::after { padding-top:66.6666666667%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_video > ul { margin-right: -50px; } .records_list.grid_dynamic_layout_video > ul > li { padding-right: 50px; } } /* default grid - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_default_grid:not(.feature_list) > ul > li { width:33.33% }} .records_list.grid_dynamic_layout_default_grid ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_default_grid ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_default_grid ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_default_grid ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_default_grid ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_default_grid ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_default_grid > ul { margin-right: -50px; } .records_list.grid_dynamic_layout_default_grid > ul > li { padding-right: 50px; } } /* artists - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artists:not(.feature_list) > ul > li { width:33.33% }} .records_list.grid_dynamic_layout_artists ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_artists ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_artists ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_artists ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_artists ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_artists ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_artists > ul { margin-right: -50px; } .records_list.grid_dynamic_layout_artists > ul > li { padding-right: 50px; } } /* video featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_video_featured ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_video_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_video_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_video_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_video_featured ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_video_featured ul li .image::after { padding-top:50.0%; } /* artist works categories - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artist_works_categories:not(.feature_list) > ul > li { width:33.33% }} .records_list.grid_dynamic_layout_artist_works_categories ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_artist_works_categories ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_artist_works_categories ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_artist_works_categories ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_artist_works_categories ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_artist_works_categories ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_artist_works_categories > ul { margin-right: -50px; } .records_list.grid_dynamic_layout_artist_works_categories > ul > li { padding-right: 50px; } } /* exhibitions - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_exhibitions:not(.feature_list) > ul > li { width:50.0% }} .records_list.grid_dynamic_layout_exhibitions ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_exhibitions ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_exhibitions ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_exhibitions ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_exhibitions ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_exhibitions ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_exhibitions > ul { margin-right: -50px; } .records_list.grid_dynamic_layout_exhibitions > ul > li { padding-right: 50px; } } /* events works - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_events:not(.feature_list) > ul > li { width:33.33% }} .records_list.grid_dynamic_layout_events ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_events ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_events ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_events ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_events ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_events ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_events > ul { margin-right: -50px; } .records_list.grid_dynamic_layout_events > ul > li { padding-right: 50px; } } /* exhibitions installation - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_exhibitions_installation:not(.feature_list) > ul > li { width:50.0% }} .records_list.grid_dynamic_layout_exhibitions_installation ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_exhibitions_installation ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_exhibitions_installation ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_exhibitions_installation ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_exhibitions_installation ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_exhibitions_installation ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_exhibitions_installation > ul { margin-right: -50px; } .records_list.grid_dynamic_layout_exhibitions_installation > ul > li { padding-right: 50px; } } .records_list.grid_dynamic_layout_exhibitions_installation:not(.visible_grid_captions) ul li .content { display:none; } #content .records_list.grid_dynamic_layout_exhibitions_installation:not(.visible_grid_captions) ul li .image { margin-bottom:0; } /* artist installation - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artist_installation:not(.feature_list) > ul > li { width:50.0% }} .records_list.grid_dynamic_layout_artist_installation ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_artist_installation ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_artist_installation ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_artist_installation ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_artist_installation ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_artist_installation ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_artist_installation > ul { margin-right: -50px; } .records_list.grid_dynamic_layout_artist_installation > ul > li { padding-right: 50px; } } .records_list.grid_dynamic_layout_artist_installation:not(.visible_grid_captions) ul li .content { display:none; } #content .records_list.grid_dynamic_layout_artist_installation:not(.visible_grid_captions) ul li .image { margin-bottom:0; } /* blog - reading_list-------------------------------------- */ .records_list.grid_dynamic_layout_blog ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_blog ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_blog ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_blog ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_blog ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_blog ul li .image::after { padding-top:66.6666666667%; } /* store featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_store_featured ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_store_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_store_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_store_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_store_featured ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_store_featured ul li .image::after { padding-top:50.0%; } /* events featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_events_featured ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_events_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_events_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_events_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_events_featured ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_events_featured ul li .image::after { padding-top:50.0%; } /* artwork categories landing - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artwork_categories_landing:not(.feature_list) > ul > li { width:33.33% }} .records_list.grid_dynamic_layout_artwork_categories_landing ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_artwork_categories_landing ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_artwork_categories_landing ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_artwork_categories_landing ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_artwork_categories_landing ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_artwork_categories_landing ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_artwork_categories_landing > ul { margin-right: -50px; } .records_list.grid_dynamic_layout_artwork_categories_landing > ul > li { padding-right: 50px; } } /* events - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_events:not(.feature_list) > ul > li { width:33.33% }} .records_list.grid_dynamic_layout_events ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_events ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_events ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_events ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_events ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_events ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_events > ul { margin-right: -50px; } .records_list.grid_dynamic_layout_events > ul > li { padding-right: 50px; } } /* store - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_store:not(.feature_list) > ul > li { width:33.33% }} .records_list.grid_dynamic_layout_store ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_store ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_store ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_store ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_store ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_store ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_store > ul { margin-right: -50px; } .records_list.grid_dynamic_layout_store > ul > li { padding-right: 50px; } } /* default feature grid - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_default_feature_grid ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_default_feature_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_default_feature_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_default_feature_grid ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_default_feature_grid ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_default_feature_grid ul li .image::after { padding-top:50.0%; } /* feature panels - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_feature_panels:not(.feature_list) > ul > li { width:33.33% }} .records_list.grid_dynamic_layout_feature_panels ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_feature_panels ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_feature_panels ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_feature_panels ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_feature_panels ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_feature_panels ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_feature_panels > ul { margin-right: -50px; } .records_list.grid_dynamic_layout_feature_panels > ul > li { padding-right: 50px; } } /* exhibitions works - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_exhibitions_works:not(.feature_list) > ul > li { width:33.33% }} .records_list.grid_dynamic_layout_exhibitions_works ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_exhibitions_works ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_exhibitions_works ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_exhibitions_works ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_exhibitions_works ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_exhibitions_works ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_exhibitions_works > ul { margin-right: -50px; } .records_list.grid_dynamic_layout_exhibitions_works > ul > li { padding-right: 50px; } } .records_list.grid_dynamic_layout_exhibitions_works:not(.visible_grid_captions) ul li .content { display:none; } #content .records_list.grid_dynamic_layout_exhibitions_works:not(.visible_grid_captions) ul li .image { margin-bottom:0; } /* publications featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_publications_featured ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_publications_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_publications_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_publications_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_publications_featured ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_publications_featured ul li .image::after { padding-top:50.0%; } /* press featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_press_featured ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_press_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_press_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_press_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_press_featured ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_press_featured ul li .image::after { padding-top:50.0%; } /* news featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_news_featured ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_news_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_news_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_news_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_news_featured ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_news_featured ul li .image::after { padding-top:50.0%; } /* artfairs featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_artfairs_featured ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_artfairs_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_artfairs_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_artfairs_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_artfairs_featured ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_artfairs_featured ul li .image::after { padding-top:50.0%; } /* exhibitions featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_exhibitions_featured ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_exhibitions_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_exhibitions_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_exhibitions_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_exhibitions_featured ul li .image > span { -webkit-justify-content:flex-start; justify-content: flex-start; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_exhibitions_featured ul li .image::after { padding-top:100.0%; } /* press - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_press:not(.feature_list) > ul > li { width:33.33% }} .records_list.grid_dynamic_layout_press ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_press ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_press ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_press ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_press ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_press ul li .image::after { padding-top:200.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_press > ul { margin-right: -50px; } .records_list.grid_dynamic_layout_press > ul > li { padding-right: 50px; } } /* news - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_news:not(.feature_list) > ul > li { width:50.0% }} .records_list.grid_dynamic_layout_news ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_news ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_news ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_news ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_news ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_news ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_news > ul { margin-right: -50px; } .records_list.grid_dynamic_layout_news > ul > li { padding-right: 50px; } } /* viewing rooms featured forthcoming - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li .image::after { padding-top:50.0%; } /* search - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_search:not(.feature_list) > ul > li { width:33.33% }} .records_list.grid_dynamic_layout_search ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_search ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_search ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_search ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_search ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_search ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_search > ul { margin-right: -50px; } .records_list.grid_dynamic_layout_search > ul > li { padding-right: 50px; } } /* viewing rooms featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_viewing_rooms_featured ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_viewing_rooms_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_viewing_rooms_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_viewing_rooms_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_viewing_rooms_featured ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_viewing_rooms_featured ul li .image::after { padding-top:50.0%; } /* viewing rooms works - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_viewing_rooms_works:not(.feature_list) > ul > li { width:33.33% }} .records_list.grid_dynamic_layout_viewing_rooms_works ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_viewing_rooms_works ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_viewing_rooms_works ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_viewing_rooms_works ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_viewing_rooms_works ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_viewing_rooms_works ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_viewing_rooms_works > ul { margin-right: -50px; } .records_list.grid_dynamic_layout_viewing_rooms_works > ul > li { padding-right: 50px; } } .records_list.grid_dynamic_layout_viewing_rooms_works:not(.visible_grid_captions) ul li .content { display:none; } #content .records_list.grid_dynamic_layout_viewing_rooms_works:not(.visible_grid_captions) ul li .image { margin-bottom:0; } /* artist works - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artist_works:not(.feature_list) > ul > li { width:33.33% }} .records_list.grid_dynamic_layout_artist_works ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_artist_works ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_artist_works ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_artist_works ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_artist_works ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_artist_works ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_artist_works > ul { margin-right: -50px; } .records_list.grid_dynamic_layout_artist_works > ul > li { padding-right: 50px; } } .records_list.grid_dynamic_layout_artist_works:not(.visible_grid_captions) ul li .content { display:none; } #content .records_list.grid_dynamic_layout_artist_works:not(.visible_grid_captions) ul li .image { margin-bottom:0; } /* exhibitors - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_exhibitors:not(.feature_list) > ul > li { width:33.33% }} .records_list.grid_dynamic_layout_exhibitors ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_exhibitors ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_exhibitors ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_exhibitors ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_exhibitors ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_exhibitors ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_exhibitors > ul { margin-right: -50px; } .records_list.grid_dynamic_layout_exhibitors > ul > li { padding-right: 50px; } } /* feature panels image grid - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_feature_panels_image_grid:not(.feature_list) > ul > li { width:25.0% }} .records_list.grid_dynamic_layout_feature_panels_image_grid ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_feature_panels_image_grid ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_feature_panels_image_grid ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_feature_panels_image_grid ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_feature_panels_image_grid ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_feature_panels_image_grid ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_feature_panels_image_grid > ul { margin-right: -50px; } .records_list.grid_dynamic_layout_feature_panels_image_grid > ul > li { padding-right: 50px; } } .records_list.grid_dynamic_layout_feature_panels_image_grid:not(.visible_grid_captions) ul li .content { display:none; } #content .records_list.grid_dynamic_layout_feature_panels_image_grid:not(.visible_grid_captions) ul li .image { margin-bottom:0; } /* publications - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_publications:not(.feature_list) > ul > li { width:33.33% }} .records_list.grid_dynamic_layout_publications ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_publications ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_publications ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_publications ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_publications ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_publications ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_publications > ul { margin-right: -50px; } .records_list.grid_dynamic_layout_publications > ul > li { padding-right: 50px; } } /* team - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_team:not(.feature_list) > ul > li { width:33.33% }} .records_list.grid_dynamic_layout_team ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_team ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_team ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_team ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_team ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_team ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_team > ul { margin-right: -50px; } .records_list.grid_dynamic_layout_team > ul > li { padding-right: 50px; } } /* viewing rooms - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_viewing_rooms:not(.feature_list) > ul > li { width:33.33% }} .records_list.grid_dynamic_layout_viewing_rooms ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_viewing_rooms ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_viewing_rooms ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_viewing_rooms ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_viewing_rooms ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_viewing_rooms ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_viewing_rooms > ul { margin-right: -50px; } .records_list.grid_dynamic_layout_viewing_rooms > ul > li { padding-right: 50px; } } /* Dynamically created artist list css ------------------- */ .subsection-artist-list-preview-letters .artists_list_dynamic_columns ul { width:33.33% } .subsection-artist-list-standard .artists_list_dynamic_columns ul { width:33.33% } .subsection-artist-list-preview .artists_list_dynamic_columns ul { width:33.33% } /* Light and dark logo variants css ------------------- */ /* Logo text color ------------------- */ #logo { background: none; width: 100%; min-width: 180px; max-width: 180px; } #header #logo.user-custom-logo-image::before { padding-top:33.935546875%; } .device-highres #logo { background: none; } #logo a { background-image: url('https://static-assets.artlogic.net/w_1000,c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite0592/usr/images/preferences/download-6.png'); background-repeat: no-repeat; background-position: center center; background-size: contain; } .browser-msie-6 #logo a, .browser-msie-7 #logo a, .browser-msie-8 #logo a, .browser-msie-9 #logo a, .browser-msie-10 #logo a { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static-assets.artlogic.net/w_1000,c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite0592/usr/images/preferences/download-6.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static-assets.artlogic.net/w_1000,c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite0592/usr/images/preferences/download-6.png', sizingMethod='scale')"; } #logo a { text-indent: -9999px; padding: 0; } /* Topnav text color ------------------- */ /* Subnav text color ------------------- */ /* Responsive nav text color ------------------- */ .slide-nav-open #responsive_slide_nav_wrapper #top_nav ul li:not(.active) a, .slide-nav-open #header #responsive_slide_nav_wrapper .social_media_icon::after, .slide-nav-open #responsive_slide_nav_wrapper .quicksearch-icon::after, .slide-nav-open #responsive_slide_nav_wrapper #top_nav .header_quicksearch_field, .slide-nav-open #responsive_slide_nav_wrapper #top_nav #top_nav_reveal ul li a::after, .slide-nav-open #top_nav #full_nav .has_dropdown_items .dropdown-btn, .slide-nav-open #top_nav #full_nav .has_dropdown_items_mobile .dropdown-btn{ color: #ffffff; } /* Responsive nav active / hover text color ------------------- */ .slide-nav-open #responsive_slide_nav_wrapper #top_nav ul li.active a, .slide-nav-open #responsive_slide_nav_wrapper #top_nav ul li:hover a { color: #c9c9c9; } /* Button text color ------------------- */ /* Hero section image opacity ------------------- */ #mirror-slideshow.hero-parallax-element-mirror ul li .image, #mirror-slideshow.hero-parallax-element-mirror ul li .video_container .video_inner, #hero_header #slideshow ul li .image, #hero_header #hero_image_responsive, .parallax-mirror img.parallax-slider { opacity: 0.99 !important; } .parallax-mirror:not(#parallax-hero_header) img.parallax-slider { opacity: 0.99 !important; } /* don't show if opacity = 1 */ /* Hero section image height ------------------- */ ::root { --hero-height: 55vh } #hero_header.hero-fixed-aspect-ratio::after { padding-top:66.6666666667%; } /* Home page slideshow / fullscreen video ui buttons ------------------- */ .section-home .slideshow-pagination-controls .slideshow-control, .section-home #slideshow .video_pause_button:after { transform: scale(1) !important; border: none !important; background-color: #ffffff !important; } .section-home .slideshow-pagination-controls .btn-prev:after, .section-home .slideshow-pagination-controls .btn-next:after, .section-home #slideshow .video_pause_button .pause_symbol { color: #000000 !important; border-color: #000000 !important; /* Needed for V1 template sites as the arrows are done in css rather than using an artlogic social icon */ } .section-home #slideshow .video_pause_button .pause_symbol.paused { border-color: transparent transparent transparent #000000 !important; } /* Hero header slideshow ui buttons ------------------- */ #hero_header .slideshow-pagination-controls .slideshow-control { transform: scale(1) !important; border: none !important; background-color: #ffffff !important; } #hero_header .slideshow-pagination-controls .btn-prev:after, #hero_header .slideshow-pagination-controls .btn-next:after { color: #ffffff !important; border-color: #ffffff !important; /* Needed for V1 template sites as the arrows are done in css rather than using an artlogic social icon */ } /* Carousel feature panel ui buttons ------------------- */ @media screen and (max-width:360px) { #logo a { background-image: url('https://static-assets.artlogic.net/w_500,c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite0592/usr/images/preferences/download-6.png'); } } /* Artlogic preferences custom CSS - entered by Artlogic in the preferences screen ------------------- */ /* Remove duplicate 'About' dropdown item - Siobhán */ ul.ul_nested li.nested > a[href="/about/"] { display: none !important; } /* .responsive-nav-slide-nav #responsive_slide_nav_wrapper .navigation ul li a, .responsive-nav-slide-nav #responsive_slide_nav_wrapper .navigation ul li .dropdown-btn { font-size: 86px; } */ #top_nav #full_nav .dropdown-btn { font-size: 19.6px !important; } /* Client custom user CSS - entered by the client in the preferences screen ------------------- */ #li_top_9 a {font-weight:700;color:#000} /* ERA Gagosian-style — BEGIN (2026-11-08) */ /* desktop: menu always visible, Bebas */ @media (min-width:1024px){ body #header #top_nav #full_nav > ul > li > a, body #header #top_nav #full_nav > ul > li > .dropdown-btn{font-family:Lora,Georgia,serif!important;font-size:16px!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;color:#8a8a8a!important;} body #header #top_nav #full_nav > ul > li > a:hover,body #header #top_nav #full_nav > ul > li > .dropdown-btn:hover,body #header #top_nav #full_nav > ul > li.active > a,body #header #top_nav #full_nav > ul > li > a.active{color:#111!important;} body #header #top_nav #full_nav ul.ul_nested a{font-family:Lora,Georgia,serif!important;font-size:17px!important;text-transform:none!important;} } /* mobile: MENU word + fullscreen grey menu */ #slide_nav_reveal{text-indent:0!important;width:auto!important;height:auto!important;overflow:visible!important;font-family:"Bebas Neue",sans-serif!important;font-size:28px!important;line-height:1!important;letter-spacing:0!important;color:#111!important;text-transform:uppercase!important;cursor:pointer;} #slide_nav_reveal:before,#slide_nav_reveal:after,#slide_nav_reveal *{display:none!important;} @media (max-width:1023px){ body #header #top_nav #full_nav > ul > li > a, body #header #top_nav #full_nav > ul > li > .dropdown-btn{font-family:"Bebas Neue",sans-serif!important;font-size:clamp(44px,9vw,90px)!important;font-weight:400!important;line-height:.98!important;text-transform:uppercase!important;color:#fff!important;text-align:left!important;} body #header #top_nav #full_nav ul.ul_nested a{font-family:"Bebas Neue",sans-serif!important;font-size:26px!important;color:#ddd!important;text-transform:uppercase!important;} } /* home: tight spacing, hero full width */ body.section-home #main_content{padding-top:0!important;} body.section-home #slideshow .main_caption{display:none!important;} body.section-home #content > div, body.section-home #content > section{margin-top:28px!important;} body.section-home .subheading, body.section-home h2.subheading{margin:0 0 14px!important;} /* artists: B/W photos + De Carlo-style list */ /* artworks stay in colour; use grayscale only with B/W portraits */ .artist_list:not(.galleryartists) .image{display:none!important;} .artist_list:not(.galleryartists) ul{column-count:4;column-gap:32px;height:auto!important;} .artist_list:not(.galleryartists) ul li{float:none!important;position:static!important;transform:none!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;break-inside:avoid;} .artist_list:not(.galleryartists) h2{font-family:"Bebas Neue",sans-serif!important;font-size:32px!important;line-height:1.15!important;margin:0!important;text-transform:uppercase!important;} .artist_list.galleryartists h2{font-family:"Bebas Neue",sans-serif!important;font-size:26px!important;margin-top:8px!important;} .subsection-artists-list .subheading{font-family:"Bebas Neue",sans-serif!important;font-size:22px!important;margin:30px 0 12px!important;} @media (max-width:767px){.artist_list:not(.galleryartists) ul{column-count:2;}} /* hero full width, right under the logo */ body.section-home #slideshow{width:100vw!important;max-width:none!important;margin:0 0 0 calc(50% - 50vw)!important;} body.section-home #slideshow .image,body.section-home #slideshow .image > span{height:auto!important;max-height:none!important;aspect-ratio:2400/1500;display:block!important;} @media (min-width:1024px){body.section-home #slideshow .image,body.section-home #slideshow .image > span{aspect-ratio:auto!important;height:calc(100vh - 92px)!important;min-height:520px!important;}} body.section-home #content > #slideshow{margin-top:0!important;position:relative!important;} body.section-home #slideshow .image{position:relative!important;} body.section-home #slideshow li .image::before{content:"Palazzo di Brera · Photo: Paolobon140, CC BY-SA 4.0"!important;position:absolute!important;right:0!important;bottom:0!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;z-index:5!important;background:rgba(0,0,0,.45)!important;color:#fff!important;font:400 11px/1 Lora,serif!important;padding:6px 10px!important;pointer-events:none;display:block!important;opacity:1!important;} body.section-home #slideshow img{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;} body.section-home #slideshow ul,body.section-home #slideshow li{height:auto!important;} body.section-home #main_content{padding-top:0!important;} /* artists page title */ .subsection-artists-list .artists-header h1{font-family:"Bebas Neue",sans-serif!important;font-size:clamp(56px,6vw,96px)!important;line-height:1!important;margin:10px 0 0!important;} /* upcoming records: dates not fixed yet -> hide placeholder dates */ li:has(a[href*="/exhibitions/35-"]) .date, li:has(a[href*="/art-fairs/15"]) .date, html:has(link[rel=canonical][href*="/exhibitions/35-"]) .subtitle_date, html:has(link[rel=canonical][href*="/art-fairs/15"]) .subtitle_date{display:none!important;} /* second font (Lora, like menu) for names and sub-navigation; big titles stay Bebas */ #main_content .heading_wrapper h1,.subsection-artists-list .artists-header h1{font-family:"Bebas Neue",sans-serif!important;font-size:clamp(56px,6vw,96px)!important;line-height:1!important;} .artist_list h2,.artist_list:not(.galleryartists) h2,.artist_list.galleryartists h2{font-family:Lora,Georgia,serif!important;text-transform:none!important;font-weight:700!important;letter-spacing:0!important;} .artist_list:not(.galleryartists) h2{font-size:26px!important;line-height:1.3!important;} .artist_list.galleryartists h2{font-size:22px!important;} .subsection-artists-list .subheading,.subsection-artists-list .subheading span{font-family:Lora,Georgia,serif!important;text-transform:none!important;font-size:18px!important;color:#8a8a8a!important;letter-spacing:0!important;} #main_content .subnav a,#main_content [class*=subnav] a,#main_content .status_subnav a,#main_content .records_list_subnav a,#sub_nav a{font-family:Lora,Georgia,serif!important;text-transform:none!important;font-size:22px!important;font-weight:700!important;color:#b5b5b5!important;letter-spacing:0!important;} #main_content .subnav a.active,#main_content [class*=subnav] a.active,#main_content [class*=subnav] li.active a,#sub_nav a.active,#sub_nav li.active a{color:#111!important;} #main_content .records_list h2{font-family:Lora,Georgia,serif!important;text-transform:none!important;font-weight:700!important;} #main_content [id$="_nav"].navigation{float:none!important;position:static!important;width:100%!important;clear:both;border-top:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;padding:12px 0!important;margin:14px 0 30px!important;text-align:left!important;} #main_content [id$="_nav"].navigation ul li{display:inline-block!important;float:none!important;margin:0 30px 0 0!important;} #main_content [id$="_nav"].navigation ul li a{font-family:Lora,Georgia,serif!important;text-transform:none!important;font-size:22px!important;font-weight:700!important;color:#b5b5b5!important;letter-spacing:0!important;} #main_content [id$="_nav"].navigation ul li.active a,#main_content [id$="_nav"].navigation ul li a.active,#main_content [id$="_nav"].navigation ul li.selected a{color:#111!important;} /* "Current" tab always visible: placeholder label until a current show exists */ #exhibitions_nav ul::before,#artfairs_nav ul::before,#art-fairs_nav ul::before,#events_nav ul::before{content:"Current";display:inline-block;vertical-align:top;margin:0 30px 0 0;font:700 22px/1.2 Lora,Georgia,serif;color:#cfcfcf;} #exhibitions_nav ul li a{line-height:1.2!important;vertical-align:top;} #exhibitions_nav ul:has(#nav_current)::before,#artfairs_nav ul:has(#nav_current)::before,#art-fairs_nav ul:has(#nav_current)::before,#events_nav ul:has(#nav_current)::before{display:none!important;} /* slimmer header */ @media (min-width:1024px){ #header .inner{padding:12px 0!important;} #logo a{width:150px!important;height:51px!important;} #logo{margin-top:6px!important;} #header #top_nav{margin-top:0!important;} #header #top_nav #full_nav > ul > li > a,#header #top_nav #full_nav > ul > li > .dropdown-btn{line-height:40px!important;padding-top:0!important;padding-bottom:0!important;} } /* one caption style everywhere: Lora, sentence case */ #main_content .date,#main_content .subtitle,#main_content .subtitle_date,#main_content .h1_subtitle,#main_content h3,#main_content .records_list .content h3,#main_content .records_list .content .date,#main_content .records_list .content span, #main_content .subheading,#main_content .subheading span,#main_content h2.subheading{font-family:Lora,Georgia,serif!important;text-transform:none!important;letter-spacing:0!important;font-weight:400!important;} #main_content .records_list .date,#main_content .subtitle_date,#main_content .date{font-size:15px!important;color:#666!important;} #main_content .subheading,#main_content .subheading span{font-size:20px!important;color:#111!important;} .panel_header h2{font-family:Lora,Georgia,serif!important;text-transform:none!important;letter-spacing:0!important;font-weight:400!important;font-size:22px!important;color:#111!important;margin-bottom:0!important;} .panel .panel_header{margin-bottom:18px!important;} @media (min-width:1024px){body #header #top_nav #full_nav > ul > li{margin-left:15px!important;}body #header #top_nav #full_nav > ul > li:first-child{margin-left:0!important;}} /* tighter space under section titles */ #main_content .heading_wrapper{margin-bottom:0!important;padding-bottom:0!important;} #main_content [id$="_nav"].navigation{margin:12px 0 22px!important;} /* footer */ #footer .era-foot,#main_content .era-foot{display:flex;flex-wrap:wrap;gap:24px 64px;} #footer .era-foot-col,#main_content .era-foot-col{min-width:200px;} #footer #contact_info table{width:auto!important;height:auto!important;} #footer, #footer p, #footer a{font-family:Lora,Georgia,serif!important;font-size:15px!important;line-height:1.55!important;color:#111!important;text-transform:none!important;letter-spacing:0!important;} #footer .era-foot .title,#main_content .era-foot .title{font-family:"Bebas Neue",sans-serif!important;font-size:22px!important;margin:0 0 6px!important;} #footer a:hover{color:#8a8a8a!important;} /* artists: two empty lines under the title, like the sub-navigation band */ .subsection-artists-list .artists-header::after{content:"";display:block;height:46px;border-top:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;margin:12px 0 22px;} /* featured upcoming items: text on the left, image on the right */ @media (min-width:768px){#main_content .records_list.feature_list li > a{display:flex!important;flex-direction:row-reverse!important;gap:48px;align-items:flex-start;}#main_content .records_list.feature_list li > a > .image{flex:0 0 55%;max-width:55%;}#main_content .records_list.feature_list li > a > .content{flex:1 1 auto;width:auto!important;float:none!important;margin:0!important;padding:0!important;}} #main_content .subsection-forthcoming .subheading, #main_content .records_list + .subheading{} .standard-entry-list > [id$="_featured"] > .subheading{display:none!important;} @media (min-width:768px){#main_content .records_list.feature_list li > a{align-items:center!important;}} /* phone: show the yellow text half full width, hide photo credit */ @media (max-width:767px){ body.section-home #slideshow .image,body.section-home #slideshow .image > span{aspect-ratio:4/5!important;height:auto!important;} body.section-home #slideshow img{object-fit:cover!important;object-position:0% 50%!important;} body.section-home #slideshow li .image::before{display:none!important;} #main_content [id$="_nav"].navigation ul li a,#exhibitions_nav ul::before{font-size:18px!important;} #main_content [id$="_nav"].navigation ul li{margin-right:18px!important;} #exhibitions_nav ul::before,#artfairs_nav ul::before,#art-fairs_nav ul::before,#events_nav ul::before{margin-right:18px!important;font-size:18px!important;} .artist_list:not(.galleryartists) h2{font-size:20px!important;} #footer .era-foot,#main_content .era-foot{gap:18px;} } #header,#header .inner{background-color:#f3f3f1!important;} /* footer / contact: Stay in touch band with photo */ .era-stay{display:flex;flex-wrap:wrap;align-items:stretch;background:#f3f3f1;margin:0 0 48px;} .era-stay-img{flex:1 1 50%;min-width:260px;} .era-stay-img img{width:100%!important;height:100%!important;max-height:380px;object-fit:cover;display:block;} .era-stay-txt{flex:1 1 40%;min-width:260px;padding:40px 48px;display:flex;flex-direction:column;justify-content:center;} .era-stay-txt p.era-stay-title,.era-stay-title{font-family:"Bebas Neue",sans-serif!important;font-size:clamp(44px,5vw,72px)!important;line-height:1!important;margin:0 0 14px!important;color:#111!important;} .era-stay-txt p{font-family:Lora,Georgia,serif!important;font-size:16px!important;color:#111!important;} a.era-stay-btn{display:inline-block;background:#111!important;color:#F4C93A!important;font-family:"Bebas Neue",sans-serif!important;font-size:22px!important;padding:10px 22px!important;text-decoration:none!important;margin-top:10px;} #main_content .era-foot{margin-top:10px;} #main_content .era-foot-col p,#main_content .era-foot-col a{font-family:Lora,Georgia,serif!important;font-size:16px!important;line-height:1.6!important;} #footer #contact_info,#footer .advanced_footer_item{width:100%!important;float:none!important;} /* Press like Exhibitions: title + two lines band */ body.section-press #main_content .heading_wrapper::after{content:"";display:block;height:46px;border-top:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;margin:12px 0 22px;} body.section-press #main_content .heading_wrapper h1{font-family:"Bebas Neue",sans-serif!important;font-size:clamp(56px,6vw,96px)!important;line-height:1!important;} #main_content > h1{display:block!important;width:100%!important;float:none!important;font-family:"Bebas Neue",sans-serif!important;font-size:clamp(56px,6vw,96px)!important;line-height:1!important;margin-bottom:0!important;} body.section-press #main_content > h1::after,body.section-publications #main_content > h1::after,body.section-Publications #main_content > h1::after{content:"";display:block;height:46px;border-top:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;margin:12px 0 22px;} body.section-contact #main_content > h1::after{content:"";display:block;height:46px;border-top:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;margin:12px 0 22px;} #footer #contact_info{width:100%!important;max-width:none!important;float:none!important;} #footer .advanced_footer_item{display:block!important;width:100%!important;} #footer .era-stay-txt p.era-stay-title{font-family:"Bebas Neue",sans-serif!important;font-size:clamp(44px,5vw,72px)!important;line-height:1!important;margin:0 0 14px!important;} #footer .era-stay-txt p{font-size:16px!important;} #footer a.era-stay-btn,#main_content a.era-stay-btn{color:#F4C93A!important;background:#111!important;text-decoration:none!important;font-family:"Bebas Neue",sans-serif!important;font-size:22px!important;} #footer a.era-stay-btn:hover{color:#fff!important;} #footer .era-foot-col a{text-decoration:underline;} /* ERA Gagosian-style — END */