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

.fullscreen_slideshow ul li .image {
	background-attachment: scroll;
}


    .page-news .records_list ul li a[href='/news/43/'] .image span {
        position: relative;
    }
    .page-news .records_list ul li a[href='/news/43/'] .image span:before {
        content: '.';
        text-indent: -9999px;
        display: block;
        background: rgba(0,0,0,0.3);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 199;
    }
    .page-news .records_list ul li a[href='/news/43/'] .image span:after {
        content: '.';
        text-indent: -9999px;
        display: block;
        background: url(/lib/g/1.0/images/video_icon.png) 0 0 no-repeat;
        background-size: 64px auto;
        position: absolute;
        height: 64px;
        width: 64px;
        top: 50%;
        left: 50%;
        margin: -32px 0 0 -32px;
        z-index: 200;
    }


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