/* CSS imports ------------------- */ /* Forced mobile nav on all sizes ------------------- */ @import url('/lib/g/2.0/styles/responsive_topnav.css') screen and (max-width: 1023px); @import url('/lib/g/themes/aperture/2.0/styles/responsive_topnav.css') screen and (max-width: 1023px); /* Font imports ------------------- */ @font-face { font-family: "Untitled Sans Bold"; src: url('/usr/documents/fonts/regular_font_woff/2/untitled-sans-bold.woff') format('woff'), url('/usr/documents/fonts/regular_font_woff2/2/untitled-sans-bold.woff2') format('woff2'); font-style: normal; font-weight: normal; } @font-face { font-family: "Untitled Sans regular"; src: url('/usr/documents/fonts/regular_font_woff/1/untitledsansweb-regular.woff') format('woff'), url('/usr/documents/fonts/regular_font_woff2/1/untitledsansweb-regular.woff2') format('woff2'); font-style: normal; font-weight: normal; } /* Background colour --------------*/ /* body_background_color */ body, #social_sharing_links.popup_vertical ul, .social_sharing_links.popup_vertical ul, .fancybox-powerzoom .fancybox-overlay, #popup_overlay, .subheading span, body.slide-nav-active #responsive_slide_nav_wrapper, #cookie_notification, .fancybox-overlay.fancybox-overlay-image, .fancybox-skin, div.arprompt, #sc_checkout_content #shipping_container select, #sc_checkout_content #shipping_container .inputField, .form .form_row .inputField, .form .form_row select, .form .form_row textarea, .form .form_row #captcha input, .form .form_row .g-recaptcha, .section-home #slideshow.full_list.content_below ul li, #contact_form #contact_form_item_preview .inner, .buy_enquire_quick_view, .filters_panel.filters_layout_dropdown .fp-module-content-inner { background-color: #ffffff } #top_nav #full_nav .top.has_dropdown_items .ul_nested { background: #ffffff; } /* alternative_background_color */ #protected_path_login #container, #protected_path_login #protected_path_login_container, #protected_path_login:after, #mailing_list_popup_box, #manage_cookie_preferences_popup_box { background-color: #ffffff } 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; } #header, .header-fixed-wrapper #header { background-color: #ffffff } #header:not(.header_transparent) .inner { border: 0; } #header #store_cart_widget a { color: #ffffff; outline-color: #000000; } #popup_box .close::after, #popup_box .pagination_controls > div.pagination_controls_previous:after, #popup_box .pagination_controls > div.pagination_controls_next:after { color: #000000; } .button, .full-width.store_item.store_item_dynamic_status.clearwithin>.store_item_controls>.buy_now_store_item_add_container>button.store_item_add_to_cart { background: #ffffff; } h1, .heading_wrapper h1, #header .inner, #footer, .countdown_container, .feature_list ul li .content .subtitle, #sidebar .feature_panels .records_list ul li, .sidebar .feature_panels .records_list ul li, .related_items_panel h3, .formats_list, .formats_list .formats_item, .subheading::after, .subheading::before, .related_items_panel > h3:after, .related_items_panel h3.related_items_panel_heading:after, .related_items_panel h2.related_items_panel_heading:after .share_link:not(.subnav_share_link), #social_sharing_links.popup_vertical, .social_sharing_links.popup_vertical, .store_item_group .store_items_standard, .store_items_standard .store_item, .page_stats, hr, #scw_popup_inner h3, #shopping_cart_information td, #wishlist_information td, #shopping_cart_information th, #wishlist_information th, #sc_additional_fields, #sc_checkout_content #sc_subtotal, #sc_checkout_content #sc_discount, #sc_checkout_content #sc_vat_total, #sc_checkout_content #sc_shipping_total, #sc_checkout_content #sc_order_total, div.arprompt .arpromptbuttons, div.arprompt button, #protected_path_login .protected_path_form_status_inner, #privacy_policy_form_msg{ border-color: #000000; } .buy_enquire_quick_view .quick-view-information { border-color: #000000; } .form .form_row .inputField, .form .form_row select, .form .form_row textarea, .form .form_row #captcha input, .form .form_row .g-recaptcha, #mc_embed_signup input, #protected_path_login .protected_path_field_row, #sc_checkout_content #shipping_container select, #sc_checkout_content #shipping_container .inputField, input, textarea, select { border-color: #000000; } /* Fonts----------------------------- */ /* Main body font ------------------- */ body, input, select, textarea { font-family: "Untitled Sans regular", 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: "Untitled Sans Bold", Sans-serif; font-style:normal; font-weight:normal; } /* Navigation font ------------------- */ #top_nav.navigation ul li a, #top_nav #full_nav .dropdown-btn { font-family: "Untitled Sans Bold", Sans-serif; font-style:normal; font-weight:normal; } /* User custom html-font sizing ------------------- */ html { font-size: 10.0px; } /* Title - Heading spacing and transform ------------------- */ h1, h2, h3, h4, h5, h6, #hero_header .title, .fullscreen_slideshow .hero_splash_text, #logo a, .navigation ul li a, #slide_nav_reveal, #header_quick_search .inputField, #header_quick_search input, #header_quick_search select, #header_quick_search textarea, #header_quick_search #header_quicksearch_btn, #footer #artlogic, #footer #copyright, #footer #copyright .copyright-text, #footer .small-links-container, .page-artists h1 #artist_years, .page-artists h1 .artist_years, .event-details-wrapper .event-details span, .subsection-press .records_list .content .link a, .section-press .records_list .content .link a, #store_cart_widget, .fullscreen_slideshow .hero_splash_text, .fullscreen_slideshow .hero_splash_text .title, .fullscreen_slideshow ul li .content h2, .fullscreen_slideshow ul li .content h2 a, .fullscreen_slideshow ul li .content h2 a:visited, .fullscreen_slideshow ul li .content h2 a .separator, .fullscreen_slideshow ul li .content h2 a .h1_subtitle, #image_gallery #content_module h3, .records_list .content h2, .records_list .content .subtitle, .records_list .content .date, .records_list .content .location , .records_list ul li .content .title, .records_list ul li .content .artist, .feature_panels .panel_image_text_adjacent .content h2, .feature_list ul li .content h2, .feature_list ul li .content .subtitle, .feature_list ul li .content .date, .feature_list ul li .content .location, .full_list ul li .content h2, .full_list ul li .content .subtitle, .full_list ul li .content .date, .records_list.detail_expand_grid .expander_detail #image_gallery #content_module .subtitle, .link, .button, .simple_list ul li, #social_links_list ul li, .page_stats .ps_item, .page_stats .ps_pages, #protected_path_login #container h1, #protected_path_login #container label, .subheading, .poster, .subtitle, .h1_subtitle, .location , .date, .price, #fancybox-title-main .artist strong, #mc_embed_signup input.button, #home_splash .content, #hero_header .subtitle, .feature_panels .panel_hero .hero_heading .subtitle, #hero_header .inner, .feature_panels .panel_hero .hero_heading > h2, .feature_panels .panel_hero .hero_heading > a > h2, #cover_page_slideshow_pager, #artists-browser, .artists-browser , .exhibition-header .h1_subtitle, #top_nav #full_nav .has_dropdown_items .dropdown-btn, #top_nav #full_nav .has_dropdown_items_mobile .dropdown-btn{ text-transform: uppercase; } /* Text colours----------------------------- */ /* Heading and emphasis text colour ------------------- */ /* Colour #000000 */ h1, h1 a, h1 a:visited, h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited, h4, h4 a, h4 a:visited, h5, h5 a, h5 a:visited, h6, h6 a, h6 a:visited, .feature_panels .records_list.image_list ul li h2, .page-artists #artist_list ul li h2, .page-artists .artist_list ul li h2, .records_list .content h2, .records_list ul li h2 a, .feature_list ul li .content h2, .related_items_panel h3, .navigation ul li a:hover, .navigation ul li.active a:hover, .navigation ul li.active a, .navigation ul li.active a:visited, .records_list ul li .content .artist, .records_list ul li .content .title_and_year, .records_list ul li .content .title, #cover_page_slideshow_pager, #image_gallery #content_module h3 { color: #000000; } blockquote { border-left: 1px solid #000000; } /* Subheading and secondary emphasis text colour ------------------- */ 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: #000000; } /* Header layout ------------------- */ /* Dynamically created grid layout css ------------------- */ /* artfairs - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artfairs:not(.feature_list) > ul > li { width:50.0% }} .records_list.feature_list.grid_dynamic_layout_artfairs:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_artfairs:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_artfairs ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_artfairs 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 ul li .image::after {display:none;} .records_list.grid_dynamic_layout_artfairs ul li .image > span {position: static;} /* instagram - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_instagram:not(.feature_list) > ul > li { width:33.33% }} .records_list.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 {display:none;} .records_list.grid_dynamic_layout_instagram ul li .image > span {position: static;} /* artworks - flow_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_artworks:not(.feature_list) ul li { width:50.0% }} /* default image grid - flow_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_default_image_grid:not(.feature_list) ul li { width:33.33% }} /* video - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_video:not(.feature_list) > ul > li { width:50.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%; } /* default grid - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_default_grid:not(.feature_list) > ul > li { width:50.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 {display:none;} .records_list.grid_dynamic_layout_default_grid ul li .image > span {position: static;} /* artists - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artists:not(.feature_list) > ul > li { width:33.33% }} .records_list.grid_dynamic_layout_artists ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_artists ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_artists ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_artists ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_artists ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_artists ul li .image::after { padding-top:66.6666666667%; } /* video featured - full_list-------------------------------------- */ .records_list.full_list.grid_dynamic_layout_video_featured ul { width: 100%;} .records_list.feature_list.grid_dynamic_layout_video_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_video_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_video_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_video_featured ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_video_featured ul li .image::after {display:none;} .records_list.grid_dynamic_layout_video_featured ul li .image > span {position: static;} /* artist works categories - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artist_works_categories:not(.feature_list) > ul > li { width:33.33% }} .records_list.feature_list.grid_dynamic_layout_artist_works_categories:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_artist_works_categories:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_artist_works_categories ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_artist_works_categories ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_artist_works_categories ul li .image::after {display:none;} .records_list.grid_dynamic_layout_artist_works_categories ul li .image > span {position: static;} /* exhibitions - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_exhibitions:not(.feature_list) > ul > li { width:50.0% }} .records_list.feature_list.grid_dynamic_layout_exhibitions:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_exhibitions:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_exhibitions ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_exhibitions ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_exhibitions ul li .image::after {display:none;} .records_list.grid_dynamic_layout_exhibitions ul li .image > span {position: static;} /* events works - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_events:not(.feature_list) > ul > li { width:50.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 {display:none;} .records_list.grid_dynamic_layout_events ul li .image > span {position: static;} /* exhibitions installation - slider-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_exhibitions_installation:not(.feature_list) > ul > li { width:33.33% }} .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 {display:none;} .records_list.grid_dynamic_layout_exhibitions_installation ul li .image > span {position: static;} /* artist installation - slider-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artist_installation:not(.feature_list) > ul > li { width:33.33% }} .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 {display:none;} .records_list.grid_dynamic_layout_artist_installation ul li .image > span {position: static;} /* 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 - full_list-------------------------------------- */ .records_list.full_list.grid_dynamic_layout_store_featured ul { width: 100%;} .records_list.feature_list.grid_dynamic_layout_store_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_store_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_store_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_store_featured ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_store_featured ul li .image::after {display:none;} .records_list.grid_dynamic_layout_store_featured ul li .image > span {position: static;} /* events featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_events_featured ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_events_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_events_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_events_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_events_featured ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_events_featured ul li .image::after {display:none;} .records_list.grid_dynamic_layout_events_featured ul li .image > span {position: static;} /* 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:25.0% }} .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:150.0%; } /* events - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_events:not(.feature_list) > ul > li { width:50.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 {display:none;} .records_list.grid_dynamic_layout_events ul li .image > span {position: static;} /* store - flow_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_store:not(.feature_list) ul li { width:33.33% }} /* default feature grid - full_list-------------------------------------- */ .records_list.full_list.grid_dynamic_layout_default_feature_grid ul { width: 100%;} .records_list.feature_list.grid_dynamic_layout_default_feature_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_default_feature_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_default_feature_grid ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_default_feature_grid ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_default_feature_grid ul li .image::after {display:none;} .records_list.grid_dynamic_layout_default_feature_grid ul li .image > span {position: static;} /* feature panels - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_feature_panels:not(.feature_list) > ul > li { width:50.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 {display:none;} .records_list.grid_dynamic_layout_feature_panels ul li .image > span {position: static;} /* exhibitions works - flow_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_exhibitions_works:not(.feature_list) ul li { width:33.33% }} /* publications featured - full_list-------------------------------------- */ .records_list.full_list.grid_dynamic_layout_publications_featured ul { width: 100%;} .records_list.feature_list.grid_dynamic_layout_publications_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_publications_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_publications_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_publications_featured ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_publications_featured ul li .image::after {display:none;} .records_list.grid_dynamic_layout_publications_featured ul li .image > span {position: static;} /* press featured - full_list-------------------------------------- */ .records_list.full_list.grid_dynamic_layout_press_featured ul { width: 100%;} .records_list.feature_list.grid_dynamic_layout_press_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_press_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_press_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_press_featured ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_press_featured ul li .image::after {display:none;} .records_list.grid_dynamic_layout_press_featured ul li .image > span {position: static;} /* news featured - full_list-------------------------------------- */ .records_list.full_list.grid_dynamic_layout_news_featured ul { width: 100%;} .records_list.feature_list.grid_dynamic_layout_news_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_news_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_news_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_news_featured ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_news_featured ul li .image::after {display:none;} .records_list.grid_dynamic_layout_news_featured ul li .image > span {position: static;} /* 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 - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_exhibitions_featured ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_exhibitions_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_exhibitions_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_exhibitions_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_exhibitions_featured ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_exhibitions_featured ul li .image::after { 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:50.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 {display:none;} .records_list.grid_dynamic_layout_press ul li .image > span {position: static;} /* news - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_news:not(.feature_list) > ul > li { width:50.0% }} .records_list.feature_list.grid_dynamic_layout_news:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_news:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_news ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_news ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_news ul li .image::after {display:none;} .records_list.grid_dynamic_layout_news ul li .image > span {position: static;} /* viewing rooms featured forthcoming - full_list-------------------------------------- */ .records_list.full_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul { width: 100%;} .records_list.feature_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li .image::after {display:none;} .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li .image > span {position: static;} /* search - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_search:not(.feature_list) > ul > li { width:50.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 {display:none;} .records_list.grid_dynamic_layout_search ul li .image > span {position: static;} /* viewing rooms featured - full_list-------------------------------------- */ .records_list.full_list.grid_dynamic_layout_viewing_rooms_featured ul { width: 100%;} .records_list.feature_list.grid_dynamic_layout_viewing_rooms_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_viewing_rooms_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_viewing_rooms_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_viewing_rooms_featured ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_viewing_rooms_featured ul li .image::after {display:none;} .records_list.grid_dynamic_layout_viewing_rooms_featured ul li .image > span {position: static;} /* viewing rooms works - flow_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_viewing_rooms_works:not(.feature_list) ul li { width:33.33% }} /* artist works - flow_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_artist_works:not(.feature_list) ul li { width:33.33% }} /* exhibitors - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_exhibitors:not(.feature_list) > ul > li { width:50.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 {display:none;} .records_list.grid_dynamic_layout_exhibitors ul li .image > span {position: static;} /* feature panels image grid - flow_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_feature_panels_image_grid:not(.feature_list) ul li { width:25.0% }} /* publications - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_publications:not(.feature_list) > ul > li { width:50.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:66.6666666667%; } /* team - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_team:not(.feature_list) > ul > li { width:50.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 {display:none;} .records_list.grid_dynamic_layout_team ul li .image > span {position: static;} /* viewing rooms - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_viewing_rooms:not(.feature_list) > ul > li { width:50.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 {display:none;} .records_list.grid_dynamic_layout_viewing_rooms ul li .image > span {position: static;} /* Dynamically created artist list css ------------------- */ .subsection-artist-list-preview-letters .artists_list_dynamic_columns ul { width:25.0% } .subsection-artist-list-standard .artists_list_dynamic_columns ul { width:25.0% } .subsection-artist-list-preview .artists_list_dynamic_columns ul { width:25.0% } /* Light and dark logo variants css ------------------- */ /* Logo text color ------------------- */ #logo { background: none; width: 100%; min-width: 200px; max-width: 200px; } #header #logo.user-custom-logo-image::before { padding-top:9.0%; } .device-highres #logo { background: none; } #logo a { background-image: url('https://artlogic-res.cloudinary.com/w_1000,c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite0819/usr/images/preferences/jhana-millers-logotype.jpg'); background-repeat: no-repeat; background-position: center center; background-size: contain; } .browser-msie-6 #logo a, .browser-msie-7 #logo a, .browser-msie-8 #logo a, .browser-msie-9 #logo a, .browser-msie-10 #logo a { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://artlogic-res.cloudinary.com/w_1000,c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite0819/usr/images/preferences/jhana-millers-logotype.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://artlogic-res.cloudinary.com/w_1000,c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite0819/usr/images/preferences/jhana-millers-logotype.jpg', sizingMethod='scale')"; } #logo a { text-indent: -9999px; padding: 0; } /* 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: #000000; } /* 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: #000000; } /* 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: #000000; } /* 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: #000000; } /* Button text color ------------------- */ .button a, .button a:visited, .button a:hover, .button span, .button input, .buy_now_store_item_add_container>button.store_item_add_to_cart>span { color: #000000; } /* quick view button */ .buy_enquire_button button, a.buy_enquire_detail_link { color: #000000; } /* Hero section image opacity ------------------- */ .fullscreen-slide-dark .fullscreen_slideshow.hero_header_layout_center:not(.override-slide-brightness) ul li::before, .fullscreen_slideshow.hero_header_layout_center:not(.detect-slide-brightness):not(.override-slide-brightness) ul li::before, .fullscreen-slide-dark .fullscreen_slideshow.hero_header_layout_left-center:not(.override-slide-brightness) ul li::before, .fullscreen_slideshow.hero_header_layout_left-center:not(.detect-slide-brightness):not(.override-slide-brightness) ul li::before { background: rgba(0,0,0,0.1999999999999999555910790150) !important; } .fullscreen-slide-light .fullscreen_slideshow.hero_header_layout_center:not(.override-slide-brightness) ul li::before, .fullscreen-slide-light .fullscreen_slideshow.hero_header_layout_left-center:not(.override-slide-brightness) ul li::before { background: rgba(255,255,255,0.1999999999999999555910790150) !important; } /* don't show if opacity = 1 */ /* Hero section image height ------------------- */ ::root { --hero-height: 0vh } /* 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 ------------------- */ .slick-prev:before, .slick-next:before { background: #FFFFFF !important; } .slick-prev:before, .slick-next:before { color: #000000 !important; } @media screen and (max-width:360px) { #logo a { background-image: url('https://artlogic-res.cloudinary.com/w_500,c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite0819/usr/images/preferences/jhana-millers-logotype.jpg'); } } /* Artlogic preferences custom CSS - entered by Artlogic in the preferences screen ------------------- */ /* Client custom user CSS - entered by the client in the preferences screen ------------------- */ .section-home .hero_splash_text { display: none; } .section-home .fullscreen_slideshow ul li .content.main_caption { text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 0; margin: 0; z-index: 1100; display: flex; align-items: center; justify-content: center; flex-direction: column; margin-top: -50px; pointer-events: none; } .section-home .fullscreen_slideshow ul li .content.main_caption h2 a { border-bottom: none; } .section-home .fullscreen_slideshow ul li .content.main_caption .date { font-size: 3rem; font-weight: 400; line-height: 1.2; } .section-home .fullscreen_slideshow ul li .content.main_caption h2 a, .section-home .fullscreen_slideshow ul li .content.main_caption h2 a > * { font-size: 3.5rem; line-height: 1.2; } .section-home .fullscreen_slideshow ul li .content.main_caption .inner { text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.15); } .section-home.type-fullscreen #slideshow.slideshow_navigation_enabled ul li .content { padding-right: 0; } @media screen and (max-width: 459px) { .section-home.type-fullscreen #slideshow.slideshow_navigation_enabled.ui_background_enabled ul li .content.main_caption, .section-home.type-fullscreen #slideshow.slideshow_navigation_enabled ul li .content.main_caption { padding-right: 0px; } } @media screen and (max-width: 1023px) { .section-home .fullscreen_slideshow ul li .content.main_caption .date { font-size: 2rem; } .section-home .fullscreen_slideshow ul li .content.main_caption h2 a, .section-home .fullscreen_slideshow ul li .content.main_caption h2 a > * { font-size: 2.166rem; } } #footer { color: white; background-color: black; border-top: none; width: 100vw; margin-left: 50%; transform: translate(-50%, 0); margin-bottom: 0; } @media screen and (max-width: 1023px) { #footer { width: 100vw !important; } } #footer a { color: white; } #footer .inner { max-width: 1500px; margin: 0 auto; padding-left: 80px; padding-right: 80px; } #footer .inner a { color: white; } #footer .inner a:link { color: white; } #footer .inner a:visited { color: white; } #footer .inner a:hover { color: white; } #footer .inner a:active { color: white; } @media screen and (min-width: 1024px) and (max-width: 1279px) { #footer .inner { margin: 0 auto; padding-left: 40px; padding-right: 40px; } } #footer h2 { color: white; } #footer h6 { font-family: "Untitled sans regular", Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; color: white; font-size: 1rem; } #footer h6 a { color: white #ffffff; font-size: 1rem; text-decoration: none; border-bottom: 1px solid white; } #footer submit_button { color: #000; } #mailing_submit_botton.rowELem { color: #000; } #footer.advanced_footer .advanced_footer_item { padding: 0 60px 60px 0; } blockquote { border: none; padding-left: 0; } .artist-header > h1, .exhibition-header > h1 { margin-top: 28px; padding-bottom: 14px; } .heading_wrapper .subtitle { float: none; } .heading_wrapper #sub_nav.navigation { float: none; clear: both; margin-top: 25px !important; padding-top: 12px; } .enquire_button_container .button.button_compact a, .enquire_button_container .button a, .form_row_submit .button a, .button .read_more, #mailing_submit_button .button .submit_button { border: 1px solid; padding: 6px 12px; } .mailinglist_form_wrapper { display: none; } #mailing list_form { display: none; } #contact_form .form { margin-top: 2rem; } .slick-prev::before, .slick-next::before { background: transparent !important; font-weight: 900 !important; font-size: 44px; } h1 { font-size: 2.7rem; line-height: 1.5em; } h2 { font-family: "Untitled sans bold", Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; color: #000; font-size: 1.5em; line-height: 1.8em; padding: 0 0 0.4em 0; margin: 0; border-color: #fff; border: none; text-transform: none; } h2 a { color: black; text-decoration: none; border-bottom: 1px solid black; } h2 i { font-family: "Untitled sans bold italic ", Helvetica Neue, Helvetica, Arial, sans-serif; font-style: italic; font-weight: normal; font-style: normal; text-transform: none; } @media screen and (max-width: 1023px) { .feature_panels .panel_image_text_adjacent .content h2 { font-size: 1.3rem; line-height: 1.8rem; } .records_list .content h2 { font-size: 1.3rem; line-height: 1.8rem; } } h3 { font-family: "Untitled Sans bold", Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; color: #000; font-size: 1em; line-height: 1.4em; padding: 0 0 0.4em 0; margin: 0; } h3 a { color: black; text-decoration: none; border-bottom: 1px solid black; } h3 i { font-family: "Untitled Sans bold italic", Helvetica Neue, Helvetica, Arial, sans-serif; } h4 { font-family: "Untitled Sans medium", Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; color: #000; font-size: 0.8em; line-height: 1.3em; padding: 0; margin: 0; text-transform: none; } h4 a { color: black; } h4 i { font-family: "Untitled Sans medium italic", Helvetica Neue, Helvetica, Arial, sans-serif; } h6 { font-family: "Untitled Sans bold", Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; color: #000; font-size: 0.7em; line-height: 1.7em; padding: 0; margin: 0; text-transform: none; } h6 a { color: black; } h6 i { font-family: "Untitled Sans bold italic", Helvetica Neue, Helvetica, Arial, sans-serif; } p { font-family: "Untitled Sans regular", Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; color: #000; font-size: 1em; line-height: 1.5em; margin: 0.6em 0; padding: 0; } p a { color: #000; text-decoration: none; border-bottom: 1px solid black; } p i { font-family: "Untitled Sans regular italic", Helvetica Neue, Helvetica, Arial, sans-serif; } p strong { font-family: "Untitled Sans bold", Helvetica Neue, Helvetica, Arial, sans-serif; } /* 2024 Updates */ * { letter-spacing: 0 !important; text-shadow: none; } #artlogic { display: none; } /* Footer */ #footer { @media screen and (max-width: 1023px) { padding: 15px 0 15px 0; margin-bottom: 0px; } } #footer .inner { max-width: 1500px; margin: 0 auto; padding-left: 80px; padding-right: 80px; height: calc(90vh - 60px); display: grid; grid-template-rows: repeat(3, 1fr); grid-template-columns: repeat(4, 1fr); align-items: flex-start; max-height: 960px; @media screen and (min-width: 1024px) and (max-width: 1279px) { padding-left: 40px; padding-right: 40px; } @media screen and (max-width: 1023px) { grid-template-rows: repeat(4, 1fr); height: auto; } @media screen and (max-width: 766px) { display: block; } } #footer.advanced_footer .inner .advanced_footer_item { padding: 0; } .big-footer-brand { text-transform: uppercase; line-height: 0.89; font-size: 42px; @media screen and (min-width: 1024px) and (max-width: 1279px) { font-size: 36px; } @media screen and (max-width: 1023px) { font-size: 30px; margin-bottom: 30px; } } .line-indent { text-indent: 55px; @media screen and (min-width: 1024px) and (max-width: 1279px) { text-indent: 48px; } @media screen and (max-width: 1023px) { text-indent: 40px; } } #footer h6, #footer h6 a { font-size: 1.5rem; border-bottom: none; color: white; font-weight: normal; font-family: "Untitled Sans regular"; text-transform: none; line-height: 1.7em; } #footer .inner h5 { font-size: 1.5rem; border-bottom: none; color: white; font-weight: normal; font-family: "Untitled Sans Bold"; text-transform: none; line-height: 1.7em; margin-bottom: 0; } #footer #artlogic { display: none !important; } #footer .inner .advanced_footer_item.clearwithin { grid-row: 1 / span 2; grid-column: 1 / span 2; @media screen and (max-width: 1023px) { grid-row: 1 / span 1; grid-column: 1 / span 4; width: 100%; display: block; } } #footer .inner .advanced_footer_item_1 { grid-row: 1 / span 1; grid-column: 3 / span 1; @media screen and (max-width: 1023px) { grid-row: 2 / span 1; grid-column: 1 / span 2; width: 100%; display: block; } } #footer .inner .advanced_footer_item_2 { grid-row: 1 / span 1; grid-column: 4 / span 1; @media screen and (max-width: 1023px) { grid-row: 2 / span 1; grid-column: 3 / span 2; width: 100%; display: block; } } #footer .inner .advanced_footer_item_3 { align-self: center; grid-row: 2 / span 1; grid-column: 3 / span 1; @media screen and (min-width: 1024px) and (max-width: 1279px) { align-self: flex-start; } @media screen and (max-width: 1023px) { grid-row: 3 / span 1; grid-column: 1 / span 2; width: 100%; display: block; margin-bottom: 30px; display: none !important; } } #footer .inner .copyright { grid-column: 1 / span 4; grid-row: 3 / span 1; margin: 0; float: none; align-self: flex-end; display: flex; margin: 0; @media screen and (max-width: 1023px) { grid-row: 4 / span 1; grid-column: 1 / span 4; width: 100%; display: block; } } #footer .inner .copyright #copyright { order: 1; width: 50%; margin: 0; } #footer .inner .small-links-container { font-size: 1.5rem; font-weight: normal; font-family: "Untitled Sans regular"; text-transform: none; order: 2; width: 50%; @media screen and (max-width: 1023px) { display: none; } } #footer .inner #copyright { font-size: 1.5rem; font-weight: normal; font-family: "Untitled Sans regular"; text-transform: none; } #footer .inner #social_links { float: none; font-size: 1.5rem; font-weight: normal; font-family: "Untitled Sans regular"; text-transform: none; line-height: 1.7em; display: none; } #footer .inner #social_links .social_links_item { width: auto; height: auto; margin: 0; float: none; } #footer .inner #social_links .social_links_item a { width: auto; height: auto; margin: 0; float: none; text-indent: 0; } #footer .inner #social_links .social_links_item .social_media_icon { width: auto; height: auto; background: none; text-align: left; } #footer .inner #social_links .social_links_item .social_media_icon::after { content: none; } /* Header */ #header #logo { background: none; } #header .header-ui-wrapper { display: block; } #header #logo a { font-size: 1.25rem; display: flex; background: none; position: static; line-height: 1.8rem; text-indent: 0; } #header #logo.user-custom-logo-image a { position: static; } #header #logo.user-custom-logo-image::before { content: none; } #header { border-bottom: 1px solid #000; box-shadow: none !important; } /* Header */ #page_header .page-header-inner .h1_heading { text-transform: uppercase; font-size: 1.25rem; line-height: 1.8rem; } .header-fixed-wrapper #header #page_header .page-header-inner .has_subtitle { width: 100%; max-width: 100%; } .header-fixed-wrapper #header #page_header .page-header-inner { justify-content: space-between; } .header-fixed-wrapper #header #page_header .page-header-inner .clear { display: none; } #page_header .page-header-inner .h1_wrapper .has_subnav { text-transform: uppercase; font-size: 1.25rem; line-height: 1.8rem; margin: 0; padding: 0; } #top_nav.navigation ul li.active a { text-decoration: underline; } .header-fixed-wrapper #header .inner { @media screen and (max-width: 767px) { min-height: 50px !important; padding: 10px 0 !important; } } /* Artists Page */ .subsection-artists-list .artist_list .content h2 { font-size: 1.25rem; line-height: 1.8rem; margin: 0; } .subsection-artists-list .artist_list ul li .image { margin-bottom: 10px !important; } .subsection-artists-list .artist_list > ul > li { padding-right: 10px !important; @media screen and (max-width: 766px) { padding-right: 0px !important; } } .subsection-artists-list .artist_list > ul { margin-right: -10px !important; } .artists-list-typography p { line-height: 0.89; font-size: 42px; font-family: "Untitled Sans Bold", sans-serif; font-style: normal; font-weight: normal; margin: 0; display: inline; white-space: nowrap; @media screen and (min-width: 1024px) and (max-width: 1279px) { font-size: 36px; } @media screen and (max-width: 1023px) { font-size: 22px; line-height: 0.79; } } .artists-list-typography p a { border-bottom: none; letter-spacing: -1.25px !important; } .artists-list-typography p:after { content: ", "; display: inline; } .artists-list-typography p:last-child:after { content: "."; } .artists-list-typography p:nth-last-child(2):after { content: " & "; } .section-artists .artists-header { display: none; } .section-artists.layout-animation-enabled .records_list:not(#add_to_calendar_links):not(#slideshow) ul li.visible { opacity: 1; transform: none; transition: transform 800ms cubic-bezier(0.18, 1, 0.21, 1), opacity 800ms cubic-bezier(0.18, 1, 0.21, 1); } /* Sticky Sub navigation */ #sticky_sub_nav ul li.active a { text-decoration: underline; } /* Home */ .section-home #footer { @media screen and (max-width: 1023px) { padding: 40px 0 15px 0; margin-bottom: 0px; } } /* Artist Page */ .section-artists .social_sharing_wrap { display: none; } .section-artists .records_list.flow_list .flow_list_formatted ul li .image, .records_list ul li .image { margin-bottom: 10px; } .section-artists .records_list ul li .content .title, .records_list ul li .content .artist, .section-artists .records_list .content { line-height: 1.8rem; font-size: 1.25rem; } .section-artists .heading_wrapper h1 { font-size: 66px; line-height: 1; letter-spacing: -2px !important; } .section-artists .records_list .content .date, .section-artists .records_list .content .subtitle { line-height: 1.8rem; font-size: 1.25rem; padding: 0; } .section-artists .records_list .content h2 { line-height: 1.8rem; font-size: 1.5rem; margin-bottom: 6px; padding: 0; } .records_list.flow_list .flow_list_formatted ul li { margin: 0 20px 84px 0; @media screen and (max-width: 1023px) { margin-bottom: 60px; } } .section-artists .scroll_section_works { position: relative; padding-top: 50px; } .section-artists .scroll_section_works::after { content: ""; position: absolute; top: 0; left: -50%; background: #999; width: 100vw; height: 100%; z-index: -1; } .section-artists .scroll_section_works::before { content: ""; position: absolute; top: 0; left: 50%; background: #999; width: 100vw; height: 100%; z-index: -1; } @media screen and (max-width: 1660px) { .section-artists .scroll_section_works::before { left: -80px; width: calc(100% + 160px); } } @media screen and (max-width: 1280px) { .section-artists .scroll_section_works::before { left: -40px; width: calc(100% + 80px); } } @media screen and (max-width: 1023px) { .section-artists .scroll_section_works::before { left: -30px; width: calc(100% + 60px); } } @media screen and (max-width: 460px) { .section-artists .scroll_section_works::before { left: -15px; width: calc(100% + 30px); } } @media screen and (max-width: 1660px) { .section-artists .scroll_section_works::after { display: none; } } .section-artists .scroll_section_works .subheading span { background: #999; line-height: 1.8rem; font-size: 1.5rem; } .section-artists .scroll_section_works .subheading::after { border-top: 1px solid #000; } .section-artists .subheading span { line-height: 1.8rem; font-size: 1.5rem; } .section-artists .heading_wrapper #sub_nav.subnav_wrapped.navigation { display: none; } .section-artists .heading_wrapper .h1_wrapper { width: 100%; } .section-artists .heading_wrapper h1 { font-size: 6.6rem; line-height: 0.85; letter-spacing: -3px !important; max-width: 50%; margin-bottom: 0; text-transform: none; } @media screen and (max-width: 1280px) { .section-artists .heading_wrapper h1 { font-size: 5.6rem; line-height: 0.85; letter-spacing: -2px !important; } } @media screen and (max-width: 812px) { .section-artists .heading_wrapper h1 { font-size: 4.4rem; line-height: 0.85; letter-spacing: -1px !important; } } .section-artists .subsection-biography .sidebar { padding-left: 0; } .section-artists .subsection-biography .content_module { max-width: 530px; margin-bottom: 0; } @media screen and (max-width: 1280px) { .section-artists .subsection-biography .content_module { max-width: 490px; } } .section-artists .subsection-biography .content_module .quote { width: 100%; overflow: visible; padding-top: 0; } .section-artists .subsection-biography .content_module .quote p i { font-style: normal; } .section-artists .subsection-biography .content_module .quote h4 { font-size: 2.7rem; line-height: 1.1; letter-spacing: -1px !important; font-family: "Untitled sans regular", Helvetica Neue, Helvetica, Arial, sans-serif; } @media screen and (max-width: 1280px) { .section-artists .subsection-biography .content_module .quote h4 { font-size: 2.4rem; } } @media screen and (max-width: 812px) { .section-artists .subsection-biography .content_module .quote h4 { font-size: 2rem; } } .section-artists .subsection-biography .content_module .quote h4 em { font-style: normal; } .section-artists .subsection-biography .content_module p:first-of-type { text-indent: 0; } .section-artists .subsection-biography .content_module p { text-indent: 6rem; margin: 0.75em 0; } @media screen and (max-width: 812px) { .section-artists .subsection-biography .content_module p { text-indent: 3rem; } } .section-artists .subsection-biography .content_module .divider { display: none; } /* Homepage slider */ .section-home .fullscreen_slideshow ul li:before, .section-home .fullscreen_slideshow ul li:after { content: none !important; } .section-home .fullscreen_slideshow ul li .main_caption h2 a .separator { display: none !important; } .section-home #slideshow.fullscreen_slideshow .separator { display: none !important; @media screen and (max-width: 767px) { display: none !important; } } .section-home .fullscreen_slideshow ul li .image { width: 50vw; right: 0; left: auto; object-fit: cover; @media screen and (max-width: 767px) { width: 100vw; height: calc(70vh - 51px) !important; top: 50px; } } .section-home .fullscreen_slideshow ul li .main_caption { width: 50%; text-align: left !important; margin-top: 0 !important; @media screen and (max-width: 459px) { width: 100% !important; margin-top: 0px !important; padding-top: 20px !important; position: relative !important; bottom: auto !important; top: calc(70vh) !important; } } .section-home .fullscreen_slideshow ul li .main_caption h2 { padding: 0; margin-bottom: 30px; @media screen and (max-width: 767px) { margin-bottom: 12px; } } .section-home .fullscreen_slideshow ul li .main_caption h2 a .separator, .section-home .fullscreen_slideshow ul li .main_caption h2 a .h1_subtitle, .section-home .fullscreen_slideshow ul li .main_caption h2 a { color: #000 !important; line-height: 0.89 !important; font-size: 42px !important; font-family: Untitled Sans Bold, sans-serif !important; font-style: normal !important; font-weight: 400 !important; @media screen and (min-width: 1024px) and (max-width: 1279px) { font-size: 36px !important; } @media screen and (max-width: 767px) { font-size: 22px !important; line-height: 0.79 !important; } } .section-home .fullscreen_slideshow ul li .main_caption .date { color: black !important; font-family: "Untitled Sans Bold", Sans-serif !important; font-style: normal !important; font-weight: 400 !important; font-size: 1.25rem !important; margin: 0 !important; } .section-home .fullscreen_slideshow ul li .main_caption .inner { max-width: 600px; } .section-home .fullscreen_slideshow ul li .content .inner { @media screen and (max-width: 459px) { padding: 0 15px; } } /* Exhibitions */ .section-exhibitions .heading_wrapper.exhibition-list-header h1 { font-size: 6.6rem; line-height: 0.85; letter-spacing: -3px !important; max-width: 50%; margin-bottom: 0; text-transform: none; } @media screen and (max-width: 1280px) { .section-exhibitions .heading_wrapper.exhibition-list-header h1 { font-size: 5.6rem; line-height: 0.85; letter-spacing: -2px !important; max-width: 100%; } } @media screen and (max-width: 812px) { .section-exhibitions .heading_wrapper.exhibition-list-header h1 { font-size: 4.4rem; line-height: 0.85; letter-spacing: -1px !important; } } .section-exhibitions #exhibitions-grid-current .subheading { display: none; } .section-exhibitions .subheading span { line-height: 1.8rem; font-size: 1.5rem; } .section-exhibitions #exhibitions-grid-container .subsection-exhibitions-grid { margin: 0; } .section-exhibitions.layout-animation-enabled .records_list:not(#add_to_calendar_links):not(#slideshow) ul li.visible { transition: transform 800ms cubic-bezier(0.18, 1, 0.21, 1), opacity 800ms cubic-bezier(0.18, 1, 0.21, 1); } .section-exhibitions #exhibitions-grid-container .subsection-exhibitions-grid ul li .description { display: none; } .section-exhibitions #exhibitions-grid-container .subsection-exhibitions-grid .feature_list h2 { color: #000 !important; line-height: 0.89 !important; font-size: 30px !important; font-family: Untitled Sans Bold, sans-serif !important; font-style: normal !important; font-weight: 400 !important; padding-bottom: 0 !important; margin-bottom: 20px !important; @media screen and (min-width: 1024px) and (max-width: 1279px) { font-size: 30px !important; } @media screen and (max-width: 767px) { font-size: 22px !important; line-height: 0.89 !important; margin-bottom: 10px !important; } } .section-exhibitions #exhibitions-grid-past .records_list h2 { line-height: 1.8rem !important; font-size: 1.5rem !important; margin-bottom: 5px !important; padding-bottom: 0 !important; } .section-exhibitions #exhibitions-grid-container .subsection-exhibitions-grid .read_more { display: none !important; } .section-exhibitions #exhibitions-grid-container .subsection-exhibitions-grid .subtitle { display: none !important; } .section-exhibitions #exhibitions-grid-container .subsection-exhibitions-grid .read_more { display: none !important; } .section-exhibitions #exhibitions-grid-past .records_list > ul { margin-right: -20px; } .section-exhibitions #exhibitions-grid-past .records_list > ul > li { padding-right: 20px; margin-bottom: 60px; @media screen and (max-width: 767px) { padding-right: 0px; } } /* Exhibition Page */ .section-exhibitions .subsection-exhibition-detail-page .heading_wrapper h1 { font-size: 6.6rem; line-height: 0.95; letter-spacing: -3px !important; max-width: 66.6667%; margin-bottom: 0; text-transform: none; padding-bottom: 0; } .section-exhibitions .subsection-exhibition-detail-page .heading_wrapper h1 span { letter-spacing: -3px !important; margin-bottom: 20px; } @media screen and (max-width: 1280px) { .section-exhibitions .subsection-exhibition-detail-page .heading_wrapper h1 span { letter-spacing: -2px !important; margin-bottom: 20px; } } @media screen and (max-width: 812px) { .section-exhibitions .subsection-exhibition-detail-page .heading_wrapper h1 span { letter-spacing: -2px !important; margin-bottom: 10px; } } @media screen and (max-width: 1280px) { .section-exhibitions .subsection-exhibition-detail-page .heading_wrapper h1 { font-size: 5.6rem; line-height: 0.95; letter-spacing: -2px !important; } } @media screen and (max-width: 812px) { .section-exhibitions .subsection-exhibition-detail-page .heading_wrapper h1 { font-size: 4.4rem; line-height: 0.95; letter-spacing: -1px !important; max-width: 100%; } } .section-exhibitions .social_sharing_wrap { display: none; } .section-exhibitions .heading_wrapper #sub_nav.navigation { display: none; } .section-exhibitions .records_list.flow_list .flow_list_formatted ul li .image { margin-bottom: 10px; } .section-exhibitions .records_list ul li .content .title, .section-exhibitions .records_list ul li .content .artist { font-size: 1.25rem; line-height: 1.8rem; } .section-exhibitions .subsection-overview .content_module p:first-of-type { text-indent: 0; } .section-exhibitions .subsection-overview .content_module p { text-indent: 6rem; margin: 0.75em 0; } @media screen and (max-width: 812px) { .section-exhibitions .subsection-overview .content_module p { text-indent: 3rem; } } .section-exhibitions .subsection-overview .content_module h3 { font-size: 2.7rem; line-height: 1.1; letter-spacing: -1px !important; font-family: "Untitled sans regular", Helvetica Neue, Helvetica, Arial, sans-serif; text-transform: none; } @media screen and (max-width: 1280px) { .section-exhibitions .subsection-overview .content_module h3 { font-size: 2.4rem; text-transform: none; } } @media screen and (max-width: 812px) { .section-exhibitions .subsection-overview .content_module h3 { font-size: 2rem; text-transform: none; } .section-exhibitions .records_list.feature_list ul li { margin-bottom: 60px; } } .section-exhibitions .subsection-overview .content_module { max-width: 530px; } @media screen and (max-width: 1280px) { .section-exhibitions .subsection-overview .content_module { max-width: 490px; } } .section-exhibitions .subsection-overview .content_module ul { font-size: 1.45rem; line-height: 1.8rem; font-family: "Untitled Sans Bold", Helvetica Neue, Helvetica, Arial, sans-serif; text-transform: none; list-style-type: none; padding: 0; margin: 30px 0 30px; } .section-exhibitions .subsection-related-content .records_list .related-press .image { display: none; } .section-exhibitions .subsection-related-content .records_list .related-press .content h2 { font-size: 1.25rem; line-height: 1.8rem; margin-bottom: 10px; padding-bottom: 0; } .section-exhibitions .related_artists_container h2.related_items_panel_heading { line-height: 1.8rem; font-size: 1.5rem; text-transform: uppercase; position: relative; text-indent: -9999px; } .section-exhibitions .related_artists_container h2.related_items_panel_heading:after { line-height: 1.8rem; font-size: 1.5rem; text-transform: uppercase; content: "Artist"; text-indent: 0; float: left; } /* Mobile Menu */ @media screen and (max-width: 1023px) { #responsive_slide_nav_wrapper { transition: height 0.3s 0s ease-in-out !important; } #responsive_slide_nav_wrapper #responsive_slide_nav_wrapper_inner { padding-left: 15px !important; padding-right: 15px !important; padding-bottom: 85px !important; padding-top: 85px !important; transition: height 0.3s 0s ease-in-out !important; } #responsive_slide_nav_wrapper #responsive_slide_nav_wrapper_inner #top_nav { padding: 0 !important; margin-bottom: 0 !important; } #responsive_slide_nav_wrapper #responsive_slide_nav_wrapper_inner #top_nav { padding: 0 !important; margin: 0 !important; } #responsive_slide_nav_wrapper #responsive_slide_nav_wrapper_inner #top_nav ul.topnav { margin: 0 !important; transition: opacity 0.3s 0s ease-in-out !important; } #responsive_slide_nav_wrapper #responsive_slide_nav_wrapper_inner #top_nav ul.topnav li { line-height: 1 !important; border: none !important; } #responsive_slide_nav_wrapper #responsive_slide_nav_wrapper_inner #top_nav ul.topnav a { font-size: 2.2rem !important; line-height: 1 !important; padding: 2px 0 !important; transition: all 300ms ease-in-out 50ms !important; transform: translateY(0) !important; } #header .header-ui-wrapper .header-icons-wrapper > div { margin: 0 !important; } body.responsive-nav-side-position-fullscreen #responsive_slide_nav_wrapper #top_nav #top_nav_reveal { padding: 13px 17px !important; } } /* Video Page */ .section-video #main_content h1 { font-size: 6.6rem; line-height: 0.85; letter-spacing: -3px !important; max-width: 50%; text-transform: none; } .section-video #main_content .records_list li { padding-right: 20px; margin-bottom: 60px; } .section-video #main_content .records_list li .content h2 { line-height: 1.8rem !important; font-size: 1.5rem !important; margin-bottom: 5px !important; padding-bottom: 0 !important; } .section-video #main_content .records_list li .subtitle { font-size: 1.15rem; line-height: 1.6rem; } .section-video #main_content .records_list li .date { display: none; } .section-video #main_content .records_list li .image { margin-bottom: 10px !important; } .section-video.layout-animation-enabled .records_list:not(#add_to_calendar_links):not(#slideshow) ul li.visible { transition: transform 800ms cubic-bezier(0.18, 1, 0.21, 1), opacity 800ms cubic-bezier(0.18, 1, 0.21, 1); } .section-video .records_list > ul { margin-right: -20px; } @media screen and (max-width: 1280px) { .section-video #main_content h1 { font-size: 5.6rem; line-height: 0.85; letter-spacing: -2px !important; } } @media screen and (max-width: 812px) { .section-video #main_content h1 { font-size: 4.4rem; line-height: 0.85; letter-spacing: -1px !important; margin-bottom: 30px; } .section-video #main_content .records_list li { padding-right: 0px; } } /* Contact Page */ .section-contact #sidebar { padding-left: 0; margin-bottom: 0; } .section-contact #sidebar .image img { object-fit: cover; height: 100%; width: 100%; object-position: left; display: block; aspect-ratio: 4/5; transition: opacity 300ms ease-in-out; } .section-contact #sidebar .image .object-fit-container { aspect-ratio: 4/5; } .section-contact #sidebar .image { aspect-ratio: 4/5; } .section-contact .heading-page-header h1 { font-size: 6.6rem; line-height: 0.85; letter-spacing: -3px !important; margin-bottom: 0; text-transform: none; font-family: "Untitled Sans Bold", sans-serif; font-style: normal; font-weight: normal; margin: 0 0 60px; padding: 0; word-wrap: normal; width: 100%; float: none; } @media screen and (max-width: 1280px) { .section-contact .heading-page-header h1 { font-size: 5.6rem; line-height: 0.85; letter-spacing: -2px !important; } } @media screen and (max-width: 812px) { .section-contact .heading-page-header h1 { font-size: 4.4rem; line-height: 0.85; letter-spacing: -1px !important; margin-bottom: 30px; } .section-contact #sidebar { display: none; } } @media screen and (max-width: 1023px) { .section-contact .heading-page-header h1 { margin-bottom: 30px !important; } } .section-contact .heading-heading { margin: 0 0 30px; } .section-contact .heading-address { margin: 0 0 30px; } .section-contact .heading-hours { margin: 0 0 30px; } .section-contact .heading-address h3 { line-height: 1.8rem; font-size: 1.5rem; margin-bottom: 6px; padding: 0; } .section-contact .heading-hours h3 { line-height: 1.8rem; font-size: 1.5rem; margin-bottom: 6px; padding: 0; } .section-contact .heading-contact h3 { line-height: 1.8rem; font-size: 1.5rem; margin-bottom: 6px; padding: 0; } .section-contact .heading-hours p { font-family: "Untitled Sans regular", Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; color: #000; font-size: 1em; line-height: 1.5em; margin: 0; } .section-contact .heading-contact p { font-family: "Untitled Sans regular", Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; color: #000; font-size: 1em; line-height: 1.5em; margin: 0; } /* Viewing room */ .section-viewing-room .viewing_room-list-header h1 { font-size: 6.6rem; line-height: 0.95; letter-spacing: -3px !important; max-width: 66.6667%; margin-bottom: 0; text-transform: none; padding-bottom: 0; } .section-viewing-room #viewing_rooms-grid-curren .subheading { font-size: 1.25rem; line-height: 1.8rem; } @media screen and (max-width: 812px) { .section-viewing-room .viewing_room-list-header h1 { letter-spacing: -2px !important; margin-bottom: 10px; } } @media screen and (max-width: 1280px) { .section-viewing-room .viewing_room-list-header h1 { font-size: 5.6rem; line-height: 0.95; letter-spacing: -2px !important; } } @media screen and (max-width: 812px) { .section-viewing-room .viewing_room-list-header h1 { font-size: 4.4rem; line-height: 0.95; letter-spacing: -1px !important; max-width: 100%; } } /* Store */ .section-store .store-header h1 { font-size: 6.6rem; line-height: 0.95; letter-spacing: -3px !important; max-width: 66.6667%; margin-bottom: 0; text-transform: none; padding-bottom: 0; } @media screen and (max-width: 812px) { .section-store .store-header h1 { letter-spacing: -2px !important; margin-bottom: 10px; } } @media screen and (max-width: 1280px) { .section-store .store-header h1 { font-size: 5.6rem; line-height: 0.95; letter-spacing: -2px !important; } } @media screen and (max-width: 812px) { .section-store .store-header h1 { font-size: 4.4rem; line-height: 0.95; letter-spacing: -1px !important; max-width: 100%; } } .section-store .feature_panels .records_list ul li .image { margin-bottom: 10px !important; } .section-store .feature_panels .records_list > ul > li { padding-right: 10px !important; @media screen and (max-width: 766px) { padding-right: 0px !important; } } .section-store .feature_panels .records_list > ul > li .date { display: none; } .section-store .feature_panels .records_list > ul { margin-right: -10px !important; } .section-store .feature_panels .panel_header h2 { color: #000 !important; line-height: 0.89 !important; font-size: 30px !important; font-family: Untitled Sans Bold, sans-serif !important; font-style: normal !important; font-weight: 400 !important; padding-bottom: 0 !important; margin-bottom: 0px !important; text-transform: uppercase; } @media screen and (max-width: 767px) { .section-store .feature_panels .panel_header h2 { font-size: 22px !important; line-height: 0.89 !important; margin-bottom: 0px !important; } } .section-store .store-header { display: flex; align-items: flex-end; justify-content: space-between; display: flex; } @media screen and (max-width: 1023px) { .section-store .store-header { display: block !important; margin-bottom: 30px !important; } } .section-store .store-header .h1_wrapper { width: 50%; } @media screen and (max-width: 1023px) { .section-store .store-header .h1_wrapper { width: 100%; } } .section-store .store-header #sub_nav { float: none !important; margin-top: 0; padding-top: 0; } .section-store .store-header #sub_nav ul { display: flex; justify-content: flex-end; } @media screen and (max-width: 1023px) { .section-store .store-header #sub_nav ul { justify-content: flex-start; } } .section-store .store-header #sub_nav ul li.active a { text-decoration: underline; text-decoration-thickness: 1px; } .section-store .store-header #sub_nav ul li a:hover { text-decoration: none; } .section-store .feature_panels .content .title { font-size: 1.65rem; line-height: 2rem; } .section-store .feature_panels .content .artist { font-size: 1.65rem; line-height: 2rem; } @media screen and (max-width: 1023px) { .section-store .feature_panels .content .title { font-size: 1.3rem; line-height: 1.8rem; } } @media screen and (max-width: 1023px) { .section-store .feature_panels .content .artist { font-size: 1.3rem; line-height: 1.8rem; } } .section-store .feature_panels .content .year { display: none; } .section-store .feature_panels .content .title .title_comma { display: none; } .section-store.layout-animation-enabled .records_list:not(#add_to_calendar_links):not(#slideshow) ul li.visible { transition: transform 800ms cubic-bezier(0.18, 1, 0.21, 1), opacity 800ms cubic-bezier(0.18, 1, 0.21, 1) !important; } .section-store .records_list.flow_list .flow_list_formatted ul li { margin-right: 10px; } /* Background slideshow change the colour on the homepage */ .section-home .fullscreen_slideshow ul li { background: #fff !important; } .section-home #content .fullscreen_slideshow.fullscreen_slideshow_parallax.parallax-loaded ul li { @media screen and (max-width: 459px) { background: #fff !important; } } .section-home #container .parallax-loaded .fullscreen_slideshow.fullscreen_slideshow_parallax ul li { @media screen and (max-width: 459px) { background: #fff !important; } } .section-home .fullscreen_slideshow ul li .main_caption { background: #fff !important; } .section-exhibitions .subsection-exhibition-detail-page .heading_wrapper .h1_subtitle {letter-spacing:0 !important;}