/* CSS imports ------------------- */


        
            /* Forced mobile nav on all sizes ------------------- */
            @import url('/lib/g/1.0/styles/responsive_topnav.css') screen and (max-width: 767px);
        
                @import url('/lib/g/themes/aperture/1.0/styles/responsive_topnav.css') screen and (max-width: 767px);
            

    
    /* Font imports ------------------- */

    
    

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





    

    
    
    
    

    


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

    /* Main body font ------------------- */


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



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

    
    /* User custom html-font sizing ------------------- */
    
    
    /* Title - Heading spacing and transform ------------------- */
        

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


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

    /* Colour None */


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


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



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

    

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

    
    
    

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

    /* Light and dark logo variants css ------------------- */
    




    /* Logo text color ------------------- */



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

    

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


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

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

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

    
    
    /* Hero section image opacity ------------------- */

        #mirror-slideshow.hero-parallax-element-mirror ul li .image,
        #mirror-slideshow.hero-parallax-element-mirror ul li .video_container .video_inner,
        #hero_header #slideshow  ul li .image,
        #hero_header #hero_image_responsive,
        .parallax-mirror img.parallax-slider {
            opacity: 1 !important;
        }
        .parallax-mirror:not(#parallax-hero_header) img.parallax-slider {
            opacity: 1 !important;
        }

    /* don't show if opacity = 1 */
    
    /* Hero section image height ------------------- */
    ::root {
        --hero-height: 0vh
    }

    
    
    /* Home page slideshow / fullscreen video ui buttons ------------------- */
    
    
    
    
    /* Hero header slideshow ui buttons ------------------- */
    
    
    
    
    /* Carousel feature panel ui buttons ------------------- */
    
    



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

.records_list > ul > li:last-of-type {
	margin-right:20px;
}



body.page-demo-page.layout-hero-header #container, 
body.page-artist-page.layout-hero-header #container {
	padding-top: 450px;
}
body.page-demo-page #hero_header > .inner,
body.page-artist-page #hero_header > .inner {
	height: 450px;
}
body.page-demo-page #hero_heading,
body.page-artist-page #hero_heading {
    bottom: auto;
    left: 20px;
    top: 52%;
    right: 20px;
    text-align: center;
}
body.page-demo-page #hero_heading .title,
body.page-artist-page #hero_heading .title {
    font-size: 52px;
    line-height: 56px;
    font-weight: normal;
}
body.page-demo-page #parallax-hero_header img,
body.page-artist-page #parallax-hero_header img {
	opacity: 0.7 !important;
}


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