/* NHS blue is #005eb8 */

.ctr {
	text-align: center;
}


body {
	color: #1d1e1f; /*#2f3e46;*/
	background-color: #feede3; /*#fbf6f0;*/
}

header.home {background-color: #feede3; border-width: 0;}
header.home > a {color: #1d1e1f; margin: 10px 5px 0px; font-weight: 600;} 

.limeblob {background-color: #e5e263; border-radius: 20px; padding: 25px 25px 5px;}
.limeblob > h1 {margin: 0;}
.limeblob > h2 {margin: 0;}

.sageblob {background-color: #e0e7c1; border-radius: 20px; padding: 25px 25px 5px; margin-top: 15px;}
.sageblob > h2 {margin: 0;}

.seethru {padding: 0 25px;}

.merriweather {
  font-family: "Merriweather", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;  
}

h1.merriweather {font-size: 2.6rem;}
h2.merriweather {font-size: 2rem;}
h3.merriweather {font-size: 1.44rem; margin-top: 1rem;}
h4.merriweather {font-size: 1.15rem;}
.notopmargin {margin-top: 0}


.opensans {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

body > header {
	color: #fff;
	--text: #fff;
	background-color: #354f52;
	padding-bottom: 16px;
	
}

.teal {color: #069494;}
.purple {background-color: #940694;}
.purple > a {color: #fff;}
.orange {background-color: #ff7a3c; --accent-hover: sandybrown;}
.orange > a {color: black;}

body > header h1 {
	margin: 0 auto;
}

body > footer {
  background-color: #4d4d4d; /*#005eb8;*/ /*#EBD5AB; */ /*#d8dde0;*/
  /* border-top: 4px solid #C0A35A; */
  grid-column: 1 / -1;
  padding: 1rem 0 1.5rem 0;
  --standard-border-radius: 0;  
}

h3 {margin-bottom: 0;}
h4 {margin-bottom: 0;}

.bottom { 
	color: white;
	width: min(45rem, 100%);
	height: 130px;
	text-align: left;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}


.bottom a {color: white;}

	img.bacp {height:100px;width:auto;}
	img.aip  {height:90px;width:auto;}

@media only screen and (max-width: 740px) {
	div.bacp {margin-left:10px;}
	img.bacp {height:60px;width:auto;}
	img.aip  {height:50px;width:auto;}
}

@media only screen and (max-width: 500px) {
	div.bacp {margin-left:8px;}
	img.bacp {height:40px;width:auto;}
	img.aip  {height:30px;width:auto;}
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) { .map {height:300px;} }

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) { .map {height:300px;} }

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) { .map {height:400px;} }

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) { .map {height:400px;} }

.middle { 
	text-align: left;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}

.middleleft {
	width: 50%;
	float: left;
}

.middleright {
	width: 40%;
	float: right;
}

.bottomleft {
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
}

.bottomright {
	padding: 10px;
	position: absolute;
	line-height: 2;
	top: 0;
	left: 60%;
	width: 40%;
}

.bulleted{display: list-item; margin-left:1em;}

.checkingdiary {
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' \
	version='1.1' height='50px' width='220px'><text x='0' y='15' fill='slategray' \
	font-family='sans-serif' font-size='20'>Checking my diary...</text></svg>");
	background-repeat: no-repeat;
	background-position: center 20%;
}

/* sticky footer */
html {
  height: 100%;
}
body {
  min-height: 100%;
  display: grid;
  grid-template-rows: auto 1fr auto;
}
header {grid-row: 1;}
main {grid-row: 2;}
footer {
  grid-row: 3;
}
/* end of sticky footer */