



    
/* 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 ------------------- */

    
    

        
    /* Background colour --------------*/





    


    #header.header_transparent .dropdown-mask {
        background-color: transparent !important;
    }
    

    
    

    /* Feature popup colours ------------------- */

    
    
        .button,
        .full-width.store_item.store_item_dynamic_status.clearwithin>.store_item_controls>.buy_now_store_item_add_container>button.store_item_add_to_cart {
            background: #ffffff;
        }

    


/* Fonts----------------------------- */

    /* Main body font ------------------- */
        body,
        input, select, textarea {
                font-family: "Avenir Regular", Sans-serif;
                font-style:normal;                        
			font-weight:normal;


        }

    /* Heading and emphasis font ------------------- */
        #logo a, #footer,
        #home_splash .content,
        .navigation ul li a,
        .link, .link a, .page_stats,
        .subheading span,
        .subheading, .subtitle, .poster, .date, .price,
        #hero_heading,
        #hero_header .title, #hero_header .subtitle,
        h1, h2, h3, h4, h5, h6,
        .fullscreen_slideshow .hero_splash_text,
        .records_list ul li .content .title, 
        .records_list ul li .content .artist,
        #cover_page_slideshow_pager,
        #mc_embed_signup input.button,
        .countdown_clock,
        #artists-browser .artists-browser-label,
        .artists-browser .artists-browser-label {
                font-family: "Avenir Regular", Sans-serif;
                font-style:normal;                        
			font-weight:normal;


        }


    /* Navigation font ------------------- */


        #top_nav.navigation ul li a,
        #top_nav #full_nav .dropdown-btn {
                font-family: "Avenir Regular", Sans-serif;
                font-style:normal;                        
			font-weight:normal;


        }

    
    /* User custom html-font sizing ------------------- */
    
      
        html {
            font-size: 10.0px;
        }
    
    
    /* Title - Heading spacing and transform ------------------- */
        
        
        
        
        
        h1, h2, h3, h4, h5, h6, #hero_header .title, .fullscreen_slideshow .hero_splash_text,
        #logo a,
        .navigation ul li a,
        #slide_nav_reveal,
        #header_quick_search .inputField,
        #header_quick_search input,
        #header_quick_search select,
        #header_quick_search textarea,
        #header_quick_search #header_quicksearch_btn,
        #footer #artlogic,
        #footer #copyright,
        #footer #copyright .copyright-text,
        #footer .small-links-container,
        .page-artists h1 #artist_years,
        .page-artists h1 .artist_years,
        .event-details-wrapper .event-details span,
        .subsection-press .records_list .content .link a,
        .section-press .records_list .content .link a,
        #store_cart_widget,
        .fullscreen_slideshow .hero_splash_text,
        .fullscreen_slideshow .hero_splash_text .title,
        .fullscreen_slideshow ul li .content h2,
        .fullscreen_slideshow ul li .content h2 a,
        .fullscreen_slideshow ul li .content h2 a:visited,
        .fullscreen_slideshow ul li .content h2 a .separator,
        .fullscreen_slideshow ul li .content h2 a .h1_subtitle,
        #image_gallery #content_module h3,
        .records_list .content h2,
        .records_list .content .subtitle,
        .records_list .content .date,
        .records_list .content .location ,
        .records_list ul li .content .title,
        .records_list ul li .content .artist,
        .feature_panels .panel_image_text_adjacent .content h2,
        .feature_list ul li .content h2,
        .feature_list ul li .content .subtitle,
        .feature_list ul li .content .date,
        .feature_list ul li .content .location,
        .full_list ul li .content h2,
        .full_list ul li .content .subtitle,
        .full_list ul li .content .date,
        .records_list.detail_expand_grid .expander_detail #image_gallery #content_module .subtitle,
        .link,
        .button,
        .simple_list ul li,
        #social_links_list ul li,
        .page_stats .ps_item,
        .page_stats .ps_pages,
        #protected_path_login #container h1,
        #protected_path_login #container label,
        .subheading,
        .poster,
        .subtitle,
        .h1_subtitle,
        .location ,
        .date,
        .price,
        #fancybox-title-main .artist strong,
        #mc_embed_signup input.button,
        #home_splash .content,
        #hero_header .subtitle,
        .feature_panels .panel_hero .hero_heading .subtitle,
        #hero_header .inner,
        .feature_panels .panel_hero .hero_heading > h2,
        .feature_panels .panel_hero .hero_heading > a > h2,
        #cover_page_slideshow_pager,
        #artists-browser,
        .artists-browser ,
        .exhibition-header .h1_subtitle,
        #top_nav #full_nav .has_dropdown_items .dropdown-btn,
        #top_nav #full_nav .has_dropdown_items_mobile .dropdown-btn{
                letter-spacing: 0.09em;
        }

/* Text colours----------------------------- */


    /* Heading and emphasis text colour ------------------- */

    /* Colour None */


    /* Subheading and secondary emphasis text colour ------------------- */


    /* Body/main text colour ------------------- */



    /* Link text color ------------------- */

    

    /* Header layout ------------------- */

    
    
    

    /* Dynamically created grid layout css ------------------- */
    


 /* artfairs - image_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artfairs:not(.feature_list) > ul > li { width:33.33% }}

                            
                                .records_list.grid_dynamic_layout_artfairs ul li img { object-fit: cover; width: 100%; height: 100%; }

                                .records_list.grid_dynamic_layout_artfairs ul li .image > span.objectfit-fallback-bg { background-size:cover; }

                                .records_list.grid_dynamic_layout_artfairs ul li .image > span > a { height: 100%; }

                                .browser-msie .records_list.grid_dynamic_layout_artfairs ul li img { font-family:object-fit; }

                                .browser-msie .records_list.grid_dynamic_layout_artfairs ul li img:first-letter { font-family:object-fit; }

                            
                                    .records_list.grid_dynamic_layout_artfairs ul li .image::after { padding-top:75.0%; }

                                


 /* instagram - image_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_instagram:not(.feature_list) > ul > li { width:25.0% }}

                            
                            .records_list.feature_list.grid_dynamic_layout_instagram:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; }

                            .records_list.feature_list.grid_dynamic_layout_instagram:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static }

                        
                            .records_list.grid_dynamic_layout_instagram ul li .image > span.objectfit-fallback-bg { background-size:contain; }

                        .records_list.grid_dynamic_layout_instagram ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; }

                                
                                    .records_list.grid_dynamic_layout_instagram ul li .image::after { padding-top:100.0%; }

                                


 /* artworks - image_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artworks:not(.feature_list) > ul > li { width:25.0% }}

                            
                            .records_list.feature_list.grid_dynamic_layout_artworks:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; }

                            .records_list.feature_list.grid_dynamic_layout_artworks:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static }

                        
                            .records_list.grid_dynamic_layout_artworks ul li .image > span.objectfit-fallback-bg { background-size:contain; }

                        .records_list.grid_dynamic_layout_artworks ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; }

                                
                                    .records_list.grid_dynamic_layout_artworks ul li .image::after { padding-top:100.0%; }

                                


 /* default image grid - image_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_default_image_grid:not(.feature_list) > ul > li { width:25.0% }}

                            
                            .records_list.feature_list.grid_dynamic_layout_default_image_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; }

                            .records_list.feature_list.grid_dynamic_layout_default_image_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static }

                        
                            .records_list.grid_dynamic_layout_default_image_grid ul li .image > span.objectfit-fallback-bg { background-size:contain; }

                        .records_list.grid_dynamic_layout_default_image_grid ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; }

                                
                                    .records_list.grid_dynamic_layout_default_image_grid ul li .image::after { padding-top:100.0%; }

                                


 /* 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%; }

                                


 /* 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; }

                            
                                    .records_list.grid_dynamic_layout_default_grid ul li .image::after { padding-top:100.0%; }

                                


 /* artists - image_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artists:not(.feature_list) > ul > li { width:25.0% }}

                            
                                .records_list.grid_dynamic_layout_artists ul li img { object-fit: cover; width: 100%; height: 100%; }

                                .records_list.grid_dynamic_layout_artists ul li .image > span.objectfit-fallback-bg { background-size:cover; }

                                .records_list.grid_dynamic_layout_artists ul li .image > span > a { height: 100%; }

                                .browser-msie .records_list.grid_dynamic_layout_artists ul li img { font-family:object-fit; }

                                .browser-msie .records_list.grid_dynamic_layout_artists ul li img:first-letter { font-family:object-fit; }

                            
                                    .records_list.grid_dynamic_layout_artists ul li .image::after { padding-top:100.0%; }

                                


 /* video featured - feature_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_video_featured ul { width:100%;}}

                            
                                .records_list.grid_dynamic_layout_video_featured ul li img { object-fit: cover; width: 100%; height: 100%; }

                                .records_list.grid_dynamic_layout_video_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; }

                                .records_list.grid_dynamic_layout_video_featured ul li .image > span > a { height: 100%; }

                                .browser-msie .records_list.grid_dynamic_layout_video_featured ul li img { font-family:object-fit; }

                                .browser-msie .records_list.grid_dynamic_layout_video_featured ul li img:first-letter { font-family:object-fit; }

                            
                                    .records_list.grid_dynamic_layout_video_featured ul li .image::after { padding-top:100.0%; }

                                


 /* artist works categories - image_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artist_works_categories:not(.feature_list) > ul > li { width: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; }

                            
                                    .records_list.grid_dynamic_layout_artist_works_categories ul li .image::after { padding-top:100.0%; }

                                


 /* exhibitions - image_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_exhibitions:not(.feature_list) > ul > li { width:33.33% }}

                            
                                .records_list.grid_dynamic_layout_exhibitions ul li img { object-fit: cover; width: 100%; height: 100%; }

                                .records_list.grid_dynamic_layout_exhibitions ul li .image > span.objectfit-fallback-bg { background-size:cover; }

                                .records_list.grid_dynamic_layout_exhibitions ul li .image > span > a { height: 100%; }

                                .browser-msie .records_list.grid_dynamic_layout_exhibitions ul li img { font-family:object-fit; }

                                .browser-msie .records_list.grid_dynamic_layout_exhibitions ul li img:first-letter { font-family:object-fit; }

                            
                                    .records_list.grid_dynamic_layout_exhibitions ul li .image::after { padding-top:75.0%; }

                                


 /* 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; }

                            
                                    .records_list.grid_dynamic_layout_events ul li .image::after { padding-top:100.0%; }

                                


 /* exhibitions installation - slider-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_exhibitions_installation:not(.feature_list) > ul > li { width:25.0% }}

                            
                            .records_list.feature_list.grid_dynamic_layout_exhibitions_installation:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; }

                            .records_list.feature_list.grid_dynamic_layout_exhibitions_installation:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static }

                        
                            .records_list.grid_dynamic_layout_exhibitions_installation ul li .image > span.objectfit-fallback-bg { background-size:contain; }

                        .records_list.grid_dynamic_layout_exhibitions_installation ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; }

                                
                                    .records_list.grid_dynamic_layout_exhibitions_installation ul li .image::after { padding-top:100.0%; }

                                


 /* artist installation - image_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artist_installation:not(.feature_list) > ul > li { width:25.0% }}

                            
                            .records_list.feature_list.grid_dynamic_layout_artist_installation:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; }

                            .records_list.feature_list.grid_dynamic_layout_artist_installation:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static }

                        
                            .records_list.grid_dynamic_layout_artist_installation ul li .image > span.objectfit-fallback-bg { background-size:contain; }

                        .records_list.grid_dynamic_layout_artist_installation ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; }

                                
                                    .records_list.grid_dynamic_layout_artist_installation ul li .image::after { padding-top:100.0%; }

                                


 /* blog - reading_list-------------------------------------- */


                                .records_list.grid_dynamic_layout_blog ul li img { object-fit: cover; width: 100%; height: 100%; }

                                .records_list.grid_dynamic_layout_blog ul li .image > span.objectfit-fallback-bg { background-size:cover; }

                                .records_list.grid_dynamic_layout_blog ul li .image > span > a { height: 100%; }

                                .browser-msie .records_list.grid_dynamic_layout_blog ul li img { font-family:object-fit; }

                                .browser-msie .records_list.grid_dynamic_layout_blog ul li img:first-letter { font-family:object-fit; }

                            
                                    .records_list.grid_dynamic_layout_blog ul li .image::after { padding-top:66.6666666667%; }

                                


 /* store featured - feature_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_store_featured ul { width:100%;}}

                            
                                .records_list.grid_dynamic_layout_store_featured ul li img { object-fit: cover; width: 100%; height: 100%; }

                                .records_list.grid_dynamic_layout_store_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; }

                                .records_list.grid_dynamic_layout_store_featured ul li .image > span > a { height: 100%; }

                                .browser-msie .records_list.grid_dynamic_layout_store_featured ul li img { font-family:object-fit; }

                                .browser-msie .records_list.grid_dynamic_layout_store_featured ul li img:first-letter { font-family:object-fit; }

                            
                                    .records_list.grid_dynamic_layout_store_featured ul li .image::after { padding-top:100.0%; }

                                


 /* events featured - feature_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_events_featured ul { width:100%;}}

                            
                                .records_list.grid_dynamic_layout_events_featured ul li img { object-fit: cover; width: 100%; height: 100%; }

                                .records_list.grid_dynamic_layout_events_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; }

                                .records_list.grid_dynamic_layout_events_featured ul li .image > span > a { height: 100%; }

                                .browser-msie .records_list.grid_dynamic_layout_events_featured ul li img { font-family:object-fit; }

                                .browser-msie .records_list.grid_dynamic_layout_events_featured ul li img:first-letter { font-family:object-fit; }

                            
                                    .records_list.grid_dynamic_layout_events_featured ul li .image::after { padding-top:75.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; }

                            
                                    .records_list.grid_dynamic_layout_artwork_categories_landing ul li .image::after { padding-top:100.0%; }

                                


 /* events - image_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_events:not(.feature_list) > ul > li { width:25.0% }}

                            
                                .records_list.grid_dynamic_layout_events ul li img { object-fit: cover; width: 100%; height: 100%; }

                                .records_list.grid_dynamic_layout_events ul li .image > span.objectfit-fallback-bg { background-size:cover; }

                                .records_list.grid_dynamic_layout_events ul li .image > span > a { height: 100%; }

                                .browser-msie .records_list.grid_dynamic_layout_events ul li img { font-family:object-fit; }

                                .browser-msie .records_list.grid_dynamic_layout_events ul li img:first-letter { font-family:object-fit; }

                            
                                    .records_list.grid_dynamic_layout_events ul li .image::after { padding-top:100.0%; }

                                


 /* store - image_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_store:not(.feature_list) > ul > li { width:50.0% }}

                            
                            .records_list.feature_list.grid_dynamic_layout_store:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; }

                            .records_list.feature_list.grid_dynamic_layout_store:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static }

                        
                            .records_list.grid_dynamic_layout_store ul li .image > span.objectfit-fallback-bg { background-size:contain; }

                        .records_list.grid_dynamic_layout_store ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; }

                                
                                    .records_list.grid_dynamic_layout_store ul li .image::after { padding-top:100.0%; }

                                


 /* default feature grid - feature_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_default_feature_grid ul { width:100%;}}

                            
                                .records_list.grid_dynamic_layout_default_feature_grid ul li img { object-fit: cover; width: 100%; height: 100%; }

                                .records_list.grid_dynamic_layout_default_feature_grid ul li .image > span.objectfit-fallback-bg { background-size:cover; }

                                .records_list.grid_dynamic_layout_default_feature_grid ul li .image > span > a { height: 100%; }

                                .browser-msie .records_list.grid_dynamic_layout_default_feature_grid ul li img { font-family:object-fit; }

                                .browser-msie .records_list.grid_dynamic_layout_default_feature_grid ul li img:first-letter { font-family:object-fit; }

                            
                                    .records_list.grid_dynamic_layout_default_feature_grid ul li .image::after { padding-top:100.0%; }

                                


 /* feature panels - image_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_feature_panels:not(.feature_list) > ul > li { width:25.0% }}

                            
                                .records_list.grid_dynamic_layout_feature_panels ul li img { object-fit: cover; width: 100%; height: 100%; }

                                .records_list.grid_dynamic_layout_feature_panels ul li .image > span.objectfit-fallback-bg { background-size:cover; }

                                .records_list.grid_dynamic_layout_feature_panels ul li .image > span > a { height: 100%; }

                                .browser-msie .records_list.grid_dynamic_layout_feature_panels ul li img { font-family:object-fit; }

                                .browser-msie .records_list.grid_dynamic_layout_feature_panels ul li img:first-letter { font-family:object-fit; }

                            
                                    .records_list.grid_dynamic_layout_feature_panels ul li .image::after { padding-top:100.0%; }

                                


 /* 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.feature_list.grid_dynamic_layout_exhibitions_works:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; }

                            .records_list.feature_list.grid_dynamic_layout_exhibitions_works:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static }

                        
                            .records_list.grid_dynamic_layout_exhibitions_works ul li .image > span.objectfit-fallback-bg { background-size:contain; }

                        .records_list.grid_dynamic_layout_exhibitions_works ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; }

                                
                                    .records_list.grid_dynamic_layout_exhibitions_works ul li .image::after { padding-top:100.0%; }

                                


 /* publications featured - feature_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_publications_featured ul { width:100%;}}

                            
                                .records_list.grid_dynamic_layout_publications_featured ul li img { object-fit: cover; width: 100%; height: 100%; }

                                .records_list.grid_dynamic_layout_publications_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; }

                                .records_list.grid_dynamic_layout_publications_featured ul li .image > span > a { height: 100%; }

                                .browser-msie .records_list.grid_dynamic_layout_publications_featured ul li img { font-family:object-fit; }

                                .browser-msie .records_list.grid_dynamic_layout_publications_featured ul li img:first-letter { font-family:object-fit; }

                            
                                    .records_list.grid_dynamic_layout_publications_featured ul li .image::after { padding-top:100.0%; }

                                


 /* press featured - feature_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_press_featured ul { width:100%;}}

                            
                                .records_list.grid_dynamic_layout_press_featured ul li img { object-fit: cover; width: 100%; height: 100%; }

                                .records_list.grid_dynamic_layout_press_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; }

                                .records_list.grid_dynamic_layout_press_featured ul li .image > span > a { height: 100%; }

                                .browser-msie .records_list.grid_dynamic_layout_press_featured ul li img { font-family:object-fit; }

                                .browser-msie .records_list.grid_dynamic_layout_press_featured ul li img:first-letter { font-family:object-fit; }

                            
                                    .records_list.grid_dynamic_layout_press_featured ul li .image::after { padding-top:100.0%; }

                                


 /* news featured - feature_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_news_featured ul { width:100%;}}

                            
                                .records_list.grid_dynamic_layout_news_featured ul li img { object-fit: cover; width: 100%; height: 100%; }

                                .records_list.grid_dynamic_layout_news_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; }

                                .records_list.grid_dynamic_layout_news_featured ul li .image > span > a { height: 100%; }

                                .browser-msie .records_list.grid_dynamic_layout_news_featured ul li img { font-family:object-fit; }

                                .browser-msie .records_list.grid_dynamic_layout_news_featured ul li img:first-letter { font-family:object-fit; }

                            
                                    .records_list.grid_dynamic_layout_news_featured ul li .image::after { padding-top:100.0%; }

                                


 /* artfairs featured - feature_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_artfairs_featured ul { width:100%;}}

                            
                                .records_list.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:75.0%; }

                                


 /* exhibitions featured - feature_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_exhibitions_featured ul { width:100%;}}

                            
                            .records_list.feature_list.grid_dynamic_layout_exhibitions_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; }

                            .records_list.feature_list.grid_dynamic_layout_exhibitions_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static }

                        
                            .records_list.grid_dynamic_layout_exhibitions_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; }

                        .records_list.grid_dynamic_layout_exhibitions_featured ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; }

                                
                                    .records_list.grid_dynamic_layout_exhibitions_featured ul li .image::after { padding-top:66.6666666667%; }

                                


 /* press - image_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_press:not(.feature_list) > ul > li { width: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; }

                            
                                    .records_list.grid_dynamic_layout_press ul li .image::after { padding-top:100.0%; }

                                


 /* news - image_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_news:not(.feature_list) > ul > li { width:33.33% }}

                            
                                .records_list.grid_dynamic_layout_news ul li img { object-fit: cover; width: 100%; height: 100%; }

                                .records_list.grid_dynamic_layout_news ul li .image > span.objectfit-fallback-bg { background-size:cover; }

                                .records_list.grid_dynamic_layout_news ul li .image > span > a { height: 100%; }

                                .browser-msie .records_list.grid_dynamic_layout_news ul li img { font-family:object-fit; }

                                .browser-msie .records_list.grid_dynamic_layout_news ul li img:first-letter { font-family:object-fit; }

                            
                                    .records_list.grid_dynamic_layout_news ul li .image::after { padding-top:100.0%; }

                                


 /* viewing rooms featured forthcoming - feature_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul { width:100%;}}

                            
                                .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li img { object-fit: cover; width: 100%; height: 100%; }

                                .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li .image > span.objectfit-fallback-bg { background-size:cover; }

                                .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li .image > span > a { height: 100%; }

                                .browser-msie .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li img { font-family:object-fit; }

                                .browser-msie .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li img:first-letter { font-family:object-fit; }

                            
                                    .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li .image::after { padding-top:100.0%; }

                                


 /* search - image_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_search:not(.feature_list) > ul > li { width:25.0% }}

                            
                                .records_list.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; }

                            
                                    .records_list.grid_dynamic_layout_search ul li .image::after { padding-top:100.0%; }

                                


 /* viewing rooms featured - feature_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_viewing_rooms_featured ul { width:100%;}}

                            
                                .records_list.grid_dynamic_layout_viewing_rooms_featured ul li img { object-fit: cover; width: 100%; height: 100%; }

                                .records_list.grid_dynamic_layout_viewing_rooms_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; }

                                .records_list.grid_dynamic_layout_viewing_rooms_featured ul li .image > span > a { height: 100%; }

                                .browser-msie .records_list.grid_dynamic_layout_viewing_rooms_featured ul li img { font-family:object-fit; }

                                .browser-msie .records_list.grid_dynamic_layout_viewing_rooms_featured ul li img:first-letter { font-family:object-fit; }

                            
                                    .records_list.grid_dynamic_layout_viewing_rooms_featured ul li .image::after { padding-top:100.0%; }

                                


 /* viewing rooms works - image_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_viewing_rooms_works:not(.feature_list) > ul > li { width:25.0% }}

                            
                            .records_list.feature_list.grid_dynamic_layout_viewing_rooms_works:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; }

                            .records_list.feature_list.grid_dynamic_layout_viewing_rooms_works:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static }

                        
                            .records_list.grid_dynamic_layout_viewing_rooms_works ul li .image > span.objectfit-fallback-bg { background-size:contain; }

                        .records_list.grid_dynamic_layout_viewing_rooms_works ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; }

                                
                                    .records_list.grid_dynamic_layout_viewing_rooms_works ul li .image::after { padding-top:100.0%; }

                                


 /* 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:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; }

                                
                                    .records_list.grid_dynamic_layout_artist_works ul li .image::after { padding-top:100.0%; }

                                


 /* 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; }

                            
                                    .records_list.grid_dynamic_layout_exhibitors ul li .image::after { padding-top:100.0%; }

                                


 /* 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:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; }

                                
                                    .records_list.grid_dynamic_layout_feature_panels_image_grid ul li .image::after { padding-top:100.0%; }

                                


 /* 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; }

                            
                                    .records_list.grid_dynamic_layout_publications ul li .image::after { padding-top:100.0%; }

                                


 /* 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; }

                            
                                    .records_list.grid_dynamic_layout_team ul li .image::after { padding-top:100.0%; }

                                


 /* 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; }

                            
                                    .records_list.grid_dynamic_layout_viewing_rooms ul li .image::after { padding-top:100.0%; }

                                
    
    
    /* 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: 400px;
            }

            
                #header #logo.user-custom-logo-image::before {
                    padding-top:6.63600525624%;
                } 
        
        .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-artlogicwebsite3040/usr/images/preferences/logonew.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-artlogicwebsite3040/usr/images/preferences/logonew.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-artlogicwebsite3040/usr/images/preferences/logonew.png', sizingMethod='scale')";
        }
        #logo a {
            text-indent: -9999px;
            padding: 0;
        }
        
        

        
        


    /* Topnav text color ------------------- */

    

    /* Subnav text color ------------------- */


    /* Responsive nav text color ------------------- */

    
    /* Responsive nav active / hover text color ------------------- */
    

    /* Button text color ------------------- */

        .button a, .button a:visited, .button a:hover, .button span, .button input,
        .buy_now_store_item_add_container>button.store_item_add_to_cart>span {
            color: #000000;
        }
        /* quick view button */
        .buy_enquire_button button, a.buy_enquire_detail_link {
            color: #000000;
        }
    
    
    /* Hero section image opacity ------------------- */

        
        .fullscreen-slide-dark .fullscreen_slideshow.hero_header_layout_center:not(.override-slide-brightness) ul li::before,
        .fullscreen_slideshow.hero_header_layout_center:not(.detect-slide-brightness):not(.override-slide-brightness) ul li::before,
        
        .fullscreen-slide-dark .fullscreen_slideshow.hero_header_layout_left-center:not(.override-slide-brightness) ul li::before,
        .fullscreen_slideshow.hero_header_layout_left-center:not(.detect-slide-brightness):not(.override-slide-brightness) ul li::before {
            background: rgba(0,0,0,0) !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: 0vh
    }

    
        .layout-hero-header-record-data #hero_header > .inner, 
        body.layout-hero-header-record-data.layout-hero-header:not(.type-fullscreen ) #main_content::before,
        body.layout-hero-header-record-data.layout-hero-header.layout-hero-header-record-data #hero_header > .inner, 
        body.layout-hero-header-record-data.layout-hero-header.layout-hero-header-record-data:not(.type-fullscreen ) #main_content::before,
        body.layout-hero-header.layout-hero-header-record-data #hero_header.hero-mode-split {
            height: var(--hero-height, 100vh);

                max-height: none;
        }
    
    /* Home page slideshow / fullscreen video ui buttons ------------------- */
    
    
    
    
    /* 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-artlogicwebsite3040/usr/images/preferences/logonew.png');
        }
    }

/* Artlogic preferences custom CSS - entered by Artlogic in the preferences screen ------------------- */




/* Client custom user CSS - entered by the client in the preferences screen ------------------- */

    /* =========================================
   Global Avenir Font
========================================= */

@font-face {
  font-family: "Avenir Regular";
  src: url("/usr/documents/fonts/regular_font_woff2/4/avenir-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --heading-font: "Avenir Regular", Avenir, "Avenir Next", Helvetica, Arial, sans-serif;
  --body-font: "Avenir Regular", Avenir, "Avenir Next", Helvetica, Arial, sans-serif;
}

html,
body,
body *,
input,
textarea,
select,
button {
  font-family: "Avenir Regular", Avenir, "Avenir Next", Helvetica, Arial, sans-serif !important;
}

/* -------------------------------------------------------
   Artist List
-------------------------------------------------------- */

/* Reduce space below Artists heading */
.subsection-artists-list .heading_wrapper {
  margin-bottom: 0px !important;
}

/* -------------------------------------------------------
   Exhibition / Section Navigation
-------------------------------------------------------- */

/* Exhibition list: align navigation to the left */
#exhibitions_nav.navigation,
.list_grid_control.navigation,
.subsection-navigation.navigation,
.heading_wrapper .news_filters_group.navigation {
  float: left;
}

/* -------------------------------------------------------
   Typography
-------------------------------------------------------- */

/* All H2 headings only */
h2,
h2 a,
#content h2,
#content h2 a,
.records_list .content h2,
.records_list .content h2 a,
.feature_list ul li .content h2,
.feature_list ul li .content h2 a,
.feature_panels h2,
.feature_panels h2 a {
  font-family: var(--heading-font) !important;
}

/* -------------------------------------------------------
   Hero Titles
-------------------------------------------------------- */

/* Artist hero name */
#hero_header #hero_heading h1,
#hero_header #hero_heading .title {
  font-family: var(--heading-font) !important;
  font-size: 2.75rem !important;
  line-height: 1 !important;
  letter-spacing: 0.04em !important;
}

/* Homepage fullscreen slideshow title */
.fullscreen_slideshow ul li .content h2,
.fullscreen_slideshow ul li .content h2 a,
.fullscreen_slideshow ul li .content h2 a:visited {
  font-family: var(--heading-font) !important;
  font-size: 2.5rem !important;
  line-height: 1.1 !important;
  letter-spacing: 0.04em !important;
}

/* -------------------------------------------------------
   Feature Panels
-------------------------------------------------------- */

.feature_panels .panel_header {
  display: block;
  margin: 0 0 20px;
}

/* -------------------------------------------------------
   Detail Page Submenu Link Line
   Adds 1px line after submenu links
-------------------------------------------------------- */

body:not(.section-home) #sub_nav.navigation {
  float: none !important;
  clear: both !important;
  display: block !important;
  width: 100% !important;
}

body:not(.section-home) #sub_nav.navigation ul {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:not(.section-home) #sub_nav.navigation ul li {
  float: none !important;
  display: inline-flex !important;
  margin: 0 24px 0 0 !important;
  flex: 0 0 auto !important;
}

body:not(.section-home) #sub_nav.navigation ul::after {
  content: "" !important;
  display: block !important;
  height: 1px !important;
  background: #ebebeb !important;
  flex: 1 1 auto !important;
  transform: translateY(-3px) !important;
}

/* Close space between hero image and submenu */
body.layout-hero-header .heading_wrapper {
  padding-top: -20px !important;
}

body.layout-hero-header .heading_wrapper #sub_nav.navigation {
  margin-top: 0 !important;
}

/* Hide exhibition navigation on exhibition detail pages */
body.section-exhibitions.layout-hero-header #exhibitions_nav.navigation {
    display: none !important;
}

/* Exhibition submenu: match artist submenu spacing */
body.layout-hero-header .heading_wrapper #exhibitions_nav.navigation {
  margin-top: 0 !important;
}

/* =========================================
   Exhibition Overview Slip Scroll
   Megan - scoped to exhibition pages
========================================= */

body.section-exhibitions .subsection-overview {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 40px !important;
}

body.section-exhibitions .subsection-overview .sidebar {
  order: 2 !important;
  position: sticky !important;
  top: 50px !important;
  align-self: flex-start !important;
  flex: 0 0 auto !important;
  width: 45% !important;
}

body.section-exhibitions .subsection-overview .prose.content_module {
  order: 1 !important;
  flex: 1 1 auto !important;
}

/* =========================================
   Exhibition Overview Mobile Stack
========================================= */

@media screen and (max-width: 767px) {

  body.section-exhibitions .subsection-overview {
    display: flex !important;
    flex-direction: column !important;
    gap: 30px !important;
  }

  body.section-exhibitions .subsection-overview .sidebar {
    order: 1 !important;
    position: relative !important;
    top: auto !important;
    width: 100% !important;
  }

  body.section-exhibitions .subsection-overview .prose.content_module {
    order: 2 !important;
    width: 100% !important;
  }
}


/* =========================================
   Exhibition Overview Mobile Stack
========================================= */

@media screen and (max-width: 767px) {

  .subsection-overview {
    display: flex !important;
    flex-direction: column !important;
    gap: 30px !important;
  }

  .subsection-overview .sidebar {
    order: 1 !important;
    position: relative !important;
    top: auto !important;
    width: 100% !important;
  }

  .subsection-overview .prose.content_module {
    order: 2 !important;
    width: 100% !important;
  }
}

/* Artist sticky submenu: reduce sticky header height */
@media screen and (min-width: 768px) {
  .page_header_enable.scrolling-down #header.header_fixed,
  body .page_header_enable.scrolling-down #header.header_fixed {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    overflow: hidden !important;
  }

  /* This is the piece that was holding the header at 110px */
  .page_header_enable.scrolling-down #header.header_fixed > .inner,
  body .page_header_enable.scrolling-down #header.header_fixed > .inner {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
  }

  .page_header_enable.scrolling-down #header #page_header,
  body .page_header_enable.scrolling-down #header #page_header,
  .page_header_enable.scrolling-down #header #page_header .page-header-inner,
  body .page_header_enable.scrolling-down #header #page_header .page-header-inner {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .page_header_enable.scrolling-down #header #page_header #sub_nav.navigation,
  .page_header_enable.scrolling-down #header #page_header #sub_nav.navigation ul,
  .page_header_enable.scrolling-down #header #page_header #sub_nav.navigation li,
  .page_header_enable.scrolling-down #header #page_header #sub_nav.navigation a,
  body .page_header_enable.scrolling-down #header #page_header #sub_nav.navigation,
  body .page_header_enable.scrolling-down #header #page_header #sub_nav.navigation ul,
  body .page_header_enable.scrolling-down #header #page_header #sub_nav.navigation li,
  body .page_header_enable.scrolling-down #header #page_header #sub_nav.navigation a {
    height: 48px !important;
    line-height: 48px !important;
    min-height: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

/* =========================================
   Footer Alignment
========================================= */

#footer.advanced_footer {
  position: relative !important;
  overflow: visible !important;
}

/* Reset footer items */
#footer.advanced_footer .advanced_footer_item {
  display: inline-block !important;
  float: none !important;
  vertical-align: top !important;
  box-sizing: border-box !important;
}

/* Left address block */
#footer.advanced_footer .advanced_footer_item:nth-of-type(1) {
  width: 33.333% !important;
  text-align: left !important;
}

/* Center logo block */
#footer.advanced_footer .advanced_footer_item:nth-of-type(2) {
  width: 33.333% !important;
  text-align: center !important;
}

/* Right contact block */
#footer.advanced_footer .advanced_footer_item:nth-of-type(3) {
  position: absolute !important;
  top: 25px !important;
  right: 42px !important;
  width: auto !important;
  text-align: right !important;
  padding-right: 0 !important;
  z-index: 5 !important;
}

/* Move center footer logo/item up slightly */
#footer.advanced_footer .advanced_footer_item:nth-of-type(2) {
  position: relative !important;
  top: -20px !important;
}

/* Tighten space below footer copyright/site credit */
#footer,
#footer.advanced_footer {
  padding-bottom: 0px !important;
  margin-bottom: 0 !important;
}

/* Hide "Read more" across all exhibition list layouts */
.page-exhibitions span.read_more,
.section-exhibitions span.read_more,
.records_list span.read_more,
.link span.read_more,
span.read_more {
  display: none !important;
}

/* Show the full image without cropping */
.records_list.grid_dynamic_layout_store_featured ul li img {
  object-fit: contain !important;
  width: 100% !important;
  height: 100% !important;
}

/* Hde date on News detail pages only */
body.section-news.page-news .date {
  display: none !important;
}

/* =========================================
   Homepage Slideshow
   Match subtitle + colon to H2 title
========================================= */

body .fullscreen_slideshow ul li .content h2 a .h1_subtitle,
body .fullscreen_slideshow ul li .content h2 .h1_subtitle,
body .fullscreen_slideshow ul li .content h2 a .separator,
body .fullscreen_slideshow ul li .content h2 .separator {
  font-size: 2.5rem !important;
  line-height: 1.1 !important;
  letter-spacing: 0.04em !important;
}

@media screen and (max-width: 525px) {

  table colgroup,
  table col {
    display: none !important;
  }

  table,
  table tbody,
  table tr {
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }

  table td,
  table th {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
  }

}

/* Stack the 3 footer modules vertically at ≤680px, centered, full width.
   Also center the copyright block and the "Manage cookies" link,
   which use their own markup outside .advanced_footer_item. */
@media (max-width: 680px) {
  #footer.advanced_footer {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    position: relative !important;
    height: auto !important;
  }
  #footer.advanced_footer .advanced_footer_item,
  #footer.advanced_footer .advanced_footer_item:nth-of-type(1),
  #footer.advanced_footer .advanced_footer_item:nth-of-type(2),
  #footer.advanced_footer .advanced_footer_item:nth-of-type(3) {
    display: block !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    float: none !important;
    text-align: center !important;
    padding: 0 0 20px 0 !important;
    margin: 0 auto !important;
  }
  #footer.advanced_footer .advanced_footer_item p,
  #footer.advanced_footer .advanced_footer_item span {
    text-align: center !important;
  }
  #footer.advanced_footer .advanced_footer_item_3 { order: 1 !important; }
  #footer.advanced_footer .advanced_footer_item_1 { order: 2 !important; }
  #footer.advanced_footer .advanced_footer_item_2 { order: 3 !important; }

  /* copyright block */
  #copyright,
  #copyright .copyright-text {
    float: none !important;
    clear: both !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 20px auto 10px auto !important;
  }

  /* "Manage cookies" link */
  .small-links-container,
  .cookie_notification_preferences {
    float: none !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 auto !important;
  }
}

/* Adds a 1px solid border around all site buttons.
   !important is needed to beat the existing conflicting .button rules
   in this stylesheet (multiple background/border declarations are
   already fighting for specificity here). */
.button {
  border: 1px solid #010101 !important;
}

/* Removes top padding and bottom margin from #main_content, scoped to the art fair page only */
body.page-art-fairs #main_content {
    padding: 0;
    margin: 0 0 60px;
}

/* Hides the artist birth year/nationality span in the artwork popup, across all entry points */
#artist_years {
    display: none;
}

/* Adds top padding to the sub-nav/filter controls section, scoped to art fair pages only */
body.page-art-fairs #sub_nav.navigation,
body.page-art-fairs #exhibitions_nav.navigation,
body.page-art-fairs .list_grid_control.navigation,
body.page-art-fairs .subsection-navigation.navigation,
body.page-art-fairs .heading_wrapper .news_filters_group.navigation {
    padding: 40px 0 0;
}
