/* Container */
body.responsive .container {
	max-width: 1200px;
}

*{
/*	margin: 0;
  padding: 0;
*/
	box-sizing: border-box;
}

/* Default width of hr with the Astra theme is short. As there are loads of hr selectors on the site to ensure they are all changed to is-style-wide rather than adding this class into every hr this construct overrides the [data-ast-blocks-layout] and sets the max-width of hr  */
:is(hr){
	max-width: 1400px !important;	
}

/* Hyperlinks have #017550 RCHC green colour. This forces all hyperlinks to be bold as well to make them standout in the text as requested by the website group */
:is(a) {
	font-weight: bold !important;
}

/* Even though row-gap doesn't appear to be valid in WordPress it's still interpreted correctly in the browser */
.wp-block-columns{
	column-gap: 10px;
	row-gap: 0px;
}

.pnomargin{
	margin: 0 !important;
}

.hnomargin{
	margin: 0 !important;
}

.hrnomargin{
	margin: 0 !important;
}

.button-font-13px{
	font-size: 13px; 
}

@media screen and (max-width: 800px) { 
.show-on-pc-only {
/* When the media width is 800 or less hide the display */
	display: none;
}
}

@media screen and (min-width: 801px) { 
.show-on-mobile-only {
/* When the media width is 801 or greater hide the display */
  display: none;
}
}

.wp-block-separator {
	color: #017550 !important;
	margin: 0 0 10px 0 !important;
}

.entry-title {
  text-decoration: underline;
	display: none;
}

/* Image captions in RCHC green */
.wp-block-image figcaption {
	color: #017550;
	font-weight: bold;
	margin: 0;
}

/* YouTube captions in RCHC green */
.wp-block-embed figcaption {
	color: #017550;
	font-weight: bold;
	margin: 0;
}

/* Code for the border around the images on the Home page, with rounded corners */
.home-page-image-border {
		margin: auto;
		border-width: 5px;
		border-style: solid;
		border-color: #eeeeee;
		border-radius: 15px;
		padding: 5px 5px 2px 5px;
}

/* Search box text entry with rounded borders */
.home-page-welcome-text-border {
		border-width: 3px;
		border-style: solid;
		border-color: #017550;
		border-radius: 15px;
}

/* Search box text entry with rounded borders */
.home-page-text-border {
		border-width: 5px;
		border-style: solid;
		border-color: #eeeeee;
		border-radius: 15px;
}

@media screen and (max-width: 800px) { 
.welcome-font {
/* When the media width is 800 or less set welcome font size to 16px */
	font-size: 16px;
}
}

@media screen and (min-width: 801px) { 
.welcome-font {
/* When the media width is 801 or greater set welcome font size to 20px */
	font-size: 20px;
}
}