/* CSS imports ------------------- */ /* Forced mobile nav on all sizes ------------------- */ @import url('/lib/g/2.0/styles/responsive_topnav.css') screen and (max-width: 1023px); @import url('/lib/g/themes/aperture/2.0/styles/responsive_topnav.css') screen and (max-width: 1023px); /* Font imports ------------------- */ @import url(https://fonts.googleapis.com/css2?display=swap&family=PT+Serif:wght@400;700); /* 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: #eae4ea } #top_nav #full_nav .top.has_dropdown_items .ul_nested { background: #eae4ea; } /* 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: #eae4ea } body.slide-nav-active #responsive_slide_nav_wrapper, #responsive_slide_nav_wrapper #top_nav .header_quicksearch_field { background-color: #eae4ea !important; } body.responsive-nav-side-position-fullscreen.slide-nav-open #responsive_slide_nav_wrapper::before { display: none; } #header, .header-fixed-wrapper #header { background-color: #eae4ea } #header:not(.header_transparent) .inner { border: 0; } #header #store_cart_widget a { color: #eae4ea; outline-color: #000000; } #preloader #loader:before { background-color: #f2dfa7; } #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: #000000; } 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: 'PT Serif', Sans-Serif; font-style: normal; font-weight: 400; } /* 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: 'PT Serif', Sans-Serif; font-weight: 400; font-style: normal; } /* Navigation font ------------------- */ #top_nav.navigation ul li a, #top_nav #full_nav .dropdown-btn { font-family: 'PT Serif', Sans-Serif; font-style: normal; font-weight: 400; } /* User custom html-font sizing ------------------- */ html { font-size: 11.5px; } /* 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: 16.68px; } body { font-size: 0.999700239808rem; 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; } /* 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: #646464; } /* Header layout ------------------- */ /* Dynamically created grid layout css ------------------- */ /* artfairs - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artfairs:not(.feature_list) > ul > li { width:33.33% }} .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 { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_artfairs > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_artfairs > ul > li { padding-right: 20px; } } /* instagram - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_instagram:not(.feature_list) > ul > li { width: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 { padding-top:50.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_instagram > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_instagram > ul > li { padding-right: 20px; } } /* artworks - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artworks:not(.feature_list) > ul > li { width:33.33% }} .records_list.feature_list.grid_dynamic_layout_artworks:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_artworks:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_artworks ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_artworks ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .records_list.grid_dynamic_layout_artworks ul li .image::after {display:none;} .records_list.grid_dynamic_layout_artworks ul li .image > span {position: static;} @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_artworks > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_artworks > ul > li { padding-right: 20px; } } /* default image grid - tile_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.tile_list.grid_dynamic_layout_default_image_grid ul { width: calc(33.33% - 20px) }} .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:50.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_default_image_grid .tile_list_formatted { margin-right: -20px; } .records_list.grid_dynamic_layout_default_image_grid .tile_list_formatted ul { padding-right: 20px; } } /* video - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_video:not(.feature_list) > ul > li { width:33.33% }} .records_list.grid_dynamic_layout_video ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_video ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_video ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_video ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_video ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_video ul li .image::after { padding-top:66.6666666667%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_video > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_video > ul > li { padding-right: 20px; } } /* default grid - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_default_grid:not(.feature_list) > ul > li { width:33.33% }} .records_list.feature_list.grid_dynamic_layout_default_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_default_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_default_grid ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_default_grid ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_default_grid ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_default_grid > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_default_grid > ul > li { padding-right: 20px; } } /* artists - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artists:not(.feature_list) > ul > li { width:20.0% }} .records_list.feature_list.grid_dynamic_layout_artists:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_artists:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_artists ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_artists 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_artists ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_artists > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_artists > ul > li { padding-right: 20px; } } /* video featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_video_featured ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_video_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_video_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_video_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_video_featured ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_video_featured ul li .image::after { padding-top:100.0%; } /* artist works categories - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artist_works_categories:not(.feature_list) > ul > li { width:33.33% }} .records_list.feature_list.grid_dynamic_layout_artist_works_categories:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_artist_works_categories:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_artist_works_categories ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_artist_works_categories ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_artist_works_categories ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_artist_works_categories > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_artist_works_categories > ul > li { padding-right: 20px; } } /* exhibitions - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_exhibitions:not(.feature_list) > ul > li { width:33.33% }} .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 { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_exhibitions > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_exhibitions > ul > li { padding-right: 20px; } } /* events works - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_events:not(.feature_list) > ul > li { width:33.33% }} .records_list.feature_list.grid_dynamic_layout_events:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_events:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_events ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_events ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_events ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_events > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_events > ul > li { padding-right: 20px; } } /* exhibitions installation - tile_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.tile_list.grid_dynamic_layout_exhibitions_installation ul { width: calc(33.33% - 20px) }} .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:50.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_exhibitions_installation .tile_list_formatted { margin-right: -20px; } .records_list.grid_dynamic_layout_exhibitions_installation .tile_list_formatted ul { padding-right: 20px; } } /* artist installation - tile_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.tile_list.grid_dynamic_layout_artist_installation ul { width: calc(33.33% - 20px) }} .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:50.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_artist_installation .tile_list_formatted { margin-right: -20px; } .records_list.grid_dynamic_layout_artist_installation .tile_list_formatted ul { padding-right: 20px; } } /* blog - reading_list-------------------------------------- */ .records_list.grid_dynamic_layout_blog ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_blog ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_blog ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_blog ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_blog ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_blog ul li .image::after { padding-top:66.6666666667%; } /* store featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_store_featured ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_store_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_store_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_store_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_store_featured ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_store_featured ul li .image::after { padding-top:100.0%; } /* events featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_events_featured ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_events_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_events_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_events_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_events_featured ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_events_featured ul li .image::after { padding-top:100.0%; } /* artwork categories landing - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artwork_categories_landing:not(.feature_list) > ul > li { width:33.33% }} .records_list.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: -20px; } .records_list.grid_dynamic_layout_artwork_categories_landing > ul > li { padding-right: 20px; } } /* events - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_events:not(.feature_list) > ul > li { width:33.33% }} .records_list.feature_list.grid_dynamic_layout_events:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_events:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_events ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_events ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_events ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_events > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_events > ul > li { padding-right: 20px; } } /* store - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_store:not(.feature_list) > ul > li { width:33.33% }} .records_list.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: -20px; } .records_list.grid_dynamic_layout_store > ul > li { padding-right: 20px; } } /* default feature grid - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_default_feature_grid ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_default_feature_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_default_feature_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_default_feature_grid ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_default_feature_grid ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_default_feature_grid ul li .image::after { padding-top:100.0%; } /* feature panels - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_feature_panels:not(.feature_list) > ul > li { width:33.33% }} .records_list.feature_list.grid_dynamic_layout_feature_panels:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_feature_panels:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_feature_panels ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_feature_panels ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_feature_panels ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_feature_panels > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_feature_panels > ul > li { padding-right: 20px; } } /* exhibitions works - tile_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.tile_list.grid_dynamic_layout_exhibitions_works ul { width: calc(33.33% - 20px) }} .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:50.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_exhibitions_works .tile_list_formatted { margin-right: -20px; } .records_list.grid_dynamic_layout_exhibitions_works .tile_list_formatted ul { padding-right: 20px; } } /* publications featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_publications_featured ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_publications_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_publications_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_publications_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_publications_featured ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_publications_featured ul li .image::after { padding-top:100.0%; } /* press featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_press_featured ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_press_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_press_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_press_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_press_featured ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_press_featured ul li .image::after { padding-top:100.0%; } /* news featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_news_featured ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_news_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_news_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_news_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_news_featured ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_news_featured ul li .image::after { padding-top:100.0%; } /* artfairs featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_artfairs_featured ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_artfairs_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_artfairs_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_artfairs_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_artfairs_featured ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_artfairs_featured ul li .image::after { padding-top:100.0%; } /* exhibitions featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_exhibitions_featured ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_exhibitions_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_exhibitions_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_exhibitions_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_exhibitions_featured ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_exhibitions_featured ul li .image::after { 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:33.33% }} .records_list.feature_list.grid_dynamic_layout_press:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_press:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_press ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_press ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_press ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_press > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_press > ul > li { padding-right: 20px; } } /* news - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_news:not(.feature_list) > ul > li { width:33.33% }} .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 { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_news > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_news > ul > li { padding-right: 20px; } } /* viewing rooms featured forthcoming - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li .image::after { 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:33.33% }} .records_list.feature_list.grid_dynamic_layout_search:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_search:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_search ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_search ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_search ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_search > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_search > ul > li { padding-right: 20px; } } /* viewing rooms featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_viewing_rooms_featured ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_viewing_rooms_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_viewing_rooms_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_viewing_rooms_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_viewing_rooms_featured ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_viewing_rooms_featured ul li .image::after { padding-top:100.0%; } /* viewing rooms works - tile_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.tile_list.grid_dynamic_layout_viewing_rooms_works ul { width: calc(33.33% - 20px) }} .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:50.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_viewing_rooms_works .tile_list_formatted { margin-right: -20px; } .records_list.grid_dynamic_layout_viewing_rooms_works .tile_list_formatted ul { padding-right: 20px; } } /* artist works - tile_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.tile_list.grid_dynamic_layout_artist_works ul { width: calc(33.33% - 20px) }} .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:50.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_artist_works .tile_list_formatted { margin-right: -20px; } .records_list.grid_dynamic_layout_artist_works .tile_list_formatted ul { padding-right: 20px; } } /* exhibitors - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_exhibitors:not(.feature_list) > ul > li { width:33.33% }} .records_list.feature_list.grid_dynamic_layout_exhibitors:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_exhibitors:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_exhibitors ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_exhibitors ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_exhibitors ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_exhibitors > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_exhibitors > ul > li { padding-right: 20px; } } /* feature panels image grid - tile_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.tile_list.grid_dynamic_layout_feature_panels_image_grid ul { width: calc(25.0% - 20px) }} .records_list.feature_list.grid_dynamic_layout_feature_panels_image_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_feature_panels_image_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_feature_panels_image_grid ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_feature_panels_image_grid ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_feature_panels_image_grid ul li .image::after { padding-top:50.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_feature_panels_image_grid .tile_list_formatted { margin-right: -20px; } .records_list.grid_dynamic_layout_feature_panels_image_grid .tile_list_formatted ul { padding-right: 20px; } } /* publications - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_publications:not(.feature_list) > ul > li { width:33.33% }} .records_list.feature_list.grid_dynamic_layout_publications:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_publications:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_publications ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_publications ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_publications ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_publications > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_publications > ul > li { padding-right: 20px; } } /* team - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_team:not(.feature_list) > ul > li { width:33.33% }} .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;} @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_team > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_team > ul > li { padding-right: 20px; } } /* viewing rooms - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_viewing_rooms:not(.feature_list) > ul > li { width:33.33% }} .records_list.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: -20px; } .records_list.grid_dynamic_layout_viewing_rooms > ul > li { padding-right: 20px; } } /* Dynamically created artist list css ------------------- */ .subsection-artist-list-preview-letters .artists_list_dynamic_columns ul { width:20.0% } .subsection-artist-list-standard .artists_list_dynamic_columns ul { width:20.0% } .subsection-artist-list-preview .artists_list_dynamic_columns ul { width:20.0% } /* Light and dark logo variants css ------------------- */ /* Logo text color ------------------- */ #logo { background: none; width: 100%; min-width: 200px; max-width: 200px; } #header #logo.user-custom-logo-image::before { padding-top:45.5%; } .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-artlogicwebsite1939/usr/images/preferences/pp-logo-rgb-black.png'); background-repeat: no-repeat; background-position: center center; background-size: contain; } .browser-msie-6 #logo a, .browser-msie-7 #logo a, .browser-msie-8 #logo a, .browser-msie-9 #logo a, .browser-msie-10 #logo a { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://artlogic-res.cloudinary.com/w_1000,c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite1939/usr/images/preferences/pp-logo-rgb-black.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://artlogic-res.cloudinary.com/w_1000,c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite1939/usr/images/preferences/pp-logo-rgb-black.png', 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: #eae4ea; } /* quick view button */ .buy_enquire_button button, a.buy_enquire_detail_link { color: #eae4ea; } /* 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: #000000 !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: #f0eeec !important; border-color: #f0eeec !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 #f0eeec !important; } /* Hero header slideshow ui buttons ------------------- */ /* Carousel feature panel ui buttons ------------------- */ .slick-prev:before, .slick-next:before { background: #000000 !important; } .slick-prev:before, .slick-next:before { color: #f0eeec !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-artlogicwebsite1939/usr/images/preferences/pp-logo-rgb-black.png'); } } /* Artlogic preferences custom CSS - entered by Artlogic in the preferences screen ------------------- */ /* Client custom user CSS - entered by the client in the preferences screen ------------------- */ /* ----------------------------------------------------------- Load fonts ----------------------------------------------------------- */ @import url(https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap); /* ----------------------------------------------------------- Global Styles ----------------------------------------------------------- */ html { /* IMPORTANT - DO NOT CHANGE THIS VALUE WITHOUT READING DOCUMENTATION ON REM. THIS CAN BE FOUND IN MC: /documentation/art-gallery-sites/development/template-art-gallery-website-development/font-sizes-rem/ */ font-size: 10px; } body { font-family: "Erode", 'PT serif;', Serif; font-weight: 200; color: #010101; font-size: 1.45rem; line-height: 3.1rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a, a:visited, a:hover { color: #000; text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; }, .link_color, .link_color:hover { color: #000; text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; } .link { text-decoration: underline; } h1, h2, h3, h4, h5, h6, #hero_header, .fullscreen_slideshow .hero_splash_text { font-family: "Erode", 'PT serif;', Serif; font-weight: 200; color: #010101; margin: 0 0 15px; } h1 a,h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited, h4 a, h4 a:visited, h5 a, h5 a:visited, h6 a, h6 a:visited { color: #010101; text-decoration: none; } h1 { font-size: 2.1rem; line-height: 2.35rem; margin: 0 0 50px; } h2 { font-size: 1.8rem; line-height: 2.4rem; } h3 { font-size: 1.7rem; } h4 { font-size: 1.5rem; margin: 0 0 10px; } h5 { font-size: 1.4rem; margin: 0 0 6px; } h6 { font-size: 1.3rem; margin: 0 0 6px; } #hero_header, .feature_panels .panel_hero .hero_heading > h2, .feature_panels .panel_hero .hero_heading > a > h2 { font-size: 4.5rem; line-height: 4.5rem; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #hero_header .subtitle, .feature_panels .panel_hero .hero_heading .subtitle { margin: 0; padding: 20px 0 0; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .feature_panels .panel_hero .hero_heading .description { margin: 0; padding: 20px 0 0; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } input, select, textarea { font-family: "Erode", 'PT serif;', Serif; font-weight: 200; color: #010101; font-size: 1.3rem; } blockquote { border: none; border-radius: 0; -moz-border-radius: 0; -moz-box-shadow: 0; -webkit-box-shadow: 0; box-shadow: none; margin: 2em 0; background: none; background-color: transparent; padding: 5px 0 5px 30px; width: 85%; line-height: inherit; overflow: auto; text-indent: 0px; border-left: 1px solid #151515; font-size: 2.4rem; line-height: 3.4rem; } /* Title/heading typography ----------------------------------------------------------- */ h1, h2, h3, h4, h5, h6, #hero_header, .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, .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, .button input, .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, .feature_panels .panel_hero .hero_heading > h2, .feature_panels .panel_hero .hero_heading > a > h2, .section-home .slideshow_pager_inner button, .artists-browser { text-transform: uppercase; letter-spacing: 0.16em; } /* CSS imports ------------------- */ /* Forced mobile nav on all sizes ------------------- */ @import url('/lib/g/2.0/styles/responsive_topnav.css') screen and (max-width: 1023px); @import url('/lib/g/themes/aperture/2.0/styles/responsive_topnav.css') screen and (max-width: 1023px); /* Font imports ------------------- */ @import url(https://fonts.googleapis.com/css2?display=swap&family=PT+Serif:wght@400;700); /* 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 { background-color: #dfded8 } /* 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: #dfded8 } body.slide-nav-active #responsive_slide_nav_wrapper, #responsive_slide_nav_wrapper #top_nav .header_quicksearch_field { background-color: #dfded8 !important; } body.responsive-nav-side-position-fullscreen.slide-nav-open #responsive_slide_nav_wrapper::before { display: none; } #header, .header-fixed-wrapper #header { background-color: #dfded8 } #header:not(.header_transparent) .inner { border: 0; } #header #store_cart_widget a { color: #dfded8; outline-color: #000000; } #preloader #loader:before { background-color: #f2dfa7; } #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: #000000; } 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: "Erode",'PT Serif', Sans-Serif; font-style: normal; font-weight: 400; } /* 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: "Erode",'PT Serif', Sans-Serif; font-weight: 400; font-style: normal; } /* Navigation font ------------------- */ #top_nav.navigation ul li a { font-family: "Erode",'PT Serif', Sans-Serif; font-style: normal; font-weight: 400; } /* User custom html-font sizing ------------------- */ html { font-size: 11.5px; } /* 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: 16px; } body { font-size: 1rem; line-height: 1.5rem; } 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 { 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; } /* 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 { color: #000000; text-decoration: none; } #privacy_policy_form_msg { color: #000000; opacity: 0.5; } /* Link text color ------------------- */ .link, .link:hover{ color: #000; text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; }, .link span, .link span:hover { color: #000; text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; }, .link a, .link a:hover { color: #000; text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; }, .link a:visited, #mc_embed_signup input.button, .simple_list ul li a, a.external { color: #000; text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; } /* 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.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 { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_artfairs > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_artfairs > ul > li { padding-right: 20px; } } /* instagram - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_instagram:not(.feature_list) > ul > li { width: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 { padding-top:50.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_instagram > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_instagram > ul > li { padding-right: 20px; } } /* artworks - tile_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.tile_list.grid_dynamic_layout_artworks ul { width: calc(33.33% - 20px) }} .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:50.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_artworks .tile_list_formatted { margin-right: -20px; } .records_list.grid_dynamic_layout_artworks .tile_list_formatted ul { padding-right: 20px; } } /* default image grid - tile_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.tile_list.grid_dynamic_layout_default_image_grid ul { width: calc(33.33% - 20px) }} .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:50.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_default_image_grid .tile_list_formatted { margin-right: -20px; } .records_list.grid_dynamic_layout_default_image_grid .tile_list_formatted ul { padding-right: 20px; } } /* video - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_video:not(.feature_list) > ul > li { width:33.33% }} .records_list.grid_dynamic_layout_video ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_video ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_video ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_video ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_video ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_video ul li .image::after { padding-top:66.6666666667%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_video > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_video > ul > li { padding-right: 20px; } } /* default grid - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_default_grid:not(.feature_list) > ul > li { width:33.33% }} .records_list.feature_list.grid_dynamic_layout_default_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_default_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_default_grid ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_default_grid ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_default_grid ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_default_grid > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_default_grid > ul > li { padding-right: 20px; } } /* artists - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artists:not(.feature_list) > ul > li { width:20.0% }} .records_list.feature_list.grid_dynamic_layout_artists:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_artists:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_artists ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_artists 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_artists ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_artists > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_artists > ul > li { padding-right: 20px; } } /* video featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_video_featured ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_video_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_video_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_video_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_video_featured ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_video_featured ul li .image::after { padding-top:100.0%; } /* artist works categories - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artist_works_categories:not(.feature_list) > ul > li { width:33.33% }} .records_list.feature_list.grid_dynamic_layout_artist_works_categories:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_artist_works_categories:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_artist_works_categories ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_artist_works_categories ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_artist_works_categories ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_artist_works_categories > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_artist_works_categories > ul > li { padding-right: 20px; } } /* exhibitions - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_exhibitions:not(.feature_list) > ul > li { width:33.33% }} .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 { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_exhibitions > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_exhibitions > ul > li { padding-right: 20px; } } /* events works - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_events:not(.feature_list) > ul > li { width:33.33% }} .records_list.feature_list.grid_dynamic_layout_events:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_events:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_events ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_events ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_events ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_events > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_events > ul > li { padding-right: 20px; } } /* exhibitions installation - tile_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.tile_list.grid_dynamic_layout_exhibitions_installation ul { width: calc(33.33% - 20px) }} .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:50.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_exhibitions_installation .tile_list_formatted { margin-right: -20px; } .records_list.grid_dynamic_layout_exhibitions_installation .tile_list_formatted ul { padding-right: 20px; } } /* artist installation - tile_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.tile_list.grid_dynamic_layout_artist_installation ul { width: calc(33.33% - 20px) }} .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:50.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_artist_installation .tile_list_formatted { margin-right: -20px; } .records_list.grid_dynamic_layout_artist_installation .tile_list_formatted ul { padding-right: 20px; } } /* blog - reading_list-------------------------------------- */ .records_list.grid_dynamic_layout_blog ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_blog ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_blog ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_blog ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_blog ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_blog ul li .image::after { padding-top:66.6666666667%; } /* store featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_store_featured ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_store_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_store_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_store_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_store_featured ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_store_featured ul li .image::after { padding-top:100.0%; } /* events featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_events_featured ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_events_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_events_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_events_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_events_featured ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_events_featured ul li .image::after { padding-top:100.0%; } /* artwork categories landing - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artwork_categories_landing:not(.feature_list) > ul > li { width:33.33% }} .records_list.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: -20px; } .records_list.grid_dynamic_layout_artwork_categories_landing > ul > li { padding-right: 20px; } } /* events - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_events:not(.feature_list) > ul > li { width:33.33% }} .records_list.feature_list.grid_dynamic_layout_events:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_events:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_events ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_events ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_events ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_events > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_events > ul > li { padding-right: 20px; } } /* store - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_store:not(.feature_list) > ul > li { width:33.33% }} .records_list.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: -20px; } .records_list.grid_dynamic_layout_store > ul > li { padding-right: 20px; } } /* default feature grid - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_default_feature_grid ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_default_feature_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_default_feature_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_default_feature_grid ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_default_feature_grid ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_default_feature_grid ul li .image::after { padding-top:100.0%; } /* feature panels - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_feature_panels:not(.feature_list) > ul > li { width:33.33% }} .records_list.feature_list.grid_dynamic_layout_feature_panels:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_feature_panels:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_feature_panels ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_feature_panels ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_feature_panels ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_feature_panels > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_feature_panels > ul > li { padding-right: 20px; } } /* exhibitions works - tile_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.tile_list.grid_dynamic_layout_exhibitions_works ul { width: calc(33.33% - 20px) }} .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:50.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_exhibitions_works .tile_list_formatted { margin-right: -20px; } .records_list.grid_dynamic_layout_exhibitions_works .tile_list_formatted ul { padding-right: 20px; } } /* publications featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_publications_featured ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_publications_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_publications_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_publications_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_publications_featured ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_publications_featured ul li .image::after { padding-top:100.0%; } /* press featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_press_featured ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_press_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_press_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_press_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_press_featured ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_press_featured ul li .image::after { padding-top:100.0%; } /* news featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_news_featured ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_news_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_news_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_news_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_news_featured ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_news_featured ul li .image::after { padding-top:100.0%; } /* artfairs featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_artfairs_featured ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_artfairs_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_artfairs_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_artfairs_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_artfairs_featured ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_artfairs_featured ul li .image::after { padding-top:100.0%; } /* exhibitions featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_exhibitions_featured ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_exhibitions_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_exhibitions_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_exhibitions_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_exhibitions_featured ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_exhibitions_featured ul li .image::after { 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:33.33% }} .records_list.feature_list.grid_dynamic_layout_press:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_press:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_press ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_press ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_press ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_press > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_press > ul > li { padding-right: 20px; } } /* news - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_news:not(.feature_list) > ul > li { width:33.33% }} .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 { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_news > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_news > ul > li { padding-right: 20px; } } /* viewing rooms featured forthcoming - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li .image::after { 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:33.33% }} .records_list.feature_list.grid_dynamic_layout_search:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_search:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_search ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_search ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_search ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_search > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_search > ul > li { padding-right: 20px; } } /* viewing rooms featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_viewing_rooms_featured ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_viewing_rooms_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_viewing_rooms_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_viewing_rooms_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_viewing_rooms_featured ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_viewing_rooms_featured ul li .image::after { padding-top:100.0%; } /* viewing rooms works - tile_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.tile_list.grid_dynamic_layout_viewing_rooms_works ul { width: calc(33.33% - 20px) }} .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:50.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_viewing_rooms_works .tile_list_formatted { margin-right: -20px; } .records_list.grid_dynamic_layout_viewing_rooms_works .tile_list_formatted ul { padding-right: 20px; } } /* artist works - tile_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.tile_list.grid_dynamic_layout_artist_works ul { width: calc(33.33% - 20px) }} .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:50.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_artist_works .tile_list_formatted { margin-right: -20px; } .records_list.grid_dynamic_layout_artist_works .tile_list_formatted ul { padding-right: 20px; } } /* exhibitors - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_exhibitors:not(.feature_list) > ul > li { width:33.33% }} .records_list.feature_list.grid_dynamic_layout_exhibitors:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_exhibitors:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_exhibitors ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_exhibitors ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_exhibitors ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_exhibitors > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_exhibitors > ul > li { padding-right: 20px; } } /* feature panels image grid - tile_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.tile_list.grid_dynamic_layout_feature_panels_image_grid ul { width: calc(25.0% - 20px) }} .records_list.feature_list.grid_dynamic_layout_feature_panels_image_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_feature_panels_image_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_feature_panels_image_grid ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_feature_panels_image_grid ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_feature_panels_image_grid ul li .image::after { padding-top:50.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_feature_panels_image_grid .tile_list_formatted { margin-right: -20px; } .records_list.grid_dynamic_layout_feature_panels_image_grid .tile_list_formatted ul { padding-right: 20px; } } /* publications - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_publications:not(.feature_list) > ul > li { width:33.33% }} .records_list.feature_list.grid_dynamic_layout_publications:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_publications:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_publications ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_publications ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_publications ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_publications > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_publications > ul > li { padding-right: 20px; } } /* team - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_team:not(.feature_list) > ul > li { width:33.33% }} .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;} @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_team > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_team > ul > li { padding-right: 20px; } } /* viewing rooms - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_viewing_rooms:not(.feature_list) > ul > li { width:33.33% }} .records_list.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: -20px; } .records_list.grid_dynamic_layout_viewing_rooms > ul > li { padding-right: 20px; } } /* Dynamically created artist list css ------------------- */ .subsection-artist-list-preview-letters .artists_list_dynamic_columns ul { width:20.0% } .subsection-artist-list-standard .artists_list_dynamic_columns ul { width:20.0% } .subsection-artist-list-preview .artists_list_dynamic_columns ul { width:20.0% } /* Light and dark logo variants css ------------------- */ /* Logo text color ------------------- */ #logo { background: none; width: 100%; min-width: 200px; max-width: 200px; } #header #logo.user-custom-logo-image::before { padding-top:45.5%; } .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-artlogicwebsite1939/usr/images/preferences/pp-logo-rgb-black.png'); background-repeat: no-repeat; background-position: center center; background-size: contain; } .browser-msie-6 #logo a, .browser-msie-7 #logo a, .browser-msie-8 #logo a, .browser-msie-9 #logo a, .browser-msie-10 #logo a { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://artlogic-res.cloudinary.com/w_1000,c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite1939/usr/images/preferences/pp-logo-rgb-black.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://artlogic-res.cloudinary.com/w_1000,c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite1939/usr/images/preferences/pp-logo-rgb-black.png', 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 { 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 { 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 { 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: #fff; } /* quick view button */ .buy_enquire_button button, a.buy_enquire_detail_link { color: #dfded8; } /* 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: #000000 !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: #f0eeec !important; border-color: #f0eeec !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 #f0eeec !important; } /* Hero header slideshow ui buttons ------------------- */ /* Carousel feature panel ui buttons ------------------- */ .slick-prev:before, .slick-next:before { background: #000000 !important; } .slick-prev:before, .slick-next:before { color: #f0eeec !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-artlogicwebsite1939/usr/images/preferences/pp-logo-rgb-black.png'); } } /* Artlogic preferences custom CSS - entered by Artlogic in the preferences screen ------------------- */ /* Client custom user CSS - entered by the client in the preferences screen ------------------- */ /* ---------------------------------------------------------------------------------- Art Gallery Website Template Theme name: Aperture ---------------------------------------------------------------------------------- */ /* ----------------------------------------------------------- Layout ----------------------------------------------------------- */ #container { max-width: 1660px; } /* Header area ----------------------------------------------------------- */ #header, #header.header_fixed { background: #dfded8; /*transition: box-shadow 0.5s linear, transform 600ms cubic-bezier(.65,.06,.19,.96), opacity 800ms ease-in-out;*/ } /*body:not(.slide-nav-open) .scrolling-down #header.header_fixed {*/ /* transform: translate3d(0, -150%, 0);*/ /*}*/ /* body .page-scroll #header.header_fixed {*/ /* -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);*/ /* box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);*/ /*}*/ #header .inner, #header.header_fixed .inner { max-width: 1500px; } #header .inner { transition: border 0.2s linear; border-bottom: 1px solid #ebebeb; } .page-scroll #header .inner, .layout-hero-header #header .inner { border-color: transparent; } /* Generic navigation ----------------------------------------------------------- */ .navigation { } .navigation ul { } .navigation ul li.last { margin-right: 0 !important; } .navigation ul li a { line-height: 1.8rem; font-size: 1.25rem; font-weight: 200; padding: 0 0 5px; } .navigation, .navigation a, .navigation ul li a, .navigation ul li a:visited { color: #000; } .navigation, .navigation a, .navigation ul li a:hover { color: #000; } .navigation ul li.active a, .navigation ul li.active a:visited, .navigation ul li.active a:hover, #top_nav.navigation > ul > li.active_dir > a, #top_nav.navigation > ul > li.active_dir > a:visited, #top_nav.navigation > ul > li.active_dir > a:hover { color: #010101; } /* Top nav ----------------------------------------------------------- */ #top_nav.navigation { float: right; clear: none; padding: 0; } #top_nav ul { display: inline-block; vertical-align: middle; } #top_nav.navigation ul li { margin: 0 0 0 25px; } #top_nav.navigation ul li:first-child { margin-left: 0; } #top_nav.navigation ul li a, #top_nav.navigation .dropdown-btn { font-size: 1.25rem; padding: 8px 0; } /* Additional nav ----------------------------------------------------------- */ .additional_nav { padding-top: 8px; } .additional_nav ul li a, .additional_nav ul li a:visited { text-transform: none; font-size: 1.2rem; color: #000; } #slide_nav_reveal { font-size: 1.25rem; padding-top: 5px; } /* Search ----------------------------------------------------------- */ #quicksearch_btn { color: #9e9e9e; text-decoration: none; } .header_quick_search { display: inline-block; vertical-align: middle; /*margin: 0 0 0 12px;*/ } #header.header_layout_right .header_quick_search { margin: 0 12px 0 0 ; } .header_quick_search form { width: auto; border: 0; padding: 0; line-height: initial; } .header_quick_search.active form { } .header_quick_search .inputField { padding: 7px 0; width: 68px; font-size: 1.25rem; line-height: 1.55rem; border: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .header_quick_search input, .header_quick_search select, .header_quick_search textarea { font-size: 1.2rem; color:#000; margin: 0; } .header_quick_search.active input, .header_quick_search.active select, .header_quick_search.active textarea { cursor: auto; color: #010101; } .header_quick_search input:focus { outline:none; } .header_quick_search #header_quicksearch_btn { display: inline-block !important; padding: 8px 0 0; margin: 0; text-decoration: none; width:18px; float: none; color: #151515; } .quicksearch-icon::after { font-size: 15px; } /* Sub nav ----------------------------------------------------------- */ #sub_nav.navigation, #exhibitions_nav.navigation, .list_grid_control.navigation, .subsection-navigation.navigation, .heading_wrapper .news_filters_group.navigation { float: right; clear: none; padding: 0 0 0; margin-top: 30px; } .artist-works-categories-grid-container .artist_works_categories_header .subsection-navigation { margin-top: 4px; } .heading_wrapper #sub_nav.navigation, .heading_wrapper #exhibitions_nav.navigation, .heading_wrapper .list_grid_control.navigation, .heading_wrapper.subsection-navigation.navigation, .heading_wrapper .news_filters_group.navigation { margin-top: 5px; } #sub_nav.navigation ul li, #exhibitions_nav.navigation ul li, .list_grid_control.navigation ul li { /*margin: 0 0 0 24px;*/ } #sub_nav.navigation ul li:first-child, #exhibitions_nav.navigation ul :first-child, .list_grid_control.navigation ul :first-child { /*margin-left: 0;*/ } .heading_wrapper.heading_wrapper_alternative #sub_nav.navigation { float: left; } /* Dynamic sub_nav -----------------------------------------------------------*/ #page_header { padding: 0 80px; } #page_header .page-header-inner { max-width: 1500px; margin: 0 auto; } #page_header .page-header-inner .h1_heading { font-size: 2.35rem; line-height: 2.4rem; } /* Content areas ----------------------------------------------------------- */ #main_content { padding: 60px 0 0; margin: 0 0 60px; } #content { clear: both; } #content_module, .content_module { float: left; width: 50%; } #sidebar, .sidebar { float: right; width: 50%; box-sizing: border-box; padding-left: 50px; } #sidebar .image, #sidebar .image { height: auto; background: none; } #sidebar .image img, .sidebar .image img { display: block; margin: 0 auto; } #sidebar .caption, .sidebar .caption { font-size: 0.9em; line-height: 2.2em; } #content #full { margin-bottom: 40px; } /* Page headings ----------------------------------------------------------- */ #h1_wrapper , .h1_wrapper{ float: left; min-width: 300px; } h1 { margin: 0 0 50px; float: left; } h1.has_subtitle { margin: 0 0 14px; } h1.has_subnav { margin: 0; } .heading_wrapper { margin: 0 0 50px; } .heading_wrapper h1 { margin: 0 0 10px; float: none; } .heading_wrapper h1.has_subtitle { margin: 0 0 28px; } .heading_wrapper h1 .h1_heading { margin: 0 0 28px; display: block; width: 100%; } .heading_wrapper h1 .separator { display: none; } .heading_wrapper h1 .h1_subtitle { float: left; margin: 0 25px 0 0; line-height: 1.8rem; } .heading_wrapper .subtitle, .heading_wrapper .date, .heading_wrapper .location{ float: left; clear: none; margin: 0 20px 0 0; line-height: 1.8rem; } .heading_wrapper #sub_nav { /*margin: 0;*/ } /* Footer ----------------------------------------------------------- */ #footer { border-top: 1px solid #000; color: #000; font-weight: 200; padding: 30px 0 30px; margin: 0 0 30px; } #footer #contact_info { float: left; max-width: 450px; } #footer .copyright { float: left; margin-right: 50px; } #footer .small-links-container { font-size: 1.1rem; } #footer #copyright { font-size: 1rem; margin: 0 0 6px; } #footer a:not(.submit_button), #footer a:visited:not(.submit_button) { color: #000; text-decoration: none; } /* ----------------------------------------------------------- Page Specific ----------------------------------------------------------- */ /* Home ----------------------------------------------------------- */ .section-home #main_content { margin-bottom: 0; } .section-home #slideshow ul, .section-home #slideshow ul li { display: block; } .section-home #slideshow.records_list .image { margin: 0 0 33px; } .section-home #slideshow .description { display: none; } /* Artists ----------------------------------------------------------- */ .page-artists .subsection-works #image_gallery .subtitle, .page-artists .subsection-works .image_list ul li .content, .transparent.store_item.store_item_dynamic_status.clearwithin>.store_item_controls>.buy_now_store_item_add_container>button.store_item_add_to_cart>span, .buy_now_enquire>.enquire_button_container.clearwithin > .button > a{ color: #fff; text-transform: uppercase; } /* Artist list preview ----------------------------------------------------------- */ .page-artists .subsection-artist-list-preview { } .page-artists .subsection-artist-list-preview #list_preview_navigation.records_list.columns_list ul li { margin: 0 0 10px; } .page-artists .subsection-artist-list-preview #content_module { float: left; } .page-artists .subsection-artist-list-preview #sidebar { float: right; } /* Artist list preview letters a-z ----------------------------------------------------------- */ .page-artists .subsection-artist-list-preview-letters { } .page-artists .subsection-artist-list-preview-letters #content_module { float: left; } .page-artists .subsection-artist-list-preview-letters #sidebar { float: right; } /* Artist detail ----------------------------------------------------------- */ .subsection-artist-detail-page .link.view_works { display: none; } #sub_nav .artists-browser { line-height: 1.8rem; } /* #sub_nav .artists-browser .artists-browser-label { padding: 0 0 5px; } */ /* Artist - video ----------------------------------------------------------- */ .page-artists .subsection-video #sidebar, .page-artists .subsection-video .sidebar { display: none; } .page-artists .subsection-video #content_module, .page-artists .subsection-video .content_module{ width: 100%; } /* Artworks (for single artist websites) ----------------------------------------------------------- */ .page-artworks #image_gallery .subtitle, .page-artworks .image_list ul li .content { color: #010101; } /* Exhibitions ----------------------------------------------------------- */ .section-exhibitions #content.exhibition-list-outer-container, .section-exhibitions #exhibitions-grid-container { clear: none; } #exhibitions-grid-container { clear: both; } #exhibitions-grid-container .divider { display: none; } #exhibitions-grid-container .subsection-exhibitions-grid { padding: 0; margin: 0 0 26px; } #exhibitions-grid-forthcoming .subheading, #exhibitions-grid-past .subheading { } #exhibitions-grid-container #exhibitions-grid-past.subsection-exhibitions-grid { margin: 0; border-bottom: 0; } #back_to_exhibitions_link, .section-exhibitions .back_to_link { display: none; } .section-exhibitions .heading_wrapper h1 { margin: 0; } .section-exhibitions .heading_wrapper .location { display: block; } /* Events ----------------------------------------------------------- */ #events-grid-container { } #events-grid-container .divider { display: none; } #events-grid-container .subsection-events-grid { padding: 0; margin: 0 0 26px; } #events-grid-forthcoming .subheading, #events-grid-past .subheading { } #events-grid-container #events-grid-past.subsection-events-grid { margin: 0; border-bottom: 0; } .event-details-wrapper .event-details span { font-weight: 200; color: #000; font-size: 1.25rem; line-height: 2em; display: block; } .event-details-wrapper .event-details a, .event-details-wrapper .event-details a:visited { color: #000; text-decoration:none; } .event-details-wrapper .event-details a:hover{ color: #010101; } /* Art fairs ----------------------------------------------------------- */ #art-fairs-grid-container .subsection-art-fairs-grid { padding: 0; margin: 0 0 20px; } #art-fairs-grid-container #art-fairs-grid-past.subsection-art-fairs-grid { margin: 0; border-bottom: 0; } /* Press ----------------------------------------------------------- */ .subsection-press .records_list .content .link, .section-press .records_list .content .link { display: inline-block; text-align: left; } .subsection-press .records_list .content .link a, .section-press .records_list .content .link a { display: block; text-align: left; width: 100%; } /* Publications ----------------------------------------------------------- */ .section-publications .records_list .image span { text-align: left; } .section-publications .records_list .image span img { margin: 0; } .section-publications .records_list .content .description { display: block; } .section-publications .records_list .content .description .format { margin: 0 0 8px; display: block; } /* Blog ----------------------------------------------------------- */ .section-blog .blog_detail_about_author { margin-bottom: 20px; } .section-blog .blog_detail_about_author .image img { -moz-border-radius: 200px; -webkit-border-radius: 200px; border-radius: 200px; } .section-blog .records_list.reading_list ul li .blog_toolbar .author .icon img { -moz-border-radius: 200px; -webkit-border-radius: 200px; border-radius: 200px; } .section-blog .subsection-blog-grid #sidebar { padding-left: 60px; box-sizing: border-box; } .section-blog .subsection-blog-record #content_module .image { display: block; margin-bottom: 40px; } /* Store ----------------------------------------------------------- */ #shopping_cart_container h1 { float: none; display: block; } .section-store .subsection-store-basket { } .section-store .subsection-store-basket #content_module { float: left; width: 68%; } .section-store .subsection-store-basket #sidebar { float: right; width: 32%; } .section-store .subsection-store-basket h2 { margin: 0 0 35px; } #sc_checkout_content #shipping_container #shipping_zones_container h3, #sc_checkout_content #shipping_container #shipping_options_container h3 { font-size: 1.3rem; } #store_cart_widget { font-size: 1.25rem; margin-top: -25px; } #store_cart_widget a { } #store_cart_widget #scw_heading { } #store_cart_widget #scw_items .scw_total_items, #store_cart_widget #scw_items .scw_total_price { } #store_cart_widget #scw_checkout { } #header #store_cart_widget.active, #header #store_cart_widget:not(.hide_when_empty) { opacity: 1.0 !important; display: inline-block !important; vertical-align: middle; float: none; /*margin: 0 0 0 12px;*/ position: relative; width: 24px; } #header.header_layout_right #store_cart_widget.active, #header.header_layout_right #store_cart_widget:not(.hide_when_empty) { /*margin: 0 12px 0 0;*/ } #header #store_cart_widget.active { visibility: visible; } #header #store_cart_widget::after, #header #store_cart_widget::before { font-family: "artlogic-social-icons" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; font-size:20px; letter-spacing: 0; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 1px; left: 2px; height: 30px; line-height: 24px; } /* Regular bag ----------- */ #header #store_cart_widget::before { content: "\e03e"; opacity:1.0; /*color: #000;*/ } #header #store_cart_widget:hover::before { color: #101010; } #header #store_cart_widget::after { content: "\e03f"; opacity: 0; } #header #store_cart_widget.active:not(.empty)::after { opacity: 1.0; color: #101010; } #header #store_cart_widget.active:not(.empty)::before { opacity: 0; } #header #store_cart_widget a { display: block; width: 24px; height: 30px; color: #fff; letter-spacing: 0; } #header #store_cart_widget #scw_items { float: none; width: 100%; text-align: center; display: block; position: relative; z-index: 99; /*opacity: 0; commented out so basket icon can show outline when focused on - for accessibility */ } /*commented out so basket icon can show outline when focused on - for accessibility */ /*#header #store_cart_widget.active:not(.empty) #scw_items {*/ /* -webkit-transition: opacity 0.3s ease-in-out;*/ /* -moz-transition: opacity 0.3s ease-in-out;*/ /* transition: opacity 0.3s ease-in-out;*/ /* opacity: 1.0;*/ /*}*/ #header #store_cart_widget.empty #scw_items .scw_total_items { display: none; } #header #store_cart_widget #scw_items .scw_total_items { width: 100%; height: 30px; margin: 0; text-align: center; line-height: 31px; font-size: 9px; font-weight: bold; letter-spacing: -0.5px; margin-left: 0; } #header #store_cart_widget #scw_heading, #header #store_cart_widget #scw_checkout, #header #store_cart_widget .currency_store_select_wrapper, #header #store_cart_widget #scw_items .scw_total_price, #header #store_cart_widget #scw_items .scw_total_items_text { display: none !important; } #header #store_cart_widget #scw_items .scw_total_items { } #header #store_cart_widget #scw_items .scw_total_count { width: 24px; height: 30px; display: inline; } #header #store_cart_widget #scw_checkout { } #sc_total_price_container .order_total_wrapper { color: #A81B11; font-size: 1.4em; } #scw_popup_inner { } div.arprompt .arpromptclose { margin: 0; float: right; text-indent: -9999px; height: 20px; } div.arprompt .arpromptclose:after { content: "\e031"; font-family: "artlogic-social-icons" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; font-size: 19px; letter-spacing: 0; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-indent: 0; display: block; cursor: pointer; float: right; line-height: 19px; } /* About ----------------------------------------------------------- */ /* Team ----------------------------------------------------------- */ .section-team .records_list .content .description, .section-team .records_list .content .link { display: block; } /* Clients ----------------------------------------------------------- */ .section-clients .records_list .content .description { display: block; } /* Contact ----------------------------------------------------------- */ .section-contact #map_basic { height: auto } .section-contact #map_basic::before { content: ''; padding-top: 100%; display: block; position: relative; } .section-contact #map_basic > div { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } /* ----------------------------------------------------------- Global Classes ----------------------------------------------------------- */ /* Splash screen ----------------------------------------------------------- */ #home_splash .content { font-size: 60px; line-height: 70px; } /* Hero header ----------------------------------------------------------- */ #hero_header > .inner { box-sizing: border-box; max-width: 1660px; } /* Fullscreen slideshows ----------------------------------------------------------- */ .fullscreen_slideshow .hero_splash_text { font-weight: 200; color: #fff; padding: 0; } .fullscreen_slideshow ul li .content { } .fullscreen_slideshow ul li .content .inner { margin: 0 auto; max-width: 1500px; } #hero_header .fullscreen_slideshow ul li .content .inner { width: 100%; } .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 { color: #fff; font-size: 3.2rem; line-height: 3.4rem; } .fullscreen_slideshow.hero_splash_text_enabled ul li .content h2, .fullscreen_slideshow.hero_splash_text_enabled ul li .content h2 a, .fullscreen_slideshow.hero_splash_text_enabled ul li .content h2 a:visited, .fullscreen_slideshow.hero_splash_text_enabled ul li .content h2 a .separator, .fullscreen_slideshow.hero_splash_text_enabled ul li .content h2 a .h1_subtitle { font-size: 1.4rem; line-height: 1.6rem; } /* Image gallery Standard page-by-page image gallery ----------------------------------------------------------- */ #image_gallery { } #image_gallery #content_module .subtitle { margin: 0 0 10px; font-size: 1.3rem; } #image_gallery #content_module .detail_view_module, #image_gallery #secondary_content_module .detail_view_module { color: #000; } #image_gallery #content_module h3 { font-weight: 200; color: #010101; font-size: 1.2rem; line-height: 1.2em; } /* Records list Default styling for all content grids on the site ----------------------------------------------------------- */ .records_list { } .records_list .content { text-align: left; font-size: 0.9em; line-height: 1.7em; } .records_list .content h2 { font-size: 1.65rem; line-height: 2rem; color: #010101; margin: 0 0 15px; } .records_list .content .subtitle, .records_list .content .date, .records_list .content .location { font-size: 1.15rem; line-height: 1.6rem; color: #000; } .records_list .content .price, .records_list .item .price { font-size: 1.05rem; padding-top: 10px; } .records_list .content .description { color: #000; } body:not(.section-team) .records_list:not(.feature_list):not(.reading_list) li:not(.custom_panel) .content .description:not(.user_defined), body:not(.section-team) .records_list:not(.feature_list):not(.reading_list):not(.custom_list) .content .link:not(.user_defined) { display: none; } .records_list ul li .content .title, .records_list ul li .content .artist { font-size: 1.3rem; line-height: 2rem; color: #010101; margin-bottom: 1rem; overflow-wrap: break-word; } .records_list ul li .content .artist { color: #010101; } /* DC - I think this was previously here to override hardcoded artwork italics, or to neaten up text generally. Turning off for now as clients mostly want this formatting carried through */ /*.records_list ul li .content em {*/ /* font-style: normal;*/ /*}*/ .records_list ul li .content strong { } .records_list ul li .signed_and_dated, .records_list ul li .dimensions, .records_list ul li .medium { color: #010101; font-weight: 200; letter-spacing: 0; text-transform: none; } /* Records lists in a sidebar ----------------------------------------------------------- */ #sidebar .feature_panels ul li { border-bottom: 1px solid #ebebeb; } /* Mini list Small list with image and one line text (e.g. related items) ----------------------------------------------------------- */ .mini_list { } .mini_list ul li .content h2 { font-size: 1.2rem; padding-right: 0 } /* Related items panel ----------------------------------------------------------- */ .related_items_panel { } .related_items_panel > h3, .related_items_panel h3.related_items_panel_heading, .related_items_panel h2.related_items_panel_heading { border-bottom: 1px solid #EBEBEB; padding: 0 0 10px; margin: 0 0 20px; font-size: 1.25rem; } /* Names list A list of names without images ----------------------------------------------------------- */ .names_list { } /* Feature panels ----------------------------------------------------------- */ .feature_panels { } .feature_panels .no_image h2 { margin-top: 0; } .feature_panels .description { display: block; } .feature_panels .fp_title + .description, .feature_panels .subtitle + .description { padding-top: 20px; } .feature_panels .link { display: block; padding-top: 20px; } .feature_panels .panel_image_text_adjacent .content h2 { font-size: 2.7rem; line-height: 3.2rem; } .feature_panels .panel_standard.panel_style_standard img { height: 100%; width: 100%; object-fit: cover; } /* Feature list Full width grid item which is much larger than other grids ----------------------------------------------------------- */ .feature_list { } .records_list.feature_list ul li { margin: 0 0 75px; display: flex; align-items: center; } .records_list.feature_list ul li .image { width: 60%; } .records_list.feature_list ul li .content { width: 40%; } .feature_list ul li .content h2 { font-size: 3rem; line-height: 4rem; margin: 0 0 25px; } .feature_list ul li .content .subtitle { border-bottom: 1px solid #ebebeb; font-size: 1.25rem; padding: 0 0 12px; margin: 0 0 12px; } .feature_list ul li .content .date { font-size: 1.25rem; margin: 0 0 14px; } .feature_list ul li .content .description { display: block; margin: 0 0 20px; padding-top: 20px; } .feature_list ul li .content .link { display: block; margin: 0 0 20px; } .feature_list ul li .content .location { font-size: 1.25rem; margin: 0 0 14px; } /* Full list A grid where the image fill the full width ----------------------------------------------------------- */ .full_list { } .full_list ul li .content h2, .full_list ul li .content .h1_subtitle { font-size: 2.7rem; line-height: 3.1rem; margin: 0 0 22px; } .full_list ul li .content .subtitle { border-bottom: 1px solid #ebebeb; font-size: 1.25rem; padding: 0 0 12px; margin: 0 0 12px; } .full_list ul li .content .date { font-size: 1.25rem; margin: 0 0 14px; } .full_list ul li .content .description { display: block; font-weight: 200; margin: 0 0 16px; } .full_list ul li .content .link { display: block; padding: 16px 0 0; } /* Expanding detail list ----------------------------------------------------------- */ .records_list.detail_expand_grid .expander_detail #image_gallery #content_module .subtitle{ font-size: 1.9rem; line-height: 2.3rem; margin: 0 0 22px; } .records_list.detail_expand_grid .expander_detail #image_gallery #content_module .signed_and_dated, .records_list.detail_expand_grid .expander_detail #image_gallery #content_module .dimensions, .records_list.detail_expand_grid .expander_detail #image_gallery #content_module .medium { font-size: inherit; } /* Filters panel ----------------------------------------------------------- */ .filters_panel.filters_layout_above_list { border-bottom: 1px solid #ebebeb; padding-bottom: 40px; } .filters_panel.filters_layout_sidebar .fp-module { border-bottom: 1px solid #ebebeb; padding-bottom: 20px; margin-bottom: 20px; } /* Button ----------------------------------------------------------- */ .button { background: #151515; } .button a, .button a:visited, .button a:hover, .button span, .button input { color: #fff; } .button.loading .button_loader svg .path { stroke: #fff; } .store_items_standard .store_item_remove_container { font-size: 1.3rem; } .tabbing-detected .button a:focus, .tabbing-detected .button:focus { outline-offset: -8px; outline-color: white; outline-style: solid; } .browser-msie.tabbing-detected .button a:focus { border: 3px solid yellow; } /* link Basic text link usually used throughout the site ----------------------------------------------------------- */ .link, .simple_list ul li { font-weight: 200; color: #000; font-size: 1.25rem; } .link span, .link a, .link a:visited, .simple_list ul li a, .simple_list ul li a:visited { color: #000; font-weight: 200; } /* Social links A list of social links, usually appears on the contact page ----------------------------------------------------------- */ #social_links_list { } #social_links_list ul li { font-weight: 200; color: #000; font-size: 1.15rem; } /* Social media ----------------------------------------------------------- */ #social_links { } #social_links .social_links_item { float: left; width: 32px; height: 32px; margin: 0 0 10px 10px; } #social_links .social_links_item a { text-indent: -9999px; float: left; width: 32px; height: 32px; /*outline: none;*/ } #social_links .social_links_item a .social_media_icon { background-color: #000; } /* Add to calendar links ----------------------------------------------------------- */ .add_to_calendar_link.event_date_dropdown a.add_to_calendar_button { color: #010101; } #hero_heading .add_to_calendar_link.event_date_dropdown a.add_to_calendar_button { font-weight: normal; } .add_to_calendar_link.event_date_dropdown.teaser_subtitle a.add_to_calendar_button { color: #000; } /* Page sharing ----------------------------------------------------------- */ .add_to_calendar_link, .share_link { font-size: 1.1rem; } .add_to_calendar_link a, .share_link a { padding: 4px 8px 0 8px; line-height: 2.2rem; } /* Pagination ----------------------------------------------------------- */ .page_stats { padding: 30px 0 0; margin-top: 20px; border-top: 1px solid #ebebeb; clear: both; } .page_stats .ps_item { color: #000; font-size: 1.25rem; font-weight: 200; } .page_stats .ps_item a, .page_stats .ps_item a:visited { color: #010101; } .page_stats .ps_pages { color: #000; font-size: 1.25rem; font-weight: 200; } /* Miscellaneous Common classes used throughout the site, generally on grids ----------------------------------------------------------- */ .subheading { font-weight: 200; color: #000; font-size: 1.25rem; margin: 0 0 50px; display: flex; align-items: center; } .subheading::after { content: ''; border-top: 1px solid #eee; padding: 0; flex-grow: 1; display: block; } .subheading span { padding: 0 10px 0 0; } .subheading_description { margin-top: -25px; margin-bottom: 50px; } .poster, .subtitle, .heading_wrapper h1 .h1_subtitle, .location { font-weight: 200; color: #010101; font-size: 1.25rem; line-height: 1.4em; } .date { font-weight: 200; color: #000; font-size: 1.25rem; line-height: 1.4em; } .price { font-weight: 200; letter-spacing: 0.1em; line-height: 1.4em; font-size: 1.3rem; } /* Fancybox overrides ----------------------------------------------------------- */ #fancybox-overlay { background: #010101 !important; } #fancybox-title-main { font-size: 1.25rem; font-weight: 200; color: #010101; } #fancybox-title-main .artist strong { color: #010101; font-size: 1.25rem; font-weight: 200; font-weight: 200; } .fancybox-title .price { letter-spacing: 0.1rem; font-size: 1.2rem; } /* Mailchimp form ----------------------------------------------------------- */ #mc_embed_signup input.button { font-family: inherit; width: auto; font-size: 1.2rem; font-weight: normal; color: #000; }