/* CSS imports ------------------- */ /* Forced mobile nav on all sizes ------------------- */ @import url('/lib/g/2.0/styles/responsive_topnav.css') screen and (max-width: 1023px); @import url('/lib/g/themes/aperture/2.0/styles/responsive_topnav.css') screen and (max-width: 1023px); /* Font imports ------------------- */ @import url(https://fonts.googleapis.com/css?family=Lato:300,700); @import url(https://fonts.googleapis.com/css?family=Josefin+Sans:400,700); /* Background colour --------------*/ body.slide-nav-active #responsive_slide_nav_wrapper, #responsive_slide_nav_wrapper #top_nav .header_quicksearch_field { background-color: #2f2f2f !important; } body.responsive-nav-side-position-fullscreen.slide-nav-open #responsive_slide_nav_wrapper::before { display: none; } #header.header_transparent .dropdown-mask { background-color: transparent !important; } #preloader #loader:before { background-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: #ededed; } /* Fonts----------------------------- */ /* Main body font ------------------- */ body, input, select, textarea { font-family: 'Lato', Sans-Serif; } /* Heading and emphasis font ------------------- */ #logo a, #footer, #home_splash .content, .navigation ul li a, .link, .link a, .page_stats, .subheading span, .subheading, .subtitle, .poster, .date, .price, #hero_heading, #hero_header .title, #hero_header .subtitle, h1, h2, h3, h4, h5, h6, .fullscreen_slideshow .hero_splash_text, .records_list ul li .content .title, .records_list ul li .content .artist, #cover_page_slideshow_pager, #mc_embed_signup input.button, .countdown_clock, #artists-browser .artists-browser-label, .artists-browser .artists-browser-label { font-family: 'Lato', Sans-Serif; } /* Navigation font ------------------- */ #top_nav.navigation ul li a, #top_nav #full_nav .dropdown-btn { font-family: 'Josefin Sans', Sans-Serif; font-weight:400; } /* User custom html-font sizing ------------------- */ html { font-size: 9.5px; } /* Title - Heading spacing and transform ------------------- */ h1, h2, h3, h4, h5, h6, #hero_header .title, .fullscreen_slideshow .hero_splash_text, #logo a, .navigation ul li a, #slide_nav_reveal, #header_quick_search .inputField, #header_quick_search input, #header_quick_search select, #header_quick_search textarea, #header_quick_search #header_quicksearch_btn, #footer #artlogic, #footer #copyright, #footer #copyright .copyright-text, #footer .small-links-container, .page-artists h1 #artist_years, .page-artists h1 .artist_years, .event-details-wrapper .event-details span, .subsection-press .records_list .content .link a, .section-press .records_list .content .link a, #store_cart_widget, .fullscreen_slideshow .hero_splash_text, .fullscreen_slideshow .hero_splash_text .title, .fullscreen_slideshow ul li .content h2, .fullscreen_slideshow ul li .content h2 a, .fullscreen_slideshow ul li .content h2 a:visited, .fullscreen_slideshow ul li .content h2 a .separator, .fullscreen_slideshow ul li .content h2 a .h1_subtitle, #image_gallery #content_module h3, .records_list .content h2, .records_list .content .subtitle, .records_list .content .date, .records_list .content .location , .records_list ul li .content .title, .records_list ul li .content .artist, .feature_panels .panel_image_text_adjacent .content h2, .feature_list ul li .content h2, .feature_list ul li .content .subtitle, .feature_list ul li .content .date, .feature_list ul li .content .location, .full_list ul li .content h2, .full_list ul li .content .subtitle, .full_list ul li .content .date, .records_list.detail_expand_grid .expander_detail #image_gallery #content_module .subtitle, .link, .button, .simple_list ul li, #social_links_list ul li, .page_stats .ps_item, .page_stats .ps_pages, #protected_path_login #container h1, #protected_path_login #container label, .subheading, .poster, .subtitle, .h1_subtitle, .location , .date, .price, #fancybox-title-main .artist strong, #mc_embed_signup input.button, #home_splash .content, #hero_header .subtitle, .feature_panels .panel_hero .hero_heading .subtitle, #hero_header .inner, .feature_panels .panel_hero .hero_heading > h2, .feature_panels .panel_hero .hero_heading > a > h2, #cover_page_slideshow_pager, #artists-browser, .artists-browser , .exhibition-header .h1_subtitle, #top_nav #full_nav .has_dropdown_items .dropdown-btn, #top_nav #full_nav .has_dropdown_items_mobile .dropdown-btn{ text-transform: uppercase; letter-spacing: 0.09em; } /* Text colours----------------------------- */ /* Heading and emphasis text colour ------------------- */ /* Colour None */ /* Subheading and secondary emphasis text colour ------------------- */ /* Body/main text colour ------------------- */ body, a, a:visited, a:hover, #social_sharing_links.popup_vertical ul li.social_links_item a, #social_sharing_links.popup_vertical ul li.social_links_item a:visited, .social_sharing_links.popup_vertical ul li.social_links_item a, .social_sharing_links.popup_vertical ul li.social_links_item a:visited, .page-artists .subsection-works #image_gallery .subtitle, .page_stats .ps_item a, .page_stats .ps_item a:visited, .page-artworks #image_gallery .subtitle, .fancybox-skin, div.arprompt, .records_list .content, div.arprompt .arpromptmessage, .fancybox-type-image .fancybox-close::after, .fancybox-type-image .fancybox-prev span:after, .fancybox-type-image .fancybox-next span:after, .store_items_condensed .store_item_add_to_cart span, .store_items_condensed .store_item_add_to_cart.button span, .store_items_standard .store_item_remove_container .store_item_remove_from_cart:after, .subsection-store-products-record .store_item_remove_container .store_item_remove_from_cart:after, #sc_checkout_container #sc_checkout_payment_form .form_row .inputField, #sc_checkout_container #sc_checkout_payment_form .form_row input, .filters_panel .fp-module input[type=checkbox]+label, .filters_panel .fp-module .slider_label { color: #000000; } #privacy_policy_form_msg { color: #000000; opacity: 0.5; } /* Link text color ------------------- */ .link, .link:hover, .link span, .link span:hover, .link a, .link a:hover, .link a:visited, #mc_embed_signup input.button, .simple_list ul li a, a.external { color: #000000; } /* Header layout ------------------- */ /* Dynamically created grid layout css ------------------- */ /* artfairs - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artfairs:not(.feature_list) > ul > li { width: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:66.6666666667%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_artfairs > ul { margin-right: -150px; } .records_list.grid_dynamic_layout_artfairs > ul > li { padding-right: 150px; } } /* 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:flex-start; justify-content: flex-start; -webkit-align-items:flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .records_list.grid_dynamic_layout_instagram ul li .image::after {display:none;} .records_list.grid_dynamic_layout_instagram ul li .image > span {position: static;} @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_instagram > ul { margin-right: -150px; } .records_list.grid_dynamic_layout_instagram > ul > li { padding-right: 150px; } } /* artworks - flow_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_artworks:not(.feature_list) ul li { width:33.33% }} @media screen and (min-width:1023px) { #content .records_list.grid_dynamic_layout_artworks .flow_list_formatted ul li { margin-right: 150px; } } /* default image grid - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_default_image_grid:not(.feature_list) > ul > li { width:33.33% }} .records_list.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:flex-start; justify-content: flex-start; -webkit-align-items:flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .records_list.grid_dynamic_layout_default_image_grid ul li .image::after {display:none;} .records_list.grid_dynamic_layout_default_image_grid ul li .image > span {position: static;} @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_default_image_grid > ul { margin-right: -150px; } .records_list.grid_dynamic_layout_default_image_grid > ul > li { padding-right: 150px; } } /* video - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_video ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_video:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_video:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_video ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_video ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_video ul li .image::after {display:none;} .records_list.grid_dynamic_layout_video ul li .image > span {position: static;} @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_video > ul { margin-right: -150px; } .records_list.grid_dynamic_layout_video > ul > li { padding-right: 150px; } } /* 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:66.6666666667%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_default_grid > ul { margin-right: -150px; } .records_list.grid_dynamic_layout_default_grid > ul > li { padding-right: 150px; } } /* artists - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artists:not(.feature_list) > ul > li { width:33.33% }} .records_list.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:66.6666666667%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_artists > ul { margin-right: -150px; } .records_list.grid_dynamic_layout_artists > ul > li { padding-right: 150px; } } /* 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:flex-start; justify-content: flex-start; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_video_featured ul li .image::after {display:none;} .records_list.grid_dynamic_layout_video_featured ul li .image > span {position: static;} /* artist works categories - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artist_works_categories:not(.feature_list) > ul > li { width:33.33% }} .records_list.feature_list.grid_dynamic_layout_artist_works_categories:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_artist_works_categories:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_artist_works_categories ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_artist_works_categories ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_artist_works_categories ul li .image::after { padding-top:66.6666666667%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_artist_works_categories > ul { margin-right: -150px; } .records_list.grid_dynamic_layout_artist_works_categories > ul > li { padding-right: 150px; } } /* exhibitions - flow_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_exhibitions:not(.feature_list) ul li { width:33.33% }} @media screen and (min-width:1023px) { #content .records_list.grid_dynamic_layout_exhibitions .flow_list_formatted ul li { margin-right: 150px; } } /* 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:66.6666666667%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_events > ul { margin-right: -150px; } .records_list.grid_dynamic_layout_events > ul > li { padding-right: 150px; } } /* exhibitions installation - flow_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_exhibitions_installation:not(.feature_list) ul li { width:50.0% }} @media screen and (min-width:1023px) { #content .records_list.grid_dynamic_layout_exhibitions_installation .flow_list_formatted ul li { margin-right: 150px; } } /* artist installation - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artist_installation:not(.feature_list) > ul > li { width:33.33% }} .records_list.feature_list.grid_dynamic_layout_artist_installation:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_artist_installation:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_artist_installation ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_artist_installation ul li .image > span { -webkit-justify-content:flex-start; justify-content: flex-start; -webkit-align-items:flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .records_list.grid_dynamic_layout_artist_installation ul li .image::after {display:none;} .records_list.grid_dynamic_layout_artist_installation ul li .image > span {position: static;} @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_artist_installation > ul { margin-right: -150px; } .records_list.grid_dynamic_layout_artist_installation > ul > li { padding-right: 150px; } } /* 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:flex-start; justify-content: flex-start; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_store_featured ul li .image::after {display:none;} .records_list.grid_dynamic_layout_store_featured ul li .image > span {position: static;} /* events featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_events_featured ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_events_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_events_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_events_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_events_featured ul li .image > span { -webkit-justify-content:flex-start; justify-content: flex-start; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_events_featured ul li .image::after {display:none;} .records_list.grid_dynamic_layout_events_featured ul li .image > span {position: static;} /* artwork categories landing - flow_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_artwork_categories_landing:not(.feature_list) ul li { width:50.0% }} @media screen and (min-width:1023px) { #content .records_list.grid_dynamic_layout_artwork_categories_landing .flow_list_formatted ul li { margin-right: 150px; } } /* 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:66.6666666667%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_events > ul { margin-right: -150px; } .records_list.grid_dynamic_layout_events > ul > li { padding-right: 150px; } } /* 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:66.6666666667%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_store > ul { margin-right: -150px; } .records_list.grid_dynamic_layout_store > ul > li { padding-right: 150px; } } /* 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:flex-start; justify-content: flex-start; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_default_feature_grid ul li .image::after {display:none;} .records_list.grid_dynamic_layout_default_feature_grid ul li .image > span {position: static;} /* feature panels - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_feature_panels ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_feature_panels:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_feature_panels:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_feature_panels ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_feature_panels ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_feature_panels ul li .image::after {display:none;} .records_list.grid_dynamic_layout_feature_panels ul li .image > span {position: static;} @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_feature_panels > ul { margin-right: -150px; } .records_list.grid_dynamic_layout_feature_panels > ul > li { padding-right: 150px; } } /* exhibitions works - flow_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_exhibitions_works:not(.feature_list) ul li { width:33.33% }} @media screen and (min-width:1023px) { #content .records_list.grid_dynamic_layout_exhibitions_works .flow_list_formatted ul li { margin-right: 150px; } } /* 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:flex-start; justify-content: flex-start; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_publications_featured ul li .image::after {display:none;} .records_list.grid_dynamic_layout_publications_featured ul li .image > span {position: static;} /* press featured - 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:flex-start; justify-content: flex-start; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_press_featured ul li .image::after {display:none;} .records_list.grid_dynamic_layout_press_featured ul li .image > span {position: static;} /* news featured - 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:flex-start; justify-content: flex-start; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_news_featured ul li .image::after {display:none;} .records_list.grid_dynamic_layout_news_featured ul li .image > span {position: static;} /* artfairs featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_artfairs_featured ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_artfairs_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_artfairs_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_artfairs_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_artfairs_featured ul li .image > span { -webkit-justify-content:flex-start; justify-content: flex-start; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_artfairs_featured ul li .image::after {display:none;} .records_list.grid_dynamic_layout_artfairs_featured ul li .image > span {position: static;} /* exhibitions featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_exhibitions_featured ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_exhibitions_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_exhibitions_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_exhibitions_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_exhibitions_featured ul li .image > span { -webkit-justify-content:flex-start; justify-content: flex-start; -webkit-align-items:flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .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:66.6666666667%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_press > ul { margin-right: -150px; } .records_list.grid_dynamic_layout_press > ul > li { padding-right: 150px; } } /* news - flow_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_news:not(.feature_list) ul li { width:33.33% }} @media screen and (min-width:1023px) { #content .records_list.grid_dynamic_layout_news .flow_list_formatted ul li { margin-right: 150px; } } /* viewing rooms featured forthcoming - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming:not(.feature_list) > ul > li { width:100.0% }} .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:flex-start; justify-content: flex-start; -webkit-align-items:flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li .image::after {display:none;} .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li .image > span {position: static;} /* search - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_search:not(.feature_list) > ul > li { width: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:66.6666666667%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_search > ul { margin-right: -150px; } .records_list.grid_dynamic_layout_search > ul > li { padding-right: 150px; } } /* viewing rooms featured - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_viewing_rooms_featured:not(.feature_list) > ul > li { width:100.0% }} .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:flex-start; justify-content: flex-start; -webkit-align-items:flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .records_list.grid_dynamic_layout_viewing_rooms_featured ul li .image::after {display:none;} .records_list.grid_dynamic_layout_viewing_rooms_featured ul li .image > span {position: static;} /* viewing rooms works - flow_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_viewing_rooms_works:not(.feature_list) ul li { width:33.33% }} @media screen and (min-width:1023px) { #content .records_list.grid_dynamic_layout_viewing_rooms_works .flow_list_formatted ul li { margin-right: 150px; } } /* artist works - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artist_works:not(.feature_list) > ul > li { width:33.33% }} .records_list.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:flex-start; justify-content: flex-start; -webkit-align-items:flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .records_list.grid_dynamic_layout_artist_works ul li .image::after {display:none;} .records_list.grid_dynamic_layout_artist_works ul li .image > span {position: static;} @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_artist_works > ul { margin-right: -150px; } .records_list.grid_dynamic_layout_artist_works > ul > li { padding-right: 150px; } } /* 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:66.6666666667%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_exhibitors > ul { margin-right: -150px; } .records_list.grid_dynamic_layout_exhibitors > ul > li { padding-right: 150px; } } /* feature panels image grid - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_feature_panels_image_grid:not(.feature_list) > ul > li { width:25.0% }} .records_list.feature_list.grid_dynamic_layout_feature_panels_image_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_feature_panels_image_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_feature_panels_image_grid ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_feature_panels_image_grid ul li .image > span { -webkit-justify-content:flex-start; justify-content: flex-start; -webkit-align-items:flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .records_list.grid_dynamic_layout_feature_panels_image_grid ul li .image::after { padding-top:66.6666666667%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_feature_panels_image_grid > ul { margin-right: -150px; } .records_list.grid_dynamic_layout_feature_panels_image_grid > ul > li { padding-right: 150px; } } /* 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:66.6666666667%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_publications > ul { margin-right: -150px; } .records_list.grid_dynamic_layout_publications > ul > li { padding-right: 150px; } } /* 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 { padding-top:66.6666666667%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_team > ul { margin-right: -150px; } .records_list.grid_dynamic_layout_team > ul > li { padding-right: 150px; } } /* viewing rooms - flow_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_viewing_rooms:not(.feature_list) ul li { width:33.33% }} @media screen and (min-width:1023px) { #content .records_list.grid_dynamic_layout_viewing_rooms .flow_list_formatted ul li { margin-right: 150px; } } /* Dynamically created artist list css ------------------- */ .subsection-artist-list-preview-letters .artists_list_dynamic_columns ul { width:25.0% } .subsection-artist-list-standard .artists_list_dynamic_columns ul { width:25.0% } .subsection-artist-list-preview .artists_list_dynamic_columns ul { width:25.0% } /* Light and dark logo variants css ------------------- */ /* Logo text color ------------------- */ #logo a, #logo a:visited { color: #565656; } /* Topnav text color ------------------- */ #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: #d73042; } /* 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: #d73042; } /* Responsive nav text color ------------------- */ /* 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: #d73042; } /* 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: #565656; } /* quick view button */ .buy_enquire_button button, a.buy_enquire_detail_link { color: #565656; } /* Hero section image opacity ------------------- */ #mirror-slideshow.hero-parallax-element-mirror ul li .image, #mirror-slideshow.hero-parallax-element-mirror ul li .video_container .video_inner, #hero_header #slideshow ul li .image, #hero_header #hero_image_responsive, .parallax-mirror img.parallax-slider { opacity: 0.8 !important; } .parallax-mirror:not(#parallax-hero_header) img.parallax-slider { opacity: 0.8 !important; } /* don't show if opacity = 1 */ /* Hero section image height ------------------- */ ::root { --hero-height: 0vh } /* Home page slideshow / fullscreen video ui buttons ------------------- */ /* Hero header slideshow ui buttons ------------------- */ /* Carousel feature panel ui buttons ------------------- */ .slick-prev:before, .slick-next:before { background: #FFFFFF !important; } .slick-prev:before, .slick-next:before { color: #000000 !important; } /* Artlogic preferences custom CSS - entered by Artlogic in the preferences screen ------------------- */ /* Remove translation selector buttons from navigation bar */ body.responsive-nav-side-position-fullscreen #responsive_slide_nav_wrapper #topnav_translations ul { display: none; } #translations_nav { display: none; } div.topnav_translations { display: none !important; } div#topnav_translations { display: none !important; } @media only screen and (min-width: 1023px) { #popup_content #image_gallery.image_gallery_no_caption #image_container_wrapper { position: relative; /* width: 66.66%; */ /* height: 660px; */ width: 80%; height: auto; float: right; display: inline; text-align: center; transition: width 0.35s ease-in-out; -webkit-transition: width 0.35s ease-in-out; z-index: 1; box-sizing: border-box; } #popup_box.image_gallery_no_caption #popup_content { padding: 0 100px; } } .bottomheading .hero_heading { justify-content: flex-end !important; } .bottomheading .hero_heading>h2 { margin-top: 20px !important; } @media screen and (max-width: 767px) { .page-contact #content { display: flex; flex-direction: column; } .page-contact #sidebar { order: 1; } .page-contact #content_module { order: 0; margin-bottom: 30px; } } .page-contact #contact_form h2 { display: none; } .section-contact #content_module .page_content { margin-bottom: 0px; } /* .fullscreen_slideshow ul li.fullscreen-slide-image-dark:not(.remove-both-masks):not(.remove-bottom-mask)::before { background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 55%, rgba(0, 0, 0, 0.3) 100%) !important; } .fullscreen_slideshow ul li.fullscreen-slide-image-dark:not(.remove-both-masks):not(.remove-bottom-mask)::after { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.0) 100%) !important; } */ .page-content #image_gallery.image_gallery_no_caption #content_module .share_link:not(.subnav_share_link) { display: none; } /* Client custom user CSS - entered by the client in the preferences screen ------------------- */ /* ============================================================ HEADER: FIXED HEADER OFFSET - Adds top margin when header is in "fixed" state ============================================================ */ #header.header_fixed { margin-top: 50px; } /* ============================================================ HEADER: SITE TITLE FONT (LATO) / BOLD (700) - Applies Lato + weight to the site title only ============================================================ */ @media screen and (max-width: 767px) { /* More coverage for common header title markups */ #header .logo, #header .logo a, #header .logo span, #header .site_logo, #header .site_logo a, #header .site_logo span, #header .logo_text, #header .logo_text a { font-family: "Lato", sans-serif !important; font-weight: 700 !important; font-style: normal !important; } } /* Mobile: force the site title to a reliably-loaded bold weight */ @media screen and (max-width: 767px) { #header .logo a, #header .site_logo a { font-weight: 700 !important; } } /* ============================================================ HEADER (MOBILE): RESPONSIVE RATIO (TITLE = RATIO × NAV BASELINE) - Change --title-ratio (e.g., 1.2 / 1.25 / 1.3) to test ============================================================ */ @media screen and (max-width: 767px) { #header { --header-nav-size: clamp(14px, 3.6vw, 18px); --title-ratio: 1.25; /* <-- change this number to test */ } #header nav a, #header .nav a { font-size: var(--header-nav-size) !important; } #header .logo a, #header .site_logo a { font-size: calc(var(--header-nav-size) * var(--title-ratio)) !important; line-height: 1.1 !important; } } /* ============================================================ HEADER: DEFENSIVE RULES FOR / INSIDE HEADER ============================================================ */ #header em, #header i { font-style: inherit !important; font-weight: inherit !important; } /* ============================================================ FEATURE PANELS: TEXT MEASURE / PADDING - Constrains prose width + adds side padding ============================================================ */ .feature_panels .panel.panel_text .content .description.prose { max-width: 800px !important; margin-left: 0 !important; margin-right: auto !important; padding: 0 20px !important; box-sizing: border-box !important; width: auto !important; display: block !important; } /* ============================================================ FEATURE PANELS (MOBILE): EMPTY TEXT PANEL AS SPACER (30px) - Forces empty text blocks to occupy space on mobile ============================================================ */ @media screen and (max-width: 459px) { /* Case 1: description node is truly empty */ .feature_panels .panel.panel_text .content .description:empty { display: block !important; height: 30px !important; } /* Case 2: editor outputs “empty” as

*/ .feature_panels .panel.panel_text .content .description > p:empty { display: block !important; height: 30px !important; margin: 0 !important; } /* Case 3: editor outputs “empty” as


(common) */ .feature_panels .panel.panel_text .content .description > p:has(br:only-child) { display: block !important; height: 30px !important; margin: 0 !important; } } /* ============================================================ ARTWORK DETAIL: TITLE/YEAR SIZE - Adjusts typography for artwork detail meta line ============================================================ */ .artwork-detail .title_and_year_title { font-size: 12px; /* Adjust the size as needed */ } /* ============================================================ FEATURE PANELS (MOBILE): GAP BETWEEN FIRST + SECOND PANELS - Adds spacing between first and second feature panel items ============================================================ */ @media screen and (max-width: 459px) { .feature_panels_inner > ul > li:first-child + li { margin-top: 24px !important; /* adjust to match desktop */ } } /* ============================================================ IMAGE GRIDS (MOBILE): LIST ITEM SPACING + CONTACT BUTTON - Stacks grid items and adjusts spacing + contact button alignment ============================================================ */ @media screen and (max-width: 767px) { .records_list.flow_list ul li { width: 100% !important; margin-bottom: 100px !important; } .records_list.flow_list ul li:has(.caption) { margin-bottom: 40px !important; /* Adjust as needed */ } #contact_form .form:not(.form_layout_hidden_labels):not(.form_style_simplified) .button { margin-left: 0% !important; } } /* ============================================================ IMAGE GRIDS: TIGHTEN EDGE MARGINS - Removes extra left/right margin on first/last items ============================================================ */ .records_list.flow_list .flow_list_formatted ul li:last-child { margin-right: 0px !important; /* Increase pixel count to enlarge margin on the right */ } .records_list.flow_list .flow_list_formatted ul li:first-child { margin-left: 0px !important; /* Increase pixel count to enlarge margin on the left */ } /* ============================================================ HEADER CONTAINER (MOBILE): SIDE PADDING - Adds consistent padding on mobile header container ============================================================ */ @media screen and (max-width: 459px) { #header, .type-fullscreen #header, .layout-hero-header #header, .header-fixed-wrapper #header { padding-left: 15px; /* Increase pixel count to enlarge margin on the left */ padding-right: 15px; /* Increase pixel count to enlarge margin on the right */ } } /* ============================================================ MAIN CONTENT (MOBILE): SIDE PADDING - Adds consistent padding on mobile main content container ============================================================ */ @media screen and (max-width: 459px) { #hero_header #slideshow ul li .content .inner, #main_content, #hero_header.hero-mode-split { padding-left: 15px; /* Increase pixel count to enlarge margin on the left */ padding-right: 15px; /* Increase pixel count to enlarge margin on the right */ } } /* ============================================================ IMAGE DETAIL (DESKTOP): ENQUIRY BUTTON POSITION + HIDE SHARE - Repositions enquire button and hides share link on desktop ============================================================ */ @media only screen and (min-width: 1023px) { #popup_content #image_gallery.image_gallery_no_caption #content_module { top: 15vh; left: 2vw; /* left: 6vw; */ } #image_gallery.image_gallery_no_caption #content_module .enquire { position: absolute; top: 40%; /* left: 50%; */ } #image_gallery.image_gallery_no_caption #content_module .share_link:not(.subnav_share_link) { display: none; } } /* ============================================================ SIDEBAR IMAGES: RIGHT ALIGN (SITE-WIDE) - Right-aligns object-fit contained images in sidebar ============================================================ */ .sidebar .image .object-fit-container img.object-fit-contain { object-position: right; } #sidebar .image .object-fit-container img.object-fit-contain { object-position: right; } /* ============================================================ SUBTITLES: SENTENCE CASE (CURRENTLY DISABLED) ============================================================ */ /* span.subtitle { text-transform: initial !important; font-size: 1.45rem !important; } */ /* ============================================================ NEWS ARTICLE DETAIL PAGE FIX (DESKTOP ONLY) ============================================================ */ @media (min-width: 901px) { body.section-news.page-news .subsection-news-record.layout-no-subnav { --news-measure: 85%; } body.section-news.page-news .subsection-news-record.layout-no-subnav, body.section-news.page-news .subsection-news-record.layout-no-subnav #content { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; } body.section-news.page-news .subsection-news-record.layout-no-subnav { display: grid !important; grid-template-columns: minmax(360px, 680px) minmax(0, 1fr) !important; column-gap: 48px !important; grid-template-areas: "header sidebar" "text sidebar" !important; align-items: start !important; } body.section-news.page-news .subsection-news-record.layout-no-subnav #content { display: contents !important; } body.section-news.page-news .subsection-news-record.layout-no-subnav .news-header.heading_wrapper { grid-area: header !important; width: var(--news-measure) !important; max-width: var(--news-measure) !important; margin: 0 0 24px 0 !important; padding: 0 !important; min-height: 0 !important; height: auto !important; } body.section-news.page-news .subsection-news-record.layout-no-subnav .news-header.heading_wrapper h1, body.section-news.page-news .subsection-news-record.layout-no-subnav .news-header.heading_wrapper .subtitle { width: 100% !important; max-width: none !important; } body.section-news.page-news .subsection-news-record.layout-no-subnav .news-header.heading_wrapper::before, body.section-news.page-news .subsection-news-record.layout-no-subnav .news-header.heading_wrapper::after { content: none !important; display: none !important; } body.section-news.page-news .subsection-news-record.layout-no-subnav #sidebar { grid-area: sidebar !important; width: 100% !important; max-width: none !important; float: none !important; clear: none !important; margin: 0 !important; padding: 0 !important; justify-self: end !important; align-self: start !important; position: sticky !important; top: 120px !important; /* adjust for your fixed header height */ } body.section-news.page-news .subsection-news-record.layout-no-subnav #sidebar .image { height: 80vh !important; max-height: 80vh !important; overflow: hidden !important; } body.section-news.page-news .subsection-news-record.layout-no-subnav #sidebar .image a, body.section-news.page-news .subsection-news-record.layout-no-subnav #sidebar .image .object-fit-container { display: block !important; height: 100% !important; } body.section-news.page-news .subsection-news-record.layout-no-subnav #sidebar .image img { height: 100% !important; width: auto !important; max-width: 100% !important; object-fit: contain !important; object-position: right center !important; display: block !important; margin-left: auto !important; } body.section-news.page-news .subsection-news-record.layout-no-subnav #content_module { grid-area: text !important; width: 100% !important; max-width: none !important; float: none !important; clear: none !important; margin: 0 !important; padding: 0 !important; } body.section-news.page-news .subsection-news-record.layout-no-subnav #content_module.prose { display: flex !important; flex-direction: column !important; align-items: flex-start !important; } body.section-news.page-news .subsection-news-record.layout-no-subnav #content_module.prose > *:not(.divider):not(.page_stats):not(.date):not(span) { width: var(--news-measure) !important; max-width: none !important; margin-left: 0 !important; margin-right: auto !important; box-sizing: border-box !important; } body.section-news.page-news .subsection-news-record.layout-no-subnav #content_module.prose .imageWidget, body.section-news.page-news .subsection-news-record.layout-no-subnav #content_module.prose [data-widget-type="image"] { width: var(--news-measure) !important; max-width: none !important; margin-left: 0 !important; margin-right: auto !important; box-sizing: border-box !important; } body.section-news.page-news .subsection-news-record.layout-no-subnav #content_module .divider, body.section-news.page-news .subsection-news-record.layout-no-subnav #content_module .page_stats, body.section-news.page-news .subsection-news-record.layout-no-subnav #content_module > span, body.section-news.page-news .subsection-news-record.layout-no-subnav #content_module .date { width: 100% !important; max-width: none !important; } body.section-news.page-news .subsection-news-record.layout-no-subnav #content_module .date { white-space: nowrap !important; } } /* Mobile-only: force header links bold (matches earlier working selector) */ @media screen and (max-width: 767px) { #header a, #header .logo a, #header .logo, #header .site_logo a, #header .site_logo { font-family: "Lato", sans-serif !important; font-weight: 700 !important; font-style: normal !important; } #header em, #header i { font-style: inherit !important; font-weight: inherit !important; } } /* ============================================================ SUBHEAD NAV (MOBILE): GAP BELOW THE SUBHEAD NAVBAR - Adds space under the final subhead-nav link (class="last top") - This recreates the gap between the subhead navbar and the top feature panel ============================================================ */ @media screen and (max-width: 767px) { a.last.top { display: inline-block !important; /* ensures margin creates real vertical space */ margin-bottom: 36px !important; /* adjust */ } }