/* 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?family=Jost:ital,wght@0,300;0,400;1,300;1,400&display=swap); @import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:700,400); @import url(https://fonts.googleapis.com/css?family=Josefin+Sans: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: #ffffff } #top_nav #full_nav .top.has_dropdown_items .ul_nested { background: #ffffff; } /* alternative_background_color */ #protected_path_login #container, #protected_path_login #protected_path_login_container, #protected_path_login:after, #mailing_list_popup_box, #manage_cookie_preferences_popup_box { background-color: #ffffff } #header.header_transparent .dropdown-mask { background-color: transparent !important; } #header, .header-fixed-wrapper #header, body .dropdown-mask { background-color: #ffffff } #header:not(.header_transparent) .inner { border: 0; } #header #store_cart_widget a { color: #ffffff; outline-color: #a4a4a4; } /* Feature popup colours ------------------- */ 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: #ffffff; } .buy_enquire_quick_view .quick-view-information { border-color: #ffffff; } /* Fonts----------------------------- */ /* Main body font ------------------- */ body, input, select, textarea { font-family: 'Jost', 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: 'Roboto Condensed', 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: 10.0px; } /* Title - Heading spacing and transform ------------------- */ h1, h2, h3, h4, h5, h6, #hero_header .title, .fullscreen_slideshow .hero_splash_text, #logo a, .navigation ul li a, #slide_nav_reveal, #header_quick_search .inputField, #header_quick_search input, #header_quick_search select, #header_quick_search textarea, #header_quick_search #header_quicksearch_btn, #footer #artlogic, #footer #copyright, #footer #copyright .copyright-text, #footer .small-links-container, .page-artists h1 #artist_years, .page-artists h1 .artist_years, .event-details-wrapper .event-details span, .subsection-press .records_list .content .link a, .section-press .records_list .content .link a, #store_cart_widget, .fullscreen_slideshow .hero_splash_text, .fullscreen_slideshow .hero_splash_text .title, .fullscreen_slideshow ul li .content h2, .fullscreen_slideshow ul li .content h2 a, .fullscreen_slideshow ul li .content h2 a:visited, .fullscreen_slideshow ul li .content h2 a .separator, .fullscreen_slideshow ul li .content h2 a .h1_subtitle, #image_gallery #content_module h3, .records_list .content h2, .records_list .content .subtitle, .records_list .content .date, .records_list .content .location , .records_list ul li .content .title, .records_list ul li .content .artist, .feature_panels .panel_image_text_adjacent .content h2, .feature_list ul li .content h2, .feature_list ul li .content .subtitle, .feature_list ul li .content .date, .feature_list ul li .content .location, .full_list ul li .content h2, .full_list ul li .content .subtitle, .full_list ul li .content .date, .records_list.detail_expand_grid .expander_detail #image_gallery #content_module .subtitle, .link, .button, .simple_list ul li, #social_links_list ul li, .page_stats .ps_item, .page_stats .ps_pages, #protected_path_login #container h1, #protected_path_login #container label, .subheading, .poster, .subtitle, .h1_subtitle, .location , .date, .price, #fancybox-title-main .artist strong, #mc_embed_signup input.button, #home_splash .content, #hero_header .subtitle, .feature_panels .panel_hero .hero_heading .subtitle, #hero_header .inner, .feature_panels .panel_hero .hero_heading > h2, .feature_panels .panel_hero .hero_heading > a > h2, #cover_page_slideshow_pager, #artists-browser, .artists-browser , .exhibition-header .h1_subtitle, #top_nav #full_nav .has_dropdown_items .dropdown-btn, #top_nav #full_nav .has_dropdown_items_mobile .dropdown-btn{ text-transform: uppercase; letter-spacing: 0.15em; } /* Text colours----------------------------- */ /* Heading and emphasis text colour ------------------- */ /* Colour #4c4c4c */ 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: #4c4c4c; } blockquote { border-left: 1px solid #4c4c4c; } #logo a, #logo a:visited { color: #4c4c4c; } /* Subheading and secondary emphasis text colour ------------------- */ .slideshow.splide p, 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: #767676; } .page_stats .disabled, .ps_item.disabled { color: #767676; 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: #a4a4a4; } #privacy_policy_form_msg { color: #a4a4a4; opacity: 0.5; } /* Link text color ------------------- */ #wishlistEnquiryForm .button, .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: #565656; } /* Header layout ------------------- */ /* Dynamically created grid layout css ------------------- */ /* artfairs - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artfairs:not(.feature_list) > ul > li { width:25.0% }} .records_list.grid_dynamic_layout_artfairs ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_artfairs ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_artfairs ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_artfairs ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_artfairs ul li img:first-letter { font-family:object-fit; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_artfairs > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_artfairs > ul > li { padding-right: 20px; } } /* instagram - flow_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_instagram:not(.feature_list) ul li { width:25.0% }} @media screen and (min-width:1023px) { #content .records_list.grid_dynamic_layout_instagram .flow_list_formatted ul li { margin-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.grid_dynamic_layout_artworks ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_artworks ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_artworks ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_artworks ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_artworks ul li img:first-letter { font-family:object-fit; } @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 - 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.grid_dynamic_layout_default_image_grid ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_default_image_grid ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_default_image_grid ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_default_image_grid ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_default_image_grid ul li img:first-letter { font-family:object-fit; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_default_image_grid > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_default_image_grid > ul > li { padding-right: 20px; } } /* video - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_video:not(.feature_list) > ul > li { width:25.0% }} .records_list.grid_dynamic_layout_video ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_video ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_video ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_video ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_video ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_video ul li .image::after { padding-top:66.6666666667%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_video > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_video > ul > li { padding-right: 20px; } } /* default grid - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_default_grid:not(.feature_list) > ul > li { width:25.0% }} .records_list.grid_dynamic_layout_default_grid ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_default_grid ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_default_grid ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_default_grid ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_default_grid ul li img:first-letter { font-family:object-fit; } @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:25.0% }} .records_list.grid_dynamic_layout_artists ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_artists ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_artists ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_artists ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_artists ul li img:first-letter { font-family:object-fit; } @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.grid_dynamic_layout_video_featured ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_video_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_video_featured ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_video_featured ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_video_featured ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_video_featured ul li .image::after { padding-top:200.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.grid_dynamic_layout_artist_works_categories ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_artist_works_categories ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_artist_works_categories ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_artist_works_categories ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_artist_works_categories ul li img:first-letter { font-family:object-fit; } @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:25.0% }} .records_list.grid_dynamic_layout_exhibitions ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_exhibitions ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_exhibitions ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_exhibitions ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_exhibitions ul li img:first-letter { font-family:object-fit; } @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:25.0% }} .records_list.grid_dynamic_layout_events ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_events ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_events ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_events ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_events ul li img:first-letter { font-family:object-fit; } @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 - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_exhibitions_installation:not(.feature_list) > ul > li { width:33.33% }} .records_list.grid_dynamic_layout_exhibitions_installation ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_exhibitions_installation ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_exhibitions_installation ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_exhibitions_installation ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_exhibitions_installation ul li img:first-letter { font-family:object-fit; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_exhibitions_installation > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_exhibitions_installation > ul > li { padding-right: 20px; } } /* 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.grid_dynamic_layout_artist_installation ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_artist_installation ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_artist_installation ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_artist_installation ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_artist_installation ul li img:first-letter { font-family:object-fit; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_artist_installation > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_artist_installation > ul > li { 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.grid_dynamic_layout_store_featured ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_store_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_store_featured ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_store_featured ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_store_featured ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_store_featured ul li .image::after { padding-top:200.0%; } /* events featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_events_featured ul { width:100%;}} .records_list.grid_dynamic_layout_events_featured ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_events_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_events_featured ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_events_featured ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_events_featured ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_events_featured ul li .image::after { padding-top:200.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:25.0% }} .records_list.grid_dynamic_layout_artwork_categories_landing ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_artwork_categories_landing ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_artwork_categories_landing ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_artwork_categories_landing ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_artwork_categories_landing ul li img:first-letter { font-family:object-fit; } @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:25.0% }} .records_list.grid_dynamic_layout_events ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_events ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_events ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_events ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_events ul li img:first-letter { font-family:object-fit; } @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 - flow_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_store:not(.feature_list) ul li { width:25.0% }} @media screen and (min-width:1023px) { #content .records_list.grid_dynamic_layout_store .flow_list_formatted ul li { margin-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.grid_dynamic_layout_default_feature_grid ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_default_feature_grid ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_default_feature_grid ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_default_feature_grid ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_default_feature_grid ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_default_feature_grid ul li .image::after { padding-top:200.0%; } /* feature panels - tile_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.tile_list.grid_dynamic_layout_feature_panels ul { width: calc(25.0% - 20px) }} .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 .tile_list_formatted { margin-right: -20px; } .records_list.grid_dynamic_layout_feature_panels .tile_list_formatted ul { padding-right: 20px; } } /* exhibitions works - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_exhibitions_works:not(.feature_list) > ul > li { width:33.33% }} .records_list.grid_dynamic_layout_exhibitions_works ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_exhibitions_works ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_exhibitions_works ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_exhibitions_works ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_exhibitions_works ul li img:first-letter { font-family:object-fit; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_exhibitions_works > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_exhibitions_works > ul > li { 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.grid_dynamic_layout_publications_featured ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_publications_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_publications_featured ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_publications_featured ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_publications_featured ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_publications_featured ul li .image::after { padding-top:200.0%; } /* press featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_press_featured ul { width:100%;}} .records_list.grid_dynamic_layout_press_featured ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_press_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_press_featured ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_press_featured ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_press_featured ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_press_featured ul li .image::after { padding-top:200.0%; } /* news featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_news_featured ul { width:100%;}} .records_list.grid_dynamic_layout_news_featured ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_news_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_news_featured ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_news_featured ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_news_featured ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_news_featured ul li .image::after { padding-top:200.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.grid_dynamic_layout_artfairs_featured ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_artfairs_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_artfairs_featured ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_artfairs_featured ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_artfairs_featured ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_artfairs_featured ul li .image::after { padding-top:200.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.grid_dynamic_layout_exhibitions_featured ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_exhibitions_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_exhibitions_featured ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_exhibitions_featured ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_exhibitions_featured ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_exhibitions_featured ul li .image::after { padding-top:66.6666666667%; } /* press - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_press:not(.feature_list) > ul > li { width:25.0% }} .records_list.grid_dynamic_layout_press ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_press ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_press ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_press ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_press ul li img:first-letter { font-family:object-fit; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_press > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_press > ul > li { padding-right: 20px; } } /* news - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_news:not(.feature_list) > ul > li { width:25.0% }} .records_list.grid_dynamic_layout_news ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_news ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_news ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_news ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_news ul li img:first-letter { font-family:object-fit; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_news > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_news > ul > li { padding-right: 20px; } } /* viewing rooms featured forthcoming - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul { width:100%;}} .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li .image::after { padding-top:200.0%; } /* search - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_search:not(.feature_list) > ul > li { width:25.0% }} .records_list.grid_dynamic_layout_search ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_search ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_search ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_search ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_search ul li img:first-letter { font-family:object-fit; } @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.grid_dynamic_layout_viewing_rooms_featured ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_viewing_rooms_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_viewing_rooms_featured ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_viewing_rooms_featured ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_viewing_rooms_featured ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_viewing_rooms_featured ul li .image::after { padding-top:200.0%; } /* viewing rooms works - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_viewing_rooms_works:not(.feature_list) > ul > li { width:33.33% }} .records_list.grid_dynamic_layout_viewing_rooms_works ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_viewing_rooms_works ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_viewing_rooms_works ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_viewing_rooms_works ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_viewing_rooms_works ul li img:first-letter { font-family:object-fit; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_viewing_rooms_works > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_viewing_rooms_works > ul > li { padding-right: 20px; } } /* artist works - slider-------------------------------------- */ @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:center; -ms-flex-align: center; align-items: center; } .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: -20px; } .records_list.grid_dynamic_layout_artist_works > ul > li { padding-right: 20px; } } /* exhibitors - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_exhibitors:not(.feature_list) > ul > li { width:25.0% }} .records_list.grid_dynamic_layout_exhibitors ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_exhibitors ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_exhibitors ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_exhibitors ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_exhibitors ul li img:first-letter { font-family:object-fit; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_exhibitors > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_exhibitors > ul > li { padding-right: 20px; } } /* feature panels image grid - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_feature_panels_image_grid:not(.feature_list) > ul > li { width:25.0% }} .records_list.grid_dynamic_layout_feature_panels_image_grid ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_feature_panels_image_grid ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_feature_panels_image_grid ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_feature_panels_image_grid ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_feature_panels_image_grid ul li img:first-letter { font-family:object-fit; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_feature_panels_image_grid > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_feature_panels_image_grid > ul > li { padding-right: 20px; } } /* publications - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_publications:not(.feature_list) > ul > li { width:25.0% }} .records_list.grid_dynamic_layout_publications ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_publications ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_publications ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_publications ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_publications ul li img:first-letter { font-family:object-fit; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_publications > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_publications > ul > li { padding-right: 20px; } } /* team - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_team:not(.feature_list) > ul > li { width:25.0% }} .records_list.grid_dynamic_layout_team ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_team ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_team ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_team ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_team ul li img:first-letter { font-family:object-fit; } @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:25.0% }} .records_list.grid_dynamic_layout_viewing_rooms ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_viewing_rooms ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_viewing_rooms ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_viewing_rooms ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_viewing_rooms ul li img:first-letter { font-family:object-fit; } @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:25.0% } .subsection-artist-list-standard .artists_list_dynamic_columns ul { width:25.0% } .subsection-artist-list-preview .artists_list_dynamic_columns ul { width:25.0% } /* Light and dark logo variants css ------------------- */ /* Logo text color ------------------- */ #logo { background: none; width: 100%; min-width: 280px; max-width: 280px; } #header #logo.user-custom-logo-image::before { padding-top:95.5829481253%; } .device-highres #logo { background: none; } #logo a { background-image: url('https://static-assets.artlogic.net/w_1000,c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite0676/usr/images/preferences/blacksidecrop-.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://static-assets.artlogic.net/w_1000,c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite0676/usr/images/preferences/blacksidecrop-.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static-assets.artlogic.net/w_1000,c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite0676/usr/images/preferences/blacksidecrop-.png', sizingMethod='scale')"; } #logo a { text-indent: -9999px; padding: 0; } /* 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: #565656; } /* Subnav text color ------------------- */ /* Responsive nav text color ------------------- */ /* Responsive nav active / hover text color ------------------- */ /* Button text color ------------------- */ /* Hero section image opacity ------------------- */ .fullscreen-slide-dark .fullscreen_slideshow.hero_header_layout_center:not(.override-slide-brightness) ul li::before, .fullscreen_slideshow.hero_header_layout_center:not(.detect-slide-brightness):not(.override-slide-brightness) ul li::before, .fullscreen-slide-dark .fullscreen_slideshow.hero_header_layout_left-center:not(.override-slide-brightness) ul li::before, .fullscreen_slideshow.hero_header_layout_left-center:not(.detect-slide-brightness):not(.override-slide-brightness) ul li::before { background: rgba(0,0,0,0) !important; } .fullscreen-slide-light .fullscreen_slideshow.hero_header_layout_center:not(.override-slide-brightness) ul li::before, .fullscreen-slide-light .fullscreen_slideshow.hero_header_layout_left-center:not(.override-slide-brightness) ul li::before { background: rgba(255,255,255,0) !important; } /* don't show if opacity = 1 */ #hero_header:not(.hero_section_detect_brightness):not(.hero-mode-split)::after { display:none !important; } /* Hero section image height ------------------- */ ::root { --hero-height: 35vh } #hero_header > .inner, body.layout-hero-header:not(.type-fullscreen) #main_content::before, body.layout-hero-header.layout-hero-header-record-data #hero_header > .inner, body.layout-hero-header.layout-hero-header-record-data:not(.type-fullscreen ) #main_content::before, body.layout-hero-header #hero_header.hero-mode-split { height: var(--hero-height, 35vh); max-height: none; } .layout-hero-header-record-data #hero_header > .inner, body.layout-hero-header-record-data.layout-hero-header:not(.type-fullscreen ) #main_content::before, body.layout-hero-header-record-data.layout-hero-header.layout-hero-header-record-data #hero_header > .inner, body.layout-hero-header-record-data.layout-hero-header.layout-hero-header-record-data:not(.type-fullscreen ) #main_content::before, body.layout-hero-header.layout-hero-header-record-data #hero_header.hero-mode-split { height: var(--hero-height, 35vh); max-height: none; } /* Home page slideshow / fullscreen video ui buttons ------------------- */ /* Hero header slideshow ui buttons ------------------- */ /* Carousel feature panel ui buttons ------------------- */ @media screen and (max-width:360px) { #logo a { background-image: url('https://static-assets.artlogic.net/w_500,c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite0676/usr/images/preferences/blacksidecrop-.png'); } } /* Artlogic preferences custom CSS - entered by Artlogic in the preferences screen ------------------- */ #translations_nav, #topnav_translations { display:none !important; } .subsection-store-basket { clear: both; } /* Client custom user CSS - entered by the client in the preferences screen ------------------- */ @media only screen and (min-width: 769.99px) { .flx { display: flex; } .flx-center { align-items: center; } .lg-col-gap2 { column-gap: 2rem; } .number-text { font-size: 40px; } } @media only screen and (max-width: 769.98px) { .item-block { margin-bottom: 2rem; } .number-text { font-size: 25px; } } .item-text { padding-top: 1rem; } .text-center { text-align: center; } .list-container { max-width: 900px; margin: auto; } .section-heading { padding-bottom: 2rem; } .clean-h1 { float: none; margin-bottom: 1rem; margin-top: 1rem; } .heading-h1 { color: #2f2f2f !important; position: relative !important; width: 100% !important; height: unset !important; overflow: unset !important; display: block !important; white-space: wrap !important; } .heading-h2 { font-size: 15px; } .max-width1000 { max-width: 1000px; margin: auto; } .max-width800 { max-width: 800px; margin: auto; } .max-width800 img { width: 100%; border-radius: 20px; } .max-width800 p { padding-bottom: 1rem; } .responsive-top-size-1023 .hero-parallax-element li .content .inner { display: none; } :root { --paper: #FFFFFF; --paper-2: #F6F4F1; --ink: #241F1A; --ink-2: #332D26; --ink-3: #6B6157; --rule: #DED7CB; --mute: #6B6157; --ochre: #A34A18; --ochre-dk: #7C3510; --ochre-lt: #C9793F; --wrap: 1360px; --measure: 74ch; } .aa-article *, .aa-article *::before, .aa-article *::after { box-sizing: border-box; } .aa-article { background: #fff; color: var(--ink); font-size: 17px; line-height: 1.6; -webkit-font-smoothing: antialiased; scroll-behavior: smooth; } .aa-article img { max-width: 100%; height: auto; display: block; } .aa-article a { color: var(--ochre); text-decoration: none; border-bottom: 1px solid rgba(163, 74, 24, .32); } .aa-article a:hover { color: var(--ochre-dk); border-bottom-color: var(--ochre-dk); } .aa-article a.plain { border-bottom: 0; color: inherit; } .aa-article a.plain:hover { color: var(--ochre); } .aa-article :focus-visible { outline: 2px solid var(--ochre); outline-offset: 3px; } .aa-article h1, .aa-article h2, .aa-article h3 { font-weight: 400; letter-spacing: -.015em; text-wrap: balance; } .aa-article h2 { font-size: clamp(28px, 3.4vw, 40px); line-height: 1.12; margin: 0 0 22px; } .aa-article h3 { font-size: clamp(20px, 2.2vw, 23px); font-weight: 500; line-height: 1.3; margin: 0 0 12px; } .aa-article p { margin: 0 0 22px; } .aa-article .wrap { max-width: var(--wrap); margin: 0 auto; padding: 0 clamp(18px, 4vw, 32px); } .aa-article .eyebrow { font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--ochre); } .aa-article .meta { font-size: 11px; letter-spacing: .06em; color: var(--mute); } .aa-article .skip { position: absolute; left: -9999px; top: 0; background: var(--ink); color: #fff; padding: 12px 18px; z-index: 99; } .aa-article .skip:focus { left: 12px; top: 12px; } /* progress */ /* header */ .aa-article .ack { background: var(--ink); color: #E6DFD4; font-size: 13px; line-height: 1.6; } .aa-article .ack .wrap { display: flex; gap: 28px; justify-content: space-between; flex-wrap: wrap; padding-top: 13px; padding-bottom: 13px; } .aa-article .ack p { margin: 0; max-width: 80ch; } .aa-article .ack .meta { color: #A2978A; } .aa-article .btn { display: inline-block; padding: 14px 24px; font-size: 15px; font-weight: 500; border-bottom: 0; transition: background .15s, border-color .15s, color .15s; } .aa-article .btn-primary { background: var(--ochre); color: #FFF8EF; } .aa-article .btn-primary:hover { background: var(--ochre-dk); color: #FFF8EF; } .aa-article .btn-ghost { border: 1px solid #C6BCAC; color: var(--ink); } .aa-article .btn-ghost:hover { border-color: var(--ink); color: var(--ink); } .aa-article .btn-sm { padding: 10px 18px; font-size: 14px; } .aa-article .btn-dark-ghost { border: 1px solid #564E44; color: #EFE9DE; } .aa-article .btn-dark-ghost:hover { border-color: #EFE9DE; color: #EFE9DE; } /* breadcrumb */ /* hero */ .aa-article .hero .wrap { padding-top: clamp(32px, 5vw, 56px); padding-bottom: clamp(40px, 6vw, 64px); display: flex; flex-wrap: wrap; gap: clamp(28px, 5vw, 56px); align-items: stretch; } .aa-article .hero-copy { flex: 1 1 500px; min-width: 0; } .aa-article .hero-fig { flex: 1 1 340px; min-width: 0; margin: 0; display: flex; flex-direction: column; } .aa-article .hero-fig img { flex: 1; min-height: 0; width: 100%; height: 100%; object-fit: cover; } .aa-article figcaption { font-size: 11px; color: #6F675C; margin-top: 10px; line-height: 1.6; } .aa-article .lede { font-size: clamp(19px, 1.7vw, 23px); line-height: 1.5; max-width: 54ch; } .aa-article .actions { display: flex; gap: 14px; flex-wrap: wrap; align-items: center; } /* layout */ .aa-article .layout { display: flex; flex-wrap: wrap; gap: clamp(32px, 5vw, 72px); align-items: flex-start; } .aa-article .rail { flex: 1 1 210px; max-width: 250px; position: sticky; top: 24px; padding-bottom: 32px; } .aa-article .article { flex: 999 1 620px; min-width: 0; max-width: 780px; padding-bottom: 24px; } .aa-article .article > section { scroll-margin-top: 24px; padding-bottom: clamp(48px, 7vw, 80px); } .aa-article .article p, .aa-article .article li { font-size: 17.5px; line-height: 1.75; color: var(--ink-2); } .aa-article .article ul { padding-left: 1.1em; } .aa-article .intro { color: var(--ink-3); font-size: 16.5px; } /* toc */ .aa-article .toc { border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); } .aa-article .toc summary, .aa-article details.faq summary { list-style: none; cursor: pointer; } .aa-article .toc summary::-webkit-details-marker, .aa-article details.faq summary::-webkit-details-marker { display: none; } .aa-article .toc summary { display: flex; justify-content: space-between; align-items: center; padding: 14px 0; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-3); } .aa-article .sign::after { content: "+"; color: var(--ochre); } .aa-article details[open] > summary .sign::after { content: "\2212"; } .aa-article .toc nav { display: flex; flex-direction: column; gap: 2px; padding: 0 0 16px; } .aa-article .toc nav a { font-size: 14px; line-height: 1.35; color: var(--ink); border-bottom: 0; padding: 5px 0 5px 12px; border-left: 2px solid transparent; } .aa-article .toc nav a:hover { color: var(--ochre); } .aa-article .toc nav a:focus { color: var(--ochre); border-left-color: var(--ochre); } .aa-article .article > section:target > h2 { color: var(--ochre); } .aa-article .rail-cta { margin-top: 22px; border: 1px solid var(--rule); padding: 18px 18px 20px; background: var(--paper-2); } .aa-article .rail-cta p { font-size: 14px; line-height: 1.6; color: var(--ink-3); margin: 8px 0 14px; } /* editorial furniture */ .aa-article .pull { font-size: clamp(21px, 2.4vw, 26px); line-height: 1.45; margin: 36px 0; padding-left: 24px; border-left: 2px solid var(--ochre); color: var(--ink); } .aa-article .note { background: var(--paper-2); border: 1px solid var(--rule); padding: 24px 26px; margin: 0 0 30px; } .aa-article .note p:last-child { margin: 0; } .aa-article .note h4 { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--ochre); margin: 0 0 12px; font-weight: 500; } .aa-article .rows { display: grid; gap: 1px; background: var(--rule); border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); } .aa-article .rows.boxed { border: 1px solid var(--rule); border-top: 1px solid var(--rule); } .aa-article .row { background: var(--paper); padding: 26px 0; } .aa-article .rows.boxed .row { padding: 26px 28px; } .aa-article .row-split { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 26px; } .aa-article .evidence { border-left: 2px solid var(--ochre); padding: 2px 0 2px 24px; margin-bottom: 20px; } .aa-article .evidence .num { font-size: clamp(28px, 3.2vw, 34px); line-height: 1; margin-bottom: 8px; } .aa-article .evidence p { margin: 0; font-size: 16.5px; } .aa-article .numbered { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 18px; margin-bottom: 28px; } .aa-article .numbered .n { font-size: 30px; line-height: 1; color: var(--ochre); } .aa-article .stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 1px; background: var(--rule); border: 1px solid var(--rule); margin-bottom: 30px; } .aa-article .stat { background: var(--paper); padding: 22px; } .aa-article .stat b { display: block; font-weight: 400; font-size: clamp(26px, 3vw, 32px); line-height: 1; margin-bottom: 10px; } .aa-article .stat span { font-size: 14px; line-height: 1.6; color: var(--ink-3); } /* inline CTA strip */ .aa-article .cta-strip { display: flex; flex-wrap: wrap; gap: 18px; justify-content: space-between; align-items: center; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--rule); padding: 22px 0; margin: 8px 0 0; } .aa-article .cta-strip p { margin: 0; font-size: 20px; line-height: 1.4; max-width: 44ch; } .aa-article .cta-strip a.arrow { font-size: 15px; font-weight: 500; white-space: nowrap; } /* full-bleed commercial bands */ .aa-article .band { border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); background: var(--paper-2); } .aa-article .band .wrap { padding-top: clamp(48px, 6vw, 72px); padding-bottom: clamp(48px, 6vw, 72px); } .aa-article .band-head { display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; align-items: flex-end; margin-bottom: 32px; } .aa-article .band-head h2 { margin: 12px 0 0; } .aa-article .band-head p { margin: 10px 0 0; color: var(--ink-3); font-size: 16px; max-width: 56ch; } .aa-article .grid-4 { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: clamp(18px, 2.5vw, 28px); } .aa-article .card { display: flex; flex-direction: column; gap: 12px; } .aa-article .card .ph { aspect-ratio: 4/5; } .aa-article .card h3 { margin: 0; font-size: 20px; } .aa-article .card .who { font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--ochre); } .aa-article .card dl { margin: 0; display: grid; grid-template-columns: auto 1fr; gap: 2px 12px; font-size: 13.5px; color: var(--ink-3); } .aa-article .card dt { font-size: 11px; letter-spacing: .05em; text-transform: uppercase; color: var(--mute); align-self: center; } .aa-article .card dd { margin: 0; } .aa-article .card .foot { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; border-top: 1px solid var(--rule); padding-top: 12px; margin-top: auto; } .aa-article .card .price { font-size: 19px; } .aa-article .avail { font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: #4A6B45; } .aa-article .avail.sold { color: var(--mute); } .aa-article .artist-card p { font-size: 15px; line-height: 1.65; color: var(--ink-3); margin: 0; } .aa-article .artist-card .ph { aspect-ratio: 1/1; } /* trust */ .aa-article .trust { background: var(--ink); color: #EFE9DE; } .aa-article .trust .wrap { padding-top: clamp(56px, 7vw, 88px); padding-bottom: clamp(56px, 7vw, 88px); } .aa-article .trust h2 { color: #FFF8EF; font-weight: 300; font-size: clamp(30px, 4vw, 50px); max-width: 20ch; } .aa-article .trust .eyebrow { color: var(--ochre-lt); } .aa-article .trust-lede { color: #C6BDB0; max-width: 60ch; font-size: 17px; } .aa-article .trust-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 1px; background: #3A342D; border: 1px solid #3A342D; margin-top: 36px; } .aa-article .trust-grid div { background: var(--ink); padding: 24px; } .aa-article .trust-grid h3 { color: #FFF8EF; font-size: 19px; margin-bottom: 8px; } .aa-article .trust-grid p { margin: 0; font-size: 15px; line-height: 1.65; color: #C6BDB0; } /* faq */ .aa-article details.faq { border-bottom: 1px solid var(--rule); } .aa-article details.faq summary { display: flex; justify-content: space-between; align-items: baseline; gap: 24px; padding: 20px 0; font-size: clamp(19px, 2vw, 21px); line-height: 1.35; } .aa-article details.faq p { margin: 0 0 22px; max-width: 66ch; font-size: 16.5px; } /* final + footer */ .aa-article .final .wrap { padding-top: clamp(56px, 7vw, 88px); padding-bottom: clamp(48px, 6vw, 72px); } .aa-article .final h2 { font-weight: 300; font-size: clamp(32px, 4.4vw, 54px); max-width: 16ch; } .aa-article .related { border-top: 1px solid var(--rule); } .aa-article .related .wrap { padding-top: 44px; padding-bottom: 64px; } .aa-article .related ul { list-style: none; margin: 18px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px 28px; } .aa-article .related li { font-size: 15.5px; } @media (max-width: 900px) { .rail { position: static; max-width: none; flex-basis: 100%; order: -1; } .toc[open] nav { max-height: none; } .article > section { scroll-margin-top: 20px; } .row-split { grid-template-columns: 1fr; gap: 10px; } .grid-4 { grid-auto-flow: column; grid-auto-columns: 78%; grid-template-columns: none; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 10px; margin: 0 calc(-1 * clamp(18px, 4vw, 32px)); padding-inline: clamp(18px, 4vw, 32px); } .grid-4 .card { scroll-snap-align: start; } .cta-strip { flex-direction: column; align-items: flex-start; } } @media (prefers-reduced-motion: reduce) { .aa-article { scroll-behavior: auto; } .aa-article * { transition: none !important; } } @media print { .rail { display: none; } } /* ============================================================ SHARED: resource guide pages (Central Desert Art, Utopia, and future region guides) Wrap page markup in
— every page reuses these classes. HTML + CSS only. No JS. Fonts inherit from the site. Transparent page background; content sits in tinted boxes. UPDATE: 10px border-radius on all full-box bordered elements. Buttons are excluded. Single-edge accent rules (.note, .pull, .toc, .related, .rail-cta) are also excluded — see notes at the bottom. ============================================================ */ .cda { --ink: #241F1A; --ink-2: #332D26; --ink-3: #5E564C; --rule: #DED7CB; --box: #FFFFFF; --box-2: #FFFFFF; --ochre: #A34A18; --ochre-dk: #7C3510; --ochre-lt: #C9793F; --radius: 10px; color: var(--ink); font-size: 17px; line-height: 1.6; background: transparent; } .cda *, .cda *::before, .cda *::after { box-sizing: border-box; } .cda img { max-width: 100%; display: block; } .cda a { color: var(--ochre); text-decoration: none; border-bottom: 1px solid rgba(163, 74, 24, .32); transition: color .15s, border-color .15s; } .cda a:hover { color: var(--ochre-dk); border-bottom-color: var(--ochre-dk); } .cda :focus-visible { outline: 2px solid var(--ochre); outline-offset: 3px; } .cda h2, .cda h3 { font-weight: 600; letter-spacing: -.01em; text-wrap: balance; } .cda h2 { font-size: clamp(26px, 3.2vw, 38px); line-height: 1.14; margin: 0 0 20px; } .cda h3 { font-size: clamp(19px, 2.1vw, 22px); line-height: 1.3; margin: 0 0 10px; } .cda p { margin: 0 0 22px; } .cda p:last-child { margin-bottom: 0; } .cda .eyebrow { font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--ochre); margin: 0 0 14px; } .cda .meta { font-size: 11px; letter-spacing: .06em; color: var(--ink-3); } .cda .lede { font-size: clamp(19px, 1.8vw, 23px); line-height: 1.5; max-width: 56ch; } .cda .body { font-size: 17.5px; line-height: 1.75; color: var(--ink-2); } /* animation: sections settle in on load, staggered */ @keyframes cda-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } } .cda .sec { animation: cda-rise .7s cubic-bezier(.22, .7, .3, 1) both; } .cda .sec:nth-of-type(2) { animation-delay: .06s; } .cda .sec:nth-of-type(3) { animation-delay: .12s; } .cda .sec:nth-of-type(4) { animation-delay: .18s; } .cda .sec:nth-of-type(5) { animation-delay: .24s; } .cda .sec:nth-of-type(6) { animation-delay: .3s; } .cda .sec:nth-of-type(7) { animation-delay: .36s; } .cda .sec:nth-of-type(8) { animation-delay: .42s; } .cda .sec:nth-of-type(9) { animation-delay: .48s; } @media (prefers-reduced-motion: reduce) { .cda .sec { animation: none; } .cda * { transition: none !important; } } /* layout */ .cda .shell { max-width: 1320px; margin: 0 auto; padding: clamp(20px, 3vw, 32px); display: flex; flex-wrap: wrap; gap: clamp(28px, 4vw, 64px); align-items: flex-start; } .cda .rail { flex: 1 1 210px; max-width: 250px; position: sticky; top: 24px; /* white panel so it stays readable on any site background */ background: #fff; border: 1px solid var(--rule); border-radius: var(--radius); padding: 20px; --rail-fg: var(--ink); --rail-fg-2: var(--ink-3); --rail-rule: var(--rule); } .cda .toc { border-bottom: 1px solid var(--rail-rule); padding: 0 0 4px; } .cda .toc > summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; padding: 0 0 14px; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--rail-fg-2); } .cda .toc > summary::-webkit-details-marker { display: none; } .cda .sign::after { content: "+"; color: var(--ochre); font-size: 14px; } .cda .toc[open] > summary .sign::after { content: "\2212"; } .cda .toc nav { display: flex; flex-direction: column; gap: 2px; padding: 0 0 16px; } .cda .toc nav a { font-size: 14px; line-height: 1.35; color: var(--rail-fg); border-bottom: 0; padding: 5px 0 5px 12px; border-left: 2px solid transparent; transition: color .15s, border-color .15s; } .cda .toc nav a:hover { color: var(--ochre); border-left-color: var(--ochre); } .cda .rail-cta { margin-top: 22px; border-top: 1px solid var(--rail-rule); background: transparent; padding: 18px 0 0; } .cda .rail-cta p { font-size: 14px; line-height: 1.6; color: var(--rail-fg-2); margin: 8px 0 14px; } .cda .rail-cta .eyebrow { color: var(--ochre); } .cda .rail .related { border-top-color: var(--rail-rule); } .cda .rail .related span { color: var(--rail-fg-2); } .cda .rail .related a { color: var(--ochre); border-bottom-color: rgba(163, 74, 24, .32); } .cda .rail .related a:hover { color: var(--ochre-dk); border-bottom-color: var(--ochre-dk); } .cda .stack { flex: 999 1 620px; min-width: 0; display: flex; flex-direction: column; gap: clamp(24px, 3.5vw, 40px); } .cda .sec[id] { scroll-margin-top: 24px; } @media (max-width: 900px) { .cda .rail { position: static; max-width: none; flex-basis: 100%; } } .cda .hero { display: flex; flex-wrap: wrap; gap: clamp(24px, 4vw, 44px); align-items: stretch; background: #fff; border: 1px solid var(--rule); border-radius: var(--radius); padding: clamp(24px, 3.5vw, 44px); } .cda .hero-copy { flex: 1 1 460px; min-width: 0; } .cda .hero-fig { flex: 1 1 320px; min-width: 0; margin: 0; display: flex; flex-direction: column; } .cda .hero-fig img { flex: 1; min-height: 0; width: 100%; height: 100%; object-fit: cover; border: 1px solid var(--rule); border-radius: var(--radius); } .cda figcaption { font-size: 11px; color: var(--ink-3); margin-top: 10px; line-height: 1.6; } .cda .actions { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; margin-top: 26px; } .cda .btn { display: inline-block; padding: 13px 22px; font-size: 15px; font-weight: 600; border-bottom: 0; transition: background .15s, border-color .15s, color .15s; } .cda .btn-primary { background: var(--ochre); color: #FFF8EF; } .cda .btn-primary:hover { background: var(--ochre-dk); color: #FFF8EF; } .cda .btn-ghost { border: 1px solid #C6BCAC; color: var(--ink); } .cda .btn-ghost:hover { border-color: var(--ink); color: var(--ink); } .cda .sec { border: 1px solid var(--rule); border-radius: var(--radius); background: #fff; padding: clamp(24px, 3.5vw, 44px); } .cda .sec > .body { max-width: 74ch; } .cda .two { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: clamp(20px, 3vw, 36px); align-items: start; } /* community cards */ .cda .cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; margin-top: 26px; } .cda .card { background: #fff; border: 1px solid var(--rule); border-radius: var(--radius); padding: 22px; transition: transform .2s, border-color .2s; } .cda .card:hover { transform: translateY(-3px); border-color: #C6BCAC; } .cda .card h3 { margin: 0 0 6px; font-size: 19px; } .cda .card .where { font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--ochre); margin: 0 0 10px; } .cda .card p { font-size: 15.5px; line-height: 1.65; color: var(--ink-2); margin: 0; } /* steps / rows — overflow:hidden clips the 1px-gap children to the rounded corners */ .cda .rows { display: grid; gap: 1px; background: var(--rule); border: 1px solid var(--rule); border-radius: var(--radius); overflow: hidden; margin-top: 24px; } .cda .row { background: #fff; padding: 22px 24px; } .cda .row h3 { font-size: 18px; margin: 0 0 8px; } .cda .row p { font-size: 16.5px; line-height: 1.7; color: var(--ink-2); } .cda .note { background: #fff; border-left: 2px solid var(--ochre); padding: 20px 24px; margin-top: 24px; } .cda .note h3 { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--ochre); margin: 0 0 10px; font-weight: 600; } .cda .note p { font-size: 16.5px; line-height: 1.7; color: var(--ink-2); } .cda .sec > .pull:first-child { margin-top: 0; } .cda .pull { font-size: clamp(20px, 2.3vw, 25px); line-height: 1.45; border-left: 2px solid var(--ochre); padding-left: 22px; margin: 30px 0; color: var(--ink); } .cda .facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1px; background: var(--rule); border: 1px solid var(--rule); border-radius: var(--radius); overflow: hidden; margin-top: 24px; } .cda .fact { background: #fff; padding: 20px 22px; } .cda .fact b { display: block; font-size: clamp(24px, 2.8vw, 30px); line-height: 1.05; margin-bottom: 8px; font-weight: 600; } .cda .fact span { font-size: 14px; line-height: 1.6; color: var(--ink-3); } .cda .cta { background: #fff; border: 1px solid var(--rule); border-radius: var(--radius); color: var(--ink); padding: clamp(26px, 3.5vw, 44px); } .cda .cta h2 { color: var(--ink); } .cda .cta p { color: var(--ink-2); max-width: 60ch; font-size: 17px; } .cda .cta .btn-ghost { border-color: #C6BCAC; color: var(--ink); } .cda .cta .btn-ghost:hover { border-color: var(--ink); color: var(--ink); } .cda .related { border-top: 1px solid var(--rule); padding-top: 22px; display: flex; flex-wrap: wrap; gap: 8px 22px; align-items: baseline; } .cda .related span { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); } .cda .related a { font-size: 15.5px; } @media (max-width: 640px) { .cda { font-size: 16.5px; } .cda .body { font-size: 16.5px; } } /* Home page sections */ .section--home p { color: #3E342B; } .section--home .btn { color: #fff !important; } .section--home .btn.btn-secondary { color: #231C15 !important; } .section--home p a { color: #7C3510 !important; } .section--home p a:hover { border-bottom-color: #7C3510; } * { box-sizing: border-box; } .wrap { max-width: 1240px; margin: 0 auto; padding: 0 32px; } .section--home { background: #FFFFFF; } /* Images */ .home-img { display: block; width: 100%; height: auto; object-fit: cover; background: #DED3C2; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } /* Hero */ .hero-grid { padding: 56px 32px 80px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr)); gap: 40px 64px; align-items: start; } #main_content .hero-grid h1.hero-title, #main_content .section--home h1.hero-title, #main_content h1.hero-title { position: static !important; top: auto !important; height: auto !important; width: auto !important; overflow: visible !important; clip: auto !important; clip-path: none !important; white-space: normal !important; display: block !important; visibility: visible !important; font-size: clamp(30px, 3.2vw, 42px) !important; line-height: 1.15 !important; font-weight: 400 !important; letter-spacing: -0.01em !important; text-transform: none !important; text-align: left !important; color: #231C15 !important; margin: 0 !important; padding: 0 !important; max-width: 640px; } .hero-content { display: flex; flex-direction: column; gap: 28px; max-width: 560px; } .lead { font-size: 20px; line-height: 1.55; color: #3E342B; } .btn-row { display: flex; gap: 14px; flex-wrap: wrap; padding-top: 4px; } .btn { text-decoration: none; padding: 14px 26px; border-radius: 2px; font-weight: 600; font-size: 17px; min-height: 48px; display: inline-flex; align-items: center; white-space: nowrap; flex-shrink: 0; } .btn-primary { background: #231C15; color: #F6F1E8; } .btn-primary:hover { background: #8A3F16; } .btn-secondary { background: transparent; color: #231C15; border: 1.5px solid #231C15; } .btn-secondary:hover { background: #FBF8F2; } /* Credential strip */ .credential-list { list-style: none; padding: 22px 32px; display: flex; flex-wrap: wrap; gap: 16px 48px; justify-content: center; } .credential-item { font-size: 16px; color: #3E342B; display: flex; align-items: center; gap: 12px; } .dot { width: 8px; height: 8px; border-radius: 50%; background: #8A3F16; flex-shrink: 0; } /* Content blocks */ .block-grid { padding: 96px 32px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr)); gap: 64px; align-items: center; } .block-text { display: flex; flex-direction: column; gap: 22px; max-width: 540px; } .block-text p { color: #3E342B; } .section--home .block-heading, .section--home h2.block-heading { font-size: clamp(30px, 3vw, 40px) !important; line-height: 1.18 !important; font-weight: 400 !important; text-transform: none !important; text-align: left !important; color: #231C15 !important; margin: 0 !important; padding: 0 !important; } .section--home .block-heading-sm, .section--home h2.block-heading-sm { font-size: clamp(26px, 2.6vw, 34px) !important; } .block-media { aspect-ratio: 4/3; width: 100%; } .block-media.ratio-4-3 { aspect-ratio: 4/3; } .block-media.ratio-4-5 { aspect-ratio: 4/5; } .block-media.portrait { max-width: 480px; justify-self: center; } .block-media.focal-top { object-position: center 18%; } .block-media.focal-low { object-position: center 65%; } .block-figure { margin: 0; display: flex; flex-direction: column; gap: 10px; } .figcaption { font-size: 15px; color: #6B5E52; } /* ============================================ AUTHOR BYLINE STYLES Adjust the three custom properties to match the site's palette if needed. ============================================ */ .author-byline { --byline-text: #1a1a1a; /* main text */ --byline-muted: #6b6b6b; /* secondary text */ --byline-border: #e0d8cd; /* hairline rules */ display: flex; align-items: center; gap: 12px; padding: 14px 0; margin: 0 0 24px; border-top: 1px solid var(--byline-border); border-bottom: 1px solid var(--byline-border); } .author-byline__photo { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; flex-shrink: 0; border: 1px solid var(--byline-border); } .author-byline__text { min-width: 0; } .author-byline__name { font-size: 15px; line-height: 1.4; color: var(--byline-text); margin: 0; } .author-byline__name a { color: inherit; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; } .author-byline__name a:hover { text-decoration: none; } .author-byline__credentials { font-size: 13px; line-height: 1.4; color: var(--byline-muted); margin: 2px 0 0; } .author-byline__meta { font-size: 12px; line-height: 1.4; color: var(--byline-muted); margin: 4px 0 0; } /* Mobile: keep everything on one clean column */ @media (max-width: 480px) { .author-byline { align-items: flex-start; } .author-byline__photo { width: 44px; height: 44px; } } /* The badge itself */ .footer-award { display: flex; align-items: center; flex-shrink: 0; margin-right: 32px; } .footer-award__link { display: block; text-decoration: none; border: 0; } .footer-award__img { display: block; width: auto; height: 160px; max-width: 100%; } /* Puts the badge on the same row as the icons, badge first. Replace .footer_social_links with the real wrapper class from devtools. */ .footer_social_links { display: flex !important; align-items: center; justify-content: flex-end; gap: 16px; flex-wrap: wrap; } @media (min-width: 701px) { .footer-award { margin-top: 3rem; } } @media (max-width: 700px) { .footer_social_links { justify-content: flex-start; } .footer-award { margin-right: 20px; } .footer-award__img { height: 160px; } }