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

    
    
    
            #header {
                text-align: center;
                line-height: 0;
            }
            #logo {
                float: none;
                margin-left: auto;
                margin-right: auto;
                text-align: center;
            }
            #logo a {
                text-align: center;
            }
            #top_nav.navigation {
                float: none;
                display: inline-block;
                padding-top: 20px;
            }
            #top_nav #top_nav_reveal {
                padding-top: 0;
                float: none;
            }
            body.responsive-nav-slide-nav #slide_nav_reveal {
                text-align: center;
                padding: 20px 0 0;
            }

    /* 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: 0.8 !important;
        }
        .parallax-mirror:not(#parallax-hero_header) img.parallax-slider {
            opacity: 0.8 !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 ------------------- */

#header {
	border-bottom: none;
}
#header .inner, #header.header_fixed .inner {
	border-bottom: 1px solid #efefef;
}
.navigation ul li.active a, .navigation ul li.active a:visited, .navigation ul li.active a:hover {
	border-bottom: 1px solid #999;
}
#footer #copyright {
	font-size: 9.5px;
}
#main_content h1 {
	font-size: 21px;
}

#logo, #logo a {
	height: auto;
	font-size: 27px;
	letter-spacing: 8px;
	color: #243596 !important;
}
.section-home .full_list ul li .content {
	margin: auto;
	float: none;
}

@media screen and (max-width: 767px) {
	#top_nav.navigation ul.topnav li a {
		line-height: 2em !important;
	}
	#logo, #logo a {
		font-size: 20px;
	}
	#logo a {
		max-width: 90%;
		margin: auto;
	}
	.link a {
		color: #303030 !important;
		font-weight: 400 !important;
	}
	#sub_nav.navigation ul li {
		display: inline-block;
		float:none;
	}
}

.section-about #content a {
	text-decoration: none !important;
	font-style: italic;
}

.subheading span {
font-weight: 400;
}
#mc_embed_signup_scroll {
	padding-bottom: 40px;
}
.section-mailing-list #footer {
	clear: both;
}

/* Social icons tooltips */
 #social_links > div {
        position: relative;
    }
        #social_links > div:before {
            content: 'Facebook';
            visibility: hidden;
            width: 120px;
            /*background-color: #ebebeb;*/
            color: #505050;
            text-align: center;
            padding: 5px 0;
            border-radius: 6px;
            position: absolute;
            z-index: 1;
            top: -30px;
            right: 50%;
            transform: translateX(50%);
            width: 100px;   
        }
        #social_links > div:hover:before {
            visibility: visible;
        }

        #facebook_link:before {
            content: 'Facebook' !important;
        }
	#artsy:before {
            content: 'Artsy' !important;
        }
        #instagram:before {
            content: 'Instagram' !important;
        }
        #mailinglist:before {
            content: 'Mailing list' !important;
        }
        #email:before {
            content: 'Contact' !important;
        }
	#googlemap:before {
		content: 'GoogleMap' !important;
	}

.subsection-wrapper-installation_shots .image_list ul li {
	margin-bottom:0;
}
.link span, .link a, .link a:visited, .simple_list ul li a, .simple_list ul li a:visited {
	font-weight:400;
}
#sidebar .link a.fancybox_gallery {
	color: #000;
	font-weight:700;
}
#slideshow.records_list ul li .image img {
	max-width: 965px;
    max-height: 532px;
}
.page-exhibitions .subsection-overview #sidebar .link a {
	display: none;
}


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