/* ---------------------------
Nick's custom CSS
Build 2024-06-15
----------------------------*/
/* ------
   MENU 
------- */
/* changes text and other elements from default black to theme ecru */
.primary-menu a {
	color: #fcf5ed !important;
	font-weight: 700;
}

.header-footer-group, body:not(.overlay-header) #site-header .toggle, .menu-modal .toggle {
	color: #fcf5ed;
}

.site-description, body:not(.overlay-header) .toggle-inner .toggle-text, .widget .post-date, .widget .rss-date, .widget_archive li, .widget_categories li, .widget cite, .widget_pages li, .widget_meta li, .widget_nav_menu li, .powered-by-wordpress, .to-the-top, .singular .entry-header .post-meta, .singular:not(.overlay-header) .entry-header .post-meta a {
	color: #fcf5ed;
}

body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote:before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover {
	color: #fcf5ed;
}

/* ---------------
   NEW FOOTER MENU 
----------------- */
.newfootermenu a {
	text-decoration: none;
	font-weight: bold;
	font-size: smaller;
	padding-right: 2rem;
}

.newfootermenu a:hover {
	text-decoration: underline;
}

.footer-widgets-outer-wrapper {
	padding: 3rem 0 6rem;
}

@media screen and (max-width: 699px) {
	.wp-container-core-social-links-is-layout-1.wp-container-core-social-links-is-layout-1 {
		justify-content: center !important;
	}
	
	.newfootermenu {
		text-align: center;
	}
}

/* ----------
   HOMEPAGE 
----------- */
/* tweaking the spacing around the 'papers published' count */
.homepage-papers-published {
	font-size: 4em !important;
	margin-bottom: -40px !important;
}

/* tightens the spacing between the date and title in the latest news section, smaller screens only */
@media (max-width: 781px) {
	.homepage-latest-news-title {
		margin-top: -3rem !important;
	}
}

.homepage-flag {
	margin-top: 0 !important;
	margin-bottom: 2rem !important;
}

@media (max-width: 781px) {
	.homepage-flag {
		display: none !important;
	}
}

/* -------------
   TEXT SHADOW 
-------------- */
.textshadow {
	text-shadow: 0 1px 8px rgba(0, 0, 0, 0.8);
}

.subtletextshadow {
	text-shadow: 0 1px 14px rgba(0, 0, 0, 0.5);
}

/* ---------
   BUTTONS 
---------- */
/* makes the height of the outline-style button the same as the solid-fill button */
.wp-block-button.is-style-outline > .wp-block-button__link, .wp-block-button .wp-block-button__link.is-style-outline {
	border: 2px solid;
	padding: 1em 1.44em;
}

/* ------------------------
   SHARING BUTTONS ON POSTS 
------------------------- */
.sd-social-icon .sd-content ul li[class*=share-] a.sd-button {
	background: #d7cfab;
	color: #000 !important;
}

.sd-social-icon .sd-content ul li[class*=share-].share-linkedin a.sd-button {
	background: #d7cfab;
	color: #000 !important;
}

.sd-social-icon .sd-content ul li[class*=share-].share-facebook a.sd-button {
	background: #d7cfab;
	color: #000 !important;
}

.sd-social-icon .sd-content ul li[class*=share-].share-x a.sd-button {
	background: #d7cfab;
	color: #000 !important;
}

.sd-social-icon .sd-content ul li[class*=share-].share-bluesky a.sd-button {
	background: #d7cfab;
	color: #000 !important;
}

/* ---------
   COLOURS 
---------- */
/* change primary color - social menu  */
.social-icons a, 
#site-footer button:not(.toggle), 
#site-footer .button, 
#site-footer .faux-button, 
#site-footer .wp-block-button__link, 
#site-footer .wp-block-file__button, 
#site-footer input[type="button"], 
#site-footer input[type="reset"], 
#site-footer input[type="submit"] {
	background-color: #fcf5ed;
}

/* change primary color - button outline  */
.is-style-outline .wp-block-button__link:not(.has-text-color) {
	color: #009688;
}

/* change primary color - button fill  */
button:not(.toggle), 
.button, 
.faux-button, 
.wp-block-button__link, 
.wp-block-file .wp-block-file__button, 
input[type="button"], input[type="reset"], 
input[type="submit"], 
.bg-accent, 
.bg-accent-hover:hover, 
.bg-accent-hover:focus, 
:root .has-accent-background-color, 
.comment-reply-link,
#site-content #infinite-handle span button, 
#site-content #infinite-handle span button:hover, 
#site-content #infinite-handle span button:focus {
	background-color: #009688;
}

/* change primary color - text and link accent  */
.color-accent, 
.color-accent-hover:hover, 
.color-accent-hover:focus, 
:root .has-accent-color, 
.has-drop-cap:not(:focus):first-letter, 
.wp-block-button.is-style-outline, 
a {
	color: #009688;
}

/* ------
   PAGE 
------- */
/* reduces crazy-big space at top of page */
@media (min-width: 700px) {
	.post-inner {
		padding-top: 6rem;
	/* was 8 rem */
	}
}

/* ---------------------
   BLOGROLL (NEWS) PAGE 
------------------------ */
/* make posts page full-width */
.blog .section-inner.medium,
.blog .entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 120rem;
}

/*aligns post headlines (but not page headlines) left instead of centred */
h2.entry-title {
	text-align: left;
}

/* fix image alignments on blog page */
@media screen and (min-width: 660px) {
	/* fix display of alignleft images */
	.blog .entry-content > .alignleft, .blog .entry-content > p .alignleft, .blog .entry-content > .wp-block-image .alignleft {
		position: static;
		margin-left: 0;
		margin-right: 2rem;
		max-width: calc((100% - 0rem) / 2 - 6rem);
	}
	
	@media screen and (min-width: 800px) {
	.blog .entry-content > .alignleft, .blog .entry-content > p .alignleft, .blog .entry-content > .wp-block-image .alignleft {
		position: static;
		margin-left: 0;
		margin-right: 2rem;
		max-width: calc((100% - 28rem) / 2 - 6rem);
	}
	
	@media screen and (min-width: 1000px) {
	.blog .entry-content > .alignleft, .blog .entry-content > p .alignleft, .blog .entry-content > .wp-block-image .alignleft {
		position: static;
		margin-left: 0;
		margin-right: 2rem;
		max-width: calc((100% - 38rem) / 2 - 6rem);
	}
	
	/* fix display of alignright images */
	.blog .entry-content > .alignright,.blog .entry-content > p .alignright,.blog .entry-content > .wp-block-image .alignright {
		position: static;
		margin-right: 0;
		margin-left: 2rem;
		max-width: calc((100% - 0rem) / 2 - 6rem);
	}
	
	@media screen and (min-width: 800px) {
	.blog .entry-content > .alignright, .blog .entry-content > p .alignright, .blog .entry-content > .wp-block-image .alignright {
		position: static;
		margin-right: 0;
		margin-left: 2rem;
		max-width: calc((100% - 28rem) / 2 - 6rem);
	}
	
	@media screen and (min-width: 1000px) {
	.blog .entry-content > .alignright, .blog .entry-content > p .alignright, .blog .entry-content > .wp-block-image .alignright {
		position: static;
		margin-right: 0;
		margin-left: 2rem;
		max-width: calc((100% - 38rem) / 2 - 6rem);
	}
}

	
}

	
}

	
}

	
}

@media screen and (max-width: 600px) {
	.alignleft, .alignright {
		max-width: 100% !important;
		margin-left: 2rem !important;
		margin-right: 2rem !important;
		margin-bottom: 3rem !important;
		display: grid !important;
	}
}

@media screen and (max-width: 600px) {
	img, .caption {
		margin: auto;
		display: grid !important;
	}
}

/* --------------------------
   PULL QUOTES & BLOCK QUOTES
----------------------------- */
/* adds some extra breathing room around the pull quote */
.wp-block-pullquote {
	padding: 1em 3em;
/* was 3em 0*/
}

/* changes font of quote marks */
.wp-block-pullquote.alignwide::before, .wp-block-pullquote.alignfull::before {
	font-family: "Georgia", serif;
	content: '\201C';
}

/*changes the color of the line on the side of the blockquote and embiggens the text */
blockquote, .border-color-accent, .border-color-accent-hover:hover, .border-color-accent-hover:focus {
	border-color: #009688;
	font-size: larger;
}

/* not such big text */
@media (min-width: 700px) {
	.wp-block-pullquote.alignwide blockquote p, .wp-block-pullquote.alignfull blockquote p {
		font-size: 4rem;
	}
}

/* reduces the gap at the top of the about page (custom CSS class) */
.about-page-pull-quote {
	margin-top: 0 !important;
}

/* ------------------
   HORIZONTAL RULES 
--------------------- */
/* removes the flowery styled HRs in favour of a plain, unstyled line */
.entry-content hr, hr.styled-separator {
	background: linear-gradient(to left, currentColor calc(50% - 0px), transparent calc(50% - 0px), transparent calc(50% + 0px), currentColor calc(50% + 0px));
	border: .5px solid #d7cfab;
}

.entry-content hr::before, .entry-content hr::after, hr.styled-separator::before, hr.styled-separator::after {
	display: none;
}

/* -----------------
   SHARING BUTTONS 
-------------------- */
/* removes backgrounds and shadows for a cleaner look */
.sd-social-icon .sd-content ul li a.sd-button, .sd-social-text .sd-content ul li a.sd-button, .sd-content ul li a.sd-button, .sd-content ul li .option a.share-ustom, .sd-content ul li.preview-item div.option.option-smart-off a, .sd-content ul li.advanced a.share-more, .sd-social-icon-text .sd-content ul li a.sd-button, .sd-social-official .sd-content>ul>li>a.sd-button, #sharing_email .sharing_send, .sd-social-official .sd-content>ul>li .digg_button>a {
	background: none;
	box-shadow: none;
}

.sd-social-icon .sd-content ul li a.sd-button:hover, .sd-social-icon .sd-content ul li a.sd-button:active, .sd-social-text .sd-content ul li a.sd-button:hover, .sd-social-text .sd-content ul li a.sd-button:active, .sd-social-icon-text .sd-content ul li a.sd-button:hover, .sd-social-icon-text .sd-content ul li a.sd-button:active, .sd-social-official .sd-content > ul > li > a.sd-button:hover, .sd-social-official .sd-content > ul > li > a.sd-button:active, .sd-social-official .sd-content > ul > li .digg_button > a:hover, .sd-social-official .sd-content > ul > li .digg_button > a:active {
	box-shadow: none;
}

/*-----------------------------------------------
Automatic styling for DOI external links, PDFs, Altmetric external links and old "box" spans
-----------------------------------------------*/
.link a::after,
a[href*="doi.org/"]::after,
a[href*="altmetric.com"]::after {
	content: "\2197";
	font-weight: 700;
	font-family: monospace;
	vertical-align: 4px;
}

a[href$=".pdf"]::after {
	content: "\21e3";
	font-weight: 700;
	font-size: 1.4em;
	font-family: monospace;
	vertical-align: 0;
}

.box a,
.box a:visited,
.link a,
.link a:visited,
a[href$=".pdf"],
a[href$=".pdf"]:visited,
a[href*="doi.org/"],
a[href*="doi.org/"]:visited,
a[href*="altmetric.com"],
a[href*="altmetric.com"]:visited {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border: 1.5px solid #000;
	vertical-align: 2px;
	color: #000;
	font-size: small;
	font-weight: 700;
	text-decoration: none;
	padding: 2px 12px;
	margin-right: 0;
	margin-left: 0;
	-webkit-transition-property: background, color;
	-moz-transition-property: background, color;
	-o-transition-property: background, color;
	transition-property: background, color;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
}	
}

.box a:hover,
.link a:hover,
a[href$=".pdf"]:hover,
a[href*="doi.org/"]:hover,
a[href*="altmetric.com"]:hover {
	background-color: #000000;
	color: #fcf5ed !important;
}

/*-----------------------------------------------
Styling for the citation link buttons on the Publications page
-----------------------------------------------*/
.citationlinks {
	display: inline-block;
	text-transform: uppercase;
	font-weight: 700;
	font-size: .8em;
	margin-top: 30px;
	margin-bottom: 12px;
	text-decoration: none;
}

.citationlinks a, .citationlinks a:visited {
	display: inline-block;
	padding: 8px 16px;
	font-weight: 700;
	letter-spacing: .0625em;
	border: 2px solid #009688;
	border-radius: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	box-sizing: border-box;
	text-decoration: none;
	color: #009688;
	-webkit-transition-property: background, color;
	-moz-transition-property: background, color;
	-o-transition-property: background, color;
	transition-property: background, color;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
}

.citationlinks a:hover {
	background-color: #009688;
	color: #fcf5ed !important;
}

.citationlinks a::after {
	content: "\2197";
	font-weight: 700;
	font-family: monospace;
	vertical-align: 6px;
}

/* Unsets PDF, DOI formatting for links that shouyld not be styled that way */
.extlink a:hover {
	background: none !important;
	color: #009688 !important;
}

.extlink a, .extlink a:visited {
	color: #009688 !important;
	-moz-border-radius: unset;
	-webkit-border-radius: unset;
	border-radius: unset;
	border: unset;
	vertical-align: unset;
	font-size: unset;
	font-weight: unset;
	text-decoration: underline;
	padding: unset;
	margin-right: unset;
	margin-left: unset;
	-webkit-transition-property: unset;
	-moz-transition-property: unset;
	-o-transition-property: unset;
	transition-property: unset;
	-webkit-transition-duration: unset;
	-moz-transition-duration: unset;
	-o-transition-duration: unset;
	transition-duration: unset;
	-webkit-transition-timing-function: unset;
	-moz-transition-timing-function: unset;
	-o-transition-timing-function: unset;
	transition-timing-function: unset;
}

/*-----------------------------------------------
Override styling for "plain links" , ie. links that would otherwise be automatically styled as PDFs, DOIs, etc, but instead should appear as "plain" link. These links must be manually styled using HTML and the span class "plainlink" (note, no hyphen). 
-----------------------------------------------*/
.plainlink a {
	background: none !important;
	color: #009688 !important;
	-moz-border-radius: unset;
	-webkit-border-radius: unset;
	border-radius: unset;
	border: unset;
	vertical-align: unset;
	font-size: unset;
	font-weight: unset;
	text-decoration: underline;
	padding: unset;
	margin-right: unset;
	margin-left: unset;
	-webkit-transition-property: unset;
	-moz-transition-property: unset;
	-o-transition-property: unset;
	transition-property: unset;
	-webkit-transition-duration: unset;
	-moz-transition-duration: unset;
	-o-transition-duration: unset;
	transition-duration: unset;
	-webkit-transition-timing-function: unset;
	-moz-transition-timing-function: unset;
	-o-transition-timing-function: unset;
	transition-timing-function: unset;
}

.plainlink a:hover {
	background: none !important;
	color: #009688 !important;
}

.plainlink a::after {
	content: unset;
}

/*-----------------------------------------------
Override styling for "plain links" inside figure captions
-----------------------------------------------*/
.plaincaptionlink a {
	background: none !important;
	color: inherit !important;
	-moz-border-radius: unset;
	-webkit-border-radius: unset;
	border-radius: unset;
	border: unset;
	vertical-align: unset;
	font-size: unset;
	font-weight: unset;
	text-decoration: underline;
	padding: unset;
	margin-right: unset;
	margin-left: unset;
	-webkit-transition-property: unset;
	-moz-transition-property: unset;
	-o-transition-property: unset;
	transition-property: unset;
	-webkit-transition-duration: unset;
	-moz-transition-duration: unset;
	-o-transition-duration: unset;
	transition-duration: unset;
	-webkit-transition-timing-function: unset;
	-moz-transition-timing-function: unset;
	-o-transition-timing-function: unset;
	transition-timing-function: unset;
}

.plaincaptionlink a:hover {
	background: none !important;
	color: inherit !important;
}

.plaincaptionlink a::after {
	content: unset;
}

.logolink, logolink:visited {
	opacity: 25%;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: 400ms;
	-moz-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	transition-duration: 400ms;
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
}

.logolink:hover {
	opacity: 99.9%;
}

/* --------
   FOOTER
----------*/
/* hides the menu on smaller screens */
@media (max-width: 781px) {
	.footer-menu {
		display: none !important;
	}
}

.footer-copyright {
	line-height: 1.2;
	font-size: 1em;
}

.footer-copyright:after {
	content: "\00a0";
}

.powered-by-wordpress a {
	font-size: .8em;
}

.powered-by-wordpress a:after {
	content: ". Designed and maintained by Vinculum Creative";
}

.powered-by-wordpress {
	display: initial;
	margin: 0;
	line-height: 1.2;
}

/* a bit smaller text*/
.footer-menu {
	font-size: 1.8rem;
}
.privacy-policy { display:none; }