/* -----------------------------------------------------------
   Layout
----------------------------------------------------------- */

    #container {

    }
    #main_content,
    .section-home #content:not(.no_homepage_slideshow) .feature_panels:not(.first_panel_full_bleed)  {
        padding: 80px 0 0;
    }
    body #header,
    body #header.header_fixed,
    .header-fixed-wrapper #header {
        overflow: visible;
    }
    #container:not(.page-scroll) #header,
    #container:not(.page-scroll) #header.header_fixed.header_transparent {
        background-color: #121212;
    }

    /*offset to account for header height to properly center text*/
    .fullscreen_slideshow .hero_splash_text {
        top: 103px;
    }


        #header .inner, 
        #header.header_fixed .inner {
            max-width: 100%;
            border:0;
        }
    .type-fullscreen #header, 
    .layout-hero-header #header, 
    .header-fixed-wrapper #header {
        padding-left: 50px;
        padding-right: 50px;
    }


    #container:not(.page-scroll) #header #logo.auto_brightness_disabled .logo-variant-light,
    #container:not(.page-scroll) #header.header_fixed.header_transparent #logo.auto_brightness_disabled .logo-variant-light {
        opacity:1;
    }
    #container:not(.page-scroll) #header #logo.auto_brightness_disabled .logo-variant-dark,
    #container:not(.page-scroll) #header.header_fixed.header_transparent #logo.auto_brightness_disabled .logo-variant-dark {
        opacity:0 ;
    }


    .page-header-container {
        display: none !important /*temporarily disabled, as not compatible with dropdown header nav*/
    }

    #header .inner {
        padding: 40px 0;
    }
    
    #header_quick_search.header_quick_search_reveal .inputField {
        line-height: 1em;
        padding: 8px 0;
        font-weight: bold;
        color: #fff;
        letter-spacing: 0.07em;
        font-family: 'HelveticaNeue-Web', sans-serif;
    }
    
    body #additional_nav_2.additional_nav {
        padding: 0;
        right: auto;
        left: auto;
        display: inline-block;
        position: relative;
        margin-left: 10px;
    }
    #additional_nav_2.additional_nav ul li a[href="/donate/"] {
        border: 1px solid #fff;
        padding: 13px 16px;
        box-sizing: border-box;
    }
    #additional_nav_2.additional_nav ul li a[href="/donate/"]::before {
        display: none
    }
    /*#header #full_nav li a[href="/donate/"] {*/
    /*    border: 1px solid #fff;*/
    /*    padding: 13px 16px;*/
    /*    box-sizing: border-box;*/
    /*}*/
    #header .header-ui-wrapper .header-icons-wrapper > div {
        margin: 0;
    }
    .additional_nav.navigation ul li {
        margin: 0 0 0 10px;
    }

    .additional_nav.navigation ul li:hover {
        background-color: white;
    }

    .heading_wrapper {
        margin: 0 0 80px;
    }
    .navigation {

    }
        .navigation ul {

        }
        .navigation ul li {

        }
        .navigation ul li a {
            font-family: 'TTRamillas-Web', Serif;
            font-size: 2rem;
            color: #121212;
            letter-spacing: 0;
            text-transform: none;
            position: relative
        }
        body .navigation ul li a,
        body .navigation ul li a:visited {
            font-family: 'TTRamillas-Web', Serif;
            font-size: 2rem;
            color: #121212;
            letter-spacing: 0;
        }
        .navigation ul li a:hover {
            color:#000;
        }
        .navigation ul li.active a,
        .navigation ul li.active a:visited,
        .navigation ul li.active a:hover {
            color:#000; 
        }
        
        /*.navigation ul li.active a.active_dir::before,*/
        /*.navigation ul li.active a:visited::before,*/
        /*.navigation ul li.active a:hover::before,*/
        /*.navigation ul li a:hover::before*/
        .navigation ul li.active > a::before, .navigation ul li.active > a:visited::before, .navigation ul li.active > a:hover::before, body .navigation ul li > a:hover::before,
        .navigation ul li a.active::before, 
        #footer.advanced_footer .copyright a:hover::before,
        #footer.advanced_footer .inner .advanced_footer_item_2 p a:hover::before {
            content: '';
            position: absolute;
            bottom: -5px;
            width: 100%;
            height: 1px;
            border-bottom: 1px solid;
        }

        
        
     /* Top nav 
    ---------------------------------------- */
    
    #top_nav ul {
        display:flex ;
    }    
    #top_nav.navigation ul li {
        margin: 0 0 0 20px
    }
    
    #top_nav.navigation ul li a, 
    #top_nav.navigation .dropdown-btn,
    #full_nav.navigation ul li a,
    #additional_nav_2.additional_nav ul li a {
        font-size: 1.5rem;
        text-transform: uppercase;
        line-height: 1em;
        padding: 8px 0;
        font-weight: bold;
        color:#fff;
        letter-spacing: 0.07em;
        font-family: 'HelveticaNeue-Web', sans-serif;
        
    }
        #top_nav.navigation ul li.active a
        #full_nav.navigation ul li.active a,
        #top_nav.navigation ul li:hover a
        #full_nav.navigation ul li:hover  a,
        .section-home #top_nav.navigation ul li a:visited,
        .section-home #top_nav.navigation ul li.active a,
        .section-home #top_nav.navigation ul li.active a:visited,
        .section-home #top_nav.navigation ul li.active a:hover,
        .section-home #top_nav.navigation .dropdown-btn,
        #header #store_cart_widget.active:not(.empty)::after,
        #header_quick_search.header_quick_search_reveal .inputField {
            color: #fff;
        }
        #header #store_cart_widget a,
        #additional_nav_2.additional_nav ul li a:hover,
        body.layout-hero-header.fullscreen-slide-dark:not(.slide-nav-open) #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) .additionalnav a:hover {
            color: #111;
        }
        
        
        #header_quick_search.header_quick_search_reveal .inputField::-webkit-input-placeholder,
        body.type-fullscreen #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #header_quick_search.header_quick_search_reveal .inputField::-webkit-input-placeholder { /* Chrome/Opera/Safari */
          color: #ADADAC;
        }
        #header_quick_search.header_quick_search_reveal .inputField::-moz-placeholder,
        body.type-fullscreen #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #header_quick_search.header_quick_search_reveal .inputField::-moz-placeholder{ /* Firefox 19+ */
          color: #ADADAC;
        }
        #header_quick_search.header_quick_search_reveal .inputField:-ms-input-placeholder,
        body.type-fullscreen #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #header_quick_search.header_quick_search_reveal .inputField:-ms-input-placeholder{ /* IE 10+ */
          color: #ADADAC;
        }
        #header_quick_search.header_quick_search_reveal .inputField:-moz-placeholder,
        body.type-fullscreen #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #header_quick_search.header_quick_search_reveal .inputField:-moz-placeholder{ /* Firefox 18- */
          color: #ADADAC;
        }
        #header_quick_search.header_quick_search_reveal .inputField {
            border-bottom: 1px solid #fff;
        }
        
        
        
    #top_nav #full_nav .top.has_dropdown_items .dropdown-arrow, 
    #top_nav #full_nav .top.has_dropdown_items .dropdown-btn:after, 
    #top_nav #full_nav .top.has_dropdown_items_mobile .dropdown-btn:after {
        content: "\e029";
        font-family: 'artlogic-social-icons';
        transition: transform 200ms;
        opacity: 0.5;
        position: absolute;
        right: 0;
    }
    #top_nav #full_nav .top.has_dropdown_items.open .dropdown-btn:after {
        transform: rotateZ(180deg);
    }
    #top_nav.navigation .dropdown-btn {
        padding-right: 20px;
    }
    .header_quick_search #header_quicksearch_btn {
        padding: 0
    }
    
    /*body.layout-hero-header.fullscreen-slide-dark #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #top_nav.navigation .dropdown-btn,*/
    /*body.layout-hero-header.fullscreen-slide-dark #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #full_nav.navigation ul li a {*/
    /*    color: #fff;*/
    /*}*/
    
    
    body.layout-hero-header.fullscreen-slide-light:not(.slide-nav-open) #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #top_nav.navigation ul li a, 
    body.layout-hero-header.fullscreen-slide-light:not(.slide-nav-open) #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #top_nav.navigation .dropdown-btn, 
    body.layout-hero-header.fullscreen-slide-light:not(.slide-nav-open) #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #full_nav.navigation ul li a, 
    body.layout-hero-header.fullscreen-slide-light:not(.slide-nav-open) #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #additional_nav_2.additional_nav ul li a,
    body.layout-hero-header.fullscreen-slide-light:not(.slide-nav-open) #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #header.header_transparent:not(.page-scroll):hover #store_cart_widget.active:not(.empty)::after,
    body.layout-hero-header.fullscreen-slide-light:not(.slide-nav-open) #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #header #store_cart_widget a {
        color: #111
    }
    
    body.layout-hero-header.fullscreen-slide-light:not(.slide-nav-open) #container:not(.page-scroll) #header.header_transparent:not(.page-scroll):hover #top_nav.navigation ul li a, 
    body.layout-hero-header.fullscreen-slide-light:not(.slide-nav-open) #container:not(.page-scroll) #header.header_transparent:not(.page-scroll):hover #top_nav.navigation .dropdown-btn, 
    body.layout-hero-header.fullscreen-slide-light:not(.slide-nav-open) #container:not(.page-scroll) #header.header_transparent:not(.page-scroll):hover #full_nav.navigation ul li a, 
    body.layout-hero-header.fullscreen-slide-light:not(.slide-nav-open) #container:not(.page-scroll) #header.header_transparent:not(.page-scroll):hover #additional_nav_2.additional_nav ul li a,
    body.layout-hero-header.fullscreen-slide-light #container:not(.page-scroll) #header.header_transparent:not(.page-scroll):hover .header_quicksearch_btn,
    body.layout-hero-header.fullscreen-slide-light:not(.slide-nav-open) #container:not(.page-scroll) #header.header_transparent:not(.page-scroll):hover #store_cart_widget.active:not(.empty)::after {
        color: #fff
    }

    body.layout-hero-header.fullscreen-slide-light:not(.slide-nav-open) #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #additional_nav_2.additional_nav ul li:hover a {
        color: #111;
    }
    
    body.type-fullscreen.fullscreen-slide-light #container:not(.page-scroll) #header.header_transparent:not(.page-scroll):hover #logo.user-custom-logo-image:not(.auto_brightness_disabled), 
    body.layout-hero-header.fullscreen-slide-light #container:not(.page-scroll) #header.header_transparent:not(.page-scroll):hover #logo.user-custom-logo-image:not(.auto_brightness_disabled) {
        color: #fff
    }
    body.type-fullscreen.fullscreen-slide-light #container:not(.page-scroll) #header.header_transparent:not(.page-scroll):hover #logo.user-custom-logo-image:not(.auto_brightness_disabled), 
    body.layout-hero-header.fullscreen-slide-light #container:not(.page-scroll) #header.header_transparent:not(.page-scroll):hover #logo.user-custom-logo-image:not(.auto_brightness_disabled) {
        filter: brightness(1);
    }
    body.layout-hero-header.fullscreen-slide-light #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #additional_nav_2.additional_nav ul li a[href="/donate/"] {
        border: 1px solid #000;
    }
    body.layout-hero-header.fullscreen-slide-light #container:not(.page-scroll) #header.header_transparent:not(.page-scroll):hover #additional_nav_2.additional_nav ul li a[href="/donate/"],
    #donate_mobile a {
        border: 1px solid #fff;
    }
    
    #top_nav ul li#donate_mobile {
        display: none
    }
    
    
    #container:not(.page-scroll) #header.header_fixed.header_transparent.top_nav_hover_dropdown,
    #container.page-scroll #header.header_fixed.header_transparent.header_fixed_no_follow.top_nav_hover_dropdown,
    body.type-fullscreen #container #header.header_transparent:not(.header_fixed).top_nav_hover_dropdown,
    body.layout-hero-header #container:not(.page-scroll) #header.header_transparent.top_nav_hover_dropdown,
    body.type-fullscreen #container:not(.page-scroll) .header-fixed-wrapper.header_transparent #header.top_nav_hover_dropdown,
    body.layout-hero-header #container:not(.page-scroll) .header-fixed-wrapper.header_transparent #header.top_nav_hover_dropdown,
    #top_nav #full_nav .top.has_dropdown_items .ul_nested {
        background: #1D1D1D;
    }
    #top_nav #full_nav .top.has_dropdown_items .ul_nested {
        left: 0;
        transform: translateX(0) !important;
        padding: 30px 40px;
        top: 50px;
    }
        
    #top_nav ul li .ul_nested li {
        align-self: flex-start;
        margin-bottom: 15px;
    }
    #top_nav ul li .ul_nested li:last-of-type {
        margin-bottom: 0;
    }
    
    .header_quick_search #header_quicksearch_btn,
    #header #store_cart_widget::before {
        color:#fff;
    }
    .quicksearch-icon::after {
        font-size: 18px;
    }
    #header:hover,
    #header.header_fixed:hover {
        background: #1D1D1D;
    }
    #header:hover li a,
    #header.header_fixed:hover li a,
    #top_nav #full_nav .top.has_dropdown_items .ul_nested li:hover,
    #top_nav #full_nav .top.has_dropdown_items ul.ul_nested li.nested:hover a {
        color: #fff;
        opacity:1;
    }

    
    #sub_nav.navigation ul li, 
    #exhibitions_nav.navigation ul li, 
    .list_grid_control.navigation ul li {
        margin-bottom: 25px;
    }
        
    
    #store_cart_widget,
    #store_cart_widget.empty.active {
        visibility: hidden !important;
        width: 0 !important;
        position: absolute !important;
        height: 0 !important;
        overflow: hidden !important;
    }
    
    body #store_cart_widget:not(.empty) {
        visibility: visible !important;
        position: relative !important;
        height: auto !important;
        width: auto !important;
        overflow: unset !important;
        margin-left: 10px !important;
        
    }

    
    /* Additional nav customised - sits extreme right of window 
    ------------------------------------------------------------ */
    #header .inner {
        position: static; /* Required to break out of container */
    }
    #additional_nav_2.additional_nav {
        padding: 10px;
        position: absolute;
        right: 0;
    }
    .additional_nav.navigation ul li a, 
    .additional_nav.navigation ul li a:visited {
        letter-spacing: 0;
    }



    #footer {
       background-color: #1d1d1d;
    }
    
        #footer #copyright {

        }
        #footer a,
        #footer a:visited {

        }
            #footer #social_links {
                display: none;
            }
            #social_links_list ul li {
                font-weight: normal;
                color: #111;
                font-size: 1.6rem;
            }
        
        #footer div#copyright * {
            font-size: 1.2rem;
        }
        
        #footer.advanced_footer .copyright {
            margin: 0;
            /* float: right; */
            width: 100%;
            display: flex;
            justify-content: space-between;
            flex-direction: row-reverse;
        }
        #footer.advanced_footer .small-links-container .cookie_notification_preferences,
        #footer.advanced_footer .small-links-container .advanced_footer_item.advanced_footer_item_3 {
            margin: 0 0 0 30px;
            padding: 0
        }        
        #footer.advanced_footer .small-links-container .cookie_notification_preferences a, 
        #footer.advanced_footer .small-links-container .advanced_footer_item.advanced_footer_item_3 a,
        #footer.advanced_footer .inner .advanced_footer_item_2 p a {
            text-transform: uppercase;
            font-size: 1.3rem;
            font-weight: bold;
            letter-spacing: 0.1em;
            position: relative;
        }
        #cookie_notification .inner #cookie_notification_message {
            line-height: 1.5em;
        }
        #footer #copyright .copyright-text,
        #footer #copyright #artlogic {
            margin-right: 0;
            }
        #footer.advanced_footer {
            position: relative;
            box-sizing: border-box;
            left: 50%;
            right: 50%;
            margin-left: -50vw;
            margin-right: -50vw;
            width: 100vw;
            clear: both;
            margin-bottom: 0;
            margin-top: 100px;
        }
        .advanced_footer_item.advanced_footer_item_2,
        .advanced_footer_item.advanced_footer_item_3 {
            margin-top: 10px;
        }
        #footer.advanced_footer .inner {
            max-width: 1500px;
            margin: auto;
            display: block;
            justify-content: space-between;
            flex-wrap: wrap;
            padding-left: 40px;
            padding-right: 40px;
        }
        
        #footer.advanced_footer *,
        #footer.advanced_footer .advanced_footer_item p,
        #footer.advanced_footer .advanced_footer_item p a,
        #footer.advanced_footer .copyright a {
            color: white;
            letter-spacing: 0;
        }
        
        #footer.advanced_footer .advanced_footer_item {
            padding-bottom: 0;
        }
        
        #footer.advanced_footer .advanced_footer_item_1 {
            width: 74px;
        }
        
        #footer.advanced_footer .advanced_footer_item_2 {
            padding-right: 0;
        }
        
        #footer .advanced_footer_item_2,
        #footer .advanced_footer_item_3 {
            float: right;
        }
        
        /* .advanced_footer_item_3 append to small links in main.js */
        #footer .advanced_footer_item_3 {
            margin-top: 0;
        }
    
        #footer #mailinglist_form #artlogic_mailinglist_signup_form input {
            background: none;
            border: none;
            border-bottom: 1px solid white;
            border-radius: 0;
            padding-left: 0;
            padding-bottom: 0;
            height: auto;
        }
        .mailinglist_form_wrapper h2 {
            padding-right: 30px;
            font-size: 2.9rem;
            line-height: 1.3em;
        }
        #artlogic_mailinglist_signup_form_wrapper {
            width: calc(100% - 250px);
        }
        #footer #mailinglist_form #artlogic_mailinglist_signup_form #artlogic_mailinglist_signup_form_wrapper {
            flex-basis: 100%;
        }
        #footer #mailinglist_form .mailinglist_form_wrapper {
            display: flex;
        }
        #footer #mailinglist_form #artlogic_mailinglist_signup_form .form_row {
            margin-bottom: 0;
            font-weight: normal;
        }
        
        #footer #mailinglist_form #artlogic_mailinglist_signup_form .form_row label {
            position: absolute;
            width: fit-content;
            transition: all 0.1s linear;
            font-weight: normal;
        }
        
        #footer #mailinglist_form #privacy_policy_form_msg p,
        #footer #mailinglist_form #artlogic_mailinglist_signup_form .form_row label.active {
            font-size: 1.2rem;
        }
        
        #footer #mailinglist_form #artlogic_mailinglist_signup_form .form_row label.active {
            top: 0px;
        }

        #footer.advanced_footer #mailing_submit_button .button a {
            color: #121212;
            /* min-width: 175px; */
            font-family: 'TTRamillas-Web', Serif;
            width: 100%;
            box-sizing: border-box;
        }
        #footer #mailinglist_form #artlogic_mailinglist_signup_form #mailing_submit_button .button {
            border: 1px solid transparent;
            background: #fff;
            margin-top: 0;
            width: 200px;
        }


        #footer #mailinglist_form #artlogic_mailinglist_signup_form #mailing_submit_button .button:hover {
            background:#1d1d1d;
            border: 1px solid white;
        }

        #footer.advanced_footer #mailing_submit_button .button:hover a {
            color: white;
        }

        #footer #mailinglist_form #privacy_policy_form_msg {
            width: 90%;
            max-width: 900px;
            margin-top: 20px
        }
        
        #footer #mailinglist_form #privacy_policy_form_msg p {
            line-height: 1.8rem;
            color: #aaa;
        }
        
        #footer #mailinglist_form #artlogic_mailinglist_signup_form .form_row {
            margin-right: 30px;
        }




/* -----------------------------------------------------------
   Page Specific
----------------------------------------------------------- */


    /* Donate
    ----------------------------------------------------------- */
    .section-donate .heading_wrapper.cascading-page-header {
        display: none;
    }
    
    .donate-header,
    .donate-header h1,
    .donate-content,
    .donate-subheading {
        float:none;
        display: block;
    }
    .donate-row.with-gift-aid .variant,
    .donate-header h1 {
        font-family: 'TTRamillas-Web', Serif;
        font-weight: normal;
        font-size: 6rem;
        line-height: 1em;
        letter-spacing: 0em;
        margin-bottom: 0.5em;
        color: #111
    }
    .donate-row.with-gift-aid .price {
        border-bottom: 1px solid #111;
        line-height: 55px;
        font-weight: normal;
    }    
    .donate-row.with-gift-aid input {
        font-weight: normal;
    }
    .donate-row.with-gift-aid .price > span{
        margin-right: 10px
    }
    .donate-row.with-gift-aid .button.button_compact a, 
    .donate-row.with-gift-aid .button.button_compact > span {
        background: #1D1D1D;
        padding: 12px 25px 12px;
        font-weight: bold;
    }
    .gift-aid-agreement {
        display: block;
        clear: both;
        float: none;
        padding-top: 20px;
    }
    .gift-aid-agreement-text {
        font-size: 12px;
        line-height: 1.8em;
        padding-top: 30px;
    }
    label.gift-aid-checkbox-container input {
        margin-right: 7px;
    }
    .donate-row.with-gift-aid .store_item_remove_container {
        /* clear: both; */
        width: 100%;
        display: flex;
        align-items: center;
    }
    .donate-row.with-gift-aid .store_item_remove_container {
        /* clear: both; */
        width: 100%;
        display: flex;
        align-items: center;
    }
    .donate-row.with-gift-aid .store_item_controls {
        display: flex;
        font-size: 1.4rem;
    }
    .store_item_total,
    .store_item_remove_from_cart {
        margin-left: 10px;
    }
    #shopping_cart_information th, 
    #wishlist_information th,
    #shopping_cart_information td.sc_cell_item .title, 
    #wishlist_information td.sc_cell_item .title {
        font-weight: normal;
    }
    


    /* Opportunities
    ----------------------------------------------------------- */
    .heading_wrapper.cascading-page-header #sub_nav.align-left {
        float: left;
        margin-top: 35px;
    }

    .section-opportunities #sub_nav {
        display: none;
    }
    
    
    /* Exhibitions
    ----------------------------------------------------------- */
    
    .section-exhibitions .heading_wrapper h1 {
        margin: 0 0 50px 0;
        float: left;
    }
        
    .section-whats-on.no-page-params .heading_wrapper #sub_nav.navigation {
        display: none
    }  
    
    .section-whats-on.no-page-params .heading_wrapper.cascading-page-header {
        visibility: hidden;
        height: 0;
        margin: 0;
        position: absolute;
    }
    .section-whats-on.no-page-params .heading_wrapper.cascading-page-header h1 {
        visibility: hidden;
        height: 0;
        margin: 0;
        position: absolute;
    }
    
    .subsection-exhibition-detail-page #exhibitions_nav {
        display: none
    }    
    .layout-hero-header-record-data .heading_wrapper #sub_nav.navigation {
        margin-top: 0
    }
    .section-exhibitions #exhibitions_years_nav {
        text-align: center;
    }
    .section-exhibitions #exhibitions_years_nav ul{
        max-width: 900px;
        display: inline-block;
    }
    .section-exhibitions #exhibitions_years_nav ul li {
        float: none;
        display: inline-block;
    }

    /* Artists
    ----------------------------------------------------------- */
    
    .subsection-artists-list .artists-header.heading_wrapper {
        display: flex;
        flex-direction: column-reverse;
        margin-bottom: 10px;
    }
    .subsection-artists-list .artists-header.heading_wrapper #sub_nav.navigation {
        margin-top: 0;
        margin-bottom: 40px
    }
   .subsection-artists-list .artist_above_list_content {
        display: none
    }
    
    .artist-election-date:not(:empty)::before {
        content: "Elected: ";
    }

    /* Home
    ----------------------------------------------------------- */
    
    .fullscreen_slideshow ul li .content h2 {
        margin-bottom: 20px;
    }
    .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 {

    }
    .fullscreen_slideshow ul li .content h2 a .separator {
        display: block;
        visibility: hidden;
        width: 0;
        height: 0;
    }

    .fullscreen_slideshow ul li .content h2 a .h1_subtitle,
    .fullscreen_slideshow ul li .content .date {
        display: inline-block;
        float: left;
        vertical-align: middle;
        font-family: 'HelveticaNeue-Web', sans-serif;
        font-size: 2.3rem;
        line-height: 1em;
        margin-bottom: 0;
        
    }
    .fullscreen_slideshow ul li .content h2 a .h1_subtitle {
        margin-top: 20px;
        margin-right: 30px;
    }
    .fullscreen_slideshow ul li .content {
        bottom: 70px;
    }
    .section-home.type-fullscreen #slideshow.slideshow_navigation_enabled ul li .content {
        padding-right: 0;
        box-sizing: border-box;
    }
    .records_list.feature_list ul li .image,
    .records_list.feature_list ul li .content {
        width: 50%;
    }

    
    
    
    
    
     /* History
    ----------------------------------------------------------- */
    
    .section-about.page-history #sub_nav {
        display: none;
    }
    
    .section-about.page-history #main_content .heading_wrapper {
        margin-bottom: 0;
    }
    
    .history-introduction {
        position: relative;
        left: 15px;
        right: 15px;
        text-align: center;
        background: #fdfdfd;
        background-color: #fdfdfd;
        z-index: 20;
    }
    
    .history-introduction::before {
        content: '';
        width: 100%;
        position: absolute;
        top: -20px;
        height: 20px;
        background: white;
        z-index: 16;
    }
    
    .history-introduction::after {
        content: '';
        width: 100%;
        position: absolute;
        top: -20px;
        height: 20px;
        background: red;
        z-index: 10;
    }
    
    .history-introduction .inner {
        max-width: 800px;
        background: #fdfdfd;
        background-color: #fdfdfd;
        position: relative;
        z-index: 90;
    }
    
    .history-introduction-padding {
        position: absolute;
        left: 15px;
        right: 15px;
        text-align: center;
        background: #fdfdfd;
        background-color: #fdfdfd;
        z-index: 10;
        height: 80px;
    }
    
    .records_list.detail_list_custom.history_grid {
        padding-top: 170px;
        padding-bottom: 170px;
        overflow-x: initial;
    }
    
    h2.history_intro_title {
        font-size: 3.3rem;
        color: #020202;
        letter-spacing: 0.068rem;
        line-height: 6.2rem;
        /*text-transform: uppercase;*/
        text-transform: none;
    }
    
    .subsection-history-grid {
        min-height: 50vh;
        position: relative;
        margin: 80px 0;
    }
    
    .history_grid.records_list_custom.image_list>ul,
    .history_grid.records_list_custom.detail_list_custom>ul {
        margin-right: 0;
    }
    
    .history_grid.records_list_custom.image_list>ul>li,
    .history_grid.records_list_custom.detail_list_custom>ul>li {
        width: 45%;
        display: block;
        float: left;
        margin-bottom: -100px;
        padding-bottom: 40px;
        clear: both;
        padding-right: 50px;
        will-change: transform;
        min-height: 200px;
    }
    
    .subsection-history-grid .history_grid.records_list_custom.image_list>ul>li:nth-child(2n),
    .subsection-history-grid .history_grid.records_list_custom.detail_list_custom>ul>li:nth-child(2n) {
        float: right;
        padding-left: 50px;
        padding-right: 0;
    }
    
    .history_grid.records_list_custom.detail_list_custom ul li .content {
        max-width: 500px;
        text-align: right;
        float: right;
    }
    
    .history_grid.records_list_custom.image_list>ul>li:nth-child(2n) .content,
    .history_grid.records_list_custom.detail_list_custom>ul>li:nth-child(2n) .content {
        text-align: left;
        float: left;
    }
    
    .history_grid.records_list_custom.detail_list_custom ul li .content h2 {
        font-size: 1.8rem;
        color: #020202;
        letter-spacing: 0.037rem;
        line-height: 2.9rem;
    }
    
    .history_grid.records_list_custom.detail_list_custom ul li .content .year {
        font-family: "TTRamillas-Web", Sans-serif;
        font-size: 3.6rem;
        color: #000000;
        letter-spacing: 0.05rem;
        line-height: 4.6rem;
        display: block;
        margin-bottom: 20px;
    }
    
    .history_grid.records_list_custom.detail_list_custom ul li .content .description {
        display: block;
        margin-bottom: 50px;
    }
    /*.timeline {
        width: 2px;
        position: absolute;
        background: #E9E9E9;
        top: -10vh;
        left: 50%;
        bottom: 0;
        margin-left: -1px;
        z-index: 13;
    }
    span.timeline-active {
        width: 2px;
        position: fixed;
        background: #1d1d1d;
        top: 0;
        left: 50%;
        bottom: 50%;
        margin-left: -1px;
        z-index: 14;
    }*/
    
    .scrollreveal {
        visibility: hidden;
    }
    
    .scrollreveal.visible {
        opacity: 1 !important;
    }
    
    .timeline {
        width: 2px;
        position: absolute;
        background: #E9E9E9;
        top: 0;
        left: 50%;
        bottom: 30px;
        margin-left: -1px;
        z-index: 13;
        background-image: url('/images/fuse.jpg');
        background-attachment: fixed;
        background-position: center;
        background-size: 2px 100%;
    }
    
    .year_nav {
        position: fixed;
        height: 100vh;
        top: 0;
        right: 0;
        width: auto;
        padding-right: 50px;
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        opacity: 0;
        transform: translate3d(100px, 0, 0);
        -moz-transition: -moz-transform 0.7s cubic-bezier(.18, 1, .21, 1), opacity 1s cubic-bezier(.18, 1, .21, 1);
        -o-transition: -o-transform 0.7s cubic-bezier(.18, 1, .21, 1), opacity 1s cubic-bezier(.18, 1, .21, 1);
        -webkit-transition: -webkit-transform 0.7s cubic-bezier(.18, 1, .21, 1), opacity 1s cubic-bezier(.18, 1, .21, 1);
        transition: transform 0.7s cubic-bezier(.18, 1, .21, 1), opacity 1s cubic-bezier(.18, 1, .21, 1);
    }
    
    .year_nav.active {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
    
    .year_nav.scrollable {
        position: absolute;
        bottom: 0;
        top: auto;
    }
    
    .year_nav .year-item {
        display: block;
        width: 100%;
        margin-bottom: 0;
        font-family: "TTRamillas-Web", Sans-serif;
        font-size: 1.5rem;
        color: #000000;
        letter-spacing: .021rem;
        line-height: 4.6rem;
        text-align: right;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        cursor: pointer;
    }
    
    .year_nav .year-item.active {
        font-size: 3rem;
    }
    
    .year_nav .year-item.semi-active {
        font-size: 2rem;
    }
    
    
    
    
    
    
    
/* -----------------------------------------------------------
   Global Classes
----------------------------------------------------------- */


    .heading_wrapper #sub_nav.navigation, 
    .heading_wrapper #exhibitions_nav.navigation, 
    .heading_wrapper .list_grid_control.navigation, 
    .heading_wrapper.subsection-navigation.navigation, 
    .heading_wrapper .news_filters_group.navigation {
        margin-top: 35px;
    }

    .heading_wrapper.cascading-page-header h1 {
        float: none;
    }       
        
    .heading_wrapper .subtitle, 
    .heading_wrapper .date, 
    .heading_wrapper .location {
        line-height: 1.5em;
    }


    /* Records list
       Default styling for all content grids on the site
    ----------------------------------------------------------- */

    .records_list {

    }
        .records_list ul {
            margin-right:-60px;
        }
        .records_list ul li {
            padding-right:60px;
            margin: 0 0 70px 0;
        }
        .records_list ul li a,
        .records_list ul li a:visited {

        }
        .records_list ul li .image {

        }
        .records_list .content {

        }
        .records_list.tile_list ul li {
        }


    /* Some custom items are made centred
    ----------------------------------------------------------- */
    .panel_id_33 .records_list .content,
    .panel_id_33 .panel_header {
        text-align: center
    }




    /* Image list
       A grid of images with captions e.g. Artists list
    ----------------------------------------------------------- */

    .image_list {

    }
        .image_list ul {

        }
        .image_list ul li {

        }
        .image_list ul li .image {

        }
        .image_list ul li .content {

        }


    /* Detail list
       A grid which usually has an image with more preview text/content
    ----------------------------------------------------------- */

    .detail_list {

    }
        .detail_list ul {

        }
        .detail_list ul li {

        }

        .detail_list ul li .image {

        }
        .detail_list ul li .content {

        }


    /* Full list
       A grid where each item fills the full width of the page
    ----------------------------------------------------------- */

    .full_list {

    }
        .full_list ul {

        }
        .full_list ul li {

        }
        .full_list ul li .image {

        }
        
        
        
    /* feature_list 
    ----------------------------------------------------------- */
   
    .feature_list.records_list ul li .content,
    body .feature_list.records_list.visible_grid_captions ul li .content {
        display: flex;
        flex-direction: column;
    }
   
    .feature_list.records_list ul li .content h2 {
        order: 1;
    }
    
    .feature_list.records_list ul li .content h2.fp_title {
      
    }
    
    .feature_list.records_list ul li .content .subtitle {
        border: 0;
        order: 2;
    }
    
    .feature_list.records_list ul li .content .description {
        order: 3;
    }
    
    .feature_list.records_list ul li .content .date {
        order: 4;
    }
    
    .feature_list.records_list ul li .content .link {
        order: 5;
        display: none;
    }
    .page-whats-on .feature_list.records_list ul li:not([class*="grid_no_of_columns"]) .content .link {
        display: inline-block;
    }

    /* Heros
    ----------------------------------------------------------- */
    #hero_heading {
        bottom: 80px;
    }
    #hero_header:not(.hero-mode-split) .title, 
    #hero_header:not(.hero-mode-split) .subtitle {
        max-width: 960px;
    }
    body.layout-hero-header.layout-fixed-header:not(.layout-hero-mode-inset):not(.layout-hero-header-aspect-ratio) #main_content {
        padding-top: 60px;
    }




    /* Typeography (should this be in base.css?)
    ------------------------------------------------------*/
        

        /* Heading and emphasis font ------------------- */

        /*#logo a,*/
        /*#home_splash .content,*/
        /*.navigation ul li a,*/
        /*.link, .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,*/
        /*#cover_page_slideshow_pager,*/
        /*#mc_embed_signup input.button,*/
        /*.countdown_clock,*/
        /*#artwork_description2_reveal_button a {*/
        /*    font-family: 'HK Now', Sans-Serif;*/
        /*    font-weight: normal;*/
        /*}*/

        .records_list .content {
            text-align: left;
            font-size: 1.6rem;
            line-height: 1.5em;
                font-weight: normal;
        }
        
        #artist_list.records_list .content h2
        .donate-subheading {
            font-family: 'HelveticaNeue-Web', sans-serif;
            font-size: 2.2rem;
            line-height: 1.5em;
            font-weight: normal;
        }
        .records_list ul li .content .artist {
            font-family: 'HelveticaNeue-Web', sans-serif;
            font-size: 1.6rem;
            line-height: 1.5em;
            font-weight: bold;
            letter-spacing: 0.02em;
        }
        
            /* Some custom panel titles are larger
            ----------------------------------------------------------- */
            .panel_id_33 .records_list .content h2  {
                font-size: 2.2rem;
                font-weight: normal;
            }
    
        .records_list .content h2,
        .feature_list ul li .content .subtitle,
        .heading_wrapper.cascading-page-header .h1_subtitle,
        .feature_panels .panel_image_text_adjacent .content .subtitle, 
        .feature_panels .panel_image_text_adjacent .content .date {
            font-family: 'HelveticaNeue-Web', sans-serif;
            font-size: 1.9rem;
            line-height: 1.4em;
            margin-bottom: 5px;
            font-weight: normal;
        }
        
        
        
        .records_list .content .subtitle,
        .feature_list ul li .content .date,
        .feature_list ul li .content .location,
        .records_list ul li .content .title {
            font-size: 1.5rem;
            line-height: 1.5em;
            text-transform: none;
            letter-spacing: 0;
            font-family: 'HelveticaNeue-Web', sans-serif;
            font-weight: normal;
            color: #282828;
        }
        
        .records_list .content .date, 
        .records_list .content .location, 
        
        .records_list ul li .signed_and_dated, 
        .records_list ul li .dimensions, 
        .records_list ul li .medium,        
        .records_list ul li .edition_details,
        .records_list .content .price, 
        .records_list .item .price,
        .records_list .content .nationality {
            font-size: 1.35rem;
            line-height: 1.5em;
            text-transform: none;
            letter-spacing: 0;
            font-family: 'HelveticaNeue-Web', sans-serif;
            font-weight: 200;
            color: #282828;
            padding:0;
            
        }
        .nationality:before {
            content: 'Elected: ';
        }
        
        .records_list ul li .content .title, .records_list ul li .content .artist {
            margin-bottom: 0;
        }
        .records_list .content .date {
            padding-top:5px;
        }
        .records_list .content .subtitle {
            color: #010101;
        }
        .records_list .content .description, 
        .feature_panels .description {
            font-size: 1.5rem;
            color: #282828;
            line-height: 2.2em;
            padding-top: 20px;
            font-weight: 200;
        }
    
        .feature_list ul li .content .description,
        .records_list .content .description {
            max-width: 540px;
        }
    
        .feature_panels .panel_image_text_adjacent.panel_content_alignment_center .description {
            max-width: 580px;
            display: block;
            margin: 0 auto;
        }
            .feature_panels .panel_image_text_adjacent.panel_id_13 .content {
                max-width: 580px;
            }
        
        
        .title_and_year {
            margin-bottom: 10px;
        }
        /* Small labels throughout
        --------------------------------------------- */
        /*.related_items_panel h3,*/
        /*.mini_list ul li .content h2,*/
        /*#content_module .date,*/
        /*.records_list .content .price,*/
        /*.detail_view_module .price {*/
        /*    font-size: 1.6rem;*/
        /*    line-height: 1.2em;*/
        /*    font-family: 'HK Now', Sans-Serif;*/
        /*    font-weight: normal;*/
        /*}*/
        
         /* Subheadings ------------------- */
        .subheading,
        .feature_panels ul li.panel_id_15 span h2,
        .feature_panels ul li.panel_id_16 span h2  {
            font-size: 2.8rem;
            color: #111;
            font-family: 'TTRamillas-Web', Serif;
        }
        .subheading::after {
            display:none;
        }
        
        
        /* Subtitles ------------------- */

        #image_gallery #content_module .subtitle,
        .poster, .subtitle, .heading_wrapper h1 .h1_subtitle, .location {
            font-size: 1.6rem;
            line-height: 1.5em;
            text-transform: none;
            letter-spacing: 0;
            font-family: 'HelveticaNeue-Web', sans-serif;
            font-weight: 200;
            color: #121212;
        }
        #image_gallery #content_module .subtitle {
            margin: 0 0 30px;
        }        
        #image_gallery #content_module #own_art_calculation h3 {
            font-size: 2.0rem;
        }
        /* Feature list ------------------- */
        /*.feature_list ul li .content h2 {*/
        /*     font-size: 5.0rem;*/
        /*    line-height: 1.3em;*/
        /*    letter-spacing: normal;*/
        /*    font-family: 'TTRamillas-Web', Serif;*/
        /*}*/

        
        
        #image_gallery #content_module .subtitle,
        .feature_list ul li .content .subtitle,
        .feature_list ul li .content .subtitle,
        .records_list .content .subtitle {
            color: #111;
            font-weight: normal;
        }




    /* link
       Basic text link usually used throughout the site
    ----------------------------------------------------------- */

    .link, .simple_list ul li {
        font-weight: 200;
        color: #121212;
        font-size: 1.6rem;
        font-family: 'HelveticaNeue-Web', sans-serif;
         font-weight: normal;
    }
        .link a{
     
        }
        .link span, 
        .link a, 
        .link a:visited, 
        .simple_list ul li a, 
        .simple_list ul li a:visited {
            color: #010101;
            font-size: 1.6rem;
            line-height: 1.2em;
            font-family: 'HelveticaNeue-Web', sans-serif;
            font-weight: normal;
        }


    .link, .simple_list ul li {
        font-size: 1.6rem;
        line-height: 2em;
        color: #121212;
        letter-spacing: 0;
    }
    

    /* Miscellaneous
       Common classes used throughout the site, generally on grids
    ----------------------------------------------------------- */

    .description {
        font-size: 1.6rem;
        color: #484848;
        line-height: 2.2em;
        padding-top: 20px;
    }
    #artwork_description.description {
        line-height: 1.5em;
    }
    .subtitle {

    }
    .date {
        font-size: 1.6rem;
        line-height: 1.2em;
    }
    .price {
        line-height: 1.2em;
        font-size: 1.6rem;
        color: #121212;
        letter-spacing: 0;
        font-weight: normal;
        margin-bottom: 30px;
    }
    .button.button_compact a, .button.button_compact > span {
        padding: 10px 11px 11px;
    }
    
    .image {

    }
    .caption {

    }
    .divider {

    }
    .page_stats .ps_item,
    .page_stats .ps_pages {
        font-size: 1.6rem;
        line-height: 1.4em;
    }
    #image_gallery #content_module .enquire {
        line-height: 1em;
    }
    #image_gallery #content_module .detail_view_module, 
    #image_gallery #secondary_content_module .detail_view_module {
        line-height: 1.5em;
    }
    .subheading {

    }
    .subheading::after {
        /*content: '';*/
        /*border-top: 1px solid #eee;*/
        /*padding: 10px 0;*/
        /*flex-grow: 1;*/
        /*display: block;*/
        /*width: 100%;*/
    }
    
    .caption,
    .feature_panels .panel_image_text_adjacent .image .caption {
        font-size: 13px;
        color: #727272;
    }
    
    #sidebar .image {
        margin-bottom: 10px;
    }

    .button a, .button > span {
        padding: 14px 25px 14px;
        line-height: 1.1em;
        font-size: 1.9rem;
    }
    .button,
    .button a, .button > span,
    a.button-custom,
    .feature_panels .panel_image_text_adjacent .content > .link a,
    .simple_list ul li .button a {
        font-size: 1.7rem;
        text-decoration:none;
        font-weight: 500;
        color:#fff;
        line-height: 1.1em;
        min-width: 100px;
    }
    #container p.cms_button a, #container button.cms_button a, body a.cms_button, #container a.cms_button, a.button-custom, .records_list ul li a .link.user_defined,
    .arpromptdefaultbutton {
        background: #1D1D1D;
        padding: 14px 25px 14px;
        font-weight: 500;
        color: white;
        text-decoration: none;
        display: block;
        max-width: max-content;
        text-align: center;
        border-radius: 0;
        border: none;
        display: inline-block;
        letter-spacing: 0.05em;
        font-size:1.9rem;
        line-height: 1.1em
    }
    
    /*#container a.cms_button:hover,
    .button:hover {
        background: white;
        box-shadow: inset 0 0 0 1px #1d1d1d;
        color: #1d1d1d;
    }
    .button:hover a {
        color: #1d1d1d;
    }*/
    
    .records_list ul li a .link.user_defined {
        margin-top: 30px;
    }
    .records_list ul li a .link.user_defined span {
        font-weight: 500;
        color: white;
    }
    .add_to_calendar_link:not(.sub_nav_add_to_calendar_link):not(.event_date_dropdown) > a, 
    .share_link:not(.subnav_share_link) > a {
        /* padding: 2px 10px; */
        text-decoration: none;
        padding: 0;
        text-align: left;
        margin-top: 2px;
        font-family: 'TTRamillas-Web', Serif;
    }
    .share_link:not(.subnav_share_link) > a:before {
        display: none
    }
    .add_to_calendar_link:not(.sub_nav_add_to_calendar_link):not(.event_date_dropdown), 
    .share_link:not(.subnav_share_link) {
        border: 0;
        float: left;
        clear: both;
        margin-bottom: 10px;
        border: none;
        -webkit-border-radius: 0;
        border-radius: 0;
        display: block;
        max-width: 120px;
    }
    
    #contact_form h1, #contact_form h2, #main_content #contact_form h1 {
        font-size: 3.4rem;
    }
    

    
    /* One-off custom panels ----------------------------------------- */
    
    
    
    /*Homepage map Feature Panel
     ----------------------------------------- */
    
    .custom_map_panel {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .custom_map_panel .content {
        width: 50%;
        padding-right: 90px;
        box-sizing: border-box;
        max-width: 540px;
    }
    .custom_map_panel .map_wrapper {
        width: 50%;
        position:relative;
    }
    .custom_map_panel .map_wrapper:before {
        content: '';
        width: 100%;
        padding-top: 100%;
        display: block;
    }
    .custom_map_panel .map_wrapper .map_inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
    }
    .custom_map_panel .map_wrapper .map_inner .google-map {
        margin: 0;
        width: 100%;
        height: 100%;
    }
    .custom_map_panel .description {
        font-size: 1.9rem;
        color: #121212;
        line-height: 2em;
        padding-top: 20px;
        font-weight: normal;
    }
    #popup_links {
        clear: both;
    }
        
    /* RSA Friends
     ----------------------------------------- */

    body[data-pathname="/join-and-support/rsa-friends/"] #content .feature_panels .panel_type_4 .subtitle {
        font-size: 1.9rem;
        color: #121212;
    }

    /* Membership/Store Product
     ----------------------------------------- */

    .page-store #content.no-image {
        display: flex;
        flex-direction: column-reverse;
    }

    .page-store #content.no-image #sidebar {
        margin-top: 10px;
        padding-left:0px;
    }