/*.post-550 .entry-title {display: none;}*/

/*the following code reduces spacing before and after the page title*/

 .entry-header {
    margin-top: -1em;   /*before*/
    margin-bottom: 0em !important;   /*after*/
}

.page-header {
    margin-top: -2em;   /*before*/
    margin-bottom: 0em !important;   /*after*/
    padding-bottom: 1em;   /*after*/
}

/*the above code reduces spacing before and after the page title*/

/*the following code adjusts width of posts and pages, 100% becomes full width*/

.wrap {
	/* margin-left: auto; */
	/* margin-right: auto; */
	max-width: 100%;
	/* padding-left: 2em; */
	/* padding-right: 2em; */
}
 
@media screen and (min-width: 48em) {
	.wrap {
		max-width: 90%;
		/* padding-left: 3em; */
		/* padding-right: 3em; */
	}
}
 
.page.page-one-column:not(.twentyseventeen-front-page) #primary {
	/*margin-left: auto;*/
	/*margin-right: auto;*/
	max-width: 100%;
}

@media screen and (min-width: 30em) {
	.page-one-column .panel-content .wrap
	{
		max-width: 90%;
	}
}

/*the above code adjusts width of posts and pages, 100% becomes full width*/

/*the following code adjusts font and size of site title and tagline*/

.site-branding .site-title {
    font-size: 48px; text-transform: none; font-family: "raleway semibold";
   }

.site-branding .site-description {
    font-size: 24px; /*font-family: impact;*/
}

/*the above code adjusts font and size of site title and tagline*/

/*the following code adjusts colour of site title and tagline*/

body.has-header-image .site-title, body.has-header-video .site-title, body.has-header-image .site-title a, body.has-header-video .site-title a {
  color: #fcfce1 !important;
}
/*body.has-header-image .site-description, body.has-header-video .site-description {
  color: #dd8833 !important;
}*/

/*the above code adjusts colour of site title and tagline*/

/*the following code removes featured image on single page/post*/

/*.single-featured-image-header {
display: none;
}*/

/*the above code removes featured image on single page/post*/

/*the following code changes font properties of page/post titles*/

.single-post .entry-title, .page .entry-title, .entry-title, .entry-title a {
font-size: 1.625rem !important;
color: navy !important;
font-family: Libre Franklin !important;
}

/*the above code changes font properties of page/post titles*/

/*the following code removes 'Proudly Powered by Wordpress' from the bottom of the website*/

 .site-info{display: none;} 

/*the above code removes 'Proudly Powered by Wordpress' from the bottom of the website*/

/*the following code reduces height of featured images */

.single-featured-image-header img {
	/* display: block; */
	/* margin: auto; */
	height: 40vh;
	object-fit: contain;
}

/*the above code reduces height of featured images */

/*the following code centres the caption text for images */


.wp-caption-text {
	text-align: center;
}

/*the above code centres the caption text for images */

/*the following code centres all tiled jetpack galleries */

.tiled-gallery .gallery-row {
	margin: 0 auto;
}

/*the above code centres all tiled jetpack galleries */

/*the following code removes the horizontal grey lines between html (and other?) table rows */

.entry-content tr { border-bottom: none; }

/*the above code removes the horizontal grey lines between html (and other?) table rows */

/*following three sections to change height of home page header image: 
 * The first section is for a computer / laptop screen.
 * The second section is for a tablet or phone screen.
 * The third is the same as the first but for logged in users where the WordPress admin bar.
 */

/*Computer screen */
@media screen and (min-width: 48em) {
	.twentyseventeen-front-page.has-header-image .custom-header-image {
	/*height: 1200px;*/
	/*height: 100vh;*/
	height: 80vh;
	/*max-height: 100%;*/
	/*overflow: hidden;*/
	}
}

/* Mobile screen*/
.has-header-image.twentyseventeen-front-page .custom-header {
	/*display: table;*/
	/*height: 300px;*/
	/*height: 75vh;*/
	height: 80vh;
	/*width: 100%;*/
}

/* Computer screen with logged in user and admin bar showing on front end*/
@media screen and (min-width: 48em) {
	.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-image {
	/*height: calc(100vh - 32px);*/
	height: calc(80vh - 32px);
	}
}

/*above three sections to change height of home page header image*/