/* Container */
body.responsive .container {
	max-width: 1200px;
}

*{
	margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.pnomargin{
	margin: 0;
}

.pnomarginbottom10px{
	margin: 0;
  margin-bottom: 10px;
}

.divnomargin{
	margin: 0;
}

/*Set margin for audio blocks*/
.hanomargin{
	margin: 0;
}

.h2nomargin{
	margin: 0;
}

.h3nomargin{
	margin: 0;
}

.h4nomargin{
	margin: 0;
}

.h5nomargin{
	margin: 0;
}

.h6nomargin{
	margin: 0;
}

.h610pxmargin{
  margin: 10px;
}

.hrnomargin {
	margin: 0;
}

.hr5pxmargin {
	margin: 5px;
}

.hr5pxmarginbottom {
	margin-bottom: 5px;		
}

.hr5pxmargintop {
	margin-top: 200px;		
}

.figurenobottommargin {
  margin-bottom: 0;
}

@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 {
	border-top: 0px;
	border-bottom: 0px;
/*
 Added when WordPress 5.8 and/or Site Origin North theme 1.19.0 was updated and new defaults made the separator too thick.
*/
}

.wp-block-columns {
	margin-top: 0;   
  margin-bottom: 0;
}

.entry-title {
  text-decoration: underline;
/*
display: none; Added display :none; originally so no need to turn off display of title on each page. Removed it again so that title could be displayed on the Search page and added the underline decoration so that the title on the Search page had the standard hyperlink properties.
*/
}

.wp-block-image figcaption{
	margin: 0;
	text-align: center;
  color: #7e725c;
}

.wp-block-image figure{
  margin: 0;
}

.wp-block-image{
  margin: 0;
}

#site-navigation.main-navigation{
	text-align: center;
  margin-top: 6px;
}

#site-navigation.main-navigation ul>li a{
	padding-left: 20px;
	padding-right: 20px;
	text-decoration: underline;
	font-size: 18px;
}

/* Removed 12-10-22 when menu changed from News to Home. Jira task RCHC-56
.news-style{
	background-color: #cdfeef;
	font-size: 20px;
	border-radius: 20px;
}
*/

@media screen and (min-width: 801px) { 
/* When the media width is 801 or greater set the top bar font size to 20px */
#masthead .site-branding .site-title {
  color: #7e725c;
  font-size: 20px;
}
}

@media screen and (max-width: 800px) { 
/* When the media width is 800 or less set the top bar font size to 15px */
#masthead .site-branding .site-title {
  color: #7e725c;
  font-size: 15px;
}
}

.youtube-player{
	height: 100px;
  width: 150px;
}

/* Removed 12-10-22 when the ticker was removed from the Home page. Jira task RCHC-57
.mtphr-dnt-tick-container{
	 height: 25px;
}
*/
#colophon .site-info {
}

/* Top menu drop down menus configured with this structure
   Removed when drop down menus from the main menu were discarded
.main-navigation ul .sub-menu, .main-navigation ul .children {
	background-color: #F0FBF3; 
  border: 20px;
  border-radius: 10px;
}
*/

/* 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;
}

/* 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: 3px;
		border-style: solid;
		border-color: #eeeeee;
		border-radius: 15px;
}

/* Code for the images on the Home page, adding rounded corners to match the border */
#image-rounded {
	margin: 5px;
	border-radius:15px;
	overflow: hidden;
}
#media_image-4.widget.widget_media_image {
/* id of header logo is media_image-5. Logo entered as a Top Bar Widget with site title blank and no Header image loaded in the theme Appearance/Customise dialogues*/
	display: flex;
	justify-content: center;
}

@media screen and (max-width: 800px) { 
.show-header-logo {
/* When the media width is 800 or less set header logo to 80px square */
	height: 80px;
	width: 80px;
}
}

@media screen and (min-width: 801px) { 
.show-header-logo {
/* When the media width is 801 or greater set header logo to 128px square */
  height: 128px;
	width: 128px;
	margin: 0;
}
}

@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;
}
}