/* 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=Inter:400,700); @font-face { font-family: "Sabon 2"; src: url('/usr/documents/fonts/regular_font_woff/3/sabonltstd-roman.woff') format('woff'), url('/usr/documents/fonts/regular_font_woff2/3/sabonltstd-roman.woff2') format('woff2'), url('/usr/documents/fonts/regular_font_ttf/3/sabon_roman.ttf') format('truetype'); font-style: normal; font-weight: normal; } @font-face { font-family: "Sabon 2"; src: url('/usr/documents/fonts/bold_font_woff/3/sabonltstd-bold.woff') format('woff'), url('/usr/documents/fonts/bold_font_woff2/3/sabonltstd-bold.woff2') format('woff2'), url('/usr/documents/fonts/bold_font_ttf/3/sabon_bold.ttf') format('truetype'); font-style: normal; font-weight: bold; } /* Background colour --------------*/ /* Fonts----------------------------- */ /* Main body font ------------------- */ body, input, select, textarea { font-family: 'Inter', sans-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: "Sabon 2", Sans-serif; font-style:normal; font-weight:normal; } /* Navigation font ------------------- */ #top_nav.navigation ul li a, #top_nav #full_nav .dropdown-btn { font-family: 'Inter', sans-serif; } /* User custom html-font sizing ------------------- */ html { font-size: 14.0px; } /* Title - Heading spacing and transform ------------------- */ /* Dynamically adjust font sizes so that headings and titles look larger (as lowercase appears smaller than uppercase) while the body size remains the same -------------------------- */ html { font-size: 20.3px; } body { font-size: 1.0rem; line-height: 2.48rem; } 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: none; letter-spacing: 0; } /* Text colours----------------------------- */ /* Heading and emphasis text colour ------------------- */ /* Colour None */ /* Subheading and secondary emphasis text colour ------------------- */ /* Body/main text colour ------------------- */ /* Link text color ------------------- */ /* 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:25.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; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_artfairs > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_artfairs > ul > li { padding-right: 20px; } } /* instagram - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_instagram:not(.feature_list) > ul > li { width:25.0% }} .records_list.feature_list.grid_dynamic_layout_instagram:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_instagram:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_instagram ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_instagram 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_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; } } /* artworks - tile_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.tile_list.grid_dynamic_layout_artworks ul { width: calc(25.0% - 50px) }} .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 .tile_list_formatted { margin-right: -50px; } .records_list.grid_dynamic_layout_artworks .tile_list_formatted ul { padding-right: 50px; } } /* 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:25.0% }} .records_list.feature_list.grid_dynamic_layout_default_image_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_default_image_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_default_image_grid ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_default_image_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_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; } } /* video - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_video:not(.feature_list) > ul > li { width:25.0% }} .records_list.feature_list.grid_dynamic_layout_video:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_video:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_video ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_video 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 ul li .image::after {display:none;} .records_list.grid_dynamic_layout_video ul li .image > span {position: static;} @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_video > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_video > ul > li { padding-right: 20px; } } /* default grid - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_default_grid:not(.feature_list) > ul > li { width:25.0% }} .records_list.feature_list.grid_dynamic_layout_default_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_default_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_default_grid ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_default_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_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: -20px; } .records_list.grid_dynamic_layout_default_grid > ul > li { padding-right: 20px; } } /* artists - tile_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.tile_list.grid_dynamic_layout_artists ul { width: calc(20.0% - 20px) }} .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 {display:block;} .records_list.grid_dynamic_layout_artists ul li .image > span {position: absolute;} @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_artists .tile_list_formatted { margin-right: -20px; } .records_list.grid_dynamic_layout_artists .tile_list_formatted ul { padding-right: 20px; } } /* 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:100.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.feature_list.grid_dynamic_layout_artist_works_categories:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_artist_works_categories:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_artist_works_categories ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_artist_works_categories 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_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: -20px; } .records_list.grid_dynamic_layout_artist_works_categories > ul > li { padding-right: 20px; } } /* exhibitions - tile_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.tile_list.grid_dynamic_layout_exhibitions ul { width: calc(25.0% - 20px) }} .records_list.feature_list.grid_dynamic_layout_exhibitions:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_exhibitions:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_exhibitions ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_exhibitions 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_exhibitions ul li .image::after {display:none;} .records_list.grid_dynamic_layout_exhibitions ul li .image > span {position: static;} @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_exhibitions .tile_list_formatted { margin-right: -20px; } .records_list.grid_dynamic_layout_exhibitions .tile_list_formatted ul { padding-right: 20px; } } /* events works - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_events:not(.feature_list) > ul > li { width:25.0% }} .records_list.feature_list.grid_dynamic_layout_events:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_events:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_events ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_events 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 ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_events > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_events > ul > li { padding-right: 20px; } } /* exhibitions installation - flow_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_exhibitions_installation:not(.feature_list) ul li { width:20.0% }} @media screen and (min-width:1023px) { #content .records_list.grid_dynamic_layout_exhibitions_installation .flow_list_formatted ul li { margin-right: 50px; } } /* artist installation - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artist_installation:not(.feature_list) > ul > li { width:25.0% }} .records_list.feature_list.grid_dynamic_layout_artist_installation:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_artist_installation:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_artist_installation ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_artist_installation 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_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; } } /* 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:100.0%; } /* events featured - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_events_featured:not(.feature_list) > ul > li { width:50.0% }} .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 {display:none;} .records_list.grid_dynamic_layout_events_featured ul li .image > span {position: static;} /* artwork categories landing - tile_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.tile_list.grid_dynamic_layout_artwork_categories_landing ul { width: calc(25.0% - 20px) }} .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 {display:block;} .records_list.grid_dynamic_layout_artwork_categories_landing ul li .image > span {position: absolute;} .records_list.grid_dynamic_layout_artwork_categories_landing ul li .image::after { padding-top:150.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_artwork_categories_landing .tile_list_formatted { margin-right: -20px; } .records_list.grid_dynamic_layout_artwork_categories_landing .tile_list_formatted ul { padding-right: 20px; } } /* 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.feature_list.grid_dynamic_layout_events:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_events:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_events ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_events 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 ul li .image::after {display:none;} .records_list.grid_dynamic_layout_events ul li .image > span {position: static;} @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_events > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_events > ul > li { padding-right: 20px; } } /* store - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_store:not(.feature_list) > ul > li { width:25.0% }} .records_list.feature_list.grid_dynamic_layout_store:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_store:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_store ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_store 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 ul li .image::after {display:none;} .records_list.grid_dynamic_layout_store ul li .image > span {position: static;} @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_store > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_store > ul > li { padding-right: 20px; } } /* 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:100.0%; } /* feature panels - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_feature_panels:not(.feature_list) > ul > li { width:25.0% }} .records_list.feature_list.grid_dynamic_layout_feature_panels:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_feature_panels:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_feature_panels ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_feature_panels 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_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: -20px; } .records_list.grid_dynamic_layout_feature_panels > ul > li { padding-right: 20px; } } /* 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.feature_list.grid_dynamic_layout_exhibitions_works:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_exhibitions_works:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_exhibitions_works ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_exhibitions_works 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_exhibitions_works ul li .image::after {display:none;} .records_list.grid_dynamic_layout_exhibitions_works ul li .image > span {position: static;} @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; } } /* 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:100.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:100.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:100.0%; } /* artfairs featured - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artfairs_featured:not(.feature_list) > ul > li { width:100.0% }} .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:100.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:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_exhibitions_featured ul li .image::after {display:none;} .records_list.grid_dynamic_layout_exhibitions_featured ul li .image > span {position: static;} /* press - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_press:not(.feature_list) > ul > li { width:25.0% }} .records_list.feature_list.grid_dynamic_layout_press:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_press:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_press ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_press 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 ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_press > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_press > ul > li { padding-right: 20px; } } /* news - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_news:not(.feature_list) > ul > li { width:25.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; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_news > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_news > ul > li { padding-right: 20px; } } /* 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 {display:none;} .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li .image > span {position: static;} /* search - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_search:not(.feature_list) > ul > li { width:25.0% }} .records_list.feature_list.grid_dynamic_layout_search:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_search:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_search ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_search 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_search ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_search > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_search > ul > li { padding-right: 20px; } } /* 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 {display:none;} .records_list.grid_dynamic_layout_viewing_rooms_featured ul li .image > span {position: static;} /* 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:25.0% }} .records_list.feature_list.grid_dynamic_layout_viewing_rooms_works:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_viewing_rooms_works:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_viewing_rooms_works ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_viewing_rooms_works 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_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; } } /* artist works - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artist_works:not(.feature_list) > ul > li { width:25.0% }} .records_list.feature_list.grid_dynamic_layout_artist_works:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_artist_works:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_artist_works ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_artist_works 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_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; } } /* exhibitors - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_exhibitors:not(.feature_list) > ul > li { width:25.0% }} .records_list.feature_list.grid_dynamic_layout_exhibitors:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_exhibitors:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_exhibitors ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_exhibitors 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_exhibitors ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_exhibitors > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_exhibitors > ul > li { padding-right: 20px; } } /* 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.feature_list.grid_dynamic_layout_feature_panels_image_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_feature_panels_image_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_feature_panels_image_grid ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_feature_panels_image_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_feature_panels_image_grid ul li .image::after {display:none;} .records_list.grid_dynamic_layout_feature_panels_image_grid ul li .image > span {position: static;} @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; } } /* publications - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_publications:not(.feature_list) > ul > li { width:25.0% }} .records_list.feature_list.grid_dynamic_layout_publications:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_publications:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_publications ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_publications 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 ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_publications > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_publications > ul > li { padding-right: 20px; } } /* team - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_team:not(.feature_list) > ul > li { width:25.0% }} .records_list.feature_list.grid_dynamic_layout_team:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_team:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_team ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_team 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_team ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_team > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_team > ul > li { padding-right: 20px; } } /* viewing rooms - flow_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_viewing_rooms:not(.feature_list) ul li { width:50.0% }} @media screen and (min-width:1023px) { #content .records_list.grid_dynamic_layout_viewing_rooms .flow_list_formatted ul li { margin-right: 20px; } } /* Dynamically created artist list css ------------------- */ .subsection-artist-list-preview-letters .artists_list_dynamic_columns ul { width:20.0% } .subsection-artist-list-standard .artists_list_dynamic_columns ul { width:20.0% } .subsection-artist-list-preview .artists_list_dynamic_columns ul { width:20.0% } /* Light and dark logo variants css ------------------- */ /* Logo text color ------------------- */ #logo { background: none; width: 100%; min-width: 280px; max-width: 280px; } #header #logo.user-custom-logo-image::before { padding-top:14.6428571429%; } .device-highres #logo { background: none; } #logo a { background-image: url('https://artlogic-res.cloudinary.com/w_1000,c_limit,f_auto,fl_lossy,q_auto/ws-echofinearts/usr/images/preferences/echo-logo-high-res.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://artlogic-res.cloudinary.com/w_1000,c_limit,f_auto,fl_lossy,q_auto/ws-echofinearts/usr/images/preferences/echo-logo-high-res.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://artlogic-res.cloudinary.com/w_1000,c_limit,f_auto,fl_lossy,q_auto/ws-echofinearts/usr/images/preferences/echo-logo-high-res.png', sizingMethod='scale')"; } #logo a { text-indent: -9999px; padding: 0; } /* Topnav text color ------------------- */ /* Subnav text color ------------------- */ /* Responsive nav text color ------------------- */ /* Responsive nav active / hover text color ------------------- */ /* Button text color ------------------- */ /* Hero section image opacity ------------------- */ .fullscreen-slide-dark .fullscreen_slideshow.hero_header_layout_center:not(.override-slide-brightness) ul li::before, .fullscreen_slideshow.hero_header_layout_center:not(.detect-slide-brightness):not(.override-slide-brightness) ul li::before, .fullscreen-slide-dark .fullscreen_slideshow.hero_header_layout_left-center:not(.override-slide-brightness) ul li::before, .fullscreen_slideshow.hero_header_layout_left-center:not(.detect-slide-brightness):not(.override-slide-brightness) ul li::before { background: rgba(0,0,0,0.1999999999999999555910790150) !important; } .fullscreen-slide-light .fullscreen_slideshow.hero_header_layout_center:not(.override-slide-brightness) ul li::before, .fullscreen-slide-light .fullscreen_slideshow.hero_header_layout_left-center:not(.override-slide-brightness) ul li::before { background: rgba(255,255,255,0.1999999999999999555910790150) !important; } /* don't show if opacity = 1 */ /* Hero section image height ------------------- */ ::root { --hero-height: 100vh } #hero_header > .inner, body.layout-hero-header:not(.type-fullscreen) #main_content::before, body.layout-hero-header.layout-hero-header-record-data #hero_header > .inner, body.layout-hero-header.layout-hero-header-record-data:not(.type-fullscreen ) #main_content::before, body.layout-hero-header #hero_header.hero-mode-split { height: var(--hero-height, 100vh); max-height: none; } .layout-hero-header-record-data #hero_header > .inner, body.layout-hero-header-record-data.layout-hero-header:not(.type-fullscreen ) #main_content::before, body.layout-hero-header-record-data.layout-hero-header.layout-hero-header-record-data #hero_header > .inner, body.layout-hero-header-record-data.layout-hero-header.layout-hero-header-record-data:not(.type-fullscreen ) #main_content::before, body.layout-hero-header.layout-hero-header-record-data #hero_header.hero-mode-split { height: var(--hero-height, 100vh); max-height: none; } /* Home page slideshow / fullscreen video ui buttons ------------------- */ /* Hero header slideshow ui buttons ------------------- */ /* Carousel feature panel ui buttons ------------------- */ @media screen and (max-width:360px) { #logo a { background-image: url('https://artlogic-res.cloudinary.com/w_500,c_limit,f_auto,fl_lossy,q_auto/ws-echofinearts/usr/images/preferences/echo-logo-high-res.png'); } } /* Artlogic preferences custom CSS - entered by Artlogic in the preferences screen ------------------- */ /* Client custom user CSS - entered by the client in the preferences screen ------------------- */ :root { overscroll-behavior: none; } *, body { overscroll-behavior: none; font-size: 16px; line-height: 1.6; font-weight: 500; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } .a { position: relative; font-size: 0.875em !important; font-weight: 500 !important; text-transform: uppercase !important; letter-spacing: .025em !important; color: #0a0a0a; } .a:hover { color: #0a0a0a; } .a:before { content: ""; position: absolute; width: 0; height: 1px; bottom: 0; left: 0; background-color: #0a0a0a; visibility: hidden; transition: all 0.25s cubic-bezier(0.86,0,0.07,1); } .a:hover::before { visibility: visible; width: 100%; background-color: #0A0A0A; transition: all 0.5s cubic-bezier(0.86,0,0.07,1); } #hero_heading>.title>a { font-size: 4rem; line-height: 1; } #hero_heading>.subtitle { padding: 0; font-family: "Inter", sans-serif; } #hero_heading>.subtitle>.subtitle_date_comma { display: none; } #hero_heading>.subtitle>.subtitle_date { display: block; } h1 { font-size: 3rem !important; line-height: 1; } h1 a { font-size: 3rem !important; line-height: 1; } h2 a { font-size: 4rem !important; line-height: 4rem !important; line-height: 1; } .h1_heading { font-size: 3rem !important; line-height: 1 !important; } .h1_subtitle { display: block !important; font-size: 1.5rem !important; } .heading_wrapper h1.has_subtitle { line-height: 1.1; } .date { font-family: "Inter", sans-serif; } .price { font-size: 16px; font-family: "Inter", sans-serif; } .nationality { font-size: 1.25rem; } body .page-scroll #header.header_fixed:not(.header_fixed_no_follow), html.fp-enabled body:not(.fp-viewing-0) .page-scroll #header.header_fixed.header_fixed_no_follow { -webkit-box-shadow: 0 1px 1px -0.5px rgba(0,0,0,0.08), 0 2px 2px -1px rgba(0,0,0,0.12); box-shadow: 0 1px 1px -0.5px rgba(0,0,0,0.08), 0 2px 2px -1px rgba(0,0,0,0.12); } #top_nav.navigation ul li { margin: 0 0 0 12px; } #top_nav.navigation ul li a, #top_nav.navigation .dropdown-btn { padding: 0; font-size: 0.875em; } .topnav li a { position: relative; font-size: 0.875em; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: .025em !important; color: #0A0A0A; transition: all 0.25s cubic-bezier(0.86,0,0.07,1); } .topnav li a:hover { color: #0a0a0a; transition: all 0.25s cubic-bezier(0.86,0,0.07,1); } .fullscreen-slide-light .topnav li a::after { content: ""; display: block; width: 0; border-bottom: 2px solid #0a0a0a; position: absolute; bottom: 0; right: 0; left: auto; transition: all 0.25s cubic-bezier(0.86,0,0.07,1); } .fullscreen-slide-dark .topnav li a::after { content: ""; display: block; width: 0; border-bottom: 2px solid #fff; position: absolute; bottom: 0; right: 0; left: auto; transition: all 0.25s cubic-bezier(0.86,0,0.07,1); } .topnav li a::after { content: ""; display: block; width: 0; border-bottom: 2px solid #0a0a0a; position: absolute; bottom: 0; right: 0; left: auto; transition: all 0.25s cubic-bezier(0.86,0,0.07,1); } .topnav li a:hover::after { width: calc(100% - 2px); left: 0; right: auto; transition: all 0.5s cubic-bezier(0.86,0,0.07,1); } .records_list.tile_list { overflow: visible; } @media only screen and (1023px <= width <= 1076px) { .topnav-label-20th-century-photography a { max-width: 114px; overflow: hidden; max-height: 30px; } } @media only screen and (max-width: 1023px) { #responsive_slide_nav_wrapper #top_nav #top_nav_reveal ul li a::after { font-size: 16px !important; font-weight: 900 !important; } body.responsive-nav-side-position-fullscreen.slide-nav-open #responsive_slide_nav_wrapper::before { backdrop-filter: blur(16px); } #responsive_slide_nav_wrapper_inner { padding: 20px 30px !important; -webkit-align-items: flex-start !important; align-items: flex-start !important; justify-content: flex-start !important; -webkit-justify-content: flex-start !important; } #responsive_slide_nav_wrapper #top_nav { padding: 0 !important; } #responsive_slide_nav_wrapper .navigation .dropdown-btn { font-size: 1.2rem !important; font-weight: 500 !important; text-align: left !important; -webkit-tap-highlight-color: transparent; } .topnav { max-width: 90% !important; } #top_nav.navigation > ul > li > a { font-size: 1.2rem !important; font-weight: 500 !important; text-align: left !important; padding: 4px 0 !important; -webkit-tap-highlight-color: transparent; } #topnav_translations { margin: 0 !important; } #topnav_translations ul li { margin: 0 10px 0 0 !important; } body.responsive-nav-side-position-fullscreen #responsive_slide_nav_wrapper #topnav_translations ul { text-align: left !important; } body.responsive-nav-slide-nav.responsive-nav-side-position-fullscreen #responsive_slide_nav_wrapper .navigation ul li a, body.responsive-nav-slide-nav.responsive-nav-side-position-fullscreen #responsive_slide_nav_wrapper .navigation ul li .dropdown-btn { font-size: 1.2rem !important; -webkit-tap-highlight-color: transparent; } #responsive_slide_nav_wrapper #topnav_search { max-width: initial !important; margin-top: 0 !important; } } .subheading { text-transform: uppercase; } #sub_nav ul li a { font-family: "Inter", sans-serif !important; font-size: 0.875em !important; font-weight: 500 !important; text-transform: uppercase !important; letter-spacing: .025em !important; color: #0a0a0a; transition: all 0.5s cubic-bezier(0.86,0,0.07,1); } #sub_nav ul li a:hover { opacity: 0.6; transition: all 0.5s cubic-bezier(0.86,0,0.07,1); } #translations_nav ul { height: 32px; } #translations_nav ul li a { font-family: "Inter", sans-serif !important; font-size: 0.875em !important; font-weight: 500 !important; text-transform: uppercase !important; letter-spacing: .025em !important; color: #666; transition: all 0.5s cubic-bezier(0.86,0,0.07,1); } #translations_nav ul li a:hover { font-family: "Inter", sans-serif !important; font-size: 0.875em !important; font-weight: 500 !important; text-transform: uppercase !important; letter-spacing: .025em !important; color: #0a0a0a; transition: all 0.5s cubic-bezier(0.86,0,0.07,1); } #translations_nav ul li a .active { color: #0a0a0a; } [data-panel-unique-id="9650b352-a74c-44f1-bcba-2c57edc66f8f"] span h2 { text-align: center; } .separator { display: none; } .subsection-overview, .subsection-biography { display: flex; flex-direction: row-reverse; align-items: center; flex-wrap: wrap; justify-content: left; } .subsection-biography img { object-fit: cover; } .feature_list ul li .content .date { font-size: 0.875rem; } .feature_panels .panel_header { border-top: 1px solid #999; margin: 0 0 2rem !important; } .feature_panels .panel_header h2 { padding-top: 24px !important; font-size: 3rem !important; } .feature_panels .panel_header .subtitle { display: none !important; } .feature_panels .records_list .content { display: flex !important; flex-flow: column !important; } .feature_panels .records_list .content { display: flex !important; flex-flow: column !important; } .feature_panels .records_list .content .fp_title { order: 2; } .feature_panels .records_list .content .content .subtitle { order: 1; font-size: .875rem; font-family: "Inter", sans-serif !important; border-top: 1px solid #ddd; padding-top: 12px; } .feature_panels .panel_image_text_adjacent .content .date { font-size: 0.875rem; } .feature_panels .records_list .content .date.user_defined { font-size: .75rem; order: 3; } .feature_panels .records_list .content .description.user_defined { order: 4; } #sticky_sub_nav ul li a { position: relative; font-family: "Inter", sans-serif !important; font-size: 0.875em !important; font-weight: 500 !important; text-transform: uppercase !important; letter-spacing: .025em !important; color: #0a0a0a; } #sticky_sub_nav ul li a::after { content: ""; display: block; width: 0; border-bottom: 2px solid #0a0a0a; position: absolute; bottom: 0; right: 0; left: auto; transition: all 0.25s cubic-bezier(0.86,0,0.07,1); } #sticky_sub_nav ul li a:hover { color: #0a0a0a; } #sticky_sub_nav ul li a:hover::after { width: calc(100% - 2px); left: 0; right: auto; transition: all 0.5s cubic-bezier(0.86,0,0.07,1); } .artists-browser-label { position: relative; font-family: "Inter", sans-serif !important; font-size: 0.675em !important; font-weight: 500 !important; text-transform: uppercase !important; letter-spacing: .025em !important; color: #0a0a0a; } .artists-browser-link .prev::after { content: ""; display: block; width: 0; border-bottom: none; position: absolute; bottom: 0; right: 0; left: auto; transition: all 0.25s cubic-bezier(0.86,0,0.07,1); } .artists-browser-link .next::after { content: ""; display: block; width: 0; border-bottom: none; position: absolute; bottom: 0; right: 0; left: auto; transition: all 0.25s cubic-bezier(0.86,0,0.07,1); } .page-header-inner .has_subtitle { min-width: 320px; } #page_header .page-header-inner .h1_heading { font-size: 1.5rem !important; line-height: 1.5rem !important; } .page-header-inner .h1_subtitle { font-size: 0.875rem !important; line-height: 1rem !important; } .subheading span { font-size: 1rem; line-height: 3rem; color: #0a0a0a; text-transform: uppercase; font-family: 'Inter', sans-serif; letter-spacing: 1.12px; } .subheading::after { border-top: 1px solid rgba(0,0,0,0.12); } #exhibitions_nav a { font-family: 'Inter', sans-serif !important; } .button.button_compact>span, .button.button_compact { padding: 10px 11px 10px; background: #0a0a0a; color: #fff; font-weight: 900; } .button.button_compact>span, .button.button_compact:hover { background: #0a0a0a; color: #fff; } .copyright-text { font-family: "Inter", sans-serif !important; font-size: 0.75em !important; } #artlogic a { font-family: "Inter", sans-serif !important; font-size: 0.75em !important; color: #fff !important; } .artwork_details_wrapper .subtitle .title, .artwork_details_wrapper .subtitle .comma, .artwork_details_wrapper .subtitle .year { font-family: 'Inter'; font-size: 1.25rem; } .enquire_button_container .link a { width: fit-content; color: #fff; font-family: "inter", sans-serif; background: rgba(0,0,0,1); padding: 12px 32px; font-weight: 500; line-height: 1.5; border-radius: 9999px; transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1); font-size: 16px; } .enquire_button_container .link a:hover { background: rgba(0,0,0,0.8); transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1); } .social_media_icon { float: left; width: 32px height: 32px; line-height: 32px; margin: 0 10px 0 0; border-radius: 0; text-indent: 0; text-align: center; color: #0a0a0a; background-color: #fff !important; } @media (min-width: 1024px) { .panel.panel_type_4 a { padding: 0 80px; } } .layout-animation-enabled .records_list:not(#add_to_calendar_links):not(#slideshow) ul li.animate-from-bottom { transition: transform 1500ms cubic-bezier(.18, 1, .21, 1), opacity 750ms cubic-bezier(.18, 1, .21, 1); } .layout-animation-enabled .records_list:not(#add_to_calendar_links):not(#slideshow) ul li.animate-from-top { transition: transform 1500ms cubic-bezier(.18, 1, .21, 1), opacity 750ms cubic-bezier(.18, 1, .21, 1); transform: translate3d(0, -50px, 0); } .layout-animation-enabled .records_list:not(#add_to_calendar_links):not(#slideshow) ul li.visible { opacity: 1; transform: none; transition: transform 1500ms cubic-bezier(.18, 1, .21, 1), opacity 750ms cubic-bezier(.18, 1, .21, 1); } .layout-animation-enabled .records_list.columns_list:not(#slideshow) ul li.animate-from-bottom a { transition: transform 1500ms cubic-bezier(.18, 1, .21, 1), opacity 750ms cubic-bezier(.18, 1, .21, 1); } .layout-animation-enabled .records_list.columns_list:not(#slideshow) ul li.animate-from-top a { transition: transform 1500ms cubic-bezier(.18, 1, .21, 1), opacity 750ms cubic-bezier(.18, 1, .21, 1); transform: translate3d(0, -50px, 0); } .layout-animation-enabled .records_list.columns_list:not(#slideshow) ul li.visible a { opacity: 1; transform: none; transition: transform 1500ms cubic-bezier(.18, 1, .21, 1), opacity 750ms cubic-bezier(.18, 1, .21, 1); } body.mailing_list_popup_visible #mailing_list_popup_box { transition: transform 1500ms cubic-bezier(.18, 1, .21, 1), opacity 750ms cubic-bezier(.18, 1, .21, 1); } #popup_content { overflow-x: hidden; } .roomview-scene-artwork>img { border-radius: 0 !important; } .image img { border-radius: 1.25rem; } #image_container > div > span > a > img { border-radius: 0.25rem; } #ig_slideshow_thumbnails ul li a { border-radius: 0.5rem; outline: 1px solid rgba(0,0,0,0.2); outline-offset: -1px; } #ig_slideshow_thumbnails_container.jThumbnailScroller.ig_thumbnails_type_scroller_click { margin-left: 0; } #ig_slideshow_thumbnails_container.jThumbnailScroller.ig_slideshow_thumbnails_inactive #ig_slideshow_thumbnails.jTscrollerContainer, #ig_slideshow_thumbnails_container.ig_slideshow_thumbnails_inactive #ig_slideshow_thumbnails { margin-left: 0; } body.prevent_user_image_save .powerzoomFrame img, body.prevent_user_image_save #secondary_image_thumbnails img { border-radius: 0.5rem; } .roomview-button-custom [class*="artlogic-social-icon"]::before { margin-top: 0; } #image_gallery #content_module .artwork_details_wrapper .visualisation-tools .detail_view_module .roomview-button-custom a { font-size: 1rem; font-family: "Inter", sans-serif; } .records_list.grid_dynamic_layout_press ul li .image > span { justify-content: flex-start; } .records_list ul li .image img { border-radius: 0.75rem; outline: 1px solid rgba(0,0,0,0.2); outline-offset: -1px; transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1); } .records_list ul li a:hover img { box-shadow: 0 1px 1px -0.5px rgba(0,0,0,0.04), 0 2px 2px -1px rgba(0,0,0,0.04), 0 4px 4px -2px rgba(0,0,0,0.04), 0 8px 8px -4px rgba(0,0,0,0.06), 0 12px 12px -6px rgba(0,0,0,0.08), 0 20px 20px -10px rgba(0,0,0,0.12), 0 0 0 1.5px rgba(0,0,0,0.4), inset 0 0 0 1.5px rgba(0,0,0,0.2); transform: translateY(6px) scale(101%); transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1); } .records_list ul li a:focus-within img { box-shadow: 0 1px 1px -0.5px rgba(0,0,0,0.04), 0 2px 2px -1px rgba(0,0,0,0.04), 0 4px 4px -2px rgba(0,0,0,0.04), 0 8px 8px -4px rgba(0,0,0,0.06), 0 12px 12px -6px rgba(0,0,0,0.08), 0 20px 20px -10px rgba(0,0,0,0.12), 0 0 0 1.5px rgba(0,0,0,0.4), inset 0 0 0 1.5px rgba(0,0,0,0.2); outline: 4px solid rgba(0,0,0,0.2); transform: translateY(6px) scale(101%); transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1); } .records_list ul li .content .title, .records_list ul li .content .artist { margin-bottom: 0; } body .cms_button a { padding: 12px 32px; font-size: 16px; font-weight: 500; line-height: 1.5; border-radius: 9999px; } body .cms_button:hover a { background: rgba(0,0,0,0.12); } .button { padding: 0; border-radius: 9999px; } .button a, .button > span { background: rgba(0,0,0,1); padding: 12px 32px; font-weight: 500; line-height: 1.5; border-radius: 9999px; transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1); font-size: 16px; } .button a:hover, .button > span:hover { background: rgba(0,0,0,0.8); transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1); } #mailing_list_popup_overlay { backdrop-filter: blur(16px); } #mailing_list_popup_box { box-shadow: 0 1px 1px -0.5px rgba(0,0,0,0.12), 0 2px 2px -1px rgba(0,0,0,0.12), 0 4px 4px -2px rgba(0,0,0,0.12), 0 8px 8px -4px rgba(0,0,0,0.12), 0 16px 16px -8px rgba(0,0,0,0.12), 0 24px 24px -12px rgba(0,0,0,0.12), 0 0 0 6px rgba(0,0,0,0.12); border-radius: 1.75rem; transition: transform 1000ms cubic-bezier(.18, 1, .21, 1), opacity 750ms cubic-bezier(.18, 1, .21, 1); } #mailing_list_popup_container .close { position: absolute; top: 24px; right: 24px; width: 30px; height: 30px; background: #0a0a0a; border-radius: 9999px; } #mailing_list_popup_container .close:hover { background: rgba(0,0,0,0.8); } #mailing_list_popup_container .close:after { top: 5px; right: 9px; color: #fff; font-weight: 900 !important; font-size: 12px; } .fancybox-overlay.fancybox-overlay-ajax, .fancybox-overlay.fancybox-overlay-html, .fancybox-overlay.fancybox-overlay-iframe, .fancybox-overlay.fancybox-overlay-fixed { backdrop-filter: blur(16px); } .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { border-radius: 1.75rem; } .fancybox-opened .fancybox-skin { box-shadow: 0 1px 1px -0.5px rgba(0,0,0,0.12), 0 2px 2px -1px rgba(0,0,0,0.12), 0 4px 4px -2px rgba(0,0,0,0.12), 0 8px 8px -4px rgba(0,0,0,0.12), 0 16px 16px -8px rgba(0,0,0,0.12), 0 24px 24px -12px rgba(0,0,0,0.12), 0 0 0 6px rgba(0,0,0,0.12); border-radius: 1.75rem; transition: transform 1000ms cubic-bezier(.18, 1, .21, 1), opacity 750ms cubic-bezier(.18, 1, .21, 1); } .fancybox-type-image .fancybox-skin { box-shadow: none; border-radius: 0; } .fancybox-wrap.fancybox-opened .fancybox-image { border-radius: 0.25rem; outline: 1px solid rgba(0,0,0,0.2); outline-offset: -1px; } #contact_form #contact_form_item_preview .inner { border-radius: 1rem; } #contact_form #contact_form_item_preview .image img { border-radius: 0.5rem; } .fancybox-close { position: absolute; top: 24px; right: 24px; width: 30px; height: 30px; background: #0a0a0a; border-radius: 9999px; animation: close-in 500ms cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-animation: close-in 500ms cubic-bezier(0.645, 0.045, 0.355, 1); } .fancybox-close:hover { background: rgba(0,0,0,0.8); } .fancybox-close:after { color: #fff; font-weight: 900 !important; font-size: 12px; } .fancybox-type-image .fancybox-close::after, .fancybox-type-image .fancybox-prev span:after, .fancybox-type-image .fancybox-next span:after { color: #fff; } .form .form_row label, .form .form_row legend { font-size: 0.875rem; font-weight: 600; } .form.form_style_simplified .form_row .inputField, .form.form_style_simplified .form_row select, .form.form_style_simplified .form_row textarea { border: 1px solid rgba(0,0,0,0.5); border-radius: 0.5rem; padding-left: 1rem; padding-right: 1rem; } .form .form_row .inputField, .form .form_row select, .form .form_row textarea, .form .form_row #captcha input, .form .form_row .g-recaptcha { border-radius: 0.5rem; } .form .form_row .inputField:focus, .form .form_row select:focus, .form .form_row textarea:focus, .form .form_row #captcha input:focus, .form .form_row .g-recaptcha:focus { outline: 2px solid #0a0a0a; outline-offset: -2px; } .form .form_row .inputField:focus-within, .form .form_row select:focus, .form .form_row textarea:focus-within, .form .form_row #captcha input:focus-within, .form .form_row .g-recaptcha:focus-within { outline: 2px solid #0a0a0a; outline-offset: -2px; } .form .form_row .inputField:focus-visible, .form .form_row select:focus-visible, .form .form_row textarea:focus-visible, .form .form_row #captcha input:focus-visible, .form .form_row .g-recaptcha:focus-visible { outline: 2px solid #0a0a0a; outline-offset: -2px; } #hero_header, .fullscreen_slideshow .hero_splash_text { margin: 0 0 8px; } .feature_panels .panel_image_text_adjacent .content .subtitle, .feature_panels .panel_image_text_adjacent .content .date { margin: 0 0 8px; } .page_stats .ps_item { font-size: 1rem; } @keyframes close-in { 0% { opacity: 0; transform: scale(0.5); } 100% { opacity: 0; transform: scale(1); } }