/* Allows a smooth animated scroll effect between elements */
html {
	scroll-behavior: smooth;
}

/* Tone down the animation to avoid motion triggers. */
@media (prefers-reduced-motion: reduce)

/*Logo size on Mobile device*/
@media screen and (max-width : 640px) {
	.custom-logo {
		width: 75%;
	}
}

/*h1 heading home & other pages title size*/
@media screen and (max-width:640px) {
	.home intro, h1 {
		font-weight: bold;
		font-size: 18px !important;
	}
}

/*white image Border on tiled gallery*/
.tiled-gallery__item {
	border: 2px solid #FFFFFF;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5) !important;
}

/*white image Border on Top Posts*/
.jetpack-top-posts-thumbnail {
	border: 4px solid #FFFFFF;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5) !important;
}

/* stop images from cropping in slideshow */
.slideshow img {
	object-fit: contain !important;
}

/* slideshow background on desktop*/
@media screen and (min-width: 1001px) {
	.slideshow img {
		background-color: rgba(137,148,153);
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
		padding-right: 10px !important;
		border: 6px ridge #000000;
	}
}

/* slideshow background on mobile */
@media screen and (max-width:1000px) {
	.slideshow img {
		background-color: rgba(137,148,153);
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 8px;
		padding-right: 8px !important;
		border: 2px ridge #000000;
	}
}

/*justify text*/
p {
	text-align: justify;
}

/*white borders around post images*/
.wp-post-image {
	border: 4px solid #FFFFFF;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5) !important;
}

/*white borders around block images*/
.wp-block-image {
	border: 4px solid #FFFFFF;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5) !important;
}

/*remove white border from carousel*/
.post-carousel img {
	border: none;
	box-shadow: 0 0 0 !important;
}

/*add "Site Menu" to main menu burger logo*/
.wp-block-navigation__responsive-container-open::after {
	content: "Site Navigation";
	margin-top: 1px;
	margin-left: 0;
	font-size: 20px;
	font-weight: bold;
}

/*add "Menu" to main menu burger logo on mobile*/
@media screen and (max-width : 640px) {
	.wp-block-navigation__responsive-container-open::after {
		content: "Navigation";
	}
}

/*main menu background colour transparent*/
.wp-block-navigation__responsive-container {
	background-color: rgba(169,184,195, 0.9) !important;
}

/*main menu seperator*/
.wp-block-navigation-link::after {
	content: "⎯⎯⎯⎯⎯⎯⎯⎯";
	line-height: 80% !important;
	color: black;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/*main menu X Close icon colour*/
.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close {
	color: rgba(0,0,0) !important;
	font-weight: bold !important;
	text-align: right !important;
	padding-top: 15px !important;
}

/*main top level menu Text size and colour*/
.wp-block-navigation__responsive-container .main-menu-text-lv1 a {
	font-size: 19px !important;
	color: rgba(0,0,0) !important;
	font-weight: bold !important;
	text-shadow: 2px 2px 3px grey;
	text-align: right !important;
	padding-left: 15px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/*main sub menu Text size and colour*/
.wp-block-navigation__responsive-container .main-menu-text-lv2 a {
	font-size: 18px !important;
	color: rgba(71,71,72) !important;
	font-weight: bold !important;
	text-shadow: 2px 2px 3px grey;
	text-align: right !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/*main menu text bold and colour on hover*/
.wp-block-navigation__responsive-container li:hover > a {
	font-weight: bold !important;
	text-align: right !important;
	background-color: rgba(0,0,0, 0.7) !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	color: rgba(255,255,255) !important;
}

/*main menu text colour current page*/
.wp-block-navigation__responsive-container .current-menu-item > a {
	color: rgba(255,255,255) !important;
	font-weight: bold !important;
	text-shadow: 2px 2px 3px grey !important;
	text-align: right !important;
	background-color: rgba(117,117,117, 0.9) !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/*Gallery load more button*/
button.wp-block-button__link {
	background-color: #cccccc !important;
	width: 148px;
	height: 50px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
	text-shadow: 2px 2px 3px grey;
	border: 3px solid black !important;
}

/*subscribe button*/
.wp-block-button__link {
	font-size: 16px;
	font-weight: bold;
	text-shadow: 2px 2px 3px grey;
	border: 3px solid black !important;
}

/*justify h4 text*/
.h4.wp-block-heading {
	text-align: justify;
}

/*justify image caption text*/
.wp-element-caption {
	font-style: italic;
	text-align: justify;
	font-size: 15px;
}

/*justify video embed caption text*/
.wp-block-embed__wrapper .figcaption {
	font-style: italic;
	text-align: justify;
	font-size: 15px;
}

/*justify list item text*/
.wp-block-list {
	text-align: justify;
}

/*list item text align left on mobile devices*/
@media screen and (max-width : 640px) {
	.wp-block-list {
		text-align: left;
	}
}

/*remove white border from llrs-logo*/
.llrs-logo {
	border: none;
	box-shadow: 0 0 0 !important;
}

/* carousel background on desktop*/
@media screen and (min-width: 1001px) {
	.post-carousel {
		background-color: rgba(137,148,153);
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 20px;
		padding-right: 20px;
		border: 6px ridge #000000;
	}
}

/* carousel background on mobile */
@media screen and (max-width:1000px) {
	.post-carousel {
		background-color: rgba(137,148,153);
		padding-top: 10px;
		padding-bottom: 25px;
		padding-left: 20px;
		padding-right: 20px;
		border: 2px ridge #000000;
	}
}

/*remove white border from link-icon-image*/
.link-icon-image {
	border: none;
	box-shadow: 0 0 0 !important;
}

/*home & about page intro text shadow*/
.intro {
	text-align: justify;
	text-shadow: 4px 6px 4px rgba(0,0,0,0.3);
}

/*bio text*/
.bio {
	text-shadow: 4px 6px 4px rgba(0,0,0,0.3);
	text-align: justify;
	font-style: italic;
}

/*justify Tags*/
.is-style-default {
	text-align: justify;
	color: #000000 !important;
}

.tag-cloud-link {
	color: black;
	text-shadow: 2px 2px 3px grey;
	font-weight: bold;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.tag-cloud-link:hover {
	background-color: rgba(0,0,0, 0.6);
	border: 1px solid black;
	color: rgba(255,255,255);
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
}

/*tag cloud text size on mobile*/
@media screen and (max-width : 640px) {
	.tag-cloud-link {
		white-space: normal;
		font-size: 16px !important;
	}
}

/*tag cloud sitemap text colour*/
.page-id-12271 .pagenav a {
	color: rgba(0,0,0);
}

/*counter*/
.counter {
	text-align: center !important;
	color: black !important;
	text-shadow: 2px 2px 3px grey;
	height: 70px !important;
	background-color: #cccccc !important;
	border: 2px solid black !important;
	box-shadow: 10px 10px 20px grey !important;
}

.counter p {
	text-align: center !important;
	color: black !important;
}

/*zoom on hover featured image*/
.wp-block-post-featured-image:hover {
	transform: scale(1.02);
	transition: .6s ease-in-out !important;
}

/*zoom on hover Top Post images*/
.jetpack-top-posts-thumbnail:hover {
	transform: scale(1.02);
	transition: .6s ease-in-out !important;
}

/*black & white & zoom on hover Gallery page post thumbnails*/
.page-id-337 .post-thumbnail:hover {
	filter: grayscale(100%) !important;
	transition: filter .6s ease-in-out !important;
	transform: scale(1.02);
	transition: .6s ease-in-out !important;
}

/*Border around contact form*/
.contact-form {
	border: 2px solid black;
}

/*gallery post title size bold justify on lg screen*/
@media screen and (max-width : 640px) {
	.page-id-337 .entry-title {
		font-weight: bold;
		text-align: left;
		font-size: 2rem;
	}
}

/*gallery post title size bold left on mobile */
@media screen and (min-width : 641px) {
	.page-id-337 .entry-title {
		font-weight: bold;
		text-align: justify;
		font-size: 2rem;
	}
}

/*search post title size bold*/
.wp-block-post-featured-image {
	font-weight: bold;
	font-size: 1.75rem;
}

/*zoom button on hover*/
button:hover {
	transform: scale(1.08);
	transition: .6s ease-in-out !important;
}

/*zoom social media buttons on hover*/
.wp-block-button:hover {
	transform: scale(1.10);
	transition: .6s ease-in-out !important;
}

/*zoom subscribe button on hover*/
.wp-block-button__link:hover {
	transform: scale(1.08);
	transition: .6s ease-in-out !important;
}

/*zoom images on css zoom images hover*/
.zoom:hover {
	transform: scale(1.02);
	transition: .6s ease-in-out !important;
}

/*background colour of Jetpack search results*/
.jetpack-instant-search__search-results {
	background-color: rgba(169,184,195, 0.8) !important;
}

.article-section-title {
	font-weight: bold;
	font-size: 1.6rem !important;
	padding-bottom: 10px;
}

.wp-block-separator {
	height: 2px;
}

/*Top Post results Text size and no underline*/
.jetpack-top-posts-title a {
	text-decoration: none !important;
	text-align: left !important;
	font-size: 1.2rem !important;
	line-height: 1.3 !important;
	font-weight: bold !important;
	padding-left: 15px !important;
	display: inline-block;
}

/*Top Post results list text */
.jetpack-top-posts-item a {
	font-size: 1.2rem !important;
	line-height: 1.3 !important;
	font-weight: bold !important;
	padding-top: 15px !important;
	padding-bottom: 0 !important;
}

/*Random Post results list text */
.wp-block-query-text-list a {
	font-size: 1.2rem !important;
	line-height: 1.3 !important;
	padding-top: 25px;
	padding-bottom: 17px;
}