/*
Theme Name: BetterJoinedUpCare
Theme URI: n/a
Author: Raffaele Malanga
Author URI: https://farstudios.com/
Description: Theme for Better Joined-Up Care website
Version: 1.0
License: no license, use a theme from https://wordpress.org/themes/ instead.
License URI: n/a
Tags: n/a
Text Domain: betterjoinedupcare
*/

/* generic things */

html,body,h1,h2,h3,h4,h5,h6,p,ul,li,form{
	padding:0;
	margin:0;
}
*{
	box-sizing:border-box;
}
html{
	/* font-size:16px; /* for rem base */
	/* this font-size is now in the font stylesheets */
	scroll-behavior: smooth;
	/* note: this replaces the javascript version, which is not accessible due to the 'return false' setting. */
}
html,#navcontent,#accesscontent{
	scrollbar-width: thin;
}
.screen-reader-text,
.skip-link{
	position:fixed;
	top:-4000rem;
	left:-4000rem;
}
.skip-link:focus,
#toggle a:focus span.skip-link,
#accesstoggle a:focus span.skip-link{
	top:2rem;
	left:2rem;
	padding:.5rem 1rem;
	border-width:2px;
	border-style:dotted;
	text-decoration:none;
	text-transform:uppercase;
	font-size:100%;
	z-index:10000;
}
.admin-bar .skip-link:focus,
.admin-bar #toggle a:focus span.skip-link,
.admin-bar #accesstoggle a:focus span.skip-link{
	top:4rem;
}
iframe,
img{
	max-width:100%;
}
img.attachment-thumbnail,
img.attachment-large{
	height:auto !important;
}

/* colours */

/* are in js-css/colours-0.css */
/* except for the #access bar, which also does not zoom text! */


.skip-link:focus,
#toggle a:focus span.skip-link,
#accesstoggle a:focus span.skip-link{
	background:black;
	color:white;
	border-color:white;
}

#access{
	background:white !important;
	color:#1A1A1A !important;
	border-color:#1a1a1a;
}
#up{background-image:url(img/plus.svg);}
#down{background-image:url(img/minus.svg);}
#reset{background-image:url(img/reset.svg);}

#coloursa{background-image:url(img/coloursa.svg);}
#coloursb{background-image:url(img/coloursb.svg);}
#coloursc{background-image:url(img/coloursc.svg);}
#colours0{background-image:url(img/colours0.svg);}

ul#fontswitch li a{
	border-color:#1A1A1A;
	background:#FFFFFF;
}
a#fontregular:before{
	background:#1A1A1A;
}
a#fontdyslexic:after{
	background:#1A1A1A;
}

/* end #access bar colours */


/* links and buttons styles that are not colour */

#nav a,
.hhblock a,
.button a,
p.arrowlink a,
.news-item a,
.topcats a,
.personas a,
.subnav a,
.pagination a{
	text-decoration:none;
}
#nav a{
	position:relative;
}
#nav ul > li > a:after{
	content:"";
	display:block;
	width:0px;
	position:absolute;
	bottom:-.2em;
	height:1px;
	transition:width .3s ease-in-out 0s;
}
#nav ul > li > a:hover:after{
	width:100%;
}

.news-item .cats a{
	text-decoration:underline;
}
.topcats a{
	border-color:transparent;
	border-bottom-width:2px;
	border-bottom-style:solid;
}

p.arrowlink a:focus,
p.arrowlink a:hover,
p.arrowlink a:active,
.news-item a:focus h2,
.news-item a:hover h2,
.news-item a:active h2{
	text-decoration:underline;
	text-decoration-thickness:2px;
}


/* fonts */

h1{
	font-family:"Bricolage Grotesque",serif;
	font-size:5.875rem;
	font-size:clamp(2rem,4.9vw,5.875rem);
	font-size:clamp(4.875rem,7.5vw,8.4375rem);
	font-weight:500;
	letter-spacing:.025em;
	line-height:.9;
	padding-bottom:.2em;
}
.home h1{
	font-size:clamp(2rem,7.5vw,8.4375rem);
}
.single h1{
	font-size:3.375rem;
	font-size:clamp(1.75rem,3vw,3.375rem);
	font-weight:400;
	line-height:1.2;
	margin-bottom:.25em;
}
.iblock h2{
	font-family:"Bricolage Grotesque",serif;
	font-size:2.125rem;
	font-size:clamp(1.5rem,2.4vw,2.125rem);
	font-weight:400;
	letter-spacing:.025em;
	line-height:.9;
	margin-bottom:.4em;
}
.numblocks2 .iblock h2{
	font-size:3.625rem;
	font-size:clamp(2.375rem,4vw,3.625rem);
}
.homeintro p{
	font-family:"Bricolage Grotesque",serif;
	font-size:2.125rem;
	font-size:clamp(1.25rem,1.8vw,2.125rem);
	font-weight:600;
	line-height:1.1764;
}
#nav h1,
#nav p,
#nav ul{
	font-size:1.25rem;
	font-size:clamp(.8rem,1.25vw,1.25rem);
	font-weight:700;
	line-height:1.2;
	margin-bottom:0;
}

h2{
	font-size:2.125rem;
	font-size:clamp(1.5rem,5vw,2.125rem);
	font-weight:400;
	font-weight:700; /* client-request */
	line-height:1.25;
	margin-bottom:.55em;
}
.page-header .heading h1{
	font-size:4.625rem;
	font-size:clamp(2.375rem,4vw,4.625rem);
	font-weight:400;
	line-height:1;
}
.page-header .heading h2{
	font-size:clamp(1.25rem,1.52vw,1.75rem);
	font-weight:400;
	font-weight:700; /* client-request */
	line-height:1.2;
}
.hhblock h2{
	font-size:2.125rem;
	font-size:clamp(1.25rem,1.75vw,2.125rem);
	font-weight:700;
	line-height:1.2;
	margin-bottom:.1em;
}
.eblock h2{
	font-size:2.125rem;
	font-weight:400;
	font-weight:700; /* client-request */
	line-height:1;
	margin-bottom:.5em;
}
.news-item h2{
	font-size:1.1875rem;
	font-weight:700;
	line-height:1.16;
	margin-bottom:1em;
}
.latestnews > h2{
	font-size:1.1875rem;
	font-weight:700;
	text-transform:uppercase;
	line-height:1.16;
	margin-bottom:0;
}
#colophon h2{
	font-size:clamp(1.5rem,2.125vw,2.125rem);
	font-weight:400;
	font-weight:700; /* client-request */
	margin-bottom:1em;
}
.iblock h3{
	font-size:1.75rem;
	font-weight:700;
	line-height:1.2;
	margin-bottom:.6em;
}
.plainresults h2,
.boc h3{
	font-size:1.5rem;
	font-weight:400;
	line-height:1.2;
	margin-bottom:.5em;
}
.plainresults h2{
	font-weight:700; /* client-request */
}
.page-content h3{
	font-size:clamp(1.1rem,1.5vw,1.5rem);
	font-weight:700;
	line-height:1.44;
	margin-bottom:.25em;
}
p,ul,ol,input,textarea,label{
	font-size:1.1875rem;
	font-size:clamp(1rem,1.1875vw,1.1875rem);
	line-height:1.44;
	margin-bottom:1.44em;
}
button{
	font-size:inherit;
}
input[type="submit"]{
	font-weight:700;
}
.subnav p,
.subnav ul{
	line-height:1.5;
	margin-bottom:0;
}
.subnav ul{
	font-weight:700;
}
#crumbs{
	font-size:clamp(.9375rem,1.2vw,1.125rem);
	font-weight:700;
	line-height:1.5;
}
p.quotetext{
	font-size:1.5rem;
	font-size:clamp(1.25rem,1.25vw,1.5rem);
	font-style:italic;
	line-height:1.44;
	margin-bottom:0;
}
p.byline{
	font-size:1.125rem;
	font-size:clamp(1rem,1vw,1.125rem);
	margin-top:3em;
}
.boc p{
	line-height:1.5;
}
.hhblock p{
	font-size:1.125rem;
	font-size:clamp(.9375rem,1vw,1.125rem);
	line-height:1.2;
	margin-bottom:0;
}
.tagline p{
	font-size:2.125rem;
	font-size:clamp(1.5rem,5vw,2.125rem);
	font-size:clamp(1.5rem,2.125vw,2.125rem);
	font-weight:400;
	line-height:1.25;
	margin-bottom:.55em;
}
.intro p,
.intro ul,
.intro ol{
	font-size:1.5rem;
	font-size:clamp(1.25rem,1.5vw,1.5rem);
	line-height:1.42;
	margin-bottom:1.1em;
}
.iblock p{
	font-size:1.1875rem;
	font-size:clamp(1rem,1.4vw,1.1875rem);
	font-weight:400;
	line-height:1.44;
	margin-bottom:1.44em;
}
p.arrowlink{
	font-weight:700;
}
p.arrowlink a:after,
.eblock p.arrowlink a:after{
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:1.7rem;
	height:1.875rem;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	margin-left:.625rem;
	transition:all .3s ease-in-out 0s;
}
p.arrowlink a:focus:after,
p.arrowlink a:hover:after,
p.arrowlink a:active:after{
	transform:translateX(.25rem);
}
p.arrowlink a .filesize{
	font-weight:300;
}
.sidecolumn p.more{
	text-align:right;
}
.news-item .excerpt p{
	margin-bottom:0;
}
.news-item-featured .excerpt p{
	margin-bottom:1.44em;
}
.news-item p.postdate{
	font-size:1rem;
}
ul ul{
	font-size:inherit;
}
ul.topcats{
	font-size:1.75rem;
	font-size:clamp(1.25rem,2vw,1.75rem);
	font-weight:400;
}
ul.topcats li.current{
	font-weight:700;
}
ul.cats{
	font-size:1rem;
}
.rolesmain .tab{
	font-size:1.25rem;
	font-weight:700;
	line-height:1.5;
	margin-bottom:0;
}
ul.personas{
	font-size:1.25rem;
	font-size:clamp(1rem,2vw,1.25rem);
	font-weight:700;
	line-height:1.2;
	margin-bottom:1em;
}
.boc ul.cats{
	margin-bottom:0;
}
.pagefeatureinside .textbox p{
	font-size:clamp(1.25rem,1.25vw,1.5rem);
	line-height:1.42;
}
.pagefeatureinside .textbox p:last-child{
	margin-bottom:0;
}
.quotebox p.quote{
	font-size:1.5rem;
	font-size:clamp(1.25rem,1.25vw,1.5rem);
	font-style:italic;
	line-height:1.42;
	margin-bottom:0;
}
.quotebox p.byline{
	font-size:1.1rem;
	margin-top:2.15em;
	margin-bottom:0;
}
p.caption{
	padding-top:.5em;
}
ul{
	list-style:none;
}
.contentcolumn ul li{
	padding-left:1em;
	position:relative;
}
.contentcolumn ul li:before{
	content:"\2022 ";
	display:inline-block;
	position:absolute;
	left:0;
	top:0;
}
#colophon p{
	font-size:clamp(1rem,1.25vw,1.5rem);
	font-weight:700;
	line-height:1.44;
	margin-bottom:.5em;
}
#colophon ul{
	padding-top:2em;
	font-size:clamp(1rem,1.25vw,1.5rem);
	font-weight:400;
	line-height:1.5;
	margin-bottom:.5em;
}




/* layout */

.outer,
.widebox p.caption{
	padding-left:clamp(1rem,4vw,8.75rem);
	padding-right:clamp(1rem,4vw,8.75rem);
}
.outer.norightpadding{
	padding-right:0;
}
.inner{
	width:100%; /* otherwise it doesn't stretch when the direct child is not display:block */
	max-width:102.5rem;
	margin:0 auto;
}
.page-header .inner{
	max-width:100%;
}
.page-content > .inner{
	padding:1px 0; /* to keep colours and margins inside */
	padding-top:clamp(2rem,4vw,3.9rem);
	padding-top:2.6rem;
}

#page{
	padding-top:clamp(9.75rem,14vw,14rem);
}
#masthead{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:0;
/*	min-height:14rem; */
/*
	border-width:0 0 1px 0;
	border-style:solid;
*/
	transition:height .5s ease-in-out 0s;
	z-index:10;
}
.admin-bar #masthead{
	top:32px;
}
@media(max-width:782px){
	.admin-bar #masthead{
		top:46px;
	}
}

#access{
	height:0; /* without this, height is not set, and flex won't know the height */
	min-height:clamp(3.75rem,5.25vw,5.25rem);
	border-width:0 0 1px 0;
	border-style:solid;
	font-size:1rem;
}
#access .inner{
	display:flex;
	height:100%;
	justify-content:space-between;
	align-items:center;
}
#accesscontent{
	display:flex;
	width:100%;
	height:100%;
	justify-content:space-between;
	align-items:center;
}
#access .tbblock{
	font-size:inherit;
	padding-top:.5em;
	padding-bottom:.5em;
}
#access .tbblock{
	padding-left:1.25rem;
	border-width:0 0 0 1px;
	border-style:solid;
	margin-left:1.25rem;
}
#access .tbblock:first-child,
#access .tbblock:last-child{
	padding-left:0;
	border-width:0;
	margin-left:0;
}
#access .tbblock *{
	font-size:inherit;
	font-weight:400;
	line-height:1.2;
	vertical-align:middle;
	margin-bottom:0;
}
#access .tbblock ul li{
	display:inline-block;
	margin-left:.625rem;
}
#access .tbblock ul li:first-child{
	margin-left:.5rem;
}
ul#sizeswitch li a,
ul#styleswitch li a{
	display:block;
	width:1.75rem;
	height:1.75rem;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}
ul#styleswitch a.currentstyle{
	width:2.2rem;
	height:2.2rem;
}
ul#styleswitch a#colours0.currentstyle{
	/* don't zoom the reset button */
	width:1.75rem;
	height:1.75rem;
}

ul#sizeswitch li a span,
ul#styleswitch li a span,
ul#fontswitch li a span{
	display:none;
}
ul#fontswitch li a{
	display:inline-block;
	border-width:2px;
	border-style:solid;
	border-radius:1rem;
	width:3.375rem;
	height:1.75rem;
	padding:3px;
}
a#fontregular:before{
	content:"";
	float:right;
	display:inline-block;
	width:1.125rem;
	height:1.125rem;
	border-radius:1rem;
}
a#fontdyslexic:after{
	content:"";
	float:left;
	display:inline-block;
	width:1.125rem;
	height:1.125rem;
	border-radius:1rem;
}

#access .tbblock.language{
	flex-grow:2;
	text-align:right;
}
#access .tbblock > *{
	display:inline-block;
}
#access .tbblock.language .gtranslate_wrapper{
	display:block;
	width:fit-content;
	margin-right:0;
	margin-left:auto;
}

#nav{
	height:0; /* without this, height is not set, and flex won't know the height */
	min-height:clamp(6rem,8.75vw,8.75rem);
	border-width:0 0 1px 0;
	border-style:solid;
}
#nav .inner{
	display:flex;
	height:100%;
	justify-content:space-between;
	align-items:center;
}
#nav ul > li{
	padding:0 1em;
}
#nav li.searchlink a:before{
	content:"";
	display:inline-block;
	width:1.25rem;
	height:1.25rem;
	vertical-align:middle;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	margin-right:.5em;
}
.site-branding a,
.nhs-branding a{
	display:block;
	height:clamp(3rem,3.75vw,4.625rem);
	width:max-content;
}
.site-branding img,
.nhs-branding img{
	display:block;
	height:clamp(3rem,3.75vw,4.625rem);
}
#accesstoggle,
#toggle{
	display:none;
	order:1;
}
.site-nav .main-navigation{
	text-align:center;
}
.site-nav li{
	display:inline-block;
}
#navcontent ul li button,
.site-nav ul.sub-menu,
.subnavbox button,
.topcatsbox button,
.topcats li.selectnone{
	display:none;
}

.hp-header{
	display:flex;
	width:100%;
}
.hpheading{
	width:calc(970 / 1920 * 100%);
}
.hpheadingside{
	width:calc(950 / 1920 * 100%);
}
.hpheading h1{
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
	padding-bottom:0;
	background-repeat:no-repeat;
	background-position:.7em center;
	background-size:4em auto;
}
.hhblocks{
	display:flex;
	min-height:100%;
}
.hhblock{
	width:50%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
.hhblock a,
.hhblock span.nolink{
	display:block;
	width:100%;
	height:0;
	padding-top:160%;
	position:relative;
}
.hhblock a .overlay,
.hhblock span.nolink .overlay{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:max(.75rem,1.7vw) max(.75rem,1.875vw);
}
.hhblock .overlay .inside{
	padding-left:5vw;
}
.hhblock a .overlay:before,
.hhblock span.nolink .overlay:before{
	content:"";
	display:block;
	width:clamp(1.6rem,3.2vw,3.2rem);
	height:clamp(1.5rem,3vw,3rem);
	position:absolute;
	left:max(.75rem,1.875vw);
	top:calc(max(.75rem,1.7vw) + .3rem);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:contain;
	margin-bottom:.2rem;
	transition:all .3s ease-in-out 0s;
}
.hhblock a:focus .overlay:before,
.hhblock a:hover .overlay:before,
.hhblock a:active .overlay:before{
	transform:translateX(.375rem);
}
@media(max-width:920px){
	.hhblock .overlay .inside{
		padding-left:0;
	}
	.hhblock a .overlay:before,
	.hhblock span.nolink .overlay:before{
		position:static;
	}	
}
.hp-header,
.page-header{
	border-width:0 0 1px 0;
	border-style:solid;
}
.page-header .inner{
	display:flex;
	justify-content:space-between;
}
.page-header .heading{
	display:flex;
	width:64.8%;
	width:calc(100% - 32.68%);
	align-items:center;
	padding:1rem clamp(1rem,4vw,8.75rem) 1rem 0;
}
.single-post-header .heading{
	padding-bottom:0;
}
.page-header .inner .heading:before{
	content:"";
	display:block;
	width:clamp(5rem,11vw,13.25rem);
	height:clamp(5.5rem,12.1vw,14.575rem);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:contain;
	margin-right:clamp(2.3125rem,2.5vw,3rem);
}
.single-post-header .inner .heading:before{
	display:none;
}
.page-header .inner .heading .inside{
	width:calc(100% - clamp(7.3125rem,13.5vw,16.25rem));
}
.single-post-header .inner .heading,
.single-persona-header .inner .heading{
	width:100%;
}
.single-post-header .inner .heading .inside,
.single-persona-header .inner .heading .inside{
	width:100%;
	max-width:59.375rem;
}
.page-header .headerdeco{
	width:35.2vw;
	width:calc(32.68% + clamp(1rem,4vw,8.75rem));
	margin-right:clamp(-8.75rem,-4vw,-1rem);
}
.page-header .headerdeco div{
	width:100%;
	height:0;
	padding-top:calc(360 / 676 * 100%);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}

.posttags{
	max-width:fit-content;
	padding:.75em 1.25em 1.25em 1.25em;
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-radius:.6vw .6vw 0 0;
}
.posttags ul.cats{
	margin-bottom:0;
}
ul.cats > li{
	display:block;
	white-space:nowrap;
}
ul.cats > li > ul{
	white-space:wrap;
}

ul.cats > li:before{
	content:"";
	display:inline-block;
	width:1em;
	height:1.25em;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	vertical-align:middle;
	margin-right:.5em;
}
ul.cats ul.children{
	display:inline-block;
	margin-left:.5em;
	margin-bottom:0;
}
ul.cats ul.children > li{
	display:inline-block;
}
ul.cats ul.children > li:before{
	content:"\2022";
	display:inline-block;
	width:.2em;
	height:1.25em;
	vertical-align:middle;
	margin:0 .75em 0 .5em;
}
ul.cats ul.children > li:first-child:before{
	display:none;
}
ul.cats ul.children:before{
	content:"";
	display:inline-block;
	width:1em;
	height:1.25em;
	vertical-align:middle;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	margin:0 .5em 0 0;
}



.pagecolumns{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:clamp(1rem,2vw,5rem);
}
.contentcolumn{
	width:57.92%;
	margin-bottom:1rem;
}
.pagecolumns.nosidecolumn .contentcolumn{
	width:auto;
	max-width:59.375rem;
}
.sidecolumn{
	width:fit-content;
	width:32.68%;
}
.latestnews{
	width:24.875rem;
	max-width:100%;
	margin-left:auto;
}
@media(max-width:925px){
	.contentcolumn,
	.sidecolumn{
		width:100%;
	}
	.latestnews{
		width:auto;
		margin-left:0;
		margin-right:auto;
	}
}
.quotetext:before{
	content:"";
	display:block;
	width:3.25rem;
	height:2.25rem;
	background-repeat:no-repeat;
	background-position:left top;
	background-size:contain;
	margin-bottom:1.5rem;
}
.latestnews li.news-item{
	border-width:0 1px 1px 1px;
	border-style:solid;
}
.subnav{
	border-width:0 0 1px 0;
	border-style:solid;
}
.subnav .inner{
	padding:.9375rem 0;
}
.subnav p,
.subnav ul,
.subnav ul li{
	display:inline-block;
}
.subnav p{
	margin-right:2em;
}
.subnav ul li{
	padding:0 1em;
	border-width:0 0 0 1px;
	border-style:solid;
}
.subnav ul li:first-child{
	padding-left:0;
	border-width:0;
}

#crumbs{
	padding-top:2.5em;
}

.imgbox,
.videowrapper{
	width:100%;
	margin-bottom:2rem;
}
.imgbox.mainimage img{
	width:100%;
}
.videobox{
	position:relative;
	width:100%;
	height:0;
	padding-top:56.25%;
}
.videobox iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.featureblock{
	width:100%;
	margin-bottom:2rem;
}
.pagefeatureinside{
	display:flex;
}
.pagefeatureinside .imgside{
	width:41.1%;
}
.pagefeatureinside .txtside{
	width:58.9%;
}
.pagefeatureinside .imgside .imgbox{
	height:100%;
	padding-top:72.625%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
.pagefeatureinside .txtside .txtbox{
	display:flex;
	flex-direction:column;
	justify-content:center;
	width:100%;
	height:100%;
	padding-top:min(8%,3rem);
	padding-right:clamp(4rem,10vw,14rem); /* minimum as wide as the :after element */
	padding-bottom:min(10%,3rem);
	padding-left:11.1%;
	background-repeat:no-repeat;
	background-size:7.5rem auto;
	background-position:right top, right bottom;
	position:relative;
}
.pagefeatureinside .txtside .txtbox:after{
	content:"";
	display:block;
	width:4rem;
	height:calc(100% - 7rem);
	position:absolute;
	top:3.50rem;
	right:0;
	background-repeat:repeat-y;
	background-position:right center;
	background-size:7.5rem auto;
	/* background-size to match the background sizes of the top and bottom shapes, */
	/* but the element itself does not have to be as wide, just enough space to make sure things fit */
}
@media(max-width:768px){
	.pagefeatureinside,
	.pagefeatureinside .imgside,
	.pagefeatureinside .txtside{
		display:block;
		width:100%;
	}
	.pagefeatureinside .txtside .txtbox{
		padding-right:calc(min(11.1vw,11.1%) + 2rem);
	}
}

.contactformsection{
	border-width:1px 0 0 0;
	border-style:solid;
	padding-top:clamp(2rem,10vw,3.3rem);
	padding-bottom:clamp(2.24rem,11.2vw,3.7rem);
}
.wpcf7-form{
	width:51rem;
	max-width:100%;
	display:flex;
	flex-direction:column;
}
.wpcf7-form label{
	margin-bottom:1em;
}
.wpcf7-form .wpcf7-form-control-wrap{
	display:block;
	font-size:inherit;
	margin-top:.5em;
}
.wpcf7-form input,
.wpcf7-form textarea{
	width:100%;
	padding:.5em;
	border-width:1px;
	border-style:solid;
	border-radius:3px !important;
	margin-bottom:0;
}
.wpcf7-form textarea{
	height:11em;
}
.dscf7-captcha-container,
.dscf7-captcha-container *{
	/* exception, does not change with different colour schemes */
	background:#FAFAFA;
	color:#1A1A1A;
}
.wpcf7-form input[type=submit]{
	width:auto;
	border-radius:.75rem !important;
}
.wpcf7-form div.submitbutton{
	order:3; /* so that it goes after the result messages */
}

#searchform input{
	/* height:3.63em; */
	padding:1.26em;
	border-width:1px;
	border-style:solid;
	border-radius:.75rem;
}
#searchform input[type="text"],
.search-form input[type="search"]{
	width:clamp(14.375rem,calc(100% - 16rem),50.75rem);
	max-width:100%;
	margin-right:.75em;
}
input[type="submit"]{
	padding:1.26em 4.3em 1.26em 1.7em;
	background-repeat:no-repeat;
	background-position:calc(100% - 1.7em) center;
	background-size:1.7rem auto;
}
.plainresults{
	max-width:59.375rem;
}
.resultslist{
	display:flex;
	flex-wrap:wrap;
	margin-left:-.625rem;
	margin-right:-.625rem;
}
.resultslist > li{
	padding-left:.625rem;
	padding-right:.625rem;
	margin-bottom:1.25rem;
}
.resultslist li.result-resource,
.resultslist li.result-faq{
	width:calc(100% / 3);
}
.resultslist li.result-post{
	width:25%;
}
.resultslist li.result-page{
	width:50%;
}
.plainresults li{
	margin-bottom:2rem;
}
.plainresults li p,
.plainresults li .catwrap,
.plainresults li ul.cats,
.plainresults li p.arrowlink{
	margin-bottom:0;
}
.plainresults li .catwrap,
.plainresults li p.arrowlink{
	margin-top:.3em;
}
.searchfaqs{
	padding-top:1rem;
	padding-bottom:3rem;
	border-width:1px 0;
	border-style:solid;
	margin-bottom:4rem;
}
.search .findfaqs{
	padding-top:3rem;
}
.resourcegroup,
.faqgroup{
	display:flex;
	justify-content:space-between;
	align-items:baseline;
	margin-bottom:2rem;
}
.resourcegroup h2,
.faqgroup h2{
	width:calc(33% - 1rem);
	margin-bottom:1em;
}
.faqs-wrap{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:2rem;
}
.resourcegroup .resources-wrap,
.faqgroup .faqs-wrap{
	width:calc(66% - 1rem);
}
.faqs-wrap ul.faqs{
	width:calc(50% - .5rem);
	margin-bottom:0;
}
.faqs-wrap.hashighlightedfaq ul.faqs{
	width:calc((100% / 3) - .666rem);
}
.faqs-wrap.faqsnum2 ul.faqs{
	width:calc(50% - .5rem);
}
.faqs-wrap.hashighlightedfaq.faqsnum2{
	justify-content:flex-start;
}
.faqs-wrap.hashighlightedfaq.faqsnum2 ul.faqs:first-child{
	margin-right:1rem;
}
.faqs-wrap.hashighlightedfaq.faqsnum2 ul.faqs{
	width:calc((100% / 2) - .5rem);
	max-width:33.5rem;
}
.faqs-wrap.hashighlightedfaq.faqsnum1 ul.faqs{
	width:100%;
	max-width:33.5rem;
}
@media(max-width:925px){
	.resources-wrap,
	.faqs-wrap{
		margin-bottom:2rem;
	}
	.faqs-wrap.hashighlightedfaq ul.faqs{
		width:calc(50% - .666rem);
	}
	.faqs-wrap.hashighlightedfaq ul.faqs:last-child{
		width:100%;
		columns:2;
		gap:1.333rem;
	}
	.faqs-wrap.hashighlightedfaq ul.faqs:last-child > li{
		break-inside:avoid;
	}
	.faqs-wrap.hashighlightedfaq.faqsnum2 ul.faqs:last-child{
		/* we only have 2 uls, so no need to go wide below 2 other columns */
		width:calc((100% / 2) - .5rem);
		columns:1;
	}
	.faqs-wrap.hashighlightedfaq.faqsnum1 ul.faqs:last-child{
		/* we only have 1 uls, so no need to go wide below 2 other columns */
		width:100%;
		columns:1;
	}
	
}
@media(max-width:630px){
	.resources-wrap ul.resources,
	.faqs-wrap ul.faqs{
		width:100% !important;
		columns:unset !important;
	}
	.faqs-wrap.hashighlightedfaq.faqsnum2 ul.faqs:first-child{
		margin-right:0;
	}
}
.boc{
	min-height:100%;
	padding:1.5em;
	border-width:1px;
	border-style:solid;
	margin-bottom:1rem;
}
.boc h3{
	padding-right:2rem;
	position:relative;
}
.boc h3 button{
	position:absolute;
	right:0;
	top:.4em;
	width:1.5rem;
	height:.6em;
	border-width:0;
	background-repeat:no-repeat;
	background-position:right top;
	background-size:contain;
	transform:scaleY(-1);
	transition:transform .5s ease-in-out 0s;
}
.boc.closed h3 button{
	transform:none;
}
.boc.closed .bocin{
	display:none;
}
.boc.permanentopen h3{
	padding-right:0;
}
.boc.permanentopen h3 button{
	display:none;
}
.boc.permanentopen .bocin{
	display:block;
}
.faqs li > img{
	display:block;
	margin-bottom:0;
}

.catwrap{
	margin-bottom:1rem;
}

.catwrap ul.cats,
.posttags ul.cats,
.boc ul.cats,
ul.cats *{
	display:inline !important;
}
.catwrap ul.cats ul.children,
.boc.closed ul.cats ul.children{
	display:none !important;
}
.catwrap ul.cats:after,
.posttags ul.cats:after,
.boc ul.cats:after,
ul.cats > li:after{
	/* content:", "; */
	content:"";
	margin-right:.5em;
}
.catwrap ul.cats:last-child:after,
.posttags ul.cats:last-child:after,
.boc ul.cats:last-child:after,
ul.cats > li:last-child:after{
	/* content:""; */
	margin-right:0;
}


.pulloutcb{
	margin-bottom:2.2rem;
	padding-top:clamp(2rem,10vw,3.3rem);
	padding-bottom:clamp(2.24rem,11.2vw,3.7rem);
	padding-left:clamp(2.24rem,11.2vw,4rem);
	padding-right:clamp(2.25rem,11.2vw,10rem);
	border-width:1px;
	border-style:solid;
}
.quotebox{
	margin-bottom:2.2rem;
}
quotebox .quote:before{
	content:"";
	display:block;
	height:2.25rem;
	background-repeat:no-repeat;
	background-position:left top;
	background-size:contain;
	margin-bottom:1rem;
}
.pagefeatureinside .quotebox:last-child,
.pulloutcb .quotebox:last-child{
	margin-bottom:0;
}
.hplatest{
	margin-bottom:5rem;
	padding-top:3rem;
	padding-bottom:4rem;
	border-width:1px 0;
	border-style:solid;
}
.newswrapper{
	width:calc(100% + 1rem);
	margin-left:-.5rem;
	margin-right:-.5rem;
}
.headingandmore{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:last baseline;
	gap:1rem;
}
.narrowonly p.arrowlink{
	display:none;
}
@media(max-width:700px){
	.hplatest .headingandmore p.arrowlink,
	.hpfaqs .headingandmore p.arrowlink{
		display:none;
	}
	.hplatest .narrowonly p.arrowlink,
	.hpfaqs .narrowonly p.arrowlink{
		display:block;
	}
}
.buttons p.arrowlink:last-child{
	margin-bottom:0;	
}
.buttons{
	margin-bottom:2.2rem;
}
.pulloutcb .buttons:last-child{
	margin-bottom:0;
}

.linkblocks{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:3.375rem;
}
.iblock{
	width:calc((100% / 3) - .5rem);
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	border-width:1px;
	border-style:solid;
}
.iblock .inside{
	padding:2rem;
}
.numblocks2 .iblock{
	width:calc(50% - 2.5rem);
	width:calc(50% - clamp(1rem,2vw,2.5rem));
}
@media(max-width:630px){
	.numblocks2 .iblock{
		width:100%;
		margin-bottom:1.25rem;
	}
}
.numblocks2 .iblock .inside{
	padding:4.375rem;
	padding:clamp(1.25rem,4.5vw,4.375rem);
}
.iblock .imagedeco{
	width:100%;
	height:0;
	padding-top:calc(544 / 780 * 100%);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	position:relative;
}
.iblock .imagedeco:after{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:left top;
	background-size:auto 100%;
}

@media(max-width:925px){
	.numblocks3 .iblock{
		width:100%;
		display:flex;
		flex-direction:row;
		align-items:center;
		margin-bottom:1rem;
	}
	.numblocks3 .iblock .inside{
		order:1;
		width:50%;
	}
	.numblocks3 .iblock .imagedeco{
		width:50%;
		padding-top:calc(544 / 780 * 50%);
		padding-top:0;
		height:100%;
	}
}
@media(max-width:630px){
	.numblocks3 .iblock{
		flex-direction:column;
		align-items:center;
	}
	.numblocks3 .iblock .inside{
		order:0;
		width:100%;
	}
	.numblocks3 .iblock .imagedeco{
		width:100%;
		padding-top:calc(544 / 780 * 100%);
	}
}


.exploreblocks{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	margin-top:2rem;
	margin-bottom:2rem;
}
.eblock{
	width:calc((100% / 3));
	padding:0 1.5rem;
	border-style:solid;
	border-width:0 0 0 2px;
	margin-bottom:2rem;
}
.eblock:last-child{
	border-width:0 2px;
}
.numblocks4 .eblock{
	width:25%;
}
@media(max-width:1200px){
	.numblocks4 .eblock{
		width:50%;
	}
	.numblocks4 .eblock:nth-child(2){
		border-width:0 2px;
	}
}
@media(max-width:925px){
	.eblock{
		width:50%;
	}
	.eblock:nth-child(2){
		border-width:0 2px;
	}
}
@media(max-width:630px){
	.eblock,
	.numblocks4 .eblock{
		width:100%;
		padding-left:0;
		padding-right:0;
		border-width:0 !important;
	}
}
.eblock .inside{
	display:flex;
	height:100%;
	flex-direction:column;
	justify-content:space-between;
}
.eblock .inside h2:before{
	content:"";
	display:block;
	height:2.625rem;
	width:100%;
	background-repeat:no-repeat;
	background-position:left center;
	margin-bottom:1rem;
}

.sectiontoptab{
	width:fit-content;
	font-size:1.25rem;
	font-weight:700;
	line-height:1;
	padding:.7em 1.2em .8em 1.2em;
	border-radius:0 0 1rem 1rem;
	border-width:0 1px 1px 1px;
	border-style:solid;
	margin-top:calc(-1rem - 1px);
	margin-bottom:2rem;
}
.sectiontoptab:after{
	content:"";
	display:inline-block;
	width:1em;
	height:1em;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	margin-left:1em;
}
.findyourrole{
	margin-bottom:2rem;
}
.findyourroleintro{
	max-width:59.375rem;
}
.roles{
	padding-bottom:2rem;
}
.rolestop{
	padding-top:1rem;
	padding-bottom:3rem;
	border-width:1px 0;
	border-style:solid;
}
.topcats{
	border-width:0 0 1px 0;
	border-style:solid;
	margin-bottom:1.5em;
}
.topcats li{
	display:inline-block;
	margin-right:2em;
}
.topcats li button{
	display:none;
}
.topcats li a{
	display:block;
	padding:.5em 0;
}
.rolesmain .personas{
	display:none;
}
.rolesmain .openfilters .personas{
	display:block;
}
.rolesmain .inner{
	padding-top:1rem;
	position:relative;
}
.rolesmain .tab{
	position:absolute;
	bottom:100%;
	left:0;
	display:block;
	padding:.5em 1em;
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-radius:.5em .5em 0 0;
	cursor:pointer;
}
.rolesmain .tab:before{
	content:"";
	display:inline-block;
	width:1.75rem;
	height:1.5rem;
	vertical-align:middle;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	margin-right:1em;
}
.rolesmain .tab:after{
	content:"";
	display:inline-block;
	width:1.125rem;
	height:1.5rem;
	vertical-align:middle;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	margin-left:1em;
	transition:transform .5s ease-in-out;
}
.rolesmain .openfilters .tab:after{
	transform:scaleY(-1);
}
.personas li{
	display:inline-block;
	margin-right:1rem;
	margin-bottom:1rem;
}
.personas li a{
	display:block;
	padding:.85em 1.7em;
	border-width:1px;
	border-style:solid;
	border-radius:.75rem;
}

.selectedpersonas li{
	display:none;
}
.selectedpersonas.selectadmin li.cat-admin{
	display:inline-block;
}
.selectedpersonas.selectclinical li.cat-clinical{
	display:inline-block;
}
.selectedpersonas.selectnon-clinical li.cat-non-clinical{
	display:inline-block;
}
.selectedpersonas.selectpatients li.cat-patients{
	display:inline-block;
}
.selectedpersonas.selectall li{
	display:inline-block;
}

.news-items.newsinaslider,
.news-items.newsinawideslider{
	margin-left:0;
	margin-right:0;
}
.news-items{
	display:flex;
	flex-wrap:wrap;
	margin-left:-.5rem;
	margin-right:-.5rem;
}
.news-items .news-item{
	width:25%;
	padding:.5rem;
	margin-bottom:3rem;
}
.news-items .news-item-featured{
	width:100%;
}
/* these .newsfeatureinside size styles are different from the .pagefeatureinside styles, */
/* as they depend on being in the bxslider, */
/* which dynamically sets a height we can depend on. */
.newsfeatureinside{
	display:flex;
	height:100%;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	border-width:1px 1px 1px 0;
	border-style:solid;
}
.newsfeatureinside .imgside{
	width:41.1%;
	height:100%;
}
.newsfeatureinside .imgside .imgbox{
	height:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
.newsfeatureinside .txtside{
	width:58.9%;
	height:100%;
}
.newsfeatureinside .txtside .txtbox{
	display:flex;
	flex-direction:column;
	justify-content:center;
	width:100%;
	height:100%;
	padding:min(10%,3rem) 6.58%;
	padding-right:4rem; /* as wide as the :after element */
	background-repeat:no-repeat;
	background-size:7.5rem auto;
	background-position:right top, right bottom;
	position:relative;
}
.newsfeatureinside .txtside .txtbox:after{
	content:"";
	display:block;
	width:4rem;
	height:calc(100% - 7rem);
	position:absolute;
	top:3.50rem;
	right:0;
	background-repeat:repeat-y;
	background-position:right center;
	background-size:7.5rem auto;
	/* background-size to match the background sizes of the top and bottom shapes, */
	/* but the element itself does not have to be as wide, just enough space to make sure things fit */
}
.newsfeatureinside ul.cats{
	margin-bottom:0;
}

@media(max-width:768px){
	.newsfeatureinside{
		display:block;
		position:relative;		
	}
	.newsfeatureinside .txtside{
		display:block;
		width:100%;
		height:100%;
		padding-top:72.625%; /* for the image */
	}
	.newsfeatureinside .imgside{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:0;
		padding-top:72.625%;
	}
	.newsfeatureinside .imgbox{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:1;
	}
}



.category .no-results{
	margin-bottom:5rem;
}
.news-item .inside{
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	padding:0;
	border-width:1px;
	border-style:solid;
}
.news-item .imgbox{
	width:100%;
	height:0;
	padding-top:72.625%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	margin-bottom:0;
}
.news-item .inside .item-header h2{
	padding:1.25em 1.875rem 0 1.875rem;
}
.news-item .inside .excerpt{
	padding:0 1.875rem;
	flex-grow:2;
}
.news-item .inside .item-footer{
/*
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-end;
*/
	padding:1.875em 1.875rem;
/*	gap:.5em;
*/
}
.news-item .inside .item-footer *{
	margin-bottom:0;
}
.latestnews > h2{
	padding:.9em 1.875rem;
	border-width:1px;
	border-style:solid;
}
.latestnews .news-item .inside{
	padding:0 1.875rem;
}
.latestnews .news-item .inside .item-header h2{
	padding:1.2em 0 1em 0;
}
.latestnews .news-item .inside .item-footer{
	padding:1em 0 1.2em 0;
}

.personalatest,
.personafaqs{
	margin-bottom:5rem;
}


/* pagination */
/* kriesi */


.pagination{
	text-align:center;
	padding:3rem 0;
}
.pagination a,
.pagination span{
	display:inline-block;
	width:2.125rem;
	height:2.125rem;
	font-size:1.1875rem;
	font-weight:700;
	line-height:2.125rem;
	border-radius:1.0625rem;
	box-sizing:border-box;
	padding-top:.1rem;
	overflow:hidden;
}
.pagination a.inactive{
	opacity:0.5;
	cursor:default;
}
.page-numbers{
	margin:0 .5rem;
}

.page-first,
.page-prev,
.page-next,
.page-last,
.nav-links .prev,
.nav-links .next{
	text-indent:3em;
	background-position:center;
	background-repeat:no-repeat;
}
.page-first{
	background-position:center,30% center;
}
.page-last{
	background-position:center,70% center;
}
.page-prev{
	margin-left:-.5rem;
	margin-right:.5rem;
}
.page-next{
	margin-right:-.5rem;
	margin-left:.5rem;
}


.home #primary div.outer:last-child{
	padding-bottom:5vw;
}

#colophon{
	position:relative;
	border-width:1px 0 0 0;
	border-style:solid;
}
#colophon .inner{
	position:relative;
	display:flex;
	padding-top:5.25rem;
	padding-bottom:3.75rem;
	padding-top:4.375vw;
	padding-bottom:3.125vw;
	padding-right:calc(27vw - clamp(1rem,4vw,8.75rem));
}
#colophon:after{
	content:"";
	display:block;
	position:absolute;
	right:0;
	bottom:0;
	width:21.56vw;
	height:100%;
	background-repeat:no-repeat;
	background-position:left center;
	background-size:auto 110%;
}
#colophon .inner:before{
	content:"";
	display:block;
	width:14.6875vw;
	height:11.78vw;
	background-repeat:no-repeat;
	background-position:left center;
	background-size:contain;
	margin-right:6.8vw;
}
#footernav li{
	display:inline;
	white-space:nowrap;
	margin-right:2em;
}
#footernav li:last-child{
	margin-right:0;
}


/* webkit things */

input[type=text],
input[type=search],
input[type=button],
input[type=email],
input[type=submit],
textarea{
	-webkit-appearance:none;
	-webkit-border-radius:.75rem;
}
*{
	-webkit-text-size-adjust:100%;
}

/* Where placeholder needs to obey the styles */

/* fix the stupid placeholder colour */
/* separate rules, because: "a group of selectors containing an invalid selector is invalid". */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	font-family:Arial,sans-serif;
	font-size:clamp(1rem,1.1875vw,1.1875rem);
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	font-family:Arial,sans-serif;
	font-size:clamp(1rem,1.1875vw,1.1875rem);
	opacity:1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	font-family:Arial,sans-serif;
	font-size:clamp(1rem,1.1875vw,1.1875rem);
	opacity:1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	font-family:Arial,sans-serif;
	font-size:clamp(1rem,1.1875vw,1.1875rem);
}
::-ms-input-placeholder { /* Microsoft Edge */
	font-family:Arial,sans-serif;
	font-size:clamp(1rem,1.1875vw,1.1875rem);
}


@media(max-width:1500px){
	.news-items .news-item,
	.resultslist li.result-post{
		width:calc(100% / 3);
	}
}
@media(max-width:1150px){
	#colophon .inner:before{
		width:12vw;
		margin-right:5vw;
	}
}
@media(max-width:1100px){
	.resultslist li.result-resource,
	.resultslist li.result-faq,
	.resultslist li.result-post,
	.news-items .news-item{
		width:50%;
	}
	.resourcegroup,
	.faqgroup{
		display:block;
	}
	.resourcegroup h2,
	.resourcegroup .resources-wrap,
	.faqgroup h2,
	.faqgroup .faqs-wrap{
		width:100%;
	}
}
@media(max-width:1040px){
	#colophon:after{
		width:clamp(11rem,24vw,16rem);
		height:clamp(12.375rem,27vw,18rem);
		background-position:left top;
		background-size:136% auto;
	}
	#colophon .inner{
		display:block;
	}
	#colophon .inner:before{
		width:max(7.5rem,12vw);
		height:max(6rem,9.63vw);
		margin-bottom:2rem;
	}
}
@media(max-width:800px){
	#colophon .inner{
		padding-right:0;
	}
	#footernav{
		min-height:max(13rem,30vw); /* to keep room for the right side shape */
	}
	#footernav li{
		display:block;
		margin-bottom:.5em;
	}
}
@media(max-width:767px){
	
	.page-header.outer{
		padding-left:0;
		padding-right:0;
	}
	.page-header .inner{
		display:block;
	}
	.page-header .heading{
		width:100%;
		padding-top:1.5rem;
		padding-bottom:1.5rem;
		padding-left:clamp(1rem,4vw,8.75rem);
		padding-right:clamp(1rem,4vw,8.75rem);
	}
	.single-post-header .heading{
		padding-bottom:0;
	}
	.page-header .headerdeco{
		width:100%;
		margin-left:0;
		margin-right:0;
	}
	.resultslist li.result-resource,
	.resultslist li.result-faq,
	.resultslist li.result-post,
	.resourcies-wrap ul.resources,
	.faqs-wrap ul.faqs,
	.news-items .news-item{
		width:100%;
	}
}

@media(max-width:630px){
	/* subnav layout changes */
	.subnav{
		border-width:0;
	}
	.subnavbox{
		width:100%;
		padding:.5em 1em;
		border-width:1px;
		border-style:solid;
		padding-right:2rem; /* room for the button */
		position:relative;
	}
	.subnavbox button{
		position:absolute;
		right:1em;
		top:.8em;
		display:inline-block;
		width:1.25rem;
		height:1rem;
		border-width:0;
		padding:0;
		background-color:transparent;
		background-repeat:no-repeat;
		background-position:center;
		background-size:contain;
		transition:transform .5s ease-in-out 0s;
		cursor:pointer;
		
		/* overlap the top line */
	
		right:0;
		top:0;
		width:100%;
		height:2.5rem;
		background-position:calc(100% - 1rem) center;
		background-size:1.25em auto;
	}
	.subnavbox.nojs button{
		display:none;
	}
	.subnavbox.subnavisopen button{
		transform:scaleY(-1);
	}
	.subnav p,
	.subnav ul{
		display:block;
		margin-right:0;
		margin-bottom:0;
	}
	.subnav ul li{
		display:block;
		padding:0;
		border-width:0;
	}
	.subnav ul{
		display:none;
	}
	.subnav .nojs ul{
		display:block;
		padding-top:.5em;
	}	
	.subnav .subnavisopen ul{
		display:block;
		padding-top:.5em;
	}
	.subnav + #crumbs{
		padding-top:0;
	}
	.page-content > .inner{
		padding-top:1rem;
	}
	.home .page-content > .inner{
		padding-top:1.5rem;
	}
	
	/* categories changes */
	
	
	.topcatsbox{
		font-size:1rem;
		width:100%;
		padding:.5em 1em;
		border-width:1px;
		border-style:solid;
		padding-right:2rem; /* room for the button */
		position:relative;
		margin-bottom:1em;
	}
	.topcatsbox button{
		position:absolute;
		right:1em;
		top:1.6em;
		display:inline-block;
		width:1.25rem;
		height:1rem;
		border-width:0;
		padding:0;
		background-color:transparent; /* always, regardless of colour style */
		background-repeat:no-repeat;
		background-position:right center;
		background-size:contain;
		transition:transform .5s ease-in-out 0s;
		cursor:pointer;

		/* overlap the top line */
	
		right:0;
		top:0;
		width:100%;
		height:4rem;
		background-position:calc(100% - 1rem) center;
		background-size:1.25em auto;
		z-index:1;
	}
	.topcatsbox.nojs button{
		display:none;
	}
	.topcatsareopen button{
		transform:scaleY(-1);
	}
	.topcats{
		display:flex;
		flex-wrap:wrap;
		border-width:0;
		margin-bottom:0;
	}
	li.selectnone{
		display:block;
	}
	.topcats li a{
		border-width:0 !important;
	}
	.topcats li{
		width:100%;
		position:relative;
		display:none;
		margin-right:0;
	}
	.nojs .topcats li,
	.topcatsareopen .topcats li{
		display:block;
	}
	.topcats li.current,
	.topcats li.currentparent{
		order:-1;
		display:block;
		padding-right:2rem;
	}
	.personas li{
		margin:0 0 .8125em 0;
	}
	.personas li a{
		padding:0;
		border-radius:0;
		border-width:0;
	}
	body.blog .personas li,
	body.archive .personas li{
		display:block;
	}
	.selectedpersonas.selectadmin li.cat-admin{
		display:block;
	}
	.selectedpersonas.selectclinical li.cat-clinical{
		display:block;
	}
	.selectedpersonas.selectnon-clinical li.cat-non-clinical{
		display:block;
	}
	.selectedpersonas.selectpatients li.cat-patients{
		display:block;
	}
	.selectedpersonas.selectall li{
		display:block;
	}
	
	
	

}

@media(max-width:630px){
	.hp-header{
		display:block;
	}
	.hpheading{
	}
	.hpheading,
	.hpheadingside{
		width:100%;
	}
	.home h1{
		font-size:clamp(2rem,19vw,4.875rem);
		padding:1em 0 1.5em 0;
		background-position:center;
		background-size:59% auto;
	}
}



@media(max-width:925px){
	#page{
		padding-top:3.75rem; 
	}
	#masthead{
		position:relative; 
		/* not fixed, so it does not take up half the screen when people are on small screens or large font */
		/* padding-top:3.75rem; /* for the fixed #access bar */
		height:auto;
	}
	.admin-bar #masthead{
		top:0;
	}
	@media(max-width:782px){
		.admin-bar #masthead{
			top:0;
		}
	}
	#access{
		position:fixed;
		/* but the accessibility link and burger do need to stay */
		top:0;
		width:100%;
		z-index:2;
	}
	#access{
		min-height:3.75rem;
	}
	#accesstoggle{
		display:block;
	}
	#toggle{
		display:block;
		position:fixed;
		top:0;
		right:clamp(1rem,4vw,8.75rem);
		height:3.75rem;
		width:5rem;
		z-index:3;
	}
	#toggle a{
		display:block;
		width:100%;
		height:100%;
	}
	#toggle a span.burger{
		display:block;
		width:100%;
		height:100%;
		background-repeat:no-repeat;
		background-position:right center;
		background-size:auto 1.125rem;
		font-size:1rem;
		font-weight:700;
		line-height:3.75rem;
	}
	body.access-on,
	body.toggled-on{
		overflow:hidden;
	}
	#access .tbblock{
		padding-left:0;
		border-left-width:0;
		margin-left:0;
	}
	#access .tbblock.language{
		text-align:left;
	}
	#access .tbblock.language .gtranslate_wrapper{
		margin-left:0;
		margin-right:auto;
	}
	#navcontent ul{
		font-size:1.75rem;
		text-align:left;
	}
	#navcontent li{
		display:block;
		margin-bottom:1em;
	}
	#navcontent ul > li{
		padding:0;
	}
	#navcontent ul li a{
		padding-left:0;
	}
	#navcontent ul li.menu-item-has-children > button{
		display:inline-block;
		width:1.5rem;
		height:.8125rem;
		font-size:inherit;
		border-width:0;
		padding:0;
		background-repeat:no-repeat;
		background-position:center;
		background-size:contain;
		transform:none;
		transition:transform .5s ease-in-out 0s;
		margin-left:1em;
	}
	#navcontent ul li.menu-item-has-children.submenuisopen > button{
		transform:scaleY(-1);
	}
	#navcontent ul ul{
		font-size:1.125rem;
		padding-left:.625rem;
	}
	#navcontent ul ul.sub-menu{
		padding-top:1em;
		padding-left:1em;
	}
	#navcontent ul li.menu-item-has-children.submenuisopen ul.sub-menu{
		display:block;
	}
	#accesscontent,
	#navcontent{
		position:fixed;
		top:3.75rem;
		left:0;
		width:100%;
		height:calc(100vh - 3.75rem);
		padding-top:6.25rem;
		padding-bottom:5rem;
		padding-left:clamp(1rem,4vw,8.75rem);
		padding-right:clamp(1rem,4vw,8.75rem);
		overflow:auto;
		display:none;
	}
	#accesscontent{
		/* exception, does not change with different colour schemes */
		background:#FAFAFA;
		color:#1A1A1A;
	}
	.admin-bar #access,
	.admin-bar #toggle{
		top:32px;
	}
	.admin-bar #accesscontent,
	.admin-bar #navcontent{
		top:calc(3.75rem + 32px);
	}
	@media(max-width:782px){
		.admin-bar #access,
		.admin-bar #toggle{
			top:46px;
			transition:all .5s ease-in-out 0s;
		}
		.admin-bar #accesscontent,
		.admin-bar #navcontent{
			top:calc(3.75rem + 46px);
		}
	}
	@media(max-width:600px){
		.admin-bar.scrolled #access,
		.admin-bar.scrolled #toggle{
			top:0;
		}
		.admin-bar.scrolled #accesscontent,
		.admin-bar.scrolled #navcontent{
			top:3.75rem;
		}
	}

	.access-on #accesscontent,
	#access:target #accesscontent,
	.toggled-on #navcontent,
	#nav:target #navcontent{
		display:block;
	}
	.access-on #navcontent,
	#access:target #navcontent,
	.toggled-on #accesscontent,
	#nav:target #accesscontent{
		display:none;
	}
	
	#access .accessisopen,
	#access:target .accessisclosed,
	.access-on #access .accessisclosed,
	#nav .navisopen,
	#nav:target .navisclosed,
	.toggled-on #nav .navisclosed{
		display:none;
	}
	#access .accessisclosed,
	#access:target .accessisopen,
	.access-on #access .accessisopen,
	#nav .navisclosed,
	#nav:target .navisopen,
	.toggled-on #nav .navisopen{
		display:block;
	}
	#access:target #nav .navisopen,
	.access-on #nav .navisopen,
	#nav:target #access .accessisopen,
	.toggled-on #access .accessisopen{
		display:none;
	}
	#access:target #nav .navisclosed,
	.access-on #nav .navisclosed,
	#nav:target #access .accessisclosed,
	.toggled-on #access .accessisclosed{
		display:block;
	}
}