/*
You can add your own CSS here.

Click the help icon above to learn more.
*/



/* this centers the gallery */
ul.blocks-gallery-grid {
    margin: 0 auto;
}
/* this centers the gallery caption below */
figcaption.blocks-gallery-caption {
    display: block;
    width: 100%;
}


.blog:not(.has-sidebar) #primary article,
	.archive:not(.page-one-column):not(.has-sidebar) #primary article,
	.search:not(.has-sidebar) #primary article,
	.error404:not(.has-sidebar) #primary .page-content,
	.error404.has-sidebar #primary .page-content,
	body.page-two-column:not(.archive) #primary .entry-content,
	body.page-two-column #comments {
	width: 90%;
}



.has-header-image.twentyseventeen-front-page .site-branding, 
.has-header-video.twentyseventeen-front-page .site-branding, 
.has-header-image.home.blog .site-branding, 
.has-header-video.home.blog .site-branding {
    left: 0;
    top: 0;
}

.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding, 
.has-header-image.home.blog .site-branding, 
.has-header-video.home.blog .site-branding {
    display: block;
}

.site-branding {
    padding: 0;
}

#masthead .wrap {
    padding: 1em;
}

@media screen and (min-width: 768px) {

    #masthead .wrap {
        max-width: 100%;
    }
}

ul#top-menu {
  text-align: center;
}

/*site title colour*/
.site-title, .site-title a {
color: #CD0000 !important;
}

/*site description colour*/
.site-description, .site-description a {
color: #FFF !important;
}

.site-title a {
    text-shadow: 1px 1px 2px black;
}

.site-description {
   text-shadow: 0 1px 5px rgba(0, 0, 0, 1.0) !important;
}

.panel-image:before {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */ /* FF3.6-15 */
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.9)));
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#E6000000", GradientType=0); /* IE6-9 */
	/* bottom: 0; */
	/* content: ""; */
	/* left: 0; */