/* ------------------------------------------------------------------------
--------------------------------- Size 3 ----------------------------------
------------------------------------------------------------------------ */

@media screen and (min-width: 1023px) {
    .nav-wrapper.navigation ul li button#signup {
        margin-bottom: 7px;
    }
}

@media screen and (max-width: 1023px) {

    :root{
        --full-bleed-panel-spacing: 40px;
    }

    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
    
        /* Header and nav
        ------------------------------------------------- */
        body.roomview-active #header #header_main_inner, body.page-popup-active #header #header_main_inner, body.overlay-open #header #header_main_inner, body #container_outer.page-top #header #header_main_inner {
            padding-bottom: 30px;
        }
        .scrolling-down #header.page-header-subsections #header_main_inner {
            padding-bottom: 15px;
        }
        
        #menu {
            display: block;
            /*padding: 12px 10px 15px 10px;*/
            /*margin-right: -10px;*/
            /*margin-top: -12px;*/
            /*margin-left: 5px;*/
        }
                
        .nav-wrapper ul li {
            font-size: 4rem;
            line-height: 0.8em;    
        }
        
        #header_items_inner {
            margin-right: 0;
        }
        #header #header_main_inner {
            padding-bottom: 8px;
        }

        #header .inner {
            padding-left: 0;
            padding-right: 0;
        }
        #main_slideshow_nav,
        .feature_panels section .area_wrapper,
        #header .inner {
            padding-left: 40px;
            padding-right: 40px;
        }
        #popup_box .close {
            right: 30px;
        }

        #header .inner {
            padding: 0;
        }
        
        #header #header_main_inner,
        body.page-popup-active #header #header_main_inner, 
        body #container_outer.page-top #header #header_main_inner {
            padding: 35px 40px 32px 40px;
        }
        body.page-popup-active #header #header_main_inner, 
        body.overlay-open #header #header_main_inner, 
        body #container_outer.page-top #header #header_main_inner, 
        body #container_outer .hero-section-visible #header #header_main_inner {
            padding-top: 35px;
            padding-bottom: 35px;
        }
        #header #page_header {
            padding-left: 20px;
            padding-right: 20px;
        }
        
        #header #header_items_inner { 
            margin-top: 0
        }
        #hero .content .content_header .h1_subtitle,.full_bleed_panel .area .area_inner .list_content_header .subtitle {
          /*font-size: 0.8em;*/
          font-size: 3rem;
        }
        /* Footer
        ------------------------------------------------- */
                
        .inline_enquiry_form form {
            padding:60px 0;
        }
        .inline_enquiry_form form .form_rows_wrapper {
            gap: 30px 20px;
        }
        #footer_see_also {
            padding: 70px;
        }

        .footer .main {
            width: 100%;
            padding: 0 0 0 0;
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
        }
        .footer .main .item {
            width: 50%;
            margin: 0 0 35px 0;
            text-align: center;
        }
        .footer h3, .footer .main .item h3 {
            margin: 0 0 10px;
        }
        .footer .inner {
            padding-right:40px;
            padding-left:40px;
        }
        .footer .credit {
            padding-bottom: 20px;
        }
        .footer .credit .inner {
            padding: 0 40px 10px;
        }
        #hero .hero_slideshow_wrapper {
            top: 0;
        }
        #popup_content:after {
            height: 82px;
        }
        #hero .content {
            width: 100%;
            padding: 30px;
        }
        .main_slideshow_pager.slideshow_pager {
            right: 40px;
            bottom: 37px;
        }
        /*.main_slideshow_toolbar, */
        /*.hero_content_additional {*/
        /*    position: static;*/
        /*    padding: 0;*/
        /*    margin-top: 30px;*/
        /*    width: 100%;*/
        /*}*/
        
        .section-store #main_slideshow .hero_content_additional {
            display: none;
        }
        .main_slideshow_quick_nav, .hero_nav {
            float: left;
            text-align: left;
        }
        .main_slideshow_quick_nav ul, .hero_nav ul {
            text-align: left;
        }
        .main_slideshow_quick_nav ul li, .hero_nav ul li {
            margin: 0  16px 0 0;
        }
        #hero .content .content_header .hero_subheading {
            margin-top: 15px;
        }
        #hero .content .content_header .hero-cta-button-wrapper > button, 
        #hero .content .content_header .hero-cta-button-wrapper > .button {
            min-width: 210px;
            line-height: 30px;
        }
        #hero .content .content_header .hero-cta-button-wrapper {
            margin-top: 50px;
            margin-bottom: -50px;
        }
        
        .button a, .button button, .button > span:not(.loader), button:not(.store_item_add_to_cart):not(.clear_button_styles):not(.aol-dock-button):not(.roomview-zoom-button):not(.page_enquiry_widget_submit_button):not(.view-in-ar-button) {
            padding: 8px 40px 8px;
        }

        .link, .content_read_more_link, .scroll-prompt,
        #main_nav ul li a, #page_header li a, .navigation ul li a, .artist_category_selector ul li button,
        #hero .content .content_header .prelude,
        #main_slideshow .location {
            font-size: 1.4rem;
        }
        .works_grid.spooling_images_grid .item {
            padding: 0 0 30px 30px;
        }
        #hero .content .content_header h1 + .hero_subheading {
            margin-top: 20px;
        }
        #main_nav ul li a, #page_header li a, .navigation ul li a, .artist_category_selector ul li button {
            line-height: 23px;
        }
        .artist-wrapper ul li a, .artist-wrapper ul li a:visited, .artist_list_section_list ul li a, .nav-wrapper ul li a {
            color: inherit;
            font-size: inherit;
            line-height: inherit;
            font-weight: inherit;
        }       
        
        .feature_panels section .area_wrapper,
        .full_bleed_panel .area .area_inner,
        .section-store .filters_inner,
        .artwork-detail-feature-panels.feature_panels section .area_wrapper {
            padding-left: 40px;
            padding-right: 40px;
        }
        .full_bleed_panel .area .area_inner.cta_enabled .list_content_header,
        .full_bleed_panel .area .area_inner.cta_enabled .list_content_header .subtitle {
          margin-bottom: 0;
        }
        .artwork_detail .artwork_detail_main,
        .artwork_detail .content_basic_layout {
            padding-left: 40px;
            padding-right: 40px;
        }
        .records_list_slider.editorial_slider {
            padding: 70px 40px
        }
        .section-store .filters_inner {
            padding-bottom: 40px;
        }
        .feature_panels section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item {
            padding-right: 40px
        }
        .feature_panels section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item:nth-child(even) {
            padding-left: 40px
        }
        .feature_panels section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item .list_caption_wrapper {
            width: calc(48vw - 40px);
        }
        
        
        #popup_content .artwork-detail-feature-panels.feature_panels section .area_wrapper {
            padding: 0 75px;
        }
              
        .feature_panels section.text_and_image_fullbleed {
            margin: 0 0 50px;
        }
        .detail_lead_hero .full_bleed_panel .area .area_inner .bottom {
            font-size: 2.6rem;
            line-height: 1.4em;
        }
        .feature_panels section .panel_footer,
        .full_grid .item {
            margin: 0 0 40px;
        }
        /*.feature_panels section .panel_heading {*/
        /*    margin: 0 0 60px;*/
        /*}*/
        .feature_panels section .panel_title {
            padding: 0;
            border: 0;
            margin: 0 0 20px;
        }
        .feature_panels section .panel_title:last-child {
            margin: 0;
        }
        .standard_grid .item .prelude, 
        .featured_items_slideshow .area_inner .prelude, 
        .records_grid .prelude {
            margin: 0 0 25px;
        }
        
        .featured_items_slideshow .area {
            padding: 40px 0 0 40px;
        }
        .panel_type_featured_items_slideshow .slideshow_pager {
            padding: 40px 0 0 40px;
        }   

    
        .panel_type_featured_items_slideshow.related_content_slideshow_panel .area_inner,
        .panel_type_featured_items_slideshow.related_content_slideshow_panel .area_inner.item_count_2,
        .panel_type_featured_items_slideshow.related_content_slideshow_panel .area_inner.item_count_3,
        .panel_type_featured_items_slideshow.related_content_slideshow_panel .area_inner.item_count_4,
        .panel_type_featured_items_slideshow.related_content_slideshow_panel .area_inner.item_count_5  {
            padding-right: 0;
        }

        .large_grid .item .image {
            width: calc(66.6% + 40px);
            left: calc(-40px + 11px);
        }
        .large_grid .item:nth-child(even) .image, 
        .large_grid.grid_layout_order_reversed:nth-child(even) .image {
            width: calc(66.6% + 40px);
            left: auto;
            right: calc(-40px + 11px);
        }
        .wipe-slideshow ul li .shutter-image {
            display: block;
            margin-left: -60px;
            /* safari bugfix - flex pushes the image down  */
        }
        #hero #wipe_slideshow_wrapper .shutter-image::before,
        .wipe-slideshow ul li::before{
            left: -60px;
            right: -60px;
        }
        #hero #wipe_slideshow_wrapper .shutter-image {
            width: calc(100% + 60px);
        }
        .wipe-slideshow ul li.active .hero_content_additional {
            display: none;
        }
        #main_slideshow .slide .caption {
            padding: 20px 20px 0;
            text-align: left;
        }
        #main_slideshow {
            position: relative;
            top: auto;
            left: auto;
            right: auto;
            bottom: auto;
        }
        .scroll_section.scroll_section_top {
            min-height: 0;
        }
        #popup_content:after {
            height: 82px;
        }
        /*body.cms-frontend-toolbar-active #popup_content:after {*/
        /*    height: 104px;*/
        /*}*/
        #popup_box .close, 
        .notify_panel_close, 
        .content-overlay .overlay-close-button, 
        .filter-close-button, 
        .nav-close-button, 
        .enquire-close-button, 
        .header-enquire-close-button, 
        .artworks-overlay-close-button, 
        .search-close-button {
            top: 32px;
            right: 28px;
        }
        body.cms-frontend-toolbar-active #popup_box .close {
            top: 50px;
        }
        .page-popup-active #header,
        .page-popup-active #header #main_header,
        .page-popup-active #header #header_main_inner *,
        .overlay-open #header,
        .overlay-open #header #main_header,
        .overlay-open #header #header_main_inner * {
            pointer-events: none;
        }
        .page-popup-active #header #header_main_inner #logo a,
        .overlay-open #header #header_main_inner #logo a {
            pointer-events: auto;
        }
        
        .feature_panels section.panel_type_225 .standard_grid.featured_artwork_grid .item .list_caption_wrapper {
            padding: 40px 0 40px 40px;
        }
        .subsection-store-basket {
            padding-left: 40px;
            padding-right: 40px;
        }
        .records_no_results {
            margin-right: 50px;
        }
        
        .feature_panels section .area_wrapper.area_wrapper_style_medium_grid_wide {
            padding: 0 40px 0 0;
        }
        .medium_grid .item .area,
        .medium_grid.grid_style_medium_grid_wide .item .area {
            padding: 40px 0 40px 40px;
        }
  

        .feature_panels section .feature_list.featured_artwork_grid .item .list_caption_wrapper {
            padding: 30px;
        }

        .artist-wrapper ul li, .artist_list_section_list ul li {
            font-size: 4rem;
        }


        /* -----------------------------------------------------------
           Typography
        ----------------------------------------------------------- */
    
        /*h1, .faux_h1, #hero .content .content_header h1, #hero .content .content_header .faux_h1, #main_slideshow .slide .content .content_header .faux_h1, #hero .content .content_header h2 {*/
        /*    font-size: 4.0rem;*/
            /*line-height: 4.2rem;*/
        /*}*/

        .link, .content_read_more_link {
            font-size: 1.4rem;
        }
        .feature_panels section .panel_heading h2 {
            font-size: 2.6rem;
        }
        .feature_panels section .feature_list.featured_artwork_grid .item h3 {
            font-size: 2.6rem;
            margin-bottom: 4px;
        }



    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */

        .strapline-wrapper {
            font-size: 5rem;
            line-height: 5rem;
        }
        .logo-wrapper {
            bottom: 80px;
        }

    /* -----------------------------------------------------------
        Global classes
    ----------------------------------------------------------- */
    
        
        .enquire-input-wrapper {
            width: 100%;
            padding: 0;
        }
    
    
        /* -----------------------------------------------------------
           Grids and feature panels
        ----------------------------------------------------------- */
    
        .scroll_section.section_index_2 .feature_panels section.panel_index_1:not(
            .panel_type_214.feature_variant_5, 
            .panel_type_2031.feature_variant_1, 
            .panel_type_2031.feature_variant_2, 
            .text_and_image_fullbleed
        ) {
            margin-bottom: 60px;
        }         
        .feature_panels section,
        .section-viewing-room.no-page-params .feature_panels section.light_feature_panel_bg.light_feature_panel_bg_odd {
            margin-bottom: 60px;
        }
        
        .text_columns.basic-layout .content_initial_text .inner {
            -webkit-column-gap: 40px;
            -moz-column-gap: 40px;
            column-gap: 40px;
        }
        .content_reveal_more_link {
            padding-top: 20px;
        }
        .text_columns .intro_content {
            margin: 0 0 30px;
        }
        .intro_content {
            font-size: 2.1rem;
            line-height: 3rem;
        }
        .text_columns .content {
            padding: 0 45px 0 0;
        }
        section.scroll_section_artist_list_grid .image_list ul {
            
        }
        section.scroll_section_artist_list_grid .image_list ul li {
            width: 33.33%;
        }
        .column_list ul {
            width: 50%;
        }
        
        
        .feature_panels section .panel_heading.simplified_heading {
            margin-bottom: 30px;
        }
        
        .records_list_slider:not(.records_list_slider_custom_layout) .records_list_inner {
            margin-right: -50px;
        }
            .records_list_slider:not(.records_list_slider_custom_layout) .item {
                width: 50%;
                padding-right: 50px;
            }
            
        .medium_grid .item {
            margin-bottom: 40px;
        }
            
        .works_grid {
            margin-right: -50px;
        }
            .works_grid .item {
                width: 50%;
                padding-right: 50px;
                padding-bottom: 40px;
            }
            .feature_panels section .feature_list.featured_artwork_grid .item {
                padding-bottom: 60px;
            }
            
        .standard_grid.detail_grid .item {
            width: 100%;
        }
        .standard_grid {
            margin-right: -50px;
        }
            .standard_grid .item {
                padding-right: 50px;
            }
            .standard_grid.tile_grid .group {
                width: 50%;
                padding-right: 50px;
            }
        
        .full_grid .item .area {
            width: 100%;
            max-width: 480px;
        }
        
        .standard_grid,
        .standard_grid.tile_grid {
            margin-right: -50px;
        }
            .standard_grid .item {
                width: 50%;
            }

    
        .panel_type_210 .pagination_controls {
            display: none;
        }

    
        .simple_content .item,
        .simple_content .item > a {
            display: block;
        }
        .simple_content .item .image {
            width: 100%;
            max-height: none !important;
            margin: 0 0 30px;
        }
            .simple_content .item .image img {
                max-height: none !important;
            }
        .simple_content .item .area,
        .simple_content.simple_content_alt .item .area {
            width: 100%;
            padding: 0;
        }
        .simple_content.simple_content_alt .item .area {
            margin: 0 0 30px;
        }
        .simple_content.simple_content_alt .item .image {
            margin: 0;
        }

        .panel_type_206 .image,
        .panel_type_206 .area,
        .feature_panels section.panel_type_206.panel_theme_wide .image, 
        .feature_panels section.panel_type_206.panel_theme_wide .image,
        .feature_panels section.panel_type_206.panel_theme_wide .area_wrapper .area, 
        .feature_panels section.panel_type_206.panel_theme_wide .area_wrapper .area {
            width: 50%;
        }
        .panel_type_206 .area {
            padding-left: 30px;
        }
        .feature_panels section.panel_type_206.panel_style_2 .area_wrapper .area, 
        .feature_panels section.panel_type_206.panel_style_4 .area_wrapper .area {
            padding-right: 50px;
        }
        .feature_panels section.panel_type_206.panel_style_3.panel_theme_wide .area_wrapper {
            padding: 0 40px 0 0;
            margin-bottom: 50px;
        }        
        .feature_panels section.panel_type_206.panel_style_4.panel_theme_wide .area_wrapper {
            padding: 0 0 0 40px;
        }
        .feature_panels section.panel_type_206.panel_theme_wide .image.overlap-image {
            display: none;
        }
        .panel_type_206 .content {
            margin: 0 0 30px;
        }
        .panel_type_206 .area h3 {
            font-size: 2.6rem;
        }
        .text_and_image_fullbleed .area .pull_quote {
            font-size: 3.2rem;
        }
        
         .text_and_image_fullbleed.panel-content-alignment-left .image,
         .text_and_image_fullbleed.panel-content-alignment-left-wide-image .image {
            margin-right: -40px;  /*Padding of page, not panel*/
            margin-left: 0;
         }
    
            .text_and_image_fullbleed.panel-content-alignment-left-wide-image .image,
            .text_and_image_fullbleed.panel-content-alignment-right-wide-image .image {
                width: calc(55% + 40px);
            }
            .text_and_image_fullbleed.panel-content-alignment-left-wide-image .area,
            .text_and_image_fullbleed.panel-content-alignment-right-wide-image .area {
                width: 45%;
            }
            
        .text_and_image_fullbleed .area { 
            padding: 50px;
            padding-bottom: 70px;
            padding-right: 0;
        }
        .feature_panels section.text_and_image_fullbleed.panel_style_2 .area_wrapper .area,
        .feature_panels section.text_and_image_fullbleed.panel_style_4 .area_wrapper .area,
        .text_and_image_fullbleed.panel-content-alignment-left-wide-image .area,
        .text_and_image_fullbleed.panel-content-alignment-left .area {
            padding-right: 50px;
            padding-left: 0;
        }
        .text_and_image_fullbleed.panel-content-alignment-left .area_wrapper .pull_quote_wrapper,
        .text_and_image_fullbleed.panel-content-alignment-left-wide-image  .area_wrapper .pull_quote_wrapper {
            right: 0;
            position: relative;
            margin-left: 0;
            width: calc(100% + 100px);
            max-width: calc(100% + 100px);
        }
        .artwork_detail.artwork_detail_mode_ecommerce .image_container, 
        .artwork_detail.artwork_detail_variant_publication.artwork_detail_mode_ecommerce .image_container, 
        .artwork_detail.artwork_detail_variant_artwork.artwork_detail_mode_ecommerce .image_container {
            padding-top: 30px;
        }
        
        .artwork_detail .images {
            bottom: 50px;
        }
            .artwork_detail .content h1 {
                font-size: 2.5rem;
                line-height: 3rem;
                margin: 0 0 20px;
            }
            .artwork_detail .content h1 .heading_subtitle {
                padding: 0;
            } 
            .artwork_detail .artwork_details,
            .artwork_detail .store_item_group {
                margin-bottom: 30px;
                min-height: 0;
            }
    
        .artwork_detail .artwork_detail_additional {
            padding: 50px 50px;
            min-height: 0;
        }
        

    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */
        
        .section-home .feature_panels section.panel_index_1 {
            margin-top: 20px;
        }

        body.section-home #main_slideshow .content_header_inner > a > .hero-cta-button-wrapper {
            margin-bottom: -85px;
        }
        /*.artist_list_section.artist_list_section_list {*/
        /*    display: none !important;*/
        /*}*/
        /*.artist_list_section.artist_list_section_grid {*/
        /*    display: block !important;*/
        /*}*/

        .artist_list_panel .artist_image_preview {
            display: none;
        }
        .artist_list_panel .column_list ul li a:after {
            display: none !important;
        }
        .artist_list_panel .artist_names_list {
            width: auto;
            float: none;
            margin-right: -15px;
        }
        .artist_list_panel .artist_names_list ul {
            width: 50%;
            padding-right: 15px;
        }
        .artist_list_panel .artist_names_list ul li {
            text-align: center;
        }
        

        .artwork_detail.detail_variant_contact .content_container_alternative {
            padding-left: 100px;
            padding-right: 50px;
        }
        .artwork_detail.detail_variant_contact .content_container {
            padding-right: 100px;
        }
        
        .subsection-exhibition-detail .text_columns .aside {
            padding-right: 40px;
        }
        .exhibition-list-wrapper .scroll_section.section_index_1 .feature_panels section.panel_index_1 {
            padding-top: 0;
        }
        .feature_panels_sidebar_outer {
            position: static !important;
        }
            .exhibition-list-wrapper .feature_panels_sidebar {
                width: 100%;
                padding-top: 110px;
                padding-right: 0;
            }
            .exhibition-list-wrapper .feature_panels_sidebar .panel_filters {
                border-top: 0;
                padding: 0;
                margin: 0 0 40px;
            }
            .exhibition-list-wrapper .feature_panels_sidebar .panel_filters.panel_filters_status {
                display: none;
            }
            .exhibition-list-wrapper .feature_panels_sidebar .panel_filters.panel_filters_years {
                display: none;
            }
            .exhibition-list-wrapper .feature_panels_sidebar .panel_filters ul li {
                float: left;
                width: auto;
                clear: none;
                margin: 0 20px 0 0;
            }
            
        
        .featured_context .store_item {
            min-width: 155px;
        }
        .filters_panel.filters_layout_dropdown .fp-module-content {
            left:auto;
            right:0;
        }
        .records_list_slider.editorial_slider .slider_footer {
            padding: 0; margin: 0;
            bottom: 30px;
        }
        .section-store .subsection-store-basket #content_module {
            padding-top: 150px;
            padding-right: 60px;
        }
        .section-store .subsection-store-basket #sidebar {
            padding-top: 150px;
        }
        
        .section-contact .subsection-contact-content .area_wrapper .area {
            width:100%;
        }
        /*.section-contact .subsection-contact-content .area_wrapper .image {*/
        /*    max-width: 100%;*/
        /*    width: calc(100% - 350px);*/
        /*}*/
        .contact-locations-grid .item {
            padding: 0 0 40px 0;
            /*width: 100%;*/
        }   
        .location-links {
            margin-top: 10px;
        }

        .records_grid:not(.feature_list) .list_caption_wrapper .buttons .store_item {
            min-width: unset;
        }

        .section-publications .draginner .image_container {
            margin-bottom: 0 !important;
        }

    /* --------------------------------------------------- */
    /* locations detail page */
    /* --------------------------------------------------- */

    .section-locations.page-locations #main_overview {
        padding: 0 40px
    }

    .section-locations.page-locations .latest_exhibition,
    .section-locations.page-locations #main_overview .general_location_info {
        grid-template-columns: auto;
    }

    .section-locations.page-locations #main_overview .image {
        aspect-ratio: unset;
        margin-bottom: 20px;
    }

    .section-locations.page-locations #main_overview h1, 
    .section-locations.page-locations #main_overview h3 {
        grid-column: 1 / 2;
    }
}
