

/* add to styles.css */

/* class to clear a block - for example from wrapping around an image */
.clear {
	clear: both;
}

.widget h2 {
  color: #455C3B;
/*  border-top: 4px solid #B4BBB0;*/
  border-bottom: 1px solid #B4BBB0;
  padding: 0;
  margin-bottom: 20px;
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.5;
}
.widget ul li {
	padding-bottom:3px;
}

.sidebar .widget :last-child {
    margin-bottom: 0.5em;
}

.sidebar h2.widget-title.themes {
	margin-top: 60px;
}

/* stops the extra padding between a P and a Blockquote */
/* 27/8/2021 - cancelling, as doesn't work on news (news-example.htm)
 * p + blockquote {
	margin-top: -1.5em;
}
*/

/* PDF Icons */
a[href$=".pdf"] {
  background: url(/wp-content/uploads/2021/03/pdf-icon-16x16-1.png) no-repeat left center;
  padding-left: 20px;
}

.journal-pdf-link a[href$=".pdf"] {
  background: url(/wp-content/uploads/2021/03/pdf-icon-24x24-1.png) no-repeat left center;
  padding-left: 30px;
}

p.journal-pdf-link {
	display: inline-block;
	padding:12px;
	background-color: #eae6d2;
	border: 1px solid #bbb;
}

/* Journal back numbers */
@media (max-width: 768px) {
    /* CSS for mobile  */
.journal-backnumbers ul {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
	}
}
@media (min-width: 769px) and (max-width: 1024px) {
    /* CSS for tablet */
.journal-backnumbers ul {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
	}
}
@media (min-width: 1025px) {
    /* CSS for desktop */
.journal-backnumbers ul {
    -webkit-column-count: 5;
       -moz-column-count: 5;
            column-count: 5;
	}
}
.journal-backnumbers ul {
	list-style: none;
}

/* gallery captions and spacing */
.gallery figcaption {
	font-size:0.8em;
	margin-bottom: 1em;
}
.gallery figure.gallery-item {
	padding-right: 20px;
}

/* Cation under images */
/* - featured image */
.featured-image .wp-caption .wp-caption-text { 
	padding-top: 1em;
	font-style: italic;
}

/* Figure captions used with audio block */
.wp-block-audio figcaption {
	font-style: italic;
	text-align: center;
	margin-top: 3em;
}

/* Audio block shadow */
.wp-block-audio audio {
	border-radius: 27px;
	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}


/* book of words - contents widget */
.book-of-words-contents .grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 1em;
  column-gap: 1em;
}
.book-of-words-contents .col {
  display: inline-block;
	vertical-align: top;
}
.book-of-words-contents .chapter {
  margin: 5px 0 0 0;
}


/* Border under For Younger Readers slim header menu - via Page Settings */
.page_setting-background-green.page_setting-for-young-readers #site-navigation {
	border-bottom: 1px solid rgba(255,255,255,0.5);
}

/* Search form in Navigation menu*/
@media (min-width: 1025px) {
    /* CSS for desktop */
  .search-form.navigation-search {
    width: 78%;
	  margin-left: 11%;
	  margin-right: 11%;
  }
}

/* Secondary Navigation - mobile breakpoint */
@media (max-width: 880px) {
    .secondary-navigation .menu-toggle {
        display: block;
    }

    .secondary-navigation ul, 
    .secondary-navigation:not(.toggled) .main-nav > ul {
        display: none;
    }
}

/* Relevanssi search */
form.search-form {
	margin-bottom: 2em;;
	text-align: center;
}
/* temp button fix */
button.search-submit:before {
	content: "SEARCH";
}

/* SEARCH RESULTS */
.search-results .page-header {
	padding-bottom: 40px;
}
.search-results .site-main {
	padding-bottom: 40px;
}


.search-results article {
	margin-bottom: 0;
}

.search-results .inside-article {
	padding-top: 10px;
	padding-bottom: 30px;
}

.search-results article h2.entry-title {
	font-size: 24px;
	font-weight: 500;
}

.search-results article h2.entry-title a {
	color: #1a0dab;;
}

.search-results article h2.entry-title a:hover {
	text-decoration:underline;
}

.search-results .searchterm {
	font-weight: bold;
}
.search-results .searchdata {
	font-style: italic;
	color: #555;
}

.search-results .entry-summary {
	margin-top: 10px;
}
.search-results .excerpt_part {
	margin-top: 10px;
}

.search-results article .entry-title::after {
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 
	font-size: 14px;
	font-weight: 600;
	color: #667066;
	border: 1px solid #999;
	border-radius: 4px;
	margin: 0 0 0px 15px ;
	padding: 1px 5px;
	background-color: white;
	vertical-align: text-top;
}

.search-results article.type-tale .entry-title::after {
	content: "TALE";
}

.search-results article.type-page .entry-title::after {
	content: "GENERAL";
}

.search-results article.type-readers_guide .entry-title::after {
	content: "READERS' GUIDE";
}

.search-results article.type-journal .entry-title::after,
.search-results article.type-article .entry-title::after, 
.search-results article.page_setting-search-label-journal .entry-title::after,
.search-results article.page_setting-submenu-journals .entry-title::after {
	content: "JOURNAL";
}

.search-results article.type-poem .entry-title::after {
	content: "POEM";
}

.search-results article.type-post .entry-title::after {
	content: "NEWS";
}

.search-results article.type-journalism .entry-title::after {
	content: "JOURNALISM";
}

.search-results article.type-searchable_pdf .entry-title::after {
	content: "DIARY";
}

/* SEARCH HIGHLIGHTS */
mark.hilite {
	font-weight: bold;
	background-color: unset;
	color: unset;
}

/* SEARCH RESULTS SIDEBAR */
.pods_widget_single form.searchandfilter ul li:before {
	content: unset;
	color: unset;
	font-size: unset;
}
form.searchandfilter ul li.cat-item {
	margin-top: 0;
	margin-bottom: 0;
}

.search-tips.widget {
	padding-top: 0;
	padding-bottom: 60px;
}

/* 404 page */
.error404 .entry-content p {
	text-align: center;
}


/* CATEGORIES */

/* specific to Themes*/
.tax-rk_theme h1.page-title {
	text-align: center;
}
.themes-search.searchandfilter ul {
  margin: 0 0 1.5em 0em;
}
.themes-search.searchandfilter li {
	vertical-align: top;
}
.themes-search.searchandfilter ul ul {
	margin-bottom: 1em;
}
.themes-search.searchandfilter li li li {
	display: block;
}
.themes-search.searchandfilter li li label {
	font-weight: bold;
	margin-bottom: 0.5em;
}
.themes-search.searchandfilter li li label input {
	display: none;
}
.themes-search.searchandfilter li li ul.children label {
	font-weight: normal;
	margin-bottom: 0.1em;
}
.themes-search.searchandfilter li li ul.children input {
	display: unset;
}

/* scrolling checkbox lists * / 
.themes-search.searchandfilter ul ul ul  {
  height: 300px;
  width: 175px;
  overflow-y: auto;
	padding: 10px 0 0 10px;
	background-color: white;
}
.themes-search.searchandfilter label {
  position:relative;
  padding-left:1em;
  display: block;
}
.themes-search.searchandfilter label > [type=checkbox] {
  position: absolute;
  left: 0;
	top: 4px;
}
*/

.smaller-grey a {
	color: #666666;
	font-size: 0.9em;
}


.tax-theme-results {
	padding: 0 20px 80px 20px;
}
.tax-theme-results:after {
	content: "";
	clear: both;
	display: table;
}
.tax-theme-results h2:not(:first-of-type) {
	margin-top: 30px;
}
.tax-theme-results h2 {
	margin-bottom: 10px;
}
.tax-theme-result {
	display: inline-block;
	float: left;
	width: 50%;
}

/* Themes part of pods sidebar panel */
.widget ul.themes li:before {
	content: unset;
}
.widget ul.themes li:after {
	content: ", ";
}
.widget ul.themes li {
	display: inline-block;
	padding: 0 2px 4px 0;
	margin: 0 0 0 0;
}

/* generally applicable */
.separate-containers .page-header, .separate-containers .paging-navigation, .one-container  {
	padding-bottom: 20px; 
}
#content {
  min-height: 600px;
}

/* added 2021/10/05  */
.home #content {
  min-height: 300px;
}

/* Journal articles */
form.searchandfilter.journalarticles  {
	margin: 0 auto;
	width: 700px;
}
.searchandfilter.journalarticles .options label {
	display: inline-block;
	margin-right:10px;
}


/* News for built-in page */
.blog .entry-meta, 
.blog #page .entry-meta a,
.single-post #page .entry-meta a {
	color: #aaa;
	font-size: 16px;
}
.blog #page .entry-title a,
.single-post #page .entry-title a {
	text-decoration: unset;
}
/* REMOVED 20-10-21 
.blog #page article .inside-article,
.single-post #page article .inside-article {
	padding-top: 20px;
	padding-bottom: 0px;
} */
.blog #page article .alignleft, 
.blog #page article .alignright, 
.blog #page article .aligncenter,
.single-post #page article .alignleft, 
.single-post #page article .alignright, 
.single-post #page article .aligncenter {
  margin-bottom: 1.5em;
}

/* News for members_content page using Query Loop 5.8 */
.queryloopnews ul {
	margin-left: 0;
}
.queryloopnews ul ul {
	margin-left: 2em;	
}

.queryloopnews li h2 {
  margin-bottom: 10px;
}
#page .queryloopnews li h2 a,
#page .queryloopnews li h3 a,
#page .queryloopnews li h4 a {
  text-decoration: none;
}
.queryloopnews li .wp-block-post-content,
.queryloopnews li .wp-block-post-featured-image {
	margin-top: 20px;
}
.queryloopnews li .wp-block-post-content:after { /* clearfix */
  content: "";
  display: table;
  clear: both;
}
.queryloopnews li .wp-block-post-date:before {
	content: "Updated: ";
}
.queryloopnews li .wp-block-post-date {
	font-style: italic;
	color: #aaa;
}
.queryloopnews li hr,
hr.is-slim-green {
	color: #839c80;
	border-bottom: 0;
	width: 100%;
}
/* newsletters entry */
.queryloopnews ul ul li {
	list-style: none;	
	margin-left: -2em;
	padding-left: 1.1em;
	text-indent: -1.1em;
}




/* Quotations */
/* three */
#wpsp-60220 article .wp-show-posts-inner h3 {
	margin-bottom:40px;
}

#wpsp-60220 article .wp-show-posts-inner .snippet-inner {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border-top: 1px solid white;
	margin: 20px 0;
}
#wpsp-60220 article .quotation {
	flex-basis: 50%;
	margin: 0px;
	padding: 30px;
	color: white;
}
#wpsp-60220 article .note {
	flex-basis: 50%;
	margin: 0px;
	padding: 30px;
	color: #cc6;
}
#wpsp-60220 article .number {
	flex-basis: 100%;
  color: white;
	background: #073901;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  margin: -20px 48% 0 48%;
  padding: 6px 0 0 0;
  width: 40px;
  height: 40px;
}

@media (max-width: 768px) {
  /* CSS for mobile  */
	#wpsp-60220 article .wp-show-posts-inner h3 {
		margin-bottom:40px;
	}
	#wpsp-60220 article .quotation {
		flex-basis: 100%;
		padding: 20px;
	}
	#wpsp-60220 article .note {
		flex-basis: 100%;
		padding: 20px;
	}
	#wpsp-60220 article .number {
		margin: -25px 48% 0 48%;
		padding: 10px;
	}
}


/* Quote of the week */
#wpsp-60219 article .wp-show-posts-inner .snippet-inner {
	display: flex;
	justify-content: space-between;
	margin: 40px 0;
}
@media (max-width: 768px) {
  /* CSS for mobile  */
	#wpsp-60219 article .wp-show-posts-inner .snippet-inner {
	  display: unset;
	}
	#wpsp-60219 article .quotation, 
	#wpsp-60219 article .note {
  	width: unset;
		margin: 0px ;
		padding: 20px;
	}
}

@media (min-width: 769px) {
    /* CSS in here for tablet and desktop */
	#wpsp-60219 article .quotation, 
	#wpsp-60219 article .note {
		width: 50%;
		margin: 0px ;
		padding: 30px;
	}	
}


#wpsp-60219 article .quotation {
	color: yellow;
}
#wpsp-60219 article .note {
	color: white;
}
/* highlight */
.quote-highlight {
	color: blue;
}
/* 3 Quotations on News */
#wpsp-61613 ol {
	margin-left: 1.4em;	
  list-style: none;
  counter-reset: my-awesome-counter;
}
#wpsp-61613 li {
	margin-bottom: 1.3em;
  counter-increment: my-awesome-counter;
}
#wpsp-61613 li::marker {
  content: counter(my-awesome-counter) ")  ";
	font-weight: strong;
}

/* Journalism post types */
.journalism .entry-subtitle {
	margin-top: 40px;
	margin-left: 20%;
	margin-right: 20%;
	margin-bottom: 40px;
	text-align: center;
}

/* Jetpack: Social Share Buttons */
.sd-content ul li a.sd-button:before {
	font: normal 24px/1 social-logos;
}

/* Jetpack: Social icons in footer */
.jetpack_widget_social_icons ul li {
	padding-left: 10px;
}

/* Jetpack: Carousel * /

/* Hide Comment Form & Link */
#jp-carousel-comment-form-container, /* Form */
div.jp-carousel-buttons a.jp-carousel-commentlink, /* Link */
#jp-carousel-comments-loading /* Loading Comments text */ {
	display: none !important;
}

/* Remove Padding from Link Area */
.jp-carousel-buttons {
	padding: 0 !important;
}

/* Footer menu */
@media (min-width: 1025px) {
  .inside-footer-widgets {
		justify-content: space-between;
	}
	.footer-widgets .footer-widget-1 {
    flex-basis: auto;
  }
}
@media (max-width: 1024px) {
	.inside-footer-widgets {
		flex-direction: column;
    align-items: center;
	}
}

/* .footer-widgets #menu-footer li {
	float: left;
  margin-right:15px; 
	margin-left:10px; 
} */

.footer-widgets #nav_menu-7 li {
	float: left;
  margin-right:15px; 
	margin-left:10px; 
}

.footer-widgets #custom_html-7 {
	float: left;
	margin-top: 20px;
	margin-left: 10px;
	width: 75%;
	color: #bbb;
}

.footer-widgets .footer-widget-2 {
	flex-basis: auto;
} 

/* Main news page */
.news-page .wp-block-post-title {
	margin-bottom: 5px;
}
.news-page .wp-block-post-date {
	margin-bottom: 15px;
	font-style: italic;
	color: #999;
}


/* News - WP Show Posts version */

.news-page .wp-show-posts-image {
	margin-top: 5px;
}
.news-page h3.wp-show-posts-entry-title {
	padding-top: 0;
	font-size: 24px;
}
.news-page .wp-show-posts-entry-header {
	margin-bottom: 12px;
}
.news-page .wp-show-posts-entry-summary {
	margin-bottom: 12px;
}
.news-page .wp-show-posts-posted-on {
	font-style: italic;
	color: #aaa;
}

.news-page .right-column h3 {
	font-size: 24px;
	color: #fcde00 !important;
}
.news-page .right-column .quotation-subtitle {
	display: block;
	color: #fcde00 !important;
	margin-bottom: 1.5em;
}
.news-page .right-column .post-61778 ul {
	margin-left: 0;
	list-style: none;
}
.news-page .right-column .post-61778 ul li {
	margin-bottom: 5px;
	padding-left: 20px;
	text-indent: -20px;
}


/* News pages */
.entry-meta {
	text-align: center;
	font-style: italic;
}

/* News pages - sidebar */
.news-sidebar h3 {
	margin-bottom: 5px;
}
.news-sidebar .wp-block-post-date {
	margin-bottom: 10px;
	font-style: italic;
}

/* Override the default Jetpack Form CSS for smaller screens 
 * Added: 01-11-2021 */
@media only screen and (min-width: 600px) {
	.wp-block-jetpack-contact-form .grunion-field-width-50-wrap {
			flex: 0 0 100%;
	}
}

/* Make default Gutenberg Columns block gutter wider */
@media (min-width: 782px) {
  .wp-block-column:not(:first-child) {
    margin-left: 4em;
  }
}


/* Green panel with curved corner (like Young Readers, first used on Current Research) */
.panel-green-curved-corner {
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  border-style: solid;
  border-width: 2px;
  border-color: #788e71;
  margin-bottom: 50px;
	padding:10px 20px;
	overflow: auto;
}
.panel-green-curved-corner img {
  clear: both;
	padding: 0 0 27px 0;
}
.panel-green-curved-corner hr {
  clear: both;
}
.panel-green-curved-corner ul {
	float: left;
	margin-left: 1em;
}


/* Footer bar */
.site-info {
	text-align: left;
}
.site-info p {
	margin-top: 1em;
	color: #777;
}

.footer-bar-align-left .copyright-bar {
    margin-left: initial;
}


/* 2021-11-09 */
/* Make sidebar first on mobile view of Pages only */
/* https://generatepress.com/forums/search/sidebar+order/ */

@media (max-width: 768px) {
  body.page #right-sidebar {
    order: -1;
  }
  body.page #right-sidebar .ez-toc-widget-container {
    text-align: center;
  }
  body.page #right-sidebar ul.ez-toc-list li {
		display: inline-block;
		padding-right: 15px;
	}	