/*--------------------------------------------------------------
Above the fold CSS only, including:
 - headers
 - page layout containers
 - main fonts
--------------------------------------------------------------*/
:root {
}

html {line-height: 1.2; -webkit-text-size-adjust: 100%; 
      font-size: 56.3%; 
  /* adjust global font size base
  font-size:50.0% gives 1.0rem = 8px
  font-size:56.3% gives 1.0rem = 9px - better corolation with XD sizes
  font-size:62.5% gives 1.0rem = 10px - (62.5/100) * 16px = 10px */
}

/* Smooth scrolling on the whole document */
html {scroll-behavior: smooth;}
@media screen and (prefers-reduced-motion: reduce) {
    html {scroll-behavior: auto;}
}

body {margin: 0}
main {display: block;}

a {background-color: transparent;}

button,input,optgroup,select,textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}
button,input {overflow: visible;}
button,select {	text-transform: none;}
button,[type="button"],[type="reset"],[type="submit"] {	-webkit-appearance: button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {	border-style: none;	padding: 0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {padding: 0.35em 0.75em 0.625em;}
legend {box-sizing: border-box;	color: inherit;	display: table;	max-width: 100%;padding: 0;	white-space: normal;}
progress {vertical-align: baseline;}
textarea {overflow: auto;}
[type="checkbox"],[type="radio"] {box-sizing: border-box;padding: 0;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield;	outline-offset: -2px;}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}
*,*::before,*::after {box-sizing: inherit;}
html {box-sizing: border-box;}

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #183A39 !important;
	font-family: "DM Sans", sans-serif, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.8rem;
	line-height: 1.6;
    font-style: normal;
}
h1,h2,h3,h4,h5,h6 {clear: both; margin: 1.2rem 0; font-size: 2.0rem; font-weight: 600; line-height: 1.2}
p {	/*margin-bottom: 1.5em;*/margin: 1em 0 1.5em;}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p {margin-top:0 !important}
ul,ol {margin: 0 0 1.5em 0}
ul {list-style: disc;}
ol {list-style: decimal;}
li > ul,li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
img {height: auto;max-width: 100%;}
figure {margin: 0;}
body {margin: 0;}

/* Links
--------------------------------------------- */
a:focus {outline: thin dotted;}
a:hover,a:active {outline: 0;}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
}

.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.page-content,.entry-content,.entry-summary {margin:0;}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {display: inline-block;margin-right:20px;}
/* Text meant only for screen readers. */
.screen-reader-text {border: 0;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute !important;width: 1px;word-wrap: normal !important;}
.screen-reader-text:focus {background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;clip-path: none;color: #21759b;display: block;font-size: 0.875rem;font-weight: 700;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000;}
#primary[tabindex="-1"]:focus {outline: 0;}

/* ================================================================================================================
   ______           __                  ________________
  / ____/_  _______/ /_____  ____ ___  / ____/ ___/ ___/
 / /   / / / / ___/ __/ __ \/ __ `__ \/ /    \__ \\__ \ 
/ /___/ /_/ (__  ) /_/ /_/ / / / / / / /___ ___/ /__/ / 
\____/\__,_/____/\__/\____/_/ /_/ /_/\____//____/____/  
                                                                                                        
-------------------------------------------------------------------------------------------------------------------
	--brand-color-green-dark:  #183A39
    --brand-color-green-light: #6FB967
    --brand-color-grey-dark:   #3e3e3e
    --brand-color-grey-light:  #f5f5f5

Image references in critical.css need full path as styles appear relative to page url not css file url 
================================================================================================================ */

/* Structure */
.contentmaxwidth, 		/* max-size of website - restrict max screen width for super wide screens - applied to page div */
.contentinnerfull, 		/* full content width images need this without the padding */
.contentinner, 			/* the standard inner width */
.entry-content > .wp-block-group > .wp-block-group__inner-container, 
.contentinnerlarge,   /* the design sometimes need a larger inner width */
.contentinnermedium,   /* the design sometimes need a medium inner width */
.contentinnersmall   /* the design sometimes need a smaller inner width */
{
	/* default width (also of group block contents) */
	width: 1800px; padding: 0 20px 0 20px; margin: 0 auto; max-width: 100%; position: relative;
}
.contentmaxwidth {width:1880px;padding: 0} /* no padding required */
.contentinnerfull {width:1880px;padding: 0} /* (if different from above) no padding as its full width, even on mobile */
.contentinnerlarge {width:1640px;padding: 0 20px 0 20px} /* padding included at start so spacing ready for mobile. width = actual require width + padding. */
.contentinnermedium {width:1440px;padding: 0 20px 0 20px} /* padding included at start so spacing ready for mobile. width = actual require width + padding. */
.contentinnersmall {width:1380px;padding: 0 20px 0 20px} /* padding included at start so spacing ready for mobile. width = actual require width + padding. */
.entry-content > .wp-block-group.contentinnerfull > .wp-block-group__inner-container {width: 100%; padding: 0;}

.site-header {display: flex; position: sticky; top: 0; height: 95px; background: #183a39; z-index: 10; justify-content: space-between; align-items: center}
.site-branding {padding:6px 30px;display: flex;  align-items: flex-end;}

a.btn, p.btn a, .btn p a, .wp-block-button .wp-block-button__link {
  letter-spacing: 1px; text-transform: uppercase !important; 
  padding: 15px 60px; text-decoration: none; color: #fff;  font-size: 1.7rem;
  background-color: #333; display: inline-flex;  align-items: center; border:none; border-radius: 50px;
}
a.btn.btn-green, p.btn.btn-green a {background-color: #6FB967}
 .btn-green-d p a {background-color: #183A39}
 .btn-green-d p a:hover {background-color: #6FB967}
a.btn.btn-small, .btn.btn-small p a, p.btn.btn-small a, .wp-block-button.btn-small .wp-block-button__link {padding: 12px 35px 12px 35px;  font-size: 1.3rem;}
a.btn:hover, a.btn:focus,
p.btn a:hover, p.btn a:focus,
.wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus {
  background-color: #183A39
}
a.btn.btn-green:hover, a.btn.btn-green:focus,
p.btn.btn-green a:hover, p.btn.btn-green a:focus,
.wp-block-button.btn-green .wp-block-button__link:hover, .wp-block-button.btn-green .wp-block-button__link:focus {
  background-color: #FFF; color: #183a39
}

/* styles manually added in gutenberg - copy to blocks.css */

.site {position: relative;}
.site-header {position: sticky;z-index: 2}
.site-footer {position: relative;z-index: 2}
.site-main {position: relative;z-index: 1}

.entry-content, .entry-content > * {position: relative}
.staticheader {position: fixed !important;top: 95px;height: 470px; min-height: 470px!important;max-width:100vw}
.staticheader + * {margin-top: 470px !important}
.page-id-35562 .staticheader + * {margin-top: 100px !important} /*publications*/
.staticheader .wp-block-cover {min-height: 470px!important}
.fullheight{height:95vh;min-height:95vh !important}
.fullheight .wp-block-cover {min-height: 95vh !important}
.home .staticheader {height: 640px;min-height:670px!important}
.home .staticheader + * {margin-top: 640px !important}
.home .staticheader .wp-block-cover {min-height: 640px!important}



@media only screen and (max-width:1280px) { 
	body, button, input, select, optgroup, textarea {font-size: 1.56rem; line-height: 1.4}
}

@media only screen and (max-width:834px) { /* tablet portrait (and below) */
	.staticheader + * {margin-top: 270px !important;}
	.staticheader .wp-block-cover {min-height: 270px !important}
	.fullheight .wp-block-cover {min-height: 95vh !important}
	.home .staticheader .wp-block-cover {min-height: 540px !important}
	.home .staticheader + * {margin-top: 540px !important}
	.news-list-l h2, .news-list-l h3 {font-size: 20px}
	.news-landing {gap: 0}
}

@media only screen and (max-width:500px) { /* phone */
	.staticheader + * {margin-top: 340px !important;}
	.home .staticheader + * {margin-top: 340px !important;}
	.staticheader .wp-block-cover {min-height: 340px !important}
	.fullheight .wp-block-cover {min-height: 95vh !important}
	.home .staticheader .wp-block-cover {min-height: 540px !important}
	.page-publications .staticheader .wp-block-cover {min-height: 93vh !important}
	.page-publications .staticheader + * {margin-top: 30px !important}
	.publications {padding: 0}
}