/* 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/aspect/2.0/styles/responsive_topnav.css') screen and (max-width: 1023px); /* Font imports ------------------- */ @font-face { font-family: "Branding"; src: url('/usr/documents/fonts/regular_font_woff/7/suisseintl-light-webs.woff') format('woff'), url('/usr/documents/fonts/regular_font_woff2/7/suisseintl-light-webs.woff2') format('woff2'); font-style: normal; font-weight: normal; } @font-face { font-family: "Berthe"; src: url('/usr/documents/fonts/bold_font_woff/5/berthe-italic.woff') format('woff'), url('/usr/documents/fonts/bold_font_woff2/5/berthe-italic.woff2') format('woff2'); font-style: normal; font-weight: bold; } @font-face { font-family: "Berthe"; src: url('/usr/documents/fonts/regular_font_woff/5/berthe-regular.woff') format('woff'), url('/usr/documents/fonts/regular_font_woff2/5/berthe-regular.woff2') format('woff2'); font-style: normal; font-weight: normal; } @font-face { font-family: "Branding"; src: url('/usr/documents/fonts/bold_font_woff/7/qg-branding.woff') format('woff'), url('/usr/documents/fonts/bold_font_woff2/7/qg-branding.woff2') format('woff2'); font-style: normal; font-weight: bold; } /* This font file is a version of an exclusive font distributed by Jonas Nicollin. This version is absolutely limited to the use defined between Jonas Nicollin and QG (qg-gallery.com). No use is allowed. Jonas Nicollin and QG (qg-gallery.com) will initiate legal action against anyone using the font without prior permission. */ /* Background colour --------------*/ body.slide-nav-active #responsive_slide_nav_wrapper, #responsive_slide_nav_wrapper #top_nav .header_quicksearch_field { background-color: #ffffff !important; } body.responsive-nav-side-position-fullscreen.slide-nav-open #responsive_slide_nav_wrapper::before { display: none; } /* Fonts----------------------------- */ /* Main body font ------------------- */ body, input, select, textarea { font-family: "Berthe", Sans-serif; font-style:normal; font-weight:normal; } /* 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: "Berthe", Sans-serif; font-style:normal; font-weight:normal; } /* Navigation font ------------------- */ #top_nav.navigation ul li a, #top_nav #full_nav .dropdown-btn { font-family: "Branding", Sans-serif; font-style:normal; font-weight:normal; } /* User custom html-font sizing ------------------- */ html { font-size: 10.75px; } /* 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: 15.59px; } body { font-size: 0.999839640795rem; 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 #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; } #logo a, #logo a:visited { color: #000000; } /* Subheading and secondary emphasis text colour ------------------- */ 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 ------------------- */ .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: #c9c9c9; } /* 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:33.33% }} .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: -100px; } .records_list.grid_dynamic_layout_artfairs > ul > li { padding-right: 100px; } } /* 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: -100px; } .records_list.grid_dynamic_layout_instagram > ul > li { padding-right: 100px; } } /* artworks - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artworks:not(.feature_list) > ul > li { width:25.0% }} .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 { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_artworks > ul { margin-right: -100px; } .records_list.grid_dynamic_layout_artworks > ul > li { padding-right: 100px; } } /* 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: -100px; } .records_list.grid_dynamic_layout_default_image_grid > ul > li { padding-right: 100px; } } /* 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.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: -100px; } .records_list.grid_dynamic_layout_video > ul > li { padding-right: 100px; } } /* 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: -100px; } .records_list.grid_dynamic_layout_default_grid > ul > li { padding-right: 100px; } } /* artists - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artists:not(.feature_list) > ul > li { width:25.0% }} .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: -100px; } .records_list.grid_dynamic_layout_artists > ul > li { padding-right: 100px; } } /* video featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_video_featured ul { width:100%;}} .records_list.grid_dynamic_layout_video_featured ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_video_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_video_featured ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_video_featured ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_video_featured ul li img:first-letter { font-family:object-fit; } .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:50.0% }} .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: -100px; } .records_list.grid_dynamic_layout_artist_works_categories > ul > li { padding-right: 100px; } } /* exhibitions - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_exhibitions:not(.feature_list) > ul > li { width:33.33% }} .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:66.6666666667%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_exhibitions > ul { margin-right: -100px; } .records_list.grid_dynamic_layout_exhibitions > ul > li { padding-right: 100px; } } /* 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: -100px; } .records_list.grid_dynamic_layout_events > ul > li { padding-right: 100px; } } /* exhibitions installation - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_exhibitions_installation:not(.feature_list) > ul > li { width:25.0% }} .records_list.feature_list.grid_dynamic_layout_exhibitions_installation:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_exhibitions_installation:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_exhibitions_installation ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_exhibitions_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_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: -100px; } .records_list.grid_dynamic_layout_exhibitions_installation > ul > li { padding-right: 100px; } } /* artist installation - slideshow-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artist_installation:not(.feature_list) > ul > li { width:50.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: -100px; } .records_list.grid_dynamic_layout_artist_installation > ul > li { padding-right: 100px; } } /* 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.grid_dynamic_layout_store_featured ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_store_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_store_featured ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_store_featured ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_store_featured ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_store_featured ul li .image::after { padding-top:100.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.grid_dynamic_layout_events_featured ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_events_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_events_featured ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_events_featured ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_events_featured ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_events_featured ul li .image::after { padding-top:66.6666666667%; } /* 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:16.66% }} .records_list.feature_list.grid_dynamic_layout_artwork_categories_landing:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_artwork_categories_landing:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_artwork_categories_landing ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_artwork_categories_landing 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_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: -100px; } .records_list.grid_dynamic_layout_artwork_categories_landing > ul > li { padding-right: 100px; } } /* events - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_events:not(.feature_list) > ul > li { width:25.0% }} .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:66.6666666667%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_events > ul { margin-right: -100px; } .records_list.grid_dynamic_layout_events > ul > li { padding-right: 100px; } } /* 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 { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_store > ul { margin-right: -100px; } .records_list.grid_dynamic_layout_store > ul > li { padding-right: 100px; } } /* 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.grid_dynamic_layout_default_feature_grid ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_default_feature_grid ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_default_feature_grid ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_default_feature_grid ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_default_feature_grid ul li img:first-letter { font-family:object-fit; } .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: -100px; } .records_list.grid_dynamic_layout_feature_panels > ul > li { padding-right: 100px; } } /* exhibitions works - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_exhibitions_works:not(.feature_list) > ul > li { width:25.0% }} .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 { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_exhibitions_works > ul { margin-right: -100px; } .records_list.grid_dynamic_layout_exhibitions_works > ul > li { padding-right: 100px; } } /* publications featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_publications_featured ul { width:100%;}} .records_list.grid_dynamic_layout_publications_featured ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_publications_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_publications_featured ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_publications_featured ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_publications_featured ul li img:first-letter { font-family:object-fit; } .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.grid_dynamic_layout_press_featured ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_press_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_press_featured ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_press_featured ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_press_featured ul li img:first-letter { font-family:object-fit; } .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.grid_dynamic_layout_news_featured ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_news_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_news_featured ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_news_featured ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_news_featured ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_news_featured ul li .image::after { padding-top:100.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 {display:none;} .records_list.grid_dynamic_layout_artfairs_featured ul li .image > span {position: static;} /* exhibitions featured - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_exhibitions_featured:not(.feature_list) > ul > li { width:50.0% }} .records_list.grid_dynamic_layout_exhibitions_featured ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_exhibitions_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_exhibitions_featured ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_exhibitions_featured ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_exhibitions_featured ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_exhibitions_featured ul li .image::after { padding-top:66.6666666667%; } /* 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: -100px; } .records_list.grid_dynamic_layout_press > ul > li { padding-right: 100px; } } /* 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; } .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: -100px; } .records_list.grid_dynamic_layout_news > ul > li { padding-right: 100px; } } /* 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.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li .image::after { padding-top:100.0%; } /* 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: -100px; } .records_list.grid_dynamic_layout_search > ul > li { padding-right: 100px; } } /* 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.grid_dynamic_layout_viewing_rooms_featured ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_viewing_rooms_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_viewing_rooms_featured ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_viewing_rooms_featured ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_viewing_rooms_featured ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_viewing_rooms_featured ul li .image::after { padding-top:100.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: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: -100px; } .records_list.grid_dynamic_layout_viewing_rooms_works > ul > li { padding-right: 100px; } } /* 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: -100px; } .records_list.grid_dynamic_layout_artist_works > ul > li { padding-right: 100px; } } /* 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: -100px; } .records_list.grid_dynamic_layout_exhibitors > ul > li { padding-right: 100px; } } /* feature panels image grid - tile_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.tile_list.grid_dynamic_layout_feature_panels_image_grid ul { width: calc(25.0% - 100px) }} .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 {display:block;} .records_list.grid_dynamic_layout_feature_panels_image_grid ul li .image > span {position: absolute;} .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 .tile_list_formatted { margin-right: -100px; } .records_list.grid_dynamic_layout_feature_panels_image_grid .tile_list_formatted ul { padding-right: 100px; } } /* 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: -100px; } .records_list.grid_dynamic_layout_publications > ul > li { padding-right: 100px; } } /* 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: -100px; } .records_list.grid_dynamic_layout_team > ul > li { padding-right: 100px; } } /* viewing rooms - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_viewing_rooms:not(.feature_list) > ul > li { width:25.0% }} .records_list.feature_list.grid_dynamic_layout_viewing_rooms:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_viewing_rooms:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_viewing_rooms ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_viewing_rooms 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 ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_viewing_rooms > ul { margin-right: -100px; } .records_list.grid_dynamic_layout_viewing_rooms > ul > li { padding-right: 100px; } } /* 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 ------------------- */ /* Topnav text color ------------------- */ #header #store_cart_widget::before, #header #store_cart_widget.active:not(.empty)::before, #header #store_cart_widget::after, #header #store_cart_widget.active:not(.empty)::after, #top_nav.navigation ul li a, #top_nav.navigation ul li a:visited, #header_quick_search #header_quicksearch_btn, #responsive_slide_nav_wrapper #top_nav .header_quicksearch_field, #header_quick_search.active input, #header_quick_search.active select, #header_quick_search.active textarea, #header .social_media_icon, #translations_nav.navigation ul li a, #top_nav #full_nav .dropdown-btn, #top_nav #full_nav .has_dropdown_items .dropdown-btn, #top_nav #full_nav .has_dropdown_items_mobile .dropdown-btn { color: #000000; } #slide_nav_reveal::after { color: #000000; } #top_nav.navigation ul li.active a, #top_nav.navigation ul li.active a:visited, #header #store_cart_widget:hover::before, #header #store_cart_widget:hover::after, #top_nav.navigation ul li:hover a, #translations_nav.navigation ul li.active a, #translations_nav.navigation ul li:hover a, #top_nav #full_nav .dropdown-btn:hover { color: #c9c9c9; } /* Subnav text color ------------------- */ .navigation ul li.active a, .navigation ul li.active a:hover, .navigation ul li.active a:visited, body.type-fullscreen.fullscreen-slide-light .navigation ul li.active a { color: #c9c9c9; } /* 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: #2f2f2f; } /* 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 ------------------- */ .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) !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) !important; } /* don't show if opacity = 1 */ #hero_header:not(.hero_section_detect_brightness):not(.hero-mode-split)::after { display:none !important; } /* 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 ------------------- */ .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 ------------------- */ /* Carousel feature panel ui buttons ------------------- */ /* Artlogic preferences custom CSS - entered by Artlogic in the preferences screen ------------------- */ /* Client custom user CSS - entered by the client in the preferences screen ------------------- */ * { -moz-osx-font-smoothing: grayscale !important; -webkit-font-smoothing: antialiased !important; text-rendering: optimizeLegibility !important; -moz-font-feature-settings: "kern" 1 !important; -ms-font-feature-settings: "kern" 1 !important; -o-font-feature-settings: "kern" 1 !important; -webkit-font-feature-settings: "kern" 1 !important; font-feature-settings: "kern" 1 !important; font-kerning: normal !important; font-feature-settings: "liga" on !important; font-feature-settings: "dlig" on !important; font-feature-settings: "onum" on !important; font-feature-settings: "lnum" off !important; text-rendering: geometricPrecision !important } /* ////////////////////////////// ////////////////////////////// ////////////////////////////// ////////////////////////////// Root */ :root { /* Fonts */ --font: 'Berthe'; /* BaselClassicTrial-Light, TimesNewRomanMTStd, VanDijckMTPro-Regular, PlainTrial-Light, PracticePanTrial-Regular, TimesTenLTStd-Roman, AGaramondPro-Regular */ --italic: 'Berthe Italic'; /* BaselClassicTrial-LightItalic, TimesNewRomanMTStd-Italic, PlainTrial-LightItalic, PracticePanTrial-Italic, TimesTenLTStd-Italic, AGaramondPro-Regular, ABCArizonaTextUnlicensedTrial-RegularItalic */ --font2: 'Branding'; /* MessinaSans-Light, BaselGroteskTrial-Light */ --italic2: 'PlainTrial-ThinItalic'; /* MessinaSansTrial-LightItalic, BaselGroteskTrial-LightItalic */ --branding: 'Branding'; /* */ /* Font sizes */ --font-size-extra-small-mobile: 0.8rem; --font-size-extra-small: 1.0rem; --font-size-small-mobile: 0.9rem; --font-size-small: 1.2rem; --font-size-medium-mobile: 1.5rem; --font-size-medium: 2.1rem; --font-size-normal-mobile: 1.2rem; --font-size-normal-tablet: 1.2rem; --font-size-normal: 1.5rem; --font-size-large-mobile: 2.1rem; --font-size-large: 2.4rem; --font-size-extra-large: 3.0rem; --font-size-jumbo: 5vw; --font-size-branding-mobile: 2.1rem; --font-size-branding-tablet: 2.1rem; --font-size-branding: 2.7rem; --font-size-branding-large-desktop: 2.7rem; --line-height-tight: 1; --line-height-small: 1.2; --line-height-normal: 1.5; --line-height-large: 1.8; } /* ////////////////////////////// ////////////////////////////// ////////////////////////////// ////////////////////////////// Typography */ a { transition: all ease-in-out .5s !important; } /* ////////////////////////////// ////////////////////////////// Primary Font */ /* Primary italic */ .title_and_year span.title_and_year_title { text-transform: none; letter-spacing: 0em; font-family: var(italic) !important; } /* ////////////////////////////// ////////////////////////////// Secondary Font */ body { font-size: 1rem; line-height: var(--line-height-normal); } p { margin-block-start: 1em; margin-block-end: 1em; line-height: var(--line-height-large); } em, strong { font-weight: bold; } /* ////////////////////////////// ////////////////////////////// ////////////////////////////// ////////////////////////////// Global layout */ /* Anywhere on the website */ /* Button */ /* Button styles */ .button { font-family: var(--font2); font-size: var(--font-size-small-mobile); } @media screen and (min-width: 768px) { .button { font-size: var(--font-size-small); } } /* Anywhere on the website */ /* Hero header */ /* Hero header backgrounds */ #hero_header { background-color: #ebebfd !important; } /* ////////////////////////////// Spacing */ /* Global */ #container { max-width: 100%; /* 1920px */ padding-left: 0; padding-right: 0; } @media screen and (max-width: 767px) { #main_content, #footer { padding-left: 30px !important; padding-right: 30px !important; } } @media screen and (min-width: 768px) and (max-width: 1023px) { #main_content, #footer { padding-left: 40px !important; padding-right: 40px !important; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { #main_content, #footer { padding-left: 40px !important; padding-right: 40px !important; } } @media screen and (min-width: 1280px) { #main_content, #footer { padding-left: 80px !important; padding-right: 80px !important; } } #footer .inner { padding: 0 !important; } @media screen and (max-width: 1023px) { body.type-fullscreen #footer { width: auto !important; } } /* Homepage and anywhere on the website */ /* Panel header */ .panel_header h2 { line-height: var(--line-height-normal); font-family: var(--font2); text-transform: uppercase; letter-spacing: .05rem; } @media screen and (max-width: 767px) { .panel_header h2 { font-size: var(--font-size-small-mobile); } } @media screen and (min-width: 768px) { .panel_header h2 { font-size: var(--font-size-small); } } /* Any subheading */ .subheading span { line-height: var(--line-height-normal); font-family: var(--font2); text-transform: uppercase; letter-spacing: .05rem; font-size: var(--font-size-extra-small-mobile); } @media screen and (min-width: 768px) { .subheading span { font-size: var(--font-size-extra-small); } } .subheading::after { content: unset; } /* .subheading::before { content: ''; border-top: 1px solid #eee; flex: 1; } .subheading span { padding: 0 15px; font-weight: bold; } */ /* ////////////////////////////// ////////////////////////////// ////////////////////////////// ////////////////////////////// Header and branding */ /* ////////////////////////////// Branding */ #logo a { font-family: var(--branding); font-weight: bold !important; text-transform: none; letter-spacing: 0em; } @media screen and (max-width: 767px) { #logo a { font-size: var(--font-size-branding-mobile) !important; } } /* @media screen and (max-width: 767px) { .header_fixed { background: linear-gradient(90deg, #0046fa 0%, #0046fa 50%, white 50%, white 100%) !important; } #logo a { font-size: var(--font-size-branding-mobile) !important; color: white !important; } } */ /* @media screen and (min-width: 768px) { #logo a { font-feature-settings: 'ss04' 1 !important; color: #0046fa !important; } } */ @media screen and (min-width: 768px) and (max-width: 1279px) { #logo a { font-size: var(--font-size-branding-tablet); } } @media screen and (min-width: 1280px) and (max-width: 1919px) { #logo a { font-size: var(--font-size-branding); } } @media screen and (min-width: 1920px) { #logo a { font-size: var(--font-size-branding-large-desktop); } } /* Animation on logo */ @keyframes typing { 0% { font-feature-settings: 'ss01' !important; } 50% { font-feature-settings: 'ss02' !important; } 100% { font-feature-settings: 'ss03' !important; } } #logo a:hover, #logo:hover, #logo:hover a, #logo a { /* animation: typing 1s infinite !important; */ } /* ////////////////////////////// Header */ /* Top navigation styles */ #top_nav.navigation ul li a { font-family: var(--font); /* text-transform: lowercase; */ } /* Top navigation spacing on desktop */ @media screen and (min-width: 1024px) { .header-ui-wrapper .navigation ul li { margin: 0 1.5rem 0 1.5rem; } } #header .inner, #header.header_fixed .inner, #page_header .page-header-inner { max-width: 100%; } #logo a { text-transform: uppercase; } /* ////////////////////////////// Sticky sub navigation */ @media screen and (min-width: 768px) { #header #page_header .page-header-inner { justify-content: space-between !important; } } @media screen and (min-width: 768px) { .page-header-inner #sticky_sub_nav.navigation, .page_header_enable.scrolling-up .page-header-inner #sticky_sub_nav.navigation, .page_header_enable.scrolling-down .page-header-inner #sticky_sub_nav.navigation { max-width: 100vw !important; } } /* ////////////////////////////// ////////////////////////////// ////////////////////////////// ////////////////////////////// Artworks */ /* ////////////////////////////// Artworks captions */ .artwork h1.artist, .artwork .subtitle .title, .artwork .subtitle .comma, .artwork .subtitle .year, .artwork .medium, .artwork .dimensions, .records_list.grid_dynamic_layout_artist_works ul li .content .artist, .records_list.grid_dynamic_layout_artworks ul li .content .artist, .records_list.grid_dynamic_layout_exhibitions_works ul li .content .artist, .records_list.grid_dynamic_layout_artist_works ul li .content .year, .records_list.grid_dynamic_layout_artworks ul li .content .year, .records_list.grid_dynamic_layout_exhibitions_works ul li .content .year, h1.artist, .artist, .title, .comma, .year, .medium, .dimensions { font-family: var(--font) !important; line-height: var(--line-height-normal) !important; font-size: var(--font-size-small-mobile) !important; } @media screen and (min-width: 768px) { .artwork h1.artist, .artwork .subtitle .title, .artwork .subtitle .comma, .artwork .subtitle .year, .artwork .medium, .artwork .dimensions, .records_list.grid_dynamic_layout_artist_works ul li .content .artist, .records_list.grid_dynamic_layout_artworks ul li .content .artist, .records_list.grid_dynamic_layout_exhibitions_works ul li .content .artist, .records_list.grid_dynamic_layout_artist_works ul li .content .year, .records_list.grid_dynamic_layout_artworks ul li .content .year, .records_list.grid_dynamic_layout_exhibitions_works ul li .content .year, h1.artist, .artist, .title, .comma, .year, .medium, .dimensions { font-size: var(--font-size-small) !important; } } .comma, .year { font-weight: normal !important; } .artwork .subtitle .title, .title:not(.year) { font-weight: bold !important; } .enquire_button_container .button a, .roomview-button-custom a:not(.artlogic-social-icon-eye-thin) { font-family: var(--font2) !important; line-height: var(--line-height-normal) !important; font-size: var(--font-size-small-mobile) !important; } @media screen and (min-width: 768px) { .enquire_button_container .button a, .roomview-button-custom a:not(.artlogic-social-icon-eye-thin) { font-size: var(--font-size-small) !important; } } #image_gallery #content_module .subtitle, .artwork_details_wrapper { line-height: var(--line-height-normal) !important; font-size: var(--font-size-small-mobile) !important; } @media screen and (min-width: 768px) { #image_gallery #content_module .subtitle, .artwork_details_wrapper { font-size: var(--font-size-small) !important; } } .artwork .subtitle, .artwork h1.artist, #image_gallery #content_module .subtitle, .artwork_details_wrapper { margin-bottom: 0 !important; } .secondary_images.detail_view_module h3 { display: none; } @media screen and (max-width: 767px) { #secondary_image_thumbnails ul li { height: 36px; width: 36px; } } /* Lightbox */ .records_list ul li .content .title, .records_list ul li .content .artist, body #content_module, body .content_module, #image_gallery #content_module, .artwork_details_wrapper * { /* font-size: var(--font-size-medium); */ line-height: 1.5; } /* ////////////////////////////// ////////////////////////////// ////////////////////////////// ////////////////////////////// Homepage */ .panel.panel_type_8.panel_content_autofill_type_exhibitions .content h2, .panel.panel_type_8.panel_content_autofill_type_exhibitions .content .subtitle { font-size: var(--font-size-large-mobile); line-height: var(--line-height-normal); } .panel.panel_type_8.panel_content_autofill_type_exhibitions .content .subtitle { font-weight: bold; } @media screen and (min-width: 768px) { .panel.panel_type_8.panel_content_autofill_type_exhibitions .content h2, .panel.panel_type_8.panel_content_autofill_type_exhibitions .content .subtitle { font-size: var(--font-size-large); } } .panel.panel_type_8.panel_content_autofill_type_exhibitions .content .description { display: none; } /* Panel styles */ .panel { /* box-shadow: 0 -1.1rem 1.4rem -0.6rem rgba(0,0,0,.06); */ padding-top: 2rem; /* border-top: solid 1px rgba(0, 0, 0, 0.1); */ } /* ////////////////////////////// ////////////////////////////// Featured Artist */ @media screen and (min-width: 1600px) { .panel[data-panel-unique-id="fdac8c3b-3ddb-4610-8a01-3f1c58036b13"] .records_list.feature_list ul li .image { width: 33.333%; } } /* ////////////////////////////// ////////////////////////////// About */ .panel[data-panel-unique-id="268f6cc9-a6bd-4e2e-a8c2-c5c036778053"] { /* max-width: 960px; */ /* margin: inherit auto 10vh auto; */ font-size: var(--font-size-large) !important; } /* ////////////////////////////// ////////////////////////////// Viewing Room */ .feature_panels .panel_type_8 .content { /* width: auto; position: absolute; bottom: 0; z-index: 999999999; padding: 1rem; */ } /* ////////////////////////////// ////////////////////////////// Slideshow */ /* */ .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, .fullscreen_slideshow ul li .content h2 em { /* font-size: 3.6rem !important; font-family: var(--branding); text-transform: uppercase; line-height: var(--line-height-tight) !important; */ font-family: var(--font); line-height: var(--line-height-small) !important; font-size: var(--font-size-large-mobile) !important; /* */ } .fullscreen_slideshow ul li .content h2 a .h1_subtitle, .fullscreen_slideshow ul li .content h2 em { font-weight: bold !important; } .fullscreen_slideshow ul li .content h2 a .separator { display: none; } .fullscreen_slideshow ul li .content h2 a .h1_subtitle { display: block; } /* */ @media screen and (min-width: 767px) and (max-width:1919px) { .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 .h1_subtitle, .fullscreen_slideshow ul li .content h2 a .h1_subtitle, .fullscreen_slideshow ul li .content h2 em { /* font-size: 4.8rem !important; */ font-size: var(--font-size-large) !important; } } @media screen and (min-width: 1920px) { .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 .h1_subtitle, .fullscreen_slideshow ul li .content h2 a .h1_subtitle, .fullscreen_slideshow ul li .content h2 em { /* font-size: 6.0rem !important; */ font-size: 3.6rem !important; } } /* ////////////////////////////// ////////////////////////////// Fairs & Collecting */ .section-home .panel[data-panel-unique-id="7a845297-3c2a-486b-a3e1-4ac4455c9354"] .records_list.gd_image_aspect_ratio_1-2 ul li .image::after { padding-top: 50%; } body .records_list.gd_image_aspect_ratio_1-2 ul li .image::after { padding-top: 50%; } @media screen and (min-width: 768px) { body .panel[data-panel-unique-id="7a845297-3c2a-486b-a3e1-4ac4455c9354"] .records_list.gd_no_of_columns_2:not(.feature_list):not(.tile_list)>ul>li { width: 100%; } } /* Make image block as banner */ .feature_panels .panel_type_8 .image, .feature_panels .panel_type_8 .image span { width: 100%; height: 75%; } @media(min-width:1280px) { .feature_panels .panel_type_8 .image, .feature_panels .panel_type_8 .image span { height: 75vh; } } .feature_panels .panel_type_8 .image .object-fit-container img.object-fit-contain { object-fit: cover; } /* ////////////////////////////// ////////////////////////////// ////////////////////////////// ////////////////////////////// Footer */ /* Footer */ /* Footer background color */ /* #footer { background-color: #ebebfd; margin-bottom: 0; padding-bottom: 2rem; } */ /* Footer */ /* Social Icons */ #social_links .social_links_item a .social_media_icon { background-color: transparent; } @media screen and (min-width: 768px) { .social_media_icon::after { font-size: 20px; } } /* Footer */ /* Remove Art Logic Credit */ .noprint [id="artlogic"] { display: none !important; } /* Footer */ /* Contact information styles and other columns */ .advanced_footer_item #contact_info p:not(:last-child), .advanced_footer_item.advanced_footer_item_1 p:not(:last-child), .advanced_footer_item.advanced_footer_item_2 p { margin-block-start: 0; margin-block-end: 0; } @media screen and (min-width: 768px) { .advanced_footer_item.advanced_footer_item_2 p { margin-block-start: 0; margin-block-end: 0; } } .advanced_footer_item #contact_info p, .advanced_footer_item.advanced_footer_item_1 p, .advanced_footer_item.advanced_footer_item_2 p, #footer #copyright, #footer .small-links-container { font-size: var(--font-size-extra-small-mobile); } @media screen and (min-width: 768px) { .advanced_footer_item #contact_info p, .advanced_footer_item.advanced_footer_item_1 p, .advanced_footer_item.advanced_footer_item_2 p, #footer #copyright, #footer .small-links-container { font-size: var(--font-size-extra-small-mobile); } } @media screen and (min-width: 768px) { #footer .mailinglist_form_wrapper { display: flex; flex-direction: column; } #footer .mailinglist_form_wrapper h2 { width: 50%; align-self: flex-start; } #footer #artlogic_mailinglist_signup_form_wrapper { width: 50%; align-self: flex-start; } } #footer #mailinglist_form #artlogic_mailinglist_signup_form { display: flex !important; flex-direction: row; } @media screen and (max-width: 767px) { #footer #mailinglist_form #artlogic_mailinglist_signup_form .form_row { width: 50%; } } .form .form_row .inputField, .form .form_row select, .form .form_row textarea, .form .form_row #captcha input, .form .form_row .g-recaptcha { float: left; width: 74%; border-top: 1px solid transparent; border-right: 1px solid transparent; border-left: 1px solid transparent; border-bottom: 1px solid rgba(0, 0, 0, .1); -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; padding: 10px; background: #fff; font-size: 1rem; } #footer #privacy_policy_form_msg, #footer #privacy_policy_form_msg p { font-family: var(--font2); font-size: var(--font-size-extra-small-mobile); line-height: var(--line-height-small) !important; } #footer #privacy_policy_form_msg>.asterisk { display: none; } input { font-family: var(--font2); } #mailinglist_form { /* background: #222; width: 100vw; position: relative; left: 50%; transform: translateX(-50%); margin: 0; padding-bottom: 45px; padding-top: 45px; */ } #mailinglist_form * { /* color: white !important; */ } .mailinglist_form_wrapper { /* max-width: 1840px; margin: auto; padding: 0 80px; */ } @media(max-width:1023px) { .mailinglist_form_wrapper { /* padding: 0 30px; */ } } /* ////////////////////////////// ////////////////////////////// ////////////////////////////// ////////////////////////////// Contact */ /* Remove Contact header */ .section-contact .heading_wrapper { display: none; } /* Description texts layout and styles */ @media screen and (max-width: 767px) { .section-contact .page_content p, .section-contact .page_content .link { font-size: var(--font-size-normal-mobile) !important; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .section-contact .page_content p, .section-contact .page_content .link { font-size: var(--font-size-normal-tablet) !important; } } @media screen and (min-width: 1024px) { .section-contact .page_content p, .section-contact .page_content .link { font-size: var(--font-size-normal); } } @media screen and (min-width: 1280px) and (max-width: 1599px) { .section-contact #content_module.full_width { width: 75% !important; } } @media screen and (min-width: 1600px) { .section-contact #content_module.full_width { width: 50% !important; } } /* Social icons */ .social_media_icon, #social_links_list a, #social_links_list a.external { background-color: transparent; color: rgba(0, 0, 0, .5) !important; } .external-link-aria-label-added, #social_links_list li { font-family: var(--font2); font-size: var(--font-size-small-mobile); } @media screen and (min-width: 768px) { .external-link-aria-label-added, #social_links_list li { font-size: var(--font-size-small); } } /* Form row submit button */ #contact_form .form:not(.form_layout_hidden_labels):not(.form_style_simplified) .button { margin-left: 0%; width: 100%; display: flex; } #contact_form .form:not(.form_layout_hidden_labels):not(.form_style_simplified) .button a { width: 100%; text-align: center; } /* Any Forms labels */ .form label, .form legend { font-family: var(--font2); font-size: var(--font-size-small-mobile); } @media screen and (min-width: 768px) { .form label, .form legend { font-size: var(--font-size-small); } } /* ////////////////////////////// ////////////////////////////// ////////////////////////////// ////////////////////////////// Exhibitions & Artists */ /* Any Sub Navigation */ .navigation[id="sub_nav"] ul li a { font-family: var(--font2); font-size: var(--font-size-small-mobile); line-height: var(--line-height-normal); } @media screen and (min-width: 768px) { .navigation[id="sub_nav"] ul li a { font-size: var(--font-size-small); } } /* ////////////////////////////// ////////////////////////////// Exhibitions & Artists Hero Headers */ /* Disable parralax */ /* ////////////////////////////// ////////////////////////////// Exhibitions & Artists landing */ /* Remove section heading */ .section-artists .content_section { display: none; } /* Artists List hover dynamic columns */ .section-artists .dynamic-column .content h2 { font-size: var(--font-size-normal-mobile); line-height: var(--line-height-normal); } @media screen and (min-width: 768px) { .section-artists .dynamic-column .content h2 { font-size: var(--font-size-normal-tablet); } } @media screen and (min-width: 1024px) { .section-artists .dynamic-column .content h2 { font-size: var(--font-size-normal); } } /* ////////////////////////////// Dates anywhere on the website */ .records_list ul li .date { margin: 0; } .records_list .content .date, .records_list .content .location, .records_list ul li .content .description, .panel_content_autofill_type_exhibitions .date { font-family: var(--font2); font-size: var(--font-size-small-mobile); line-height: var(--line-height-normal); } @media screen and (min-width: 768px) { .records_list .content .date, .records_list .content .location, .records_list ul li .content .description, .panel_content_autofill_type_exhibitions .date { font-size: var(--font-size-small); } } .feature_list ul li .content .subtitle { padding-bottom: 0; margin-bottom: 0; border-bottom: unset; } /* ////////////////////////////// Exhibitions grid */ /* Format any exhibitions titles and subtitles in grid dynamic layout */ .records_list.grid_dynamic_layout_events .content h2, .records_list.grid_dynamic_layout_exhibitions .content h2, .panel[data-panel-unique-id="76641696-5722-4b11-915a-9966534c0897"] .records_list .content h2, .records_list.grid_dynamic_layout_events .content .subtitle, .records_list.grid_dynamic_layout_exhibitions .content .subtitle, .panel[data-panel-unique-id="76641696-5722-4b11-915a-9966534c0897"] .records_list .content .subtitle { font-size: var(--font-size-medium-mobile); line-height: var(--line-height-normal); } @media screen and (min-width: 768px) { .records_list.grid_dynamic_layout_events .content h2, .records_list.grid_dynamic_layout_exhibitions .content h2, .panel[data-panel-unique-id="76641696-5722-4b11-915a-9966534c0897"] .records_list .content h2, .records_list.grid_dynamic_layout_events .content .subtitle, .records_list.grid_dynamic_layout_exhibitions .content .subtitle, .panel[data-panel-unique-id="76641696-5722-4b11-915a-9966534c0897"] .records_list .content .subtitle { font-size: var(--font-size-medium); } } .records_list.grid_dynamic_layout_events .content .subtitle, .records_list.grid_dynamic_layout_exhibitions .content .subtitle, .panel[data-panel-unique-id="76641696-5722-4b11-915a-9966534c0897"] .records_list .content .subtitle { font-weight: bold; } .records_list.grid_dynamic_layout_events .content h2, .records_list.grid_dynamic_layout_exhibitions .content h2, .records_list.grid_dynamic_layout_events_featured .content h2, .records_list.grid_dynamic_layout_exhibitions_featured .content h2, .panel[data-panel-unique-id="76641696-5722-4b11-915a-9966534c0897"] .records_list .content h2 { margin-bottom: 0; } /* Current and upcoming exhibitions grid layout */ @media screen and (max-width: 1023px) { .subsection-exhibitions-grid[id="exhibitions-grid-current"] .records_list.image_list>ul>li, .subsection-exhibitions-grid[id="exhibitions-grid-forthcoming"] .records_list.image_list>ul>li { width: 100%; display: block; } } .no-list-image .image { display: none !important; } /* Past exhibitions & Past events grid layout */ @media screen and (max-width: 1023px) { .subsection-exhibitions-grid[id="exhibitions-grid-past"] .records_list.image_list>ul>li, .subsection-events-grid[id="events-grid-past"] .records_list.image_list>ul>li{ width: 50%; display: inline-block; } .subsection-exhibitions-grid[id="exhibitions-grid-past"] .records_list > ul > li, .subsection-events-grid[id="events-grid-past"] .records_list > ul > li { padding-right: 7%; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { .subsection-exhibitions-grid[id="exhibitions-grid-past"] .records_list.image_list>ul>li, .subsection-events-grid[id="events-grid-past"] .records_list.image_list>ul>li { width: 33.333%; } .subsection-exhibitions-grid[id="exhibitions-grid-past"] .records_list > ul > li, .subsection-events-grid[id="events-grid-past"] .records_list > ul > li { padding-right: 7%; } } @media screen and (min-width: 1280px) { .subsection-exhibitions-grid[id="exhibitions-grid-past"] .records_list > ul > li, .subsection-events-grid[id="events-grid-past"] .records_list > ul > li { padding-right: 7%; } } /* Subtitles in past, current and upcoming exhibitions grids */ .subsection-exhibitions-grid[id="exhibitions-grid-current"] .records_list .content .subtitle, .subsection-exhibitions-grid[id="exhibitions-grid-forthcoming"] .records_list .content .subtitle, .subsection-exhibitions-grid[id="exhibitions-grid-past"] .records_list .content .subtitle { font-weight: bold; } /* Titles and subtitles in current and upcoming exhibitions grid */ .grid_dynamic_layout_exhibitions .subtitle, .subsection-exhibitions-grid[id="exhibitions-grid-current"] .records_list .content h2, .subsection-exhibitions-grid[id="exhibitions-grid-forthcoming"] .records_list .content h2, .subsection-exhibitions-grid[id="exhibitions-grid-current"] .records_list .content .subtitle, .subsection-exhibitions-grid[id="exhibitions-grid-forthcoming"] .records_list .content .subtitle { font-size: var(--font-size-large-mobile); line-height: var(--line-height-normal); } @media screen and (min-width: 768px) { .grid_dynamic_layout_exhibitions .subtitle, .subsection-exhibitions-grid[id="exhibitions-grid-current"] .records_list .content h2, .subsection-exhibitions-grid[id="exhibitions-grid-forthcoming"] .records_list .content h2, .subsection-exhibitions-grid[id="exhibitions-grid-current"] .records_list .content .subtitle, .subsection-exhibitions-grid[id="exhibitions-grid-forthcoming"] .records_list .content .subtitle { font-size: var(--font-size-medium); } } /* Titles in past exhibitions grid */ .subsection-exhibitions-grid[id="exhibitions-grid-past"] .records_list .content h2, .subsection-exhibitions-grid[id="exhibitions-grid-past"] .records_list .content .subtitle { font-size: var(--font-size-medium-mobile); line-height: var(--line-height-normal); } @media screen and (min-width: 768px) { .subsection-exhibitions-grid[id="exhibitions-grid-past"] .records_list .content h2, .subsection-exhibitions-grid[id="exhibitions-grid-past"] .records_list .content .subtitle { font-size: var(--font-size-medium); } } /* h2 in exhibitions grids */ .grid_dynamic_layout_exhibitions h2 { margin-block-end: 0 !important; } /* ////////////////////////////// ////////////////////////////// Exhibition & Artist pages */ /* ////////////////////////////// Remove description and link on featured grid exhibitions on artists pages */ .page-artists .subsection-exhibitions .content .description, .page-artists .subsection-exhibitions .content .link { display: none; } /* ////////////////////////////// All section titles */ .page-exhibitions .subheading, .page-artists .subheading { font-size: var(--font-size-extra-small-mobile); line-height: var(--line-height-normal); } @media screen and (min-width: 768px) { .page-exhibitions .subheading, .page-artists .subheading { font-size: var(--font-size-extra-small); } } .page-exhibitions .subheading, .page-artists .subheading { line-height: var(--line-height-normal); font-family: var(--font2); text-transform: uppercase; letter-spacing: .05rem; font-size: var(--font-size-extra-small-mobile); } @media screen and (min-width: 768px) { .page-exhibitions .subheading, .page-artists .subheading { font-size: var(--font-size-extra-small); } } /* Remove current subheading */ .subsection-exhibitions-grid[id="exhibitions-grid-current"] .subheading { display: none; } /* ////////////////////////////// Exhibition Layout */ /* .subsection-exhibition-detail-page, .subsection-artist-detail-page { display: flex; flex-direction: column; flex-wrap: wrap; align-content: flex-start; justify-content: flex-start; align-items: flex-start; } .exhibition-header, .artis-header { display: flex; flex-direction: column; flex-wrap: wrap; align-content: flex-start; justify-content: flex-start; align-items: flex-start; flex-shrink: 1; width: 100%; } .subsection-exhibition-detail-page #content, .subsection-artist-detail-page #content { flex-shrink: 1; width: 100%; } @media screen and (min-width: 1280px) { .exhibition-header, .artist-header { display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: flex-start; align-items: flex-start; margin-bottom: 0; } .exhibition-header h1, .artist-header h1 { width: 100%; } .exhibition-header .subtitle, .artist-header .subtitle { width: 50%; margin: 0; align-self: baseline; } .exhibition-header .navigation, .artist-header .navigation { width: 50%; margin: 0; align-self: baseline; } } */ @media screen and (min-width: 768px) and (max-width: 1023px) { .subsection-artist-detail-page #content_module, .subsection-artist-detail-page .content_module, .subsection-exhibition-detail-page #content_module, .subsection-exhibition-detail-page .content_module { width: 80% !important; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { .subsection-artist-detail-page #content_module, .subsection-artist-detail-page .content_module, .subsection-exhibition-detail-page #content_module, .subsection-exhibition-detail-page .content_module { width: 75% !important; } } @media screen and (min-width: 1280px) { .subsection-artist-detail-page #content_module, .subsection-artist-detail-page .content_module, .subsection-exhibition-detail-page #content_module, .subsection-exhibition-detail-page .content_module { width: 50% !important; float: right; } } .subsection-exhibition-detail-page .content_module, .subsection-artist-detail-page .content_module { width: 100%; } /* ////////////////////////////// Exhibition & Artist Headers + Sticky sub navigations */ /* Remove Exhibitions and Artists header */ .heading_wrapper .exhibition-list-header, .section-exhibitions .exhibition-list-header, .subsection-artists-list .heading_wrapper { display: none; } /* Exhibitions and Artists header */ .exhibition-header h1 .h1_subtitle, .exhibition-header h1 .h1_heading, .artist-header h1 .h1_subtitle, .artist-header h1 .h1_heading { line-height: var(--line-height-normal) !important; font-size: var(--font-size-large-mobile) !important; } @media screen and (min-width: 768px) { .exhibition-header h1 .h1_subtitle, .exhibition-header h1 .h1_heading, .artist-header h1 .h1_subtitle, .artist-header h1 .h1_heading { font-size: var(--font-size-large) !important; } } .exhibition-header h1 .h1_subtitle, .artist-header h1 .h1_subtitle { display: block !important; width: 100% !important; font-weight: bold !important; } .exhibition-header h1.has_subtitle .h1_heading, .artist-header h1.has_subtitle .h1_heading { margin-bottom: 0; } .exhibition-header .subtitle_date, .exhibition-header .location { font-family: var(--font2); font-size: var(--font-size-small-mobile); } .exhibition-header .navigation ul li a, .artist-header .navigation ul li a, .section-exhibitions .navigation[id="sticky_sub_nav"] ul li a, .section-artists .navigation[id="sticky_sub_nav"] ul li a, #artists-browser .artists-browser-label, .artists-browser .artists-browser-label, .artists-browser { font-family: var(--font2); font-size: var(--font-size-small-mobile); color: #000; } @media screen and (min-width: 768px) { .exhibition-header .subtitle_date, .exhibition-header .location, .exhibition-header .navigation ul li a, .artist-header .navigation ul li a, .section-exhibitions .navigation[id="sticky_sub_nav"] ul li a, .section-artists .navigation[id="sticky_sub_nav"] ul li a, #artists-browser .artists-browser-label, .artists-browser .artists-browser-label, .artists-browser { font-size: var(--font-size-small); } } /* ////////////////////////////// Overview */ /* Description texts font settings */ @media screen and (max-width: 767px) { .page-exhibitions .description p, .page-artists .content_module p { font-size: var(--font-size-normal-mobile) !important; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .page-exhibitions .description p, .page-artists .content_module p { font-size: var(--font-size-normal-tablet) !important; } } @media screen and (min-width: 1024px) { .page-exhibitions .description p, .page-artists .content_module p { font-size: var(--font-size-normal); } } /* Hide sidebars or Slideshows */ .page-exhibitions .sidebar, .page-artists .sidebar { display: none !important; } /* Hide Artists elements within sidebars */ .page-artists .sidebar .slideshow_list, .page-artists .sidebar .records_list { display: none !important; } /* ////////////////////////////// Installation views */ /* Make Installations views full width */ @media screen and (min-width: 1920px) { .scroll_section_container>section[id="scroll_section_installation_shots"] { width: calc(100vw - 160px); position: relative; left: 50%; transform: translateX(-50%); } } /* Grid items */ @media screen and (max-width: 459px) { .page-exhibitions .scroll_section_installation_shots .records_list.grid_dynamic_layout_viewing_rooms>ul>li, .page-exhibitions .scroll_section_installation_shots .records_list.image_list>ul>li, .page-exhibitions .scroll_section_installation_shots .records_list.detail_list>ul>li { width: 50% !important; padding-right: 1em !important; display: inline-block !important; } } /* ////////////////////////////// Artists Artworks and exhibitions on artists pages */ /* Artist’s available artworks and selected images */ /* Pass artworks on two columns on mobile */ @media screen and (max-width: 459px) { .records_list.image_list.grid_dynamic_layout_artist_works>ul>li { width: 50%; padding-right: 5%; display: inline-block; } .records_list.grid_dynamic_layout_artist_works ul li .image::after { padding-top: 100.0% !important; content: '' !important; display: block !important; } .records_list.grid_dynamic_layout_artist_works ul li .image::after { content: '' !important; display: block !important; padding-top: 100% !important; } .records_list.grid_dynamic_layout_artist_works ul li .image>span { position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: auto !important; display: -webkit-flex !important; display: flex !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; -webkit-justify-content: center !important; justify-content: center !important; } .records_list.grid_dynamic_layout_artist_works ul li .image img { flex: none; } } /* Artist’s exhibitions */ /* Pass exhibitions list on two columns on mobile */ @media screen and (max-width: 459px) { .records_list.image_list.grid_dynamic_layout_exhibitions>ul>li { width: 50%; padding-right: 5%; display: inline-block; } } /* Artworks Grids */ /* Font styles */ /* .records_list.grid_dynamic_layout_artist_works ul li .content .title:not(.year), .records_list.grid_dynamic_layout_artworks ul li .content .title:not(.year), .records_list.grid_dynamic_layout_exhibitions_works ul li .content .title:not(.year) { font-family: var(--font2); font-weight: bold; } .records_list.grid_dynamic_layout_artist_works ul li .content .artist, .records_list.grid_dynamic_layout_artworks ul li .content .artist, .records_list.grid_dynamic_layout_exhibitions_works ul li .content .artist, .records_list.grid_dynamic_layout_artist_works ul li .content .year, .records_list.grid_dynamic_layout_artworks ul li .content .year, .records_list.grid_dynamic_layout_exhibitions_works ul li .content .year { font-family: var(--font2); } .records_list.grid_dynamic_layout_artist_works ul li .content .title, .records_list.grid_dynamic_layout_artist_works ul li .content .artist, .records_list.grid_dynamic_layout_artworks ul li .content .title, .records_list.grid_dynamic_layout_artworks ul li .content .artist, .records_list.grid_dynamic_layout_exhibitions_works ul li .content .title, .records_list.grid_dynamic_layout_exhibitions_works ul li .content .artist { font-size: var(--font-size-small-mobile); } @media screen and (min-width: 768px) { .records_list.grid_dynamic_layout_artist_works ul li .content .title, .records_list.grid_dynamic_layout_artist_works ul li .content .artist, .records_list.grid_dynamic_layout_artworks ul li .content .title, .records_list.grid_dynamic_layout_artworks ul li .content .artist, .records_list.grid_dynamic_layout_exhibitions_works ul li .content .title, .records_list.grid_dynamic_layout_exhibitions_works ul li .content .artist { font-size: var(--font-size-small); } } */ .records_list.grid_dynamic_layout_artist_works .content, .records_list.grid_dynamic_layout_artworks .content, .records_list.grid_dynamic_layout_exhibitions_works .content { text-align: center; } /* Exhibitions Grids */ /* Font styles */ .records_list.grid_dynamic_layout_exhibitions .content h2 { line-height: var(--line-height-normal); } @media screen and (max-width: 1023px) { .records_list.grid_dynamic_layout_exhibitions .content h2 { font-size: var(--font-size-medium-mobile); } } @media screen and (min-width: 1024px) { .records_list.grid_dynamic_layout_exhibitions .content h2 { font-size: var(--font-size-medium); } } /* ////////////////////////////// ////////////////////////////// ////////////////////////////// ////////////////////////////// Events */ /* ////////////////////////////// All section titles */ .page-events .subheading { line-height: var(--line-height-normal); font-family: var(--font2); text-transform: uppercase; letter-spacing: .05rem; font-size: var(--font-size-extra-small-mobile); } @media screen and (min-width: 768px) { .page-events .subheading { font-size: var(--font-size-extra-small); } } /* Featured events layout and styles */ @media screen and (max-width: 1023px) { .records_list.feature_list.grid_dynamic_layout_events_featured ul li .image { width: 100% !important; float: left; } .records_list.feature_list.grid_dynamic_layout_events_featured ul li .content { width: 100% !important; float: left; } .records_list.feature_list.grid_dynamic_layout_events_featured ul li>a { flex-direction: column; } .records_list.feature_list.grid_dynamic_layout_events_featured ul li .content { padding-left: 0; } .records_list.feature_list.grid_dynamic_layout_events_featured ul li .image { margin-bottom: 20px; } } /* Featured events */ /* Remove “Read more link” */ .feature_list.grid_dynamic_layout_events_featured ul li .content .link { display: none; } /* All events */ /* Format dates, subtitles */ .section-events .feature_list ul li .content .subtitle, .section-events .feature_list ul li .content .date { font-family: var(--font2); font-size: var(--font-size-small-mobile); } @media screen and (min-width: 768px) { .section-events .feature_list ul li .content .subtitle, .section-events .feature_list ul li .content .date { font-size: var(--font-size-small); } } /* Add break for texts */ .feature_list.grid_dynamic_layout_events_featured ul li .content h2 strong { display: block; } /* Remove Exhibitions and Artists header */ .section-events .event-list-header h1, .section-events .heading_wrapper h1 { display: none; } /* Prevent text from wrapping around images */ .subsection-event-detail-page .subsection-overview .description span { display: block !important; } /* Contain images in slideshow */ .subsection-event-detail-page .ig_slideshow_container img { object-fit: contain !important; } /* Description texts font settings */ @media screen and (max-width: 767px) { .page-events .description p { font-size: var(--font-size-normal-mobile) !important; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .page-events .description p { font-size: var(--font-size-normal-tablet) !important; } } @media screen and (min-width: 1024px) { .page-events .description p { font-size: var(--font-size-normal); } }