/* ----------------------------------------------------------------------------------
Site name
Theme name: Site name
---------------------------------------------------------------------------------- */


/* -----------------------------------------------------------
   Template sites - common settings
----------------------------------------------------------- */

    /* -----------------------------------------------------------
       Template site logo
       1. Create one normal-size logo and one retina 2x version (logo.png and logo_2x.png) and place in /public/images/
       2. Adjust the following settings with the logo height and width accordingly
    -----------------------------------------------------------

        #logo, #logo a {
            width: YOUR-LOGO-WIDTH;
            height: YOUR-LOGO-HEIGHT;
        }
        #logo {
            background-image: url('/images/logo.png');
        }
        #logo a {
            text-indent: -9999px;
            padding: 0;
        }
        .device-highres #logo {
            background-image: url('/images/logo_2x.png');
            background-size: auto YOUR-LOGO-HEIGHT;
        }

    */
    
    /* -----------------------------------------------------------
       Homepage splash page
       1. Enable 'homepage_splash' setting in site_settings
       2. Adjust the following settings, either logo OR text on a colour OR image, and optional mask.
       NOTE: The background image can be replaced by the client on the homepage edit screen
    -----------------------------------------------------------

        #home_splash {
            background-image: BACKGROUND-LARGE-IMAGE-HERE;
            background-color: BACKGROUND-COLOR-HERE;
        }
            #home_splash .inner {
                background: rgba(0,0,0,0.6);
            }
            #home_splash .content {
                font-family: TEXT-STYLES-HERE;
                background-image: OR-LARGE-LOGO-HERE;
            }

    */

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

    #container {

    }

    #header {

    }
        #header .inner, 
        #header.header_fixed .inner {
            max-width: 100%;
        }
            
        .type-fullscreen #header, 
        .layout-hero-header #header, 
        .header-fixed-wrapper #header {
            padding-left: 40px;
            padding-right: 40px;
        }
        
    #header #store_cart_widget{
        color:black;
    }

    #header .inner {
        padding: 40px 0;
    }
    .navigation {

    }
        .navigation ul {

        }
        .navigation ul li {

        }
        .navigation ul li a {
            line-height: 1.6rem;
            color:#9E9494;
        }
        .navigation ul li a,
        .navigation ul li a:visited {
            font-size: 1.5rem;
            color:#9E9494;
        }
        .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; 
        }
        


        /* Top nav 
        ---------------------------------------- */
        #top_nav.navigation ul li a {
            font-size: 1.5rem;
        }
        .section-home #top_nav.navigation ul li 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 {
            color: #000;
        }
        
        /* 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;
        }
  
        
    #main_content {
        padding: 80px 0 0;
    }
        #main_content h1 {

        }


     /* Centred headings and navigation
    ------------------------------------------------------------ */

        #h1_wrapper,
        .h1_wrapper {
            float: none;
            min-width: auto;
        }  

        /* All subnavs and header_wrappers have line and padding
        ---------------------------------------------------- */
        #sub_nav,
        .heading_wrapper,
        .section-art-fairs .heading_wrapper.event-list-header {
            text-align: center;
            float: none;
            width: 100%;
            padding-bottom: 60px;
            margin-bottom: 80px;
            border-bottom: 1px solid #E6E6E6;
        }
            body.page_has_subnav .heading_wrapper,
            .heading_wrapper.news-list-header {
                padding-bottom: 0;
            } 
            
        #sub_nav.navigation,
        #exhibitions_nav.navigation, 
        .list_grid_control.navigation, 
        .subsection-navigation.navigation,
        .heading_wrapper #news_types_nav.navigation {
            padding: 20px 0;
        }

        .heading_wrapper.cascading-page-header h1 {
            float: none;
        }

         /* Subnavs inside heading_wrapper have no line
         ---------------------------------------------------- */
        
        .heading_wrapper #sub_nav.navigation, 
        .heading_wrapper #exhibitions_nav.navigation, 
        .heading_wrapper .list_grid_control.navigation, 
        .heading_wrapper.subsection-navigation.navigation,
        .heading_wrapper #sub_nav.subnav_wrapped.navigation,
        .heading_wrapper #news_types_nav.navigation {
            margin-top: 30px;
            margin-bottom: 0;
            border-bottom: none;
            float: none;
            clear: both;
            display: block;
            width: 100%;
        }
        #sub_nav.navigation ul, 
        .heading_wrapper #sub_nav.navigation ul, 
        .heading_wrapper #exhibitions_nav.navigation ul, 
        .heading_wrapper .list_grid_control.navigation ul, 
        .heading_wrapper.subsection-navigation.navigation ul,
        .heading_wrapper #sub_nav.subnav_wrapped.navigation ul,
        .heading_wrapper #news_types_nav.navigation ul,
        .exhibitions_filter {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            align-items: center;
        }
        
        /* heading_wrappers with sunbnavs outside of them have no line 
        ---------------------------------------------------- */
        .heading_wrapper.exhibition-list-header {
            margin-bottom: 0;
            border-bottom: none;
            padding-bottom: 20px;
        }
        
            

        /* Centred h1
        ---------------------------------------------------- */
        .heading_wrapper h1,
        #image_gallery #content_module h1,
        #image_gallery #content_module .enquire {
            display: inline-block;
            width: auto;
            max-width: 400px;
        }
            .heading_wrapper h1:not(.has_subtitle)::before,
            #image_gallery #content_module h1::before,
            #image_gallery #content_module .enquire::before,
            .heading_wrapper h1.has_subtitle .h1_heading::before,
            #main_content .subsection-store-record.subsection-store-publications-record h1::before {
                content: '';
                border-top: 2px solid #111;
                display: block;
                margin-bottom: 12px;
            }
            #image_gallery #content_module .enquire::before {
                margin-bottom: 8px;
            }
            
            .heading_wrapper h1.has_subtitle {
                width: 100%;
                max-width: 100%;
            }            
            .heading_wrapper h1 .h1_heading {
                margin: 0 0 28px;
                display: inline-block;
                width: auto;
                max-width: 400px
            }
            .heading_wrapper h1 .h1_subtitle {
                float: none;
                clear: both;
                display: block;
                max-width: 680px;
                margin: 0 auto;
            }
            .heading_wrapper .subtitle {
                float: none;
                clear: both;
                display: flex;
                align-items: center;
                justify-content: center;
                margin: 0;
                flex-direction: row-reverse;
                padding-top: 20px;
                color: #6C6767;
                line-height: 1.7em;
            }

            .heading_wrapper .subtitle, 
            .heading_wrapper .date, 
            .heading_wrapper .location {
                color: #6C6767;
            }




    /* Detail page headings
    --------------------------------------------------- */
    /*#main_content div[class^='subsection-'] .heading_wrapper, div[class*=' subsection-'] .heading_wrapper {*/
    /*    text-align: left;*/
    /*}*/

    .layout-no-subnav .heading_wrapper {
        float: left;
        width: 50%;
        display: block;
        text-align: left;
        padding-bottom: 30px;
        margin-bottom: 40px;
    }
    .layout-no-subnav .heading_wrapper h1 {
        text-align: left;
        max-width: 100%;
    }
    .layout-no-subnav .heading_wrapper h1:before {
        display: none;
    }
    
    #content {

    }
        #content_module {

        }
        #sidebar {

        }

    #footer {
        padding: 50px 0 30px;
        font-size: 13px;
    }
    
        #footer #copyright {

        }
        #footer a,
        #footer a:visited {

        }
        
        .footer_logo {
            text-indent: -9999px;
            width: 261px;
            display: block;
            height: 19px;
            margin-top: 3px;
        }
        .footer_logo a {
            text-indent: -9999px;
            width: 261px;
            display: block;
            height: 19px;
            background-image: url(/images/gazelli_logo_web.webp);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: contain;
        }
        #footer .cms_black a, #footer .cms_black a:visited {
            color: #000;
        }
        #footer.advanced_footer .advanced_footer_item {
            padding: 0 60px 20px 0;
            box-sizing: border-box;
        }
        .advanced_footer_item.advanced_footer_item_1 {
            width: calc(100% - 1020px);
        }     
            
        .advanced_footer_item.advanced_footer_item_2 {
            width:280px;
        }
        #footer .advanced_footer_item.advanced_footer_item_3 {
            /*padding-right: 0;*/
            width:250px;
        }
        #footer #social_links .social_links_item a .social_media_icon {
            background-color: #ffffff;
        }
        #footer #social_links .social_media_icon {
            color: #000;
        }
        #footer #social_links .social_media_icon::after {
            font-size: 19px;
        }
        #social_links .social_links_item {
            margin: 0 0 10px 7px;
        }








    /* 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: 'BrownWeb', Sans-Serif;
            font-weight: normal;
        }

        .records_list .content h2 {
            font-size: 2.5rem;
            line-height: 1.2em;
            margin-bottom: 20px;
            letter-spacing: 0.02em;
        }
        .records_list .content .subtitle, 
        .records_list .content .date, 
        .records_list .content .location,
        .records_list ul li .content .title, 
        .records_list ul li .content .artist {
            font-size: 1.6rem;
            line-height: 1.5em;
            text-transform: none;
            letter-spacing: 0;
            font-family:'PortraitTextWeb', Sans-Serif;
            font-weight: normal;
            color: #6C6767;
        }
        .records_list .content .subtitle {
            color: #010101;
        }
        .records_list .content .description {
            color: #585858;
            font-size: 14px;
            color: #6C6767;
            text-align: left;
            line-height: 33px;
            padding-top: 20px;
        }

        /* 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.5rem;
            line-height: 1.2em;
            font-family: 'Brown', Sans-Serif;
            font-weight: normal;
        }
        
        /* Subtitles ------------------- */
        .subheading {
            font-size: 1.6rem;
            color: #111;
        }
        #image_gallery #content_module .subtitle {
            margin: 0 0 10px;
        }        
        #image_gallery #content_module .subtitle,
        .poster, .subtitle, .heading_wrapper h1 .h1_subtitle, .location,
         .feature_list ul li .content .subtitle,
         .feature_list ul li .content .date,
         .feature_list ul li .content .location {
            font-family: 'PortraitTextWeb', Sans-Serif;
            font-weight: normal;
            color: #6C6767;
            font-size: 1.6rem;
            line-height: 1.5em;
            text-transform: none;
            letter-spacing: 0;
            /*margin: 0;*/
        }

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


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


    /* Home
    ----------------------------------------------------------- */

        .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 {
            font-size: 45px;
            letter-spacing: 1px;
            font-weight: 200;
            line-height: 1.1em;
        }
        .fullscreen_slideshow .hero_splash_text .title {
            font-weight: 200;
        }
         /* White bars around slideshow
        ----------------------------------------------------------- */
        
        #slideshow.fullscreen_slideshow::before, 
        #slideshow.fullscreen_slideshow::after {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            width: 12px;
            z-index: 9999;
            left: 0;
            right:auto;
            background: #fff;
        }
            #slideshow.fullscreen_slideshow::after {
                right:0;
                left:auto;
            }
        #slideshow.fullscreen_slideshow ul::after {
            content: '';
            position: absolute;
            top: auto;
            bottom: 0;
            background: #fff;
            height: 12px;
            width: 100%;
            z-index: 999;
        }



    /* Artists
    ----------------------------------------------------------- */
    
    #artist_list.nongalleryartists ul li {
        margin-bottom: 0
    }

    #artist_list.nongalleryartists ul li .image,
    #artist_list.nongalleryartists ul li .image img {
        display: none !important;
    }    
    #artist_list.nongalleryartists ul li h2 {
        font-size: 1.6rem;
        color: #000000;
        letter-spacing: 0.4px;
        line-height: 1.1em;
    }
    #artist_list.nongalleryartists.records_list.grid_dynamic_layout_artists:not(.feature_list) > ul > li {
        width: 20%;
        /*margin-bottom: 10px;*/
    }

    #subheading_galleryartists {
        display: none;
    }
    body .related_items_panel h3 {
        border-bottom: 1px solid #EBEBEB;
        padding: 0 0 15px;
        margin: 0 0 30px;
        font-size: 1.35rem;
        font-size: 2.1rem;
    }
    
    .subsection-overview #sidebar .image.restricted-image-container .object-fit-container {
        position: static;
    }
    .subsection-overview #sidebar .image.restricted-image-container::after {
        display:none;
    }
    
    /* Artworks
    ----------------------------------------------------------- */

    #image_gallery #content_module .detail_view_module, 
    #image_gallery #secondary_content_module .detail_view_module {
        color: #585858;
        font-family:'BrownWeb', Sans-Serif;
        font-size: 13px;
        color: #6C6767;
        text-align: left;
        line-height: 25px;
        display: block;
        clear: both;
    }
    #artwork_description2_reveal_button a {
        font-weight: 200;
        color: #000;
        font-size: 1.6rem;
    }
    #image_gallery #content_module h3 {
        font-weight: 200;
        color: #010101;
        font-size: 1.6rem;
        line-height: 1.2em;
    }
    
    
    
    /* Exhibitions
    ----------------------------------------------------------- */
    #exhibitions-grid-past .subheading {
        visibility: hidden;
        height: 0;
        margin: 0
        overflow: hidden;
    }
    
    
    
    #exhibitions_years_nav {
        border-top: 1px solid #eee;
        padding: 40px 0;
    }    
    #exhibitions_years_nav ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
    }
    .subsection-exhibitions-grid:first-child .subheading,
    .subsection-events-grid:first-child .subheading{
        display: none;
    }    
    .subsection-exhibitions-grid:first-child #exhibitions_years_nav {
       border-top: none;
    }

    /* Events
    ----------------------------------------------------------- */



    /* News
    ----------------------------------------------------------- */
    
    .subsection-news-grid #content_module {
        padding: 0;
        width: 100%;
        column-count: 3;
        padding-left: 0;
        list-style: none;
        font-size: 16px;
        color: #000000;
        letter-spacing: 0.4px;
        line-height: 31px;
        font-family: 'PortraitTextWeb', Sans-Serif;
        font-weight: normal;
        text-transform: uppercase;
        column-gap: 40px;
        display: none;
        padding-top:70px;
    }
    
    /*Hide Names List on all but the Tuesday Talks News category*/
    
    body:not(.page-param-11-tuesday-talks) #main_content #content.subsection-news-grid #content_module.full_width,
    body:not(.page-param-id-3) #main_content #content.exhibition-list-outer-container #content_module.full_width {
        display: none;
    }
    

    
    body.page-param-id-3 #main_content #content.exhibition-list-outer-container #sub_nav {
        order: 1;
    }
    
    body.page-param-id-3 #main_content #content.exhibition-list-outer-container #content_module {
        padding: 0;
        width: 100%;
        column-count: 3;
        padding-left: 0;
        list-style: none;
        font-size: 16px;
        color: #000000;
        letter-spacing: 0.4px;
        line-height: 31px;
        font-family: 'PortraitTextWeb', Sans-Serif;
        font-weight: normal;
        text-transform: uppercase;
        column-gap: 40px;
        padding-top:70px;
    }


    #content.subsection-news-grid,
    #content.exhibition-list-outer-container {
        display: flex;
        flex-direction: column-reverse;
    }
    
    body:not(.page-param-id-3) #main_content #content.exhibition-list-outer-container {
        display: block;
    }
    

    /* Publications
    ----------------------------------------------------------- */



    /* Store
    ----------------------------------------------------------- */
    .subsection-store-record .heading_wrapper {
        text-align: left;
        border-bottom: none;
        margin-bottom: 30px;
        float: left;
    }
    .subsection-store-record .heading_wrapper .subtitle {
        padding-top: 0;
        text-align: left;
        display: block;
    }
    #main_content .subsection-store-record.subsection-store-publications-record h1 {
        width: auto;
        display: inline-block;
    }

    /* About
    ----------------------------------------------------------- */


    /* Contact
    ----------------------------------------------------------- */
    .contact-locations-grid .records_list.feature_list ul  {
        margin-right: -60px;
    }
    .contact-locations-grid .records_list.feature_list ul li {
        margin: 0;
        width: 50%;
        display: inline-block;
        padding-right: 60px;
    }
    .contact-locations-grid .records_list.feature_list ul li .content {
        width: 100%;
        padding: 0;
    }
    .section-contact #content {
        display: flex;
        flex-direction: column-reverse;
    }
    .contact-locations-grid {
        order:1;
    }
    .contact-locations-grid #map_basic, .contact-locations-grid .google-map {
        width: 100%;
        height: 550px;
        margin-bottom: 40px;
    }
    
    
    
/* -----------------------------------------------------------
   Global Classes
----------------------------------------------------------- */

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

    .records_list {

    }
        .records_list ul {

        }
        .records_list ul li {
            margin: 0 0 60px;
        }
        .records_list ul li a,
        .records_list ul li a:visited {

        }
        .records_list ul li .image {

        }
        .records_list .content {

        }
        .section-home .records_list:not(.feature_list):not(.reading_list) li:not(.custom_panel) .content .description:not(.user_defined),
        .section-news .records_list:not(.feature_list):not(.reading_list) li:not(.custom_panel) .content .description:not(.user_defined),
        .subsection-news  .records_list:not(.feature_list):not(.reading_list) li:not(.custom_panel) .content .description:not(.user_defined) {
            display: block;
        }
        .records_list.tile_list ul li {
            margin: 0 0 60px;
        }


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

        }
        
        
    /* Mini list
    ----------------------------------------------------------- */
    .mini_list ul li {
        margin: 0 0 10px;
        width: 50%;
    }
    
    /* Feature list
    ----------------------------------------------------------- */
        .feature_list ul li .content .subtitle {
            border-bottom: none;
            padding: 0 0 12px;
            margin: 0 0 12px;
            text-transform: none;
        }    


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

    .link, .simple_list ul li {
        font-weight: 200;
        color: #000;
        font-size: 1.5rem;
    }
        .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: 'BrownWeb', Sans-Serif;
            font-weight: normal;
        }




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

    .description {

    }
    .subtitle {

    }
    .date {
        font-size: 1.6rem;
        line-height: 1.4em;
    }
    .price {
        line-height: 1.6em;
        font-size: 1.6rem;
        color: #000;
    }
    .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;
    }

    .subheading {
        font-size: 2.6rem;
        margin: 0 0 50px;
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .subheading::after {
        content: '';
        border-top: 1px solid #eee;
        padding: 10px 0;
        flex-grow: 1;
        display: block;
        width: 100%;
    }
    
    .button.button_compact a, .button.button_compact > span {
        padding: 13px 45px 12px;
    }
    
    /* Fancybox ----------------------------------------- */