/*
Theme Name:  EHU Purple Theme
Theme URI:  https://blogs.edgehill.ac.uk
Description:  Theme to support gutenberg blocks.
Author:  Mo Savage
Author URI:  https://blogs.edgehill.ac.uk/
Version:  1.0.2
Text Domain: ehupurple
*/
/*@import url("../twentytwentyone/style.css");*/
/*@import-normalize;*/
/********************************************************************************
	Base colours
********************************************************************************/ 
:root {
  /* var(--site--whitesmoke) */
  --site--main--color:      #5F295F;  /* --site--main--color  */
  --site--txt--color:       #441d44;  /* --site--txt--color   */
  --site--main--85:         #764775;  /* --site--main--85     */
  --site--main--75:         #865B84;  /* --site--main--75     */
  --site--main--50:         #AD8EAB;  /* --site--main--50     */
  --site--main--40:         #BDA4BB;  /* --site--main--40     */
  --site--main--25:         #D5C5D4;  /* --site--main--25     */
  --site--main--10:         #EDE6ED;  /* --site--main--10     */
  --site--white:            #ffffff;  /* --site--white       */
  --site--ghostwhite:       #F8F8F8;
  --site--whitesmoke:       #F5F5F5;
  --site--light-grey:       #F0F0F0;  /* --site--light-grey  */
  --site--gainsboro:        #DCDCDC;
  --site--grey:             #808080;
  --site--green-75:         #598365;
  --site--yellow-75:        #FFDD00;
  --site--blue-75:          #4D627A;
  --main--content-width:     1280px;    /* Content width      */
  --main--content-margin:    0 auto;    /* Content margin     */
}
/********************************************************************************
	Body defaults
********************************************************************************/
body {
  padding: 0;
  margin: 0;
  font-family: Inter, sans-serif;
  width: 100%;
}
/********************************************************************************
	Page Title
********************************************************************************/
body.home .post-title-container,
body.home div.wp-site-blocks div.post-title-container {
  display: none;
}
div.post-title-container {
  background-color: var(--site--light-grey);
}
div.post-title {
  display: flex;
  color: var(--site--txt--color);       
  line-height: 2rem;
  max-width: var(--main--content-width);
  margin: var(--main--content-margin);
}
/*****************
div.post-title h1, div.post-title h2 {
  font-size: clamp(1.5rem, calc(1rem + 5vw), 2rem);
}
/********************************************************************************
	Main Content
********************************************************************************/
div.main-content {
  max-width: var(--main--content-width);
  margin: var(--main--content-margin);
  font-size: 1.125rem;
}
div.main-content a {
  color: var(--site--txt--color);
}
a.wp-block-button__link.wp-element-button {
  color: var(--site--white);
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
  margin: 1rem auto;
}
/*div.entry-content h2.wp-block-heading {
  font-size: 1.2rem !important;
}*/
div.main-content main div.entry-content > p, 
div.main-content main div.entry-content > dl, 
div.main-content main div.entry-content > ol, 
div.main-content main div.entry-content > ul, 
div.main-content main div.entry-content > address, 
div.main-content main div.entry-content > blockquote {
  margin: 1rem auto;
  line-height: 1.7rem;
}
li.has-post-thumbnail p.wp-block-post-excerpt__excerpt {
  padding-top: 0;
  margin-top: 0;
}
li.has-post-thumbnail figure.alignwide.wp-block-post-featured-image {
  float: left;
  padding-right: 1rem;
}
.wp-block-post-content li {
	padding-bottom: 0.5rem;
}
/********************************************************************************
	Header
********************************************************************************/
div.masthead, div.site-title, div.site-footer-content, div.footer-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
  max-width: var(--main--content-width);
  margin: var(--main--content-margin);
}
figure.site-logo {
  margin: 1rem 1rem 1rem 0;
}
nav.site-nav ul li {
  font-size: 1.125rem;
}
div.site-title-container {
  background-color: var(--site--main--color);
}
div.site-title h1 {
  color: var(--site--white);
}
div.site-title h1 a {
  color: var(--site--white);
  text-decoration: none;
}
div.site-title p a i {
  color: var(--site--white);
}
/********************************************************************************
	Header - Site Navigation
********************************************************************************/
header nav.wp-block-navigation {
  font-weight: bold;
  gap: 0em;
}
header nav.wp-block-navigation a {
  color: var(--site--txt--color);
}
header nav.wp-block-navigation li.wp-block-navigation-item {
  padding: 0.5em;
}
header nav.wp-block-navigation li.wp-block-navigation-item:hover {
  background-color: var(--site--light-grey);
}
header nav.wp-block-navigation .wp-block-navigation-item__content {
  color: var(--site--txt--color);
}
header nav.wp-block-navigation ul li ul li span.wp-block-navigation-item__label, 
header nav.wp-block-navigation ul li ul li ul li span.wp-block-navigation-item__label, 
li.wp-block-navigation-item.has-child.open-on-hover-click.current-menu-item.wp-block-navigation-submenu {
    font-weight: normal;
}
ul li ul li a.wp-block-navigation-item__content {
    padding-top: 2px;
    padding-bottom: 2px;
}
/********************************************************************************
	Footer
********************************************************************************/
div.footer-container {
  background-color: var(--site--light-grey);
}
div.footer-inner {
  padding: 0.75rem 0;
}
div.site-footer {
  background-color: var(--site--main--color)    ;
}
div.site-footer-content {
  color: var(--site--white);
}
div.site-footer-content h1 a {
  color: var(--site--white);
  text-decoration: none;
}
footer .footer-container .footer-inner > .wp-block-columns {
  width: 100%;
}
/********************************************************************************
	----------- Blocks -----------
********************************************************************************/
.wp-block-columns.alignfull, .wp-block-cover.alignfull, .wp-block-group.alignfull {
  margin-left: calc(-50vw + 50.5%) !important;
  margin-right: calc(-50vw + 50.5%) !important;
  max-width: 100vw !important;
  width: auto;
  overflow: hidden;
}
/**** WP Query image width in columns - override ****/
.wp-block-column .wp-block-query .wp-block-post-template .wp-block-post figure.wp-block-post-featured-image {
  margin-left: unset !important;
  margin-right: unset !important;
  max-width: 100vw !important;
  width: auto;
  overflow: hidden;
  height: unset !important;
}
/**** RSS Block ****/
ul.wp-block-rss li.wp-block-rss__item {
  padding-bottom: 12px;
}
ul.wp-block-rss li.wp-block-rss__item .wp-block-rss__item-title a {
  font-size: 15px;
}
/**** Pagination ****/
.post-page-numbers {
  padding: 6px;
  border: 1px solid var(--site--grey);
  text-decoration: none;
  background-color: var(--site--whitesmoke);
}
.post-page-numbers.current {
  background-color:var(--site--gainsboro);
}
/**** Image block ****/
.wp-block-image {
  margin-right: 1rem;
}
.wp-block-image.alignleft {
  float: left;
}
.wp-block-image.alignright {
  float: right;
}
/**** Feature image ****/
figure.wp-block-post-featured-image {
  margin-top: 0;
}
/**** Gallery ****/
figure.wp-block-gallery.has-nested-images {
  display: flex;
}
/**** Embed Block ****/
figure.wp-block-embed {
  text-align: center;
}
/**** Twitter embed ****/
.wp-block-embed-twitter {
  margin-top: 1rem;
}
/**** Latest posts ****/
.wp-block-post-content li {
  padding-bottom: 1rem;
}
.wp-block-post-content a.wp-block-latest-posts__post-title {
  font-size: 1.2rem;
}
/**** Categories ****/
.wp-block-categories li {
  padding-bottom: 1rem;
}
/**** Button ****/
.wp-block-button a.wp-block-button__link {
  color: var(--site--white);
  background-color: var(--site--main--85);
}
.wp-block-button a.wp-block-button__link:hover {
  color: var(--site--light-grey);
  background-color: var(--site--main--color);
}
/**** ACT ****/
.ACT-wrapper ul {
  margin: 2rem auto;
}
.ACT-wrapper ul li .righttext {
  display: none;
}
/**** Pullquote ****/
.wp-block-pullquote {
  font-size: 1.2rem;
  padding: 2rem 0;
}
/**** Quote ****/
blockquote.wp-block-quote {
  padding: 1px 1em 1em 1em;
  font-style: italic;
  background-color: var(--site--whitesmoke);
}
.wp-block-quote { 
	border-left: .4em solid var(--site--main--color);
}
.wp-block-quote p {
  color: var(--site--main--color);
}
.wp-block-quote cite {
  font-size: .7em;
	color: var(--site--main--85);
}

.wp-block-post-template, 
.wp-block-query-loop {
  margin: 2rem auto;
}
/**** Table ****/
figure.table-valign table td {
    vertical-align: top;
}
/**** PB Accordion ****/
.wp-block-pb-accordion-item {
	background-color: var(--site--white);
	margin-top: 1rem;
}
.wp-block-pb-accordion-item.is-open {
	border: var(--site--gainsboro) solid 1px;
}
.wp-block-pb-accordion-item h2 {
  font-size: 1.2rem;
  background-color: var(--site--whitesmoke);
  padding: 12px;
}
.wp-block-pb-accordion-item.is-open h2,
.wp-block-pb-accordion-item.is-read h2 {
  background-color: var(--site--gainsboro);
	margin-top: 0;
	margin-bottom: 0;
}
.c-accordion__title:after {
  font-size: 2rem;
	padding-right: 12px;
}
.c-accordion__content {
  padding: 0 12px;
}
.c-accordion__content p {
	font-size: 1rem;
  color:  var(--site--txt--color);
}
/******************************************/
/**** Author list Plugin Biology Blogs ****/
.authors-list-items .authors-list-item-thumbnail {
  display: none;
}
.authors-list-cols-dir-vertical.authors-list-cols-2 {
  column-count: 1;
}
.authors-list-cols-2 {
  margin: 2rem auto;
}
ul.authors-list-item-roles {
  list-style-type: none;
  margin: 0;
  padding-bottom: 0;
  padding-left: 0;
}
ul.authors-list-item-roles li {
  padding-bottom: 0;
  font-size: .75rem;
}
ul.authors-list-item-roles li:before {
  content: "Intake: ";
  font-weight: bold;
}
.authors-list-item-title {
  font-weight: normal;
}
/********************************************/
/***** Homepage Latest post Query block *****/
body.home .latest-posts .posts-column .wp-block-query .wp-block-post-terms {
  font-size: .75rem;
  padding-left: .5rem;
}
body.home .latest-posts .posts-column .wp-block-query > .columns-2 li,
body.home .latest-posts .posts-column .wp-block-query > .columns-3 li {
  padding-bottom: 1rem;
  background-color: var(--site--whitesmoke);
}
body.home .latest-posts .posts-column .wp-block-query h2 {
  font-size: 1.2rem;
  margin: 1rem auto;
  padding-left: 0;
}
body.home .latest-posts .posts-column .wp-block-query > .columns-2 h2,
body.home .latest-posts .posts-column .wp-block-query > .columns-3 h2 {
  font-size: 1rem;
  margin: 1rem auto;
  padding-left: .5rem;
}
body.home .latest-posts .posts-column .wp-block-query a {
  text-decoration: none;
}
body.home .latest-posts .posts-column .wp-block-query a:hover {
  text-decoration: underline;
}
body.home .latest-posts .posts-column .wp-block-group div.wp-block-post-content form.wp-block-search {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
/**** Sidebar ****/
body.home .wp-block-post-content .posts-sidebar li {
  padding-bottom: 0.5rem;
  list-style-type: none;
  font-size: .9rem;
}
body.home .wp-block-post-content .posts-sidebar ul {
  padding-left: 6px;
}
body.home .wp-block-post-content .posts-sidebar ul a {
  text-decoration: none;
}
body.home .wp-block-post-content .posts-sidebar ul a:hover {
  text-decoration: underline;
}
body.home .wp-block-post-content .posts-sidebar form.wp-block-search {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
body.home .wp-block-post-content .posts-sidebar .wp-block-social-links .wp-social-link {
  font-size: 1.25rem;
}
/**** Archive block ****/
.wp-block-archives-dropdown label {
  padding: 12px 0;
  font-weight: bold;
}
/**** Archive and Categories Dropdown ****/
.wp-block-archives-dropdown > select,
.wp-block-categories-dropdown > select {
  width: 100%;
  height: 2.5rem;
}
/**********************************************************************
	Block Additional Classes
**********************************************************************/
/**** Block patterns ****/
/**** 50/50 - remove gap between columns ****/
div.no-gap {
  gap: 0em !important;
}
div.no-gap .wp-block-cover {
  padding: 0 5em;
}
/**** 3 Panel row - Add gap between panels ****/
div.gap-two {
  gap: 1.5em !important;
}
/**********************************************************************
	Search pages vvvvvvv
**********************************************************************/
body.search-results > div.wp-site-blocks > .wp-block-group p.no-result {
  display: none;
}
body.search-results > div.wp-site-blocks > .wp-block-group {
  line-height: 1.5rem;
  max-width: var(--main--content-width);
  margin: var(--main--content-margin);
  padding-top: 2rem;
  padding-bottom: 4rem;
}
body.search-no-results > div.wp-site-blocks > .wp-block-group {
  line-height: 1.5rem;
  max-width: var(--main--content-width);
  margin: var(--main--content-margin);
  padding-top: 1rem;
  padding-bottom: 4rem;
}
body.search-results > div.wp-site-blocks > .wp-block-group form.wp-block-search__icon-button.wp-block-search, body.search-no-results > div.wp-site-blocks > .wp-block-group form.wp-block-search__icon-button.wp-block-search {
  font-size: 1.5rem;
}
body.search-results > div.wp-site-blocks > .wp-block-query, body.search-no-results > div.wp-site-blocks > .wp-block-query {
  line-height: 1.5rem;
  max-width: var(--main--content-width);
  margin: var(--main--content-margin);
}
body.search-results > div.wp-site-blocks > .wp-block-query > ul > li > div > div.wp-block-columns > div.wp-block-column, body.search-no-results > div.wp-site-blocks > .wp-block-query > ul > li > div > div.wp-block-columns > div.wp-block-column {
  flex-basis: 700px;
}
body.search-results > div.wp-site-blocks > .wp-block-query > ul > li > div > div.wp-block-spacer, body.search-no-results > div.wp-site-blocks > .wp-block-query > ul > li > div > div.wp-block-spacer {
  height: 24px;
}
/**********************************************************************
	News page vvvvvvvvv
**********************************************************************/
div.wp-block-post-content > div.wp-block-query > ul > li.post.type-post.status-publish > figure.alignwide {
  margin-left: unset !important;
  margin-right: unset !important;
}
/**********************************************************************
	Image captions
**********************************************************************/
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
  background: rgba(0, 0, 0, .5);
  overflow: auto;
  padding: 12px;
  text-align: center;
}
/**********************************************************************
	Media size options
**********************************************************************/
@media screen and (max-width: 1300px) {
  header.wp-block-template-part .wp-block-group.masthead, header.wp-block-template-part .wp-block-group.site-title-container, header.wp-block-template-part + .wp-block-group.post-title-container, footer.wp-block-template-part .wp-block-group.footer-container, footer.wp-block-template-part .wp-block-group.site-footer, .entry-content.wp-block-post-content > p, .wp-block-query h2, .wp-block-query p {
    padding-left: 12px;
    padding-right: 12px;
  }
}
/**********************************************************************/
@media screen and (max-width: 1000px) {
  html {
    display: flex;
  }
  .alignfull, .alignwide {
    margin-left: unset !important;
    margin-right: unset !important;
    max-width: unset !important;
    width: unset;
    overflow: hidden;
  }
  .wp-block-cover.alignfull, .wp-block-cover.alignwide, .wp-block-cover-image {
    min-height: 246px;
  }
  .wp-block-group.gap-two {
    display: block;
  }
  .wp-block-group.gap-two .wp-block-group {
    margin-bottom: 12px;
  }
  .wp-block-post-template.is-flex-container, .wp-block-query-loop.is-flex-container {
    flex-direction: unset;
    display: unset;
  }
  li.wp-block-post.post.type-post.status-publish.format-standard.has-post-thumbnail {
    width: 100%;
  }
}
/***********************************************************************
***********************************************************************
@media screen and (max-width: 800px) {
	.header {
		overflow: hidden;
		padding: auto;
		height: auto;
	}
	.header a {
		float: none;
		display: block;
		text-align: left;
	}
	.header-right {
		float: none;
	}
	header .wp-block-image {
		margin: 0 0;
	}
	nav.wp-block-navigation {
		padding: 0;
	}
	.wp-block-navigation__responsive-container {
		margin: 0;
	}
	.wp-block-navigation__responsive-container-content {
		margin: 0 !important;
	}
}
/**/
@media screen and (max-width: 780px) {
  li.has-post-thumbnail p.wp-block-post-excerpt__excerpt {
    padding-top: 0;
    margin-top: 0;
  }
  li.has-post-thumbnail figure.alignwide.wp-block-post-featured-image {
    float: unset;
    padding-right: 0;
  }
}
/***********************************************************************
***********************************************************************/
@media screen and (max-width: 1280px) {
  div.main-content {
    margin: .5rem;
  }
}
/***********************************************************************
***********************************************************************
@media screen and (max-width: 1312px) {
	header div.site-title-container,
	div.post-title-container,
	div.main-content {
		padding: 0 24px;
	}
}
/***********************************************************************
***********************************************************************/