/* ----------------------------------------------------------------------------------
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 #store_cart_widget::before {
            color: #888888;
        }

    .navigation {

    }
        .navigation ul {

        }
        .navigation ul li {

        }
        .navigation ul li a {

        }
        .navigation ul li a,
        .navigation ul li a:visited {

        }
        .navigation ul li a:hover {

        }
        .navigation ul li.active a,
        .navigation ul li.active a:visited,
        .navigation ul li.active a:hover {

        }
        .navigation ul li a,
        .navigation ul li a:visited {
            color: black;
        }
        .navigation ul li.active a,
        .navigation ul li.active a:visited,
        .navigation ul li.active a:hover,
        .navigation ul li a:hover,
        #top_nav.navigation > ul > li.active_dir > a,
        #top_nav.navigation > ul > li.active_dir > a:visited,
        #top_nav.navigation > ul > li.active_dir > a:hover {
            color: #222;
        }
        #top_nav.navigation ul li a {
            letter-spacing: 2.12px;
            font-size: 12px;
        }

    #main_content {

    }
        #main_content h1 {

        }

    #content {

    }
        #content_module {

        }
        #sidebar {

        }

    #footer {

    }
        #footer #copyright {

        }
        #footer a,
        #footer a:visited {

        }
        #footer #copyright .copyright-text,
        #footer #copyright #artlogic {
            font-size: 11px;
            letter-spacing: 1.35px;
            line-height: 24px;
            display: block;
        }
        #social_links .social_links_item a .social_media_icon,
        .social_media_icon {
            background-color: transparent;
        }
        .social_media_icon::after {
            color: #989898;
        }
        #footer .advanced_footer_item h4 {
            font-size: 13px;
            letter-spacing: 1.9px;
            margin-bottom: 14px;
        }
        #footer .advanced_footer_item p {
            line-height: 24px;
            font-size: 13px;
            letter-spacing: 0;
        }


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

    #home_splash .content {
        padding-left: 0;
        padding-right: 0;
        margin-left: 80px !important;
        margin-right: 80px !important;
        background: left center no-repeat;
        width: auto;
    }
    #home_splash .content::after {
        content: "";
        width: 100%;
        border-bottom: 1px solid #E5E5E5;
        bottom: -41px;
        display: block;
        position: absolute;
    }


    /* Home
    ----------------------------------------------------------- */
    
    .section-home #slideshow h2 a,
    .section-home #slideshow h2 a .h1_subtitle {
        font-size: 21px;
        /*color: black;*/
        letter-spacing: 2px;
    }
    .section-home #slideshow h2 a .h1_subtitle {
        /*color: #8B8B8B;*/
        padding-left: 20px;
    }
    .section-home #slideshow h2 a .separator {
        display: none;
    }
    .section-home #slideshow .inner {
        display: flex;
        justify-content: space-between;
    }
    .section-home #slideshow .inner .date {
        font-size: 12px;
        letter-spacing: 2.12px;
        color: black;
    }
    
    .fullscreen_slideshow ul li .content h2 .h1_subtitle,
    .fullscreen_slideshow ul li .content h2 a .h1_subtitle {
        display: block!important;
    }

    

    /* Artists
    ----------------------------------------------------------- */
    
    #main_content .subsection-artists-list h1 {
        font-size: 0;
        margin-bottom: 0;
        height: 0;
    }
    .subsection-artists-list #content.vertical-align-middle {
        padding-left: 0;
        padding-right: 0;
    }
    .page-artists .subsection-artists-list .records_list .content h2 {
        font-size: 16px;
        letter-spacing: 1.47px;
    }
    .page-artists .subsection-works .records_list .content h2,
    .page-artists .subsection-works .records_list ul li .content .title,
    #image_related .records_list ul li .content .artist,
    #image_related .records_list ul li .content .title {
        letter-spacing: 1.47px;
        font-size: 16px;
    }
    .page-artists .subsection-works .image_list ul li .image {
        margin-bottom: 28px;
    }
    #image_gallery #content_module .artist,
    #image_gallery #content_module .subtitle .artist{
        font-size: 21px;
        letter-spacing: 2px;
        line-height: 25px;
        border-bottom: 1px solid #ebebeb;
        padding-bottom: 18px;
        margin-bottom: 69px;
        width: 100%;
    }
    #image_gallery #content_module .subtitle {
        letter-spacing: 1.68px;
        Font-size: 13px;
        margin-bottom: 35px;
    }
    #image_gallery #content_module .detail_view_module,
    #image_gallery #secondary_content_module .detail_view_module {
        color: #222;
        letter-spacing: 0;
        line-height: 26px;
        font-size: 14px;
    }


    /* Exhibitions
    ----------------------------------------------------------- */
    
    .feature_list ul li .content h2 {
        font-size: 21px;
        letter-spacing: 2px;
        margin-bottom: 28px;
    }
    .feature_list ul li .content .subtitle,
    .feature_list ul li .content .date {
        font-size: 13px;
        letter-spacing: 1.68px;
        color: #575757;
    }
    .feature_list ul li .content .subtitle {
        margin-bottom: 16px;
    }
    .link .read_more {
        color: #575757;
        font-size: 12px;
        letter-spacing: 1.55px;
    }
    .feature_list ul li .content .description {
        margin-bottom: 16px;
    }
    .page-param-type-exhibition_id .subsection-exhibition-detail-page #exhibitions_nav {
        display: none;
    }
    #slideshow .slideshow_pagination_prev:after,
    #slideshow .slideshow_pagination_next:after {
        color: #A3A3A3;
    }
    .page-param-installation_shots .records_list .content {
        font-size: 14px;
        letter-spacing: 0;
        color: #222;
    }
    .page-param-installation_shots .image_list ul li .image {
        margin-bottom: 17px;
    }
    



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



    /* Press
    ----------------------------------------------------------- */



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



    /* Store
    ----------------------------------------------------------- */
    
    .section-store .subsection-store-grid-artworks .detail_list .content .description,
    .section-store .subsection-store-grid-publications .detail_list .content .description,
    .section-store .subsection-store-grid-publications .detail_list .content .description .description_additional {
        display: block !important;
    }
    body.section-store #main_content .subsection-store-grid-artworks .image_list.records_list .content {
        border-top: none;
        padding-top: 10px;
    }
    .section-store .subsection-store-grid-artworks .detail_list .content h2,
    .section-store .subsection-store-grid-artworks .detail_list .content .subtitle {
        font-size: 16px;
        letter-spacing: 1.47px;
    }
    .section-store .subsection-store-grid-artworks .records_list .content .description,
    .section-store .subsection-store-grid-artworks .records_list .content .description_additional,
    .section-store .subsection-store-grid-artworks .records_list .content .medium, 
    .section-store .subsection-store-grid-artworks .records_list .content .dimensions,
    .section-store .subsection-store-grid-artworks .records_list .content .edition_details {
        font-size: 13px;
        letter-spacing: 0;
        line-height: 26px;
        color: #222;
    }
    .section-store .subsection-store-grid-artworks .detail_list .content .description {
        margin-top: 32px;
        padding-bottom: 50px;
        margin-bottom: 0;
    }
    .section-store .subsection-store-grid-artworks .detail_list ul li {
        position: relative;
    }
    .section-store .subsection-store-grid-artworks .detail_list .content .description .price {
        position: absolute;
        bottom: 0;
        left: auto;
    }
    .section-store #h1_wrapper {
        min-width: 80px;
    }



    /* About
    ----------------------------------------------------------- */
    
    
    
    /* Contact
    ----------------------------------------------------------- */
    .page-contact .address-block {
        border-bottom: 1px solid #ebebeb;
        font-size: 21px;
        line-height: 38px;
        letter-spacing: 0;
        color: black;
        padding-bottom: 26px;
        margin-bottom: 42px;
    }
    .page-contact .info-block {
        padding-bottom: 45px;
    }
    .page-contact .info-block,
    .page-contact .hours-block {
        font-size: 14px;
        letter-spacing: 0;
        line-height: 31px;
    }
    .page-contact .info-block h4,
    .page-contact .hours-block h4 {
        font-size: 16px;
        letter-spacing: 1.47px;
        margin-bottom: 16px;
    }
    .page-contact #content_module .page_content .divider {
        height: 0;
    }
    #social_links_list ul li a,
    #social_links_list ul li a:visited,
    #social_links_list ul li a:hover {
        font-size: 12px;
        letter-spacing: 1.55px;
    }


/* -----------------------------------------------------------
   Global Classes
----------------------------------------------------------- */

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

    .records_list {

    }
        .records_list ul {

        }
        .records_list ul li {

        }
        .records_list ul li a,
        .records_list ul li a:visited {

        }
        .records_list ul li .image {

        }
        .records_list .content {

        }
    
    body:not(.page-artists):not(.page-param-installation_shots) .image_list.records_list ul li .content {
        border-top: 1px solid #ebebeb;
        padding-top: 25px;
    }
    .feature_panels .panel_header h2 {
        margin-bottom: -4px;
    }
    .feature_panels .panel_header .subtitle {
        font-size: 1.8rem;
        line-height: 2.4rem;
        letter-spacing: 2px;
        color: #8B8B8B;
    }
    .records_list .content h2,
    .records_list .content .subtitle {
        font-size: 17px;
        letter-spacing: 2px;
        color: black;
    }
    .records_list .content h2 {
        margin-bottom: 6px;
    }
    .records_list .content .subtitle {
        color: #8B8B8B;
    }
    .records_list .content .description {
        letter-spacing: 0;
        font-size: 14px;
        line-height: 26px;
        color: #222;
    }


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

        }


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

    .link {

    }
        .enquire .link a,
        body .link a.external,
        .link a {
            color: black;
        }
        .link a{

        }
        .link a,
        .link a:visited {

        }


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

    .description {

    }
    .subtitle {

    }
    .date {

    }
    .price {
        font-size: 13px;
        line-height: 25px;
        letter-spacing: 1.68px;
        color: black;
    }
    .image {

    }
    .caption {

    }
    .divider {

    }

    /* Generic ----------------------------------------- */
    
    .heading_wrapper h1 .h1_heading {
        letter-spacing: 2px;
        font-size: 21px;
    }
    .heading_wrapper h1 .h1_subtitle,
    .heading_wrapper h1 .subtitle_date {
        font-size: 12px;
        letter-spacing: 2.12px;
    }
    .feature_panels .records_list .content .description {
        color: black;
        line-height: 31px;
    }
    .subheading::after {
        margin-top: -20px;
    }
    
    
#content_module {
    max-width: 100vw;
}
#content_module canvas {
    max-width: 100%;
}