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

        .section-home #header {
            display: none;
        }
    
    
    

    /* 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 .hero_splash_text .title {
	font-size: 72px;
	letter-spacing: 16px;
}
.fullscreen_slideshow .hero_splash_text .subtitle {
	letter-spacing: 16px;
}

root { 
    display: block;
}

.fancybox-nav{
    display: none;
}

#container,
#header .inner, #header.header_fixed .inner,
#footer {
    width: 1260px;
}

#top_nav.navigation ul li a{
    font-weight: normal;
}

.records_list > ul > li img {
    display: block;
    margin: 0 0 20px 0;
}
.records_list > ul > li h2 {
    font-size: 14px;
    margin: 0 0 5px;
}
.records_list > ul > li .subtitle {
    color: #aaa;
    text-transform: none;
    letter-spacing: 0;
    font-size: 13px;
}

.fancybox-overlay {
    background: rgba(0,0,0,0.8);
}
.fancybox-skin {
    background: none;
    color: #fff;
}

div.fancybox-wrap.fancybox-mobile.fancybox-type-iframe.fancybox-opened {
    position: fixed !important;
}
.fancybox-title a,
.fancybox-title a:visited {
	color: #fff;
}

#sidebar {
    width: 45%;
}
#content_module {
    width: 50%;
}



#logo a {
	letter-spacing: 3px;
	-webkit-font-smoothing: antialiased;
	font-size: 34px;
	line-height: 32px;
}
#logo a:after {
    content: 'film editor';
    font-size: 22px;
    letter-spacing: 0;
    text-transform: lowercase;
    font-weight: 200;
    padding-left: 25px;
    color: #aaaaaa;
	-webkit-font-smoothing: antialiased;
}
#top_nav.navigation ul li a {
	padding-top: 15px;
}

.additional_nav.navigation ul li,
.additional_nav.navigation ul li a,
.additional_nav.navigation ul li a:visited {
    line-height: 16px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 2px;
    padding: 0;
	color: #aaaaaa;
}

@media screen and (max-width: 767px) {	
	#logo a:after {
		display: block;
		padding-left: 0;
	}
}


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