/* @override 
	https://hampsteadparishchurch.org.uk/dev/wp-content/themes/hpc/styles/style.css?* */

/*
 background				white			 			rgb(255,255,255)
 UI background			natural						rgba(238, 233, 219, 1)
 text					warm black					#2e231d
 
 
 col1					peach (Chancel area)			#ffcc99
 col2		 			sky blue (Chancel area)		#8485A2
 col3				 	natural	brown				#6F4709
 col4	 				traditional blu (cur site)	#293B68
 col5					music red					#9F231E	
 col5					history green				#4C6635
 col6 					neutral						rgba(238, 233, 219, 1)	
 col7					dark						#2e231d
 
 
 chevron 		blu		#293B68		nav: toggle submenu			position: left
 chevron 		blu		#293B68		nav: submenu link			position: right


/************** RESET Eric Meyer's Reset Reloaded - thanks, Eric :) ****************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

address, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
	display: block;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

[type="submit"] {
	-webkit-appearance: none;
}
:active,
:focus,
::focus-visible,
:-internal-direct-focus {
	outline: none;
	outline-color: transparent;
}

*, *:before, *:after {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* --- BASE --- */
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	font-family:  'Open Sans', Calibri, Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	line-height: 1.55;
	color: #2e231d;
	background: hsla(39, 83%, 88vw, .2);
}


/* --- utilities --- */
.hide, .hidden {
	display: none;
}

.center {
	text-align: center;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.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;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

.clear:before, .clear:after, .wrap:before, .wrap:after, #content:before, #content:after, .columns:before, .columns:after, .searchform:before, .searchform:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after, .wrap:after, #content:after, .columns:after, .searchform:after {
	clear: both;
}


/* --- TYPOGRAPHY --- */
h1, h2, h3, h4, h5, h6 {
	font-family:  'Lora', Calibri, Helvetica, Arial, sans-serif; 
	color: #333;
}
h1 {
   font-size: 1.8em;
   font-weight: 600;
   line-height: 1.15;
}
h2 {
   font-size: 1.6em;
   font-weight: 500;
   margin: 0 0 .4em 0;
   color: #4c4942;
}
h2::after {
   content: '';
   display: block;
   width: 80%;
   height: 2px;
   background: hsla(44, 37%, 89%, 1);
   margin: -6px 0 0 0;
}
.home .is-style-box h2::after {
	margin: 0 auto .26em auto;
}

h3 {
	font-size: 1.4em;
	font-weight: 600;
	margin: 0 0 .5em 0;
	color: #827e71;
}
p + h3 {
	margin-top: 2.5em;
}
h4 {
	font-size: 1.3em;
	line-height: 1.1;
	font-weight: 300;
	margin: 0 0 .6em 0;
}
h5, h6 {
	font-size: 1em;
	font-weight: bold;
}

h3::after, h4::after {
	content: '';
	display: block;
	width: 80%;
	height: 1px;
	background: #ffcc99;
	margin: -3px 0 0 0;
}
p {
	margin-bottom: 1.86em;
	font-size: 1em;
	line-height: 1.6;
	max-width: 86ch;
}



p.meta {
	font-family:  'Lora', Calibri, Helvetica, Arial, sans-serif;
	font-size: .86em;
	margin: -.7em 0 .86em 0;
	padding: 0;
	color: #999;
	/*border-top: 2px solid hsla(44, 37%, 89%, .8);*/
}
strong {
	font-weight: 800;
}
em {
	font-weight: 600;
	font-style: italic;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.4em;
}
sub {
	bottom: -0.25em;
}
.home blockquote {
	margin: 0 auto;
	max-width: 60ch;
}
.home blockquote:before {
	display: none;
}


blockquote {
	font-family:  'Lora', Calibri, Helvetica, Arial, sans-serif;
	font-size: 1.25em;
	font-weight: 200;
	line-height: 1.5;
	margin: .26em 0 2em 0;
	color: #6699cc;
	max-width: 46ch;
	margin: 1em auto 2em 1em;
}
blockquote:before {
	content: ' \201C ';
	font-family:  'Lora', Calibri, Helvetica, Arial, sans-serif;
	font-size: 2em;
	font-weight: 200;
	line-height: 1.5;
	float: left;
	margin: -.26em 0 0 -.6em;
}
blockquote p {
	margin: 0;
}
blockquote cite {
	display: block;
	font-size: .82em;
	font-style: italic;
	margin: .36em 0 0 0;
	padding-top: .36em;
	color: #6699cc;
	opacity: .6;
}


/* --- lINKS --- */
a {
	padding: 1px 2px;
	color: hsl(222, 43%, 28%);
}
a, a:link, a:visited {
	color: hsl(222, 43%, 28%);
	color: #4C6635;
	text-decoration-color: #4C6635;
	text-decoration-thickness: .06em;
	text-underline-offset: 2px;
}
a:hover, a:active, a:focus {
	cursor: pointer;
	color: #666;
	color: #6699cc;
	text-decoration-color: #ffcc99;
}
a:focus {
	outline: thin dotted;
}
a:hover, a:active {
	outline: 0;
}


/* --- LISTS --- */
ul, ol {
	margin: .6em 0 2em 0;
	padding: 0 1.2em;
	color: rgba(51,51,51, .8);
}

/* reduce top margin if list follows paragraph */
p + ul {
	/*margin-top: -1.25em;*/
}


li {
	margin: 0 0 .46em 0;
}
dd {
	margin: 0 0 0 40px;
}

nav ul, nav ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

/* sunday services list */
dt {
	margin: 0;
	display: block;
	
}
dd {
	margin: 0;
	display: block;
	color: hsl(43, 7%, 48%);
}


/* --- IMAGES --- */
img {
	display: block;
	max-width: 100%;
	height: auto;
}

.alignright {
	display: block;
	width: 100%;
	float: right;
	margin: 6px 0 6px 12px;
	border: 6px solid #eee9da;
}
.alignleft {
	display: block;
/*	width: 100%;
	max-width: 320px;*/
	float: left;
	margin: 6px 12px 6px 0;
	border: 6px solid #eee9da;
}

/* --- IMAGES ::— overrides: history, small thn ofbook */
.page-id-90 .alignleft {
	width: auto;
	max-width: unset;
	border: 0;
}


/* --- CSS SWITCH STYLING --- */

#switch {
	display: block;
	/*width: 12em;*/
	width:  70px;
	height: 2em;
	position: absolute;
	right: 4vw;
	margin-top: 4px;
	z-index: 6;
	background: none;
	text-align: right;
	display: none;
}
#switch ul {
	margin: 0;
}
#switch li {
	display: inline-block;
	/*width: 16em;*/
	height: 24px;

}
#switch li a:link {
	/*position: relative;*/
	display: block;
	min-height: 1em;	
}
#switch a:link svg, #switch a:visited svg {
	position: absolute;
	top: 3px;
	display: block;
	width: 24px;
	height: 24px;
	fill: #333;
	background: hsla(44, 37%, 89%, .75);
	border-radius: 50%;
	padding: 2px;
}
#switch a:hover svg, #switch a:active svg, #switch a:focus svg {
	fill: hsla(43, 0%, 100%, 1);
	background: hsl(0, 0%, 20%);
}
/* default(light) */
#switch li.default a:link svg {
	right: calc(1vw + 28px);
}
#switch li.default a:link em, #switch li.default a:visited em {
	width: 100%;
	height: 24px;
	position: absolute;
	top: 4px;
	right: calc(1vw + 64px);
	font-size: .8em;
	line-height: 1.8;
	color: #fff;
	opacity: 0;
}
#switch li.default a:hover em, #switch li.default a:active em, #switch li.default a:focus em {
	opacity: 1;
}
/* dark */
#switch li.dark a:link svg {
	right: 1vw;
}
#switch  a:link em, #switch li.dark a:visited em {
	width: 14em;
	max-width: 14em;
	height: 24px;
	position: absolute;
	top: 4px;
	right: calc(1vw + 64px);
	font-size: .8em;
	line-height: 1.8;
	color: #333;
	opacity: 0;
}
#switch li.dark a:hover em, #switch li.dark a:active em, #switch li.dark a:focus em {
	opacity: 1;
}
/* show for inactive only */
#switch li.default.on a:link em, #switch li.default.on a:visited em, #switch li.default.on a:hover em, #switch li.default.on a:active em, #switch li.default.on a:focus em,
#switch li.dark.on a:link em, #switch li.dark.on a:visited em, #switch li.dark.on a:hover em, #switch li.dark.on a:active em, #switch li.dark.on a:focus em {
	opacity: 0;
}


/* v2 */
#switch input {
	display:  none;
}

#switch label {
	display: inline-flex;
	width:  26px;
	height: 26px;
	font-size:  0;
	color:  transparent;
	border-radius: 100%;
	margin:  0 0 0 8px;
	background-color: hsla(44, 37%, 89%, .75);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 22px;
	position: relative;
}
#switch label:hover,
#switch :checked + label {
	background-color: rgba(51,51,51, .4);
	cursor: pointer;
}

#switch label:before {
	display: block;
	width: 100px;
	height: 24px;
	font-size: 14px;
	font-style: italic;
	color: #fff;
	position:  absolute;
	top: -23px;
	left:  -77px;
	z-index: -1;
	opacity:  0;
}
#switch label:hover:before {
	z-index: 5;
	opacity:  1;
}

#switch label[for="default"] {
	background-image: url(../assets/images/style-default.svg);
}
#switch label[for="default"]:before {
	content: "switch to light";
}

#switch label[for="theme1"] {
	background-image: url(../assets/images/style-dark.svg);
}
#switch label[for="theme1"]:before {
	content: "switch to dark";
}




/* --- HEADER --- */
header {
	display: block;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
header h1 a, 
header h1 a:link, 
header h1 a:visited {
	display: block;
	border: 0;
	padding: calc(30px + 4vw) 1vw 1vw 1vw;
}
header h1 a:hover, 
header h1 a:active, 
header h1 a:focus {
	color: #4C6635;
}
header h1 a svg {
	display: block;
	width: 88vw;
	max-width: 900px;
	height: auto;
	margin: 1ch auto 0 auto;
}



/* --- sitenav --- */
.sitenav {
	font-family:  'Lora', Calibri, Helvetica, Arial, sans-serif;
	font-size: .9em;
	background: #eee9da;
	border-top: 1px solid #eee9da;
	border-bottom: 1px solid #eee9da;
	margin: 0;
}

/* menu toggle */
#menu-toggle {
	display: none;
}
#menu-toggle + .toggle, #menu-toggle:checked + .toggle {
	display: inline-block;
	width: 100%;
	position: relative;
	background: hsla(44, 37%, 89%, .25);
	padding: .6em 0;
	margin: 0;
}
#menu-toggle + .toggle strong {
	position: absolute;
	display: block;
	top: 12px;
	left: calc(8vw + 28px);
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: 400;
	line-height: .8;
	color: #293b68;
}
#menu-toggle + .toggle:hover, #menu-toggle + .toggle:active, #menu-toggle + .toggle:focus {
	cursor: pointer;

}
#menu-toggle + .toggle:hover strong, #menu-toggle + .toggle:active strong, #menu-toggle + .toggle:focus strong {
	font-weight: 600;
	color: #4C6635;
}

/* show/hide menu */
#menu-toggle + .toggle + .sitenav {
	display: none;
	-webkit-transition: all .2s ease-in-out;  
	-moz-transition: all .2s ease-in-out;  
	-o-transition: all .2s ease-in-out;  
	transition: all .2s ease-in-out;
}
#menu-toggle:checked + .toggle + .sitenav {
	display: block;
	-webkit-transition: all .2s ease-in-out;  
	-moz-transition: all .2s ease-in-out;  
	-o-transition: all .2s ease-in-out;  
	transition: all .2s ease-in-out;
}

/* 3 lined toggle vis  */
#menu-toggle + .toggle label {
	display: block;
	color: #293b68;
}
#menu-toggle + .toggle:hover label {
	color: #293b68;
	display: block;
	margin: 0 0 .25ch 0;
}
#menu-toggle + .toggle [class*='line-'] {
	background: #293b68;
	display: block;
	border-radius: 3px;
	height: 2px;
	width: 20px;
	margin: 3px 0 0 8vw;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .2s ease all;
	transition: .2s ease all;
}
#menu-toggle + .toggle:hover [class*='line-'] {
	background: #4A65A2;
}
#menu-toggle:checked + .toggle .line-top {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	transform-origin: 10% 0;
	margin: 5px 0 0 8vw;
}
#menu-toggle:checked + .toggle .line-mid {
	opacity: 0;
}
#menu-toggle:checked + .toggle .line-bot {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transform-origin: 10% 0;
	margin: 5px 0 0 8vw;
}

/* menu */
.sitenav li  {
	margin: 0;
	border: 0;
}
.sitenav .menu > li a, 
.sitenav .menu > li a:link, 
.sitenav .menu > li a:visited {
	display: block;
	font-family:  'Open Sans', Calibri, Helvetica, Arial, sans-serif;
	padding: 5px 8vw 5px calc(8vw + 12px);
	color: #2f291e;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	transition: color .2s ease-in-out, background .2s ease-in-out;
}
.sitenav .menu a:hover,
.sitenav .menu a:active,
.sitenav .menu a:focus {
	background: rgba(255,255,255,.27);
	color: #fff;
}

/* add chevron (point right) to links */
.sitenav .menu > li a {
	overflow: hidden;
}
.sitenav .menu > li a:after {
	content: '';
	float: right;
	width: 12px;
	height: 12px;
	margin: 4px 12px 0 0;
	background: url(../assets/images/chevron2.svg);
	-webkit-transition: all .2s ease-in-out;  
	-moz-transition: all .2s ease-in-out;  
	-o-transition: all .2s ease-in-out;  
	transition: all .2s ease-in-out;
}
.sitenav .menu > li a:hover:after {
	margin: 4px 2px 0 0;
}

/* current hilight */
.sitenav .menu li.current-menu-item a, 
.sitenav .menu li.current-menu-item a:link, 
.sitenav .menu li.current-menu-item a:visited {
	background: rgba(255,255,255,.77);
}
.sitenav .menu li.current-menu-item a:after {
	background: url(../assets/images/chevron9.svg);
}

/* section menu toggles */
.sitenav .menu li.label > a {
	display: block;
	width: 100%;
	font-family: 'Lora', Calibri, Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	margin: 0;
	padding: 5px 8vw;
	color: #323b4e;
	background: rgba(255,255,255,.25);
	border-color: transparent;
	position: relative;
	transition: all .2s ease-in-out;
}
.sitenav .menu li.label > a:hover,
.sitenav .menu li.label > a:active,
.sitenav .menu li.label > a:focus {
	cursor: pointer;
	background: rgba(255,255,255,.75);
}
.sitenav .menu li.label > a.open {
	background: rgba(255,255,255, .8);
	border-bottom: 1px dashed hsla(222, 43%, 28%,.6);
}
.sitenav .menu li.label > a.open:hover,
.sitenav .menu li.label > a.open:active,
.sitenav .menu li.label > a.open:focus {
	cursor: pointer;
	background: rgba(255,255,255,.75);
}

/* level 3 */
.sitenav .menu .sub-menu li.label > a {
    min-width: 16em;
    text-indent: 14px;
    background: rgba(255, 255, 255, 0.5);
}

/* level 3 */
.sitenav .menu .sub-menu .sub-menu {
	font-size: .9em;
	background: rgba(255, 255, 255, 0.5)
}
.sitenav .menu .sub-menu .sub-menu a {
	text-indent: 16px;
	padding: 5px 8vw 5px calc(8vw + 12px);
}

/* show/hide menu */
.sitenav .menu li.label > a + ul {
	display: none;
	font-size: .9em;
	margin: 0;
    background: rgba(255, 255, 255, 0.25);
}
.sitenav .menu li.label > a.open + ul {
	display: block;
}

/* add chevron to submenu toggles */
.sitenav .menu li.label > a:before {
	content: '';
	background: url(../assets/images/chevron1.svg);
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 8px 0 0;
	transition: all .2s ease-in-out;
}
.sitenav .menu li.label > a:after {
	display: none;
}
.sitenav .menu li.label > a.open:before,
.sitenav .menu li.label > a:hover:before {
	content: '';
	background: url(../assets/images/chevron1.svg);
	display: inline-block;
	width: 12px;
	height: 12px;
	transform: rotate(90deg);
}

/* current section open */
.sitenav .menu li.current-menu-parent > a + ul,
.sitenav > .menu > .current-menu-ancestor > ul.sub-menu {
	display: block;
}




/* missing styles from line 635 */








/* --- FOOTER --- */
footer {
	font-size: .9em;
	padding: .5em 8vw;
	border-top: 1px solid #e2c9b6;
	background: rgba(238, 233, 217, .25);
}
footer ul {
	list-style: none; 
}
footer ul li {
	margin: 0;
}
footer ul a {
	display: block;
	padding: .15em 0 .3em 0;
	text-decoration: none;
	transition: color .2s ease-in-out;
}
/* social media links */
footer .social {
	display: block;
}
footer .social li a em {
	display: none;
}
footer .social li {
	display: inline-block;
	width: 32px;
	margin: 2px;
}
footer .social li a, footer .social li a:link, footer .social li a:visited {
   display: block;
   filter: grayscale(80%);
   transition: filter .2s ease-in-out;
}
footer .social li a:hover, footer .social li a:active, footer .social li a:focus {
    filter: none;
}

/* inclusive church logo */
footer .widget_media_image {
	display: block;
	width: 100px;
	height: 100px;
	float: right;
	margin: 4px;
}

/* charity num */
footer .copy {	
	font-size: .88em;
	display: block;
	width: calc(100% + 16vw);
	margin: 0 -8vw;
	padding: .36em 8vw;
}
footer .copy span {
	white-space: nowrap;
}

/* b2t */
body #scrollToTopBtn {
	display: block;
	position: fixed;
	bottom: 2vh;
	right: 3vw;
	border: none;
	cursor: pointer;
	width: 24px;
	height: 24px;
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	background: #eee9da;
}
body #scrollToTopBtn.is-hidden {
	opacity: 0;
}

/* show when scrolled */
body #scrollToTopBtn.is-visible {
  background: #eee9da;
  opacity: 1;
}
body #scrollToTopBtn.is-visible:hover {
	background: #d0a464;
}

/* --- paypal donate --- */
footer .donate {
	display: flow-root;
	width: 100%;
	padding: 2em 0 4em 0;
}
footer .donate div {
	max-width: 60em;
}
footer .donate:before {
	content: "";
	display: block;
	width: 128px;
	height: 128px;
	border-radius: 50%;
	background: url(../assets/images/donate-photo.jpg) no-repeat;
	background-size: contain;
	position: relative;
	z-index: 2;
	float: left;
	margin-right: 12px;
}
  
/* donate toggle */
#tog-donate {
	display: none;
}
#tog-donate + .toggle {
	position: relative;
}
#tog-donate + .toggle:after {
	content: "";
	display: block;
	width: 88px;
	height: 88px;
	position: absolute;
	right: 5%;
	top: 2ch;
	background: url(../assets/images/arrow-peach.svg) no-repeat;
	background-size: contain;
}
#tog-donate + .toggle:hover:after {
	background: url(../assets/images/arrow-blu.svg) no-repeat;
}
#tog-donate:checked + .toggle:after {
	top: 0.6ch;
	width: 56px;
	height: 56px;
} 
#tog-donate + .toggle,
#tog-donate:checked + .toggle {
	display: block;
	max-width: 80em !important;
	/* font-family: "Lora", Calibri, Helvetica, Arial, sans-serif; */
	font-size: 1.3em;
	font-weight: 400;
	line-height: 1.1;
	margin: 0 0 0.5em 70px;
	padding: 0.5ch 0;
	color: hsl(43, 7%, 48%);
	background: #6699cc;
	color: #fff;
	border-top: 6px solid #ffcc99;
	transition: background 0.2s ease-in-out;
}
#tog-donate + .toggle:hover,
#tog-donate:checked + .toggle:hover {
	background: #2a3b66;
	background-size: auto 85%;
}
  
#tog-donate + .toggle + div p {
	margin: 0 0 1em 0;
}
#tog-donate + .toggle em,
#tog-donate:checked + .toggle em {
	display: block;
	font-size: 1.4em;
}
#tog-donate + .toggle:hover,
#tog-donate + .toggle:active,
#tog-donate + .toggle:focus {
	cursor: pointer;
}
#tog-donate + .toggle + div {
	display: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#tog-donate:checked + .toggle + div {
	display: block;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
footer .donate strong {
	display: block;
}
footer .donate em {
	display: inline-block;  
	font-weight: 300;
}
footer .donate em em {
	font-weight: 600;
}  
footer .donate ul {
	padding: 0;
}
footer .donate ul li {
	display: block;
	margin-bottom: 6px;
}
footer .donate ul li em {
	display: block;
	line-height: 1.1;
}
footer .donate p {
	font-weight: 300;
}
  
  /* donate via paypal */
footer .donate div form {
	display: block;
	width: 7.7em;
	/* padding: 5px; */
	margin: 0 12px 6px 0;
}
footer .donate div form input {
	margin: 0;
	padding: 5px;
	background: #fff;
	border: none;
	border-radius: 0;
}
 footer .donate div form:hover {
	transform: scale(1.2);
	transition: all 0.2s ease-in-out;
}

@media (min-width: 500px) {
	#tog-donate + .toggle + div p {
		margin: 0 0 1em 140px;
	  }
	  footer .donate ul li em {
		display: inline-block;
		width: 160px;
		max-width: 140px;
	  }
	  footer .donate div form {
		float: left;
		margin-top: 3px;
	  }
	  footer .donate div form + p {
		margin-left: calc(140px + 12px);
	  }
}




/* --- CONTENT --- */
main {
	padding: 2em 8vw 4em 8vw;	
}


















/* --- BLOCK : content box */
.content-box {
	max-width: 46em;
	margin: 36px 0;
	padding: 12px 12px 24px 12px;
	border: 2px solid #6f4709;
	border-radius: 6px;
}
.content-box h2 {
	font-family: "optimusprincepssemiboldRg", Times New Roman, Georgia, serif;
    font-size: 1.6em;
	line-height: 1;
	margin: -12px -12px 1ch -12px;
	padding: 28px 12px .2ch 12px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	text-shadow: 2px 0 0 #6f4709;
	border: 0;
}
.content-box h2:after {
	display: none;
}
.content-box ul {
	margin-left: 1em;
}


/* --- BLOCK : image box */
.image-cta {
	display: block;
	min-height: 300px;
	text-decoration: none;
	background-size: 125%;
	background-repeat: no-repeat;
    background-position: center;
	border-radius: 6px;
	position: relative;
	overflow: hidden;
	transition: background-size .2s ease-in-out;
}
.image-cta em {
	display: block;
	font-size: 1.6em;
	font-style: normal;
	font-weight: normal;
    line-height: 1;
	padding: 0.6ch;
	color: #fff;
	background: rgba(42, 59, 102, 0.6);
	border-radius: 0 0 6px 6px;
	position: absolute;
    bottom: 0;
    left: 0;
	right: 0;
}
.image-cta:hover,
.image-cta:active,
.image-cta:focus {
	background-size: 150%;
}


/* --- BLOCK : group */
.is-style-box {
	padding: 12px 12px 24px 12px;
	border: 2px solid;
	border-radius: 6px;
}
.is-style-box h2 {
	font-family: "optimusprincepssemiboldRg", Times New Roman, Georgia, serif;
	font-size: 1.6em;
    color: rgba(42, 59, 102, 1);
}


/* --- BLOCK : iframe --- */
.iframe {
	display: block;
	width: 100%;
	margin-bottom: 1.5em;
}


/* --- BLOCK : accordion --- */
.accordion + .file-cta {
	margin-top: 1.5em;
}
.accordion {
	clear: both;
	margin: 0 0 2px 0;
	border-radius: 0;
	position: relative;
}
.accordion h2 {
	font-family: "Lora", Cumbria, Georgia, Times, serif;
	font-size: 1.6em;
	text-shadow: none;
	line-height: 1;
	margin: -12px -12px 1ch -12px;
	padding: 28px 12px 0 12px;
	color: #283c69;
	border: 0;
}
.accordion h3 {
	color: #293b68;
}
.accordion h3::after {
	background: #ffcc99;
}
.accordion p {
	max-width: 38em;
	font-size: 0.92em;
	margin: 0.6em 0 0.2em 0;
}

.accordion input {
	display: none;
}

.accordion input + .toggle {
	position: relative;
    padding: 12px 0 12px 28px;
	transition: color .2s ease;
	cursor: pointer;
}
.accordion input + .toggle:after {
	content: "";
    display: block;
    width: 24px;
    height: 24px;
	background: url(../assets/images/chevron2.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 12px;
    left: 0;
	transform-origin: 25% 50%;
	transform: rotate(0deg);
	transition: .2s ease all;
}
.accordion input + .toggle, 
.accordion input:checked + .toggle {
	display: block;
    font-family: "Lora", Calibri, Helvetica, Arial, sans-serif;
    font-size: 1.4em;
    font-weight: 400;
    line-height: 1.1;
    color: #283c69;
}
.accordion input + .toggle:hover, 
.accordion input:checked + .toggle {
	color: #ffcc99;
	cursor: pointer;
}
.accordion input + .toggle:hover:after,
.accordion input:checked + .toggle:after {
	transform: rotate(90deg);
}

/* show/hide panel content */
.accordion input + .toggle + .panel {
	position: relative;
	padding: 2ch 2.25ch;
	background: hsla(44, 37%, 89%, 0.25);
	-webkit-transition: 0.2s ease height;
	transition: 0.2s ease height;
	height: 0;
	display: none;
	margin-left: 6px;
}
.accordion input + .toggle + .panel:before {
	content: "";
	display: block;
	height: 100%;
	width: 2px;
	background: #4a65a3;
	position: absolute;
	left: 0;
	top: 0;
}
.accordion input:checked + .toggle + .panel {
	display: block;
	position: relative;
	height: auto;
}
.panel ul {
	margin-left: 1em;
}

/* images in toggled content */
.accordion input:checked + .toggle + .panel, .accordion input:checked + .toggle + .panel .wp-block-group {
	overflow: hidden;
}
.accordion input:checked + .toggle + .panel .wp-block-group p {
	clear: both;
}
.accordion input:checked + .toggle + .panel .wp-block-group blockquote p {
	clear: none;
}
.accordion input:checked + .toggle + .panel figure {
	display: block;
	margin: .6em 0;
}
.accordion input:checked + .toggle + .panel figure.alignleft {
	display: block;
	margin: 0 .6em .6em 0;
	float: left;
}

/* history - war graves details */
.accordion input:checked + .toggle + .panel ul:first-of-type {
	list-style: none;
	margin: 0 0 1em 0;
	color: #283c69;
}
.accordion input:checked + .toggle + .panel ul:first-of-type li {
	margin: 0;
	font-weight: bold;
	 font-family: "Lora", Calibri, Helvetica, Arial, sans-serif;
}
.accordion input:checked + .toggle + .panel ul:first-of-type em {
	display: inline-block;
	width: 12.6em;
	
	font-weight: normal;
	font-style: normal;
}
/* rank/service no etc */
.accordion input:checked + .toggle + .panel ul:first-of-type + ol {
	list-style: none;
}
.accordion input:checked + .toggle + .panel ul:first-of-type + ol:before,
.accordion input:checked + .toggle + .panel ul:first-of-type + ol:after {
	content: '';
	display: block;
	width: 88%;
	height: 1px;
	background: #ffcc99;
}
.accordion input:checked + .toggle + .panel ul:first-of-type + ol li {
	display: block;
	margin: 0 0 .6em 0;
	padding-left: 12.6em;
}
.accordion input:checked + .toggle + .panel ul:first-of-type + ol li em {
	display: inline-block;
	width: 12.6em;
	margin-left: -12.6em;

	font-family: "Lora", Calibri, Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	line-height: 1.18;
}

/* photos */
.accordion input:checked + .toggle + .panel .wp-block-group {
	display: flow-root;
}
.accordion input:checked + .toggle + .panel figure.alignright {
	width: auto;
	
}

/* notes */

.accordion input:checked + .toggle + .panel blockquote {
	font-family:  inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: 1.5;
	max-width: unset;
	margin: .26em 0 2em 0;
	color: inherit;
	margin: 1em auto 2em 0;
}
.accordion input:checked + .toggle + .panel blockquote:before {
	content: 'notes:';
	display: block;
	float: none;
	margin: 0 0 0 0;
	font-size: 1em;
	line-height: 1;
	font-weight: 200;
	line-height: 1.5;
	color: #283c69;
}
.accordion input:checked + .toggle + .panel blockquote p {
	margin: 0;
}
.accordion input:checked + .toggle + .panel blockquote cite {
	display: block;
	font-size: .82em;
	font-style: italic;
	margin: .36em 0 0 0;
	padding-top: .36em;
	color: #283c69;
	opacity: 1;
}
.accordion input:checked + .toggle + .panel blockquote cite::after {
	content: '';
	display: block;
	width: 88%;
	height: 1px;
	background: #283c69;
}



/* --- BLOCK : link cta --- */
h4 + .link-cta {
	margin-top: 1.5em;
}
.link-cta + h3 {
	margin-top: 1.8em;
}
.link-cta {
	display: block;
	width: 88%;
	max-width: 34em;
	overflow: visible;
	font-size: 1em;
	margin: .6em 28px .2em 0;
	padding: .8em 1em;
	border-radius: 0.6em;
	background: hsla(44, 37%, 89%, 0.25);
	border: 2px solid #ffcc99;
	color: hsl(19, 37%, 4%);
	text-decoration: none;
	background-image: url(../assets/images/arrow-peach.svg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 24px;
	transition: .2s ease all;
}
.link-cta:hover {
	background-size: 32px;
	background-color: rgba(255, 204, 153, 0.25);
	cursor: pointer;
}
.link-cta:active,
.link-cta:focus {
	background-size: 20px;
	background-color: #fff;
	cursor: pointer;
}
.link-cta p {
	max-width: 38em;
    font-size: 0.92em;
    margin: 0.6em 0 0.2em 0;
	color: rgba(103, 153, 204, 1);
}
.link-cta p em {
	display: block;
	padding: 3px;
	font-style: normal;
	color: #4c6635;
}


/* --- BLOCK : file cta --- */
.file-cta + h3 {
	margin-top: 1.5em;
}
.file-cta {
	display: block;
	min-height: 132px;
	max-width: 66ch;
	font-size: 0.92em;
	font-weight: 600;
	text-decoration: none;
	margin: 0 0 2px 0;
	padding: 2ch 150px 2ch 3ch;
  	color: #283c69;
	background: rgba(237, 231, 216, .2);
	transition: .2s ease all;
	cursor: pointer;
	position: relative;
}
.file-cta:hover {
	background: rgba(237, 231, 216, 0.75);
}
.file-cta:active,
.file-cta:focus {
	background: #fff;
}
.file-cta em {
	font-family: "Lora", Calibri, Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	font-weight: normal;
	color: #4a65a3;
	display: inline-block;
	min-width: 6em;
}
.file-cta strong {
	display: block;
	font-weight: 500;
	font-size: 1.2em;
	line-height: 1.2;
	color: #283c69;
}
.file-cta span {
	display: block;
	font-size: .8em;
	font-weight: 400;
	color: #283c69;
}
.file-cta span.dl {
	background-color: #ffcc99;
	background-image: url(../assets/images/dl-icon-white.svg);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 6px;
	margin: 6px -150px 0 0;
	padding: 3px 0 3px 36px;
}
.file-cta span.feat {
	width: 100px;
	height: 100px;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 50%;
	position: absolute;
	bottom: 28px;
	right: 40px;
	z-index: 2;
	transform: scale(1);
	transition: .2s ease all;
}
.file-cta:hover span.feat {
	transform: scale(1.2);
}
.file-cta:active span.feat,
.file-cta:focus span.feat {
	transform: scale(.9);
}

/* --- BLOCK : file cta :: regitsers/records --- */
.page-id-473 .file-cta span.feat {
	width: 100px;
	height: 100px;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 0;
	position: absolute;
	bottom: 28px;
	right: 20px;
	z-index: 2;
	transform: scale(1);
	transition: .2s ease all;
}
.page-id-473 .file-cta {
	background: #fff;
	border: 1px solid rgba(255, 204, 153, 1.000);
}
.page-id-473 .file-cta:hover {
	border-color: rgba(40, 60, 105, 1.000);
}
.page-id-473 .accordion input:checked + .toggle + .panel h2 {
	background-color: #fff;
	min-height: 128px;
	width: 100%;
	width: calc(100% + 52px);
	border: 0;
	border-top: 1px solid rgba(255, 204, 153, 1);
	border-bottom: 1px solid rgba(255, 204, 153, 1);
	margin: -20px -118px 1ch -22px;
	padding: 36px 0 36px 156px;
	font-size: 2em;
	font-weight: normal;
}

.page-id-473 .accordion:first-of-type input:checked + .toggle + .panel h2:first-of-type {
	background-image: url(../assets/images/registers-records/christening.png);
	background-size: contain;
	background-repeat: no-repeat;	
}
.page-id-473 .accordion:nth-of-type(2) input:checked + .toggle + .panel h2:first-of-type {
	background-image: url(../assets/images/registers-records/marriages.png);
	background-size: contain;
	background-repeat: no-repeat;
	font-size: 1.2em;
}
.page-id-473 .accordion:nth-of-type(3) input:checked + .toggle + .panel h2:first-of-type {
	background-image: url(../assets/images/registers-records/burials.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.page-id-473 .accordion:nth-of-type(4) input:checked + .toggle + .panel h2:first-of-type {
	background-image: url(../assets/images/registers-records/minutes.png);
	background-size: contain;
	background-repeat: no-repeat;
	font-size: 1.2em;

}
/* remove line */
.page-id-473 .accordion:first-of-type input:checked + .toggle + .panel h2:first-of-type:after, .page-id-473 .accordion:nth-of-type(2) input:checked + .toggle + .panel h2:after, .page-id-473 .accordion:nth-of-type(3) input:checked + .toggle + .panel h2:after, .page-id-473 .accordion:nth-of-type(4) input:checked + .toggle + .panel h2:after {
	display: none;
}

/* --- history search --- */
input#keyword {
	display: block;
	width: 28em;
	padding: .26em;
	font-size: 1.2em;
	border: 2px solid rgba(255, 204, 153, 1.000);
	font-family: "Lora", Calibri, Helvetica, Arial, sans-serif;
    font-size: 1.26em;
    font-weight: 400;
	color: rgba(76, 102, 53, 1.000);
}
input#keyword:hover, input#keyword:active, input#keyword:focus {
	border-color: rgba(76, 102, 53, 1.000);
	color: rgba(76, 102, 53, 1.000);
}
#datafetch {
	font-family: "Lora", Calibri, Helvetica, Arial, sans-serif;
	padding: 1em 2em;
	
	border-left: 2px solid rgba(255, 204, 153, 1.000);
}

#datafetch:before {
	content: 'Results';
	    font-size: 1.26em;
    font-weight: 400;
	color: rgba(76, 102, 53, 1.000);
	margin-left: -1em;
}
#datafetch p {
	margin-left: -1em;
}
#datafetch ul {
	max-width: 33em;
	position: relative;
}
#datafetch ul:before {
	content: ' ';
	display: block;
	width: 35em;
	height: 1px;
	background: rgba(255, 204, 153, 1.000);
	position: absolute;
	top: -1em;
	left: -2em;
}
#datafetch ul a.plot-link {
	float: right;
}
.page-id-92 .accordion {
	margin-top: 6em;
}
/* --- BLOCK : button --- */
.btn {
	display: block;
	font-size: 1.1em;
  	font-weight: 300;
	line-height: 2;
	text-decoration: none;
  	margin: .6em 0 .2em 0;
  	padding-left: 24px;
	color: #323b4e;
  	background: rgba(255, 255, 255, .5) url(../assets/images/chevron1.svg) 96% 10px no-repeat;
	background-size: 24px;
  	border-bottom: 3px solid #fff;
	transition: .2s ease all;
}
.btn:link,
.btn:visited {
	color: #323b4e;
}
.btn:hover,
.btn:active,
.btn:focus {
	background-color: #fff;
	background-position: 98% 10px;
	border-color: #ffcc99;
}



/* --- CHURCH CHAT : archive --- */
#chat-index .cc-year {
	cursor:pointer;
	display: block;
	width: 100%;
	font-family: "Open Sans", Calibri, Helvetica, Arial, sans-serif;
	font-size: 3em;
	font-weight: 400;
	line-height: .8;
	word-break: break-all;
	margin: 1.5ch 0 .4em 0;
	color: rgba(103, 153, 204, 0.25);
}
#chat-index .cc-year:first-child {
	margin-top:  0;
}
#chat-index .cc-year::after,
#chat-index h4::after {
	display: none;
}
#chat-index h4 {
	font-family: "Lora", Calibri, Helvetica, Arial, sans-serif;
   font-size: 1.26em;
   font-weight: 400;
   color: rgba(103, 153, 204, 1);
   margin-top: 1ch;
}
#chat-index ul {
	list-style: none;
	border-left: 2px solid rgba(103, 153, 204, 1);
	margin: 0;
   padding: 1ch;
}

.page-id-36 #chat-index ul {
	padding: 1ch 1ch 0 1ch;
   overflow:  hidden;
}

}
#chat-index ul li {
	position: relative;
    font-size: 0.86em;
	font-weight: 300;s
    line-height: 1.36;
    margin-bottom: 1em;
    margin-left: 1.25em;
}
#chat-index ul li a,
#chat-index ul li a:link,
#chat-index ul li a:visited,
#chat-index ul li .cc-post-link {
	text-decoration: none;
   display: block;
   padding: 0 0 0 18px;
   color: #4C6635;
	transition: color 0.2s ease-in-out;
	cursor:  pointer;
}
#chat-index ul li a strong,
#chat-index ul li .cc-post-link strong {
	display: block;
	font-family: "Lora", Cumbria, Georgia, Times, serif;
	font-size: 1.36em;
}  
#chat-index ul li a strong:after,
#chat-index ul li .cc-post-link strong:after {
	content: "";
	background: url(../assets/images/chevron4.svg);
	display: inline-block;
	float: left;
	width: 12px;
	height: 12px;
	margin: 6px 0 0 -20px;
	transition: all 0.2s ease-in-out;
}
#chat-index ul li .cc-post-link.open strong:after {
	transform: rotate(90deg);
}
#chat-index ul li .cc-post-link:hover {
	color: #6699cc;
}
#chat-index ul li a:hover strong:after 
#chat-index ul li .cc-post-link:hover strong:after  {
	transform: scale(1.5);
	margin: 6px 0 0 -12px;
  }

#chat-index .cc-post {
  	display: none;
  	padding-top:  20px;
}
#chat-index .cc-post p {
	font-size:  1.1625em;
}  

/* nav links, posts */
.post-navigation .nav-links {
	/* display: flow-root; */
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding-top: 6px;
	border-top: 1px solid hsla(44, 37%, 89%, 1);
}
.post-navigation .nav-links div {
	width: 100%;
	margin: 0 0 6px 0;
}
.post-navigation .nav-links div a span {
	display: inline-block;
	width: 6em;
}
.post-navigation .nav-links .nav-previous a span {
	padding: 0 0 0 1em;
	background: url(../assets/images/chevron4-pointLeft.svg) no-repeat;
	background-position: 0 6px;
	background-size: .9em;
}
.post-navigation .nav-links .nav-next a span {
	padding: 0 0 0 1em;
	background: url(../assets/images/chevron4.svg) no-repeat;
		background-position: 0 6px;
	background-size: .9em;
}
.post-navigation .nav-links div a strong {
	clear: both;
	display: block;
}
.post-navigation .nav-links .nav-next {
	order: -1;
}

/* --- SERMONS : latest block --- */
.sermons {
	max-width: 38em;
	margin: .6em 0 2em 0;
	padding: 0;
}
.sermon {
    font-size: 1em;
    line-height: 1.36;
	margin : 0 0 1em 6px;
	position: relative;
}
.sermon .sermon-info {
	font-size: .86em;
	margin: .6em 0 2em 6px;
}
.sermon .date {
	display: block;
	font-family: "Lora", Calibri, Helvetica, Arial, sans-serif;
	font-size: 1.26em;
    font-weight: 400;
    color: rgba(103, 153, 204, 1);
}
.sermon .service {
	display: block;
	width: 100%;
    max-width: 100%;
	font-weight: 500;
    margin: 0 0 6px 0;
}
.sermon .title {
	display: block;
	text-decoration: none;
	margin-left: -18px;
	padding: 0 0 0 18px;
}
.sermon .title strong {
	display: block;
	font-family: "Lora", Cumbria, Georgia, Times, serif;
    font-size: 1.36em;
}
.sermon .title strong:after {
	content: "";
	background: url(../assets/images/chevron4.svg);
	display: inline-block;
	float: left;
	width: 12px;
	height: 12px;
	margin: 6px 0 0 -20px;
	transition: all .2s ease-in-out;
}
.sermon .title:hover strong:after {
	margin: 6px 0 0 -12px;
	transform: scale(1.5);
}


/* --- SERMONS : single --- */
.sermon-head {
	margin: 0 0 1.5em 0;
	color: #323b4e;
}
.sermon-head .date {
	display: block;
	font-family: "Lora", Calibri, Helvetica, Arial, sans-serif;
	font-size: 1.26em;
    font-weight: 400;
    color: rgba(103, 153, 204, 1);
}
.sermon-head .service {
	display: block;
	width: 100%;
    max-width: 100%;
	font-weight: 300;
    margin: 0 0 6px 0;
}
.sermon-head .title {
	font-weight: 300;
}
.sermon-head .title strong {
	display: block;
	font-family: "Lora", Cumbria, Georgia, Times, serif;
    font-size: 1.36em;
	color: #4C6635;
}
/* text formatting for classic edit blocks */
.single-sermons div {
	margin-bottom: 1.86em;
	font-size: 1em;
	line-height: 1.6;
	max-width: 86ch;
}

.wp-block-gallery {
	margin-bottom: 1.5em;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: center;
	flex-basis: auto;
}  

.wp-block-gallery figure {
	width: 46%;
	margin: 1% 1% 0 0;
	flex-grow: 0;
	align-self: stretch;
}  

    

  
/* --- PAGE : who is who + music people --- */
.page-id-26 #content h3, .page-id-460 #content h3 {
	font-size: 2em;
}
.page-id-26 #content p + h3, .page-id-460 #content p + h3 {
	margin-top: 2em;
}
.page-id-26 #content p, .page-id-460 #content p {
	margin: 0 0 1em 0!important;
	max-width: 70ch;
}
.page-id-460 #content p strong {
	display: block;
	margin-top: .5em;
	font-weight: 400;
	font-size: .7em;
	line-height: 1!important;
}
.page-id-26 #menu-toggle:checked + .toggle + .sitenav + main #content p, .page-id-460 #menu-toggle:checked + .toggle + .sitenav + main #content p {
	margin: 0 0 1em 0;
}

/* media+text block  */

.wp-block-media-text {
	margin: 0 0 1.26em 0;
}
.wp-block-media-text__content p.has-reg-font-size {
	font-family:  'Lora', Calibri, Helvetica, Arial, sans-serif; 
	color: #283c69;
	font-size: 1.6em!important;
	line-height: 1.1!important;
}

/* media+text block, page-sepcific  */
.page-id-26 .wp-block-media-text, .page-id-460 .wp-block-media-text  {
	max-width: 660px;
	margin: 0;
}
.page-id-26 p + .wp-block-media-text, .page-id-460 p + .wp-block-media-text  {
	margin-top: 4em!important;
}
.page-id-26 .wp-block-media-text, .page-id-460 .wp-block-media-text {
	margin: 0;
}
/* media+text block :: media */
.page-id-26 .wp-block-media-text__media, .page-id-460 .wp-block-media-text__media {
	padding: 6px;
	background: #eee9da; 
	width: 160px;
}
/* media+text block :: text content */
.page-id-26 .wp-block-media-text__content, .page-id-460 .wp-block-media-text__content {
		padding: .6em 0!important;
		margin: 0!important;
}
.page-id-26 .wp-block-media-text__content p, .page-id-460 .wp-block-media-text__content p {
		font-family:  'Lora', Calibri, Helvetica, Arial, sans-serif; 
		color: #827e71;
		font-size: 1.6em!important;
		line-height: 1.1!important;		
}


/* donate button, paypal */
form input {
	display: block;
	margin: .26em 0;
	padding: .26em;
	border-radius: 12px;
	font-size: 1.2em;
	border: 2px solid rgba(40, 60, 105);
	-webkit-transition: all .2s ease-in-out;  
	-moz-transition: all .2s ease-in-out;  
	-o-transition: all .2s ease-in-out;  
	transition: all .2s ease-in-out;
}
form input:hover, form input:active, form input:focus {
	transform: scale(1.2);
	border-color: rgba(1, 156, 222, 1.000);
}

/* --- RWD : 500px --- */
@media (min-width: 500px) {	
	ul, ol {
		padding: 0;
	}
}


/* --- RWD : 620px --- */
@media (min-width: 620px) {
	
/* --- PAGE : who is who + —music people  */
	.page-id-26 .wp-block-media-text, .page-id-460 .wp-block-media-text {
		grid-template-columns: 180px 1fr!important;
		padding-bottom: .6em;
	}	
/* media+text block :: media */
	.page-id-26 .wp-block-media-text__media, .page-id-460 .wp-block-media-text__media {
		padding: 6px;
		background: #eee9da; 
		width: 160px;
	}
	
/* media+text block :: text content */
	.page-id-26 .wp-block-media-text__content, .page-id-460 .wp-block-media-text__content  {
		font-size: 1.2em!important;	
		padding-top: 2em!important;
	}
	
	
/* footer */
	footer {
		width: 100%;
		padding: 5vh 8vw .5em 8vw;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		position: relative;
	}
	footer .menu, 
	.social {
		width: 50%;
	}
	footer .menu {
		padding-top: 6px;
	}
	.social {
		clear: both;
		max-width: 188px;
	}
	footer .menu li, 
	.social li {
		width: auto;
		display: inline-block;
		margin: 0 4px;
	}
	footer .widget_media_image {
		position: absolute;
		right: 8vw;
		bottom: 12px;
	}
} /* 620 end */

/* --- RWD : 768px --- */
@media (min-width: 768px) {

	body {
	  display: flex;
	  flex-wrap: wrap;
	  flex-direction: row;
	  position: relative;
	}

	main {
		width: 100%;
		padding: 2em 8vw 4em 6ch;
	}

	#menu-toggle:checked + .toggle + .sitenav + main {
		width: calc(100% - 20em);
	}

	header {
		width: 100%;
	}

/* menu : burger icon */
	#menu-toggle + .toggle, 
	#menu-toggle:checked + .toggle	{
		font-size: .9em;
	}
	#menu-toggle + .toggle label {
		display: block;
	}
	#menu-toggle + .toggle:hover label {
		display: block;
		margin: 0 0 0.25ch 0;
	}
	#menu-toggle + .toggle [class*="line-"] {
		display: block;
		border-radius: 3px;
		height: 2px;
		width: 20px;
		margin: 0 0 4px 1vw;
		transform: rotate(0deg);
		transition: .2s ease all;
	}
	#menu-toggle + .toggle:hover [class*="line-"] {
		background: #4a65a2;
	}
	#menu-toggle + .toggle .line-top {
		height: 2px;
		width: 12px;
		transform: rotate(45deg);
		transform-origin: 75% 0;
		margin-left: calc(5vw + 13px);
		margin-top: 4px;
	}
	#menu-toggle + .toggle .line-mid {
		opacity: 1;
		width: 16px;
		margin-left: calc(5vw + 6px);
		margin-top: -4px;
	}
	#menu-toggle + .toggle .line-bot {
		height: 2px;
		width: 12px;
		transform: rotate(-45deg);
		transform-origin: 70% 0;
		margin-left: calc(5vw + 12px);
		margin-top: -4px;
	}
	#menu-toggle:checked + .toggle .line-top {
		height: 2px;
		width: 12px;
		transform: rotate(-45deg);
		transform-origin: 75% 0;
		margin-top: 0;
		margin-left: calc(5vw - 1px);
	}
	#menu-toggle:checked + .toggle .line-mid {
		opacity: 1;
		width: 16px;
		margin-left: calc(5vw + 4px);
		margin-top: 2px;
		margin-top: 4px;
	}
	#menu-toggle:checked + .toggle .line-bot {
		height: 2px;
		width: 12px;
		transform: rotate(45deg);
		transform-origin: 75% 0;
		margin-top: 0;
		margin-left: 5vw;
	}

/* menu : nav */
	.sitenav {
		width: 19.68em;
		border: 0;
		border-right: 1px solid #e2c9b6;
	}

	.sitenav .menu li.label > a,
	.sitenav .menu li.label > a:link,
	.sitenav .menu li.label > a:visited {
		padding: 5px 5vw;
	}

	.sitenav .menu > li a, 
	.sitenav .menu > li a:link, 
	.sitenav .menu > li a:visited {
		padding: 5px 0 5px calc(5vw + 16px);
	}
	.sitenav .menu .sub-menu .sub-menu a {
		padding: 5px 0 5px calc(5vw + 16px);
	}

} /* 768 end */

/* --- RWD : 880px --- */
@media (min-width: 880px) {
	
} /* 880 end */


@media (min-width: 900px) {

/* menu : burger icon */
	#menu-toggle + .toggle [class*="line-"] {
		margin: 3px 0 0 2vw;
	}
  /* unchecked */
	#menu-toggle + .toggle [class*="line-"] {
		margin: 3px 0 0 2vw;
	}
	#menu-toggle + .toggle .line-top {
		margin: 4px 0 0 calc(2vw + 8px);
	}
	#menu-toggle + .toggle .line-mid {
		margin: 1px 0 0 calc(2vw + 4px);
	}
	#menu-toggle + .toggle .line-bot {
		margin: 0 0 0 calc(2vw + 8px);
	}
	#menu-toggle + .toggle strong {
		position: absolute;
		display: block;
		top: 12px;
		left: calc(2vw + 32px);
	}

	/* checked */
	#menu-toggle:checked + .toggle [class*="line-"] {
		margin: 3px 0 0 1vw;
	}
	#menu-toggle:checked + .toggle .line-top {
		margin: 2px 0 0 calc(1vw - 1px);
	}
	#menu-toggle:checked + .toggle .line-mid {
		margin: 4px 0 0 calc(1vw + 4px);
	}
	#menu-toggle:checked + .toggle .line-bot {
		margin: 4px 0 0 calc(1vw);
	}
	#menu-toggle:checked + .toggle strong {
		position: absolute;
		display: block;
		top: 12px;
		left: calc(1vw + 32px);
	}

/* menu */
	.sitenav .menu li.label > a, 
	.sitenav .menu li.label > a:link, 
	.sitenav .menu li.label > a:visited {
		padding: 5px 2vw;
	}

	.sitenav .menu > li a, 
	.sitenav .menu > li a:link, 
	.sitenav .menu > li a:visited {
		padding: 5px 0 5px calc(2vw + 16px);
	}
	.sitenav .menu .sub-menu .sub-menu a {
		padding: 5px 0 5px calc(2vw + 16px);
	}
	
/* dl - what we do > worship > order of service */
	.page-id-332 .accordion:nth-last-of-type(2) input:checked + .toggle + .panel {
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		align-content: center;
		flex-basis: auto;
	}
	.page-id-332 .accordion:nth-of-type(2) input:checked + .toggle + .panel .file-cta {
		width: 46%;
		margin: 1% 1% 0 1%;
		flex-grow: 0;
		align-self: stretch;
		padding-bottom: 2em;
	}
	.page-id-332 .accordion:nth-of-type(2) input:checked + .toggle + .panel .file-cta span.dl {
		position: relative;
		/*width: 80%;*/
		bottom: 0;
	}
/* dl - registers/records  */
	.page-id-473 .accordion input:checked + .toggle + .panel {
		
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		align-content: center;
		flex-basis: auto;
	}
	.page-id-473 .accordion input:checked + .toggle + .panel h3 {
		width: 100%;
	}
	.page-id-473 .accordion input:checked + .toggle + .panel .file-cta {
		width: 46%;
		margin: 1% 1% 0 1%;
		flex-grow: 0;
		align-self: stretch;
		padding-bottom: 2em;
	}
	.page-id-473 .accordion input:checked + .toggle + .panel .file-cta span.dl {
		position: relative;
		/*width: 80%;*/
		bottom: 0;
	}	
	.page-id-473 .accordion:nth-of-type(2) input:checked + .toggle + .panel h2:first-of-type, .page-id-473 .accordion:nth-of-type(4) input:checked + .toggle + .panel h2:first-of-type {
		font-size: 2em;
	}
	
	
/* sermons - what we do > worship > sermons */
	.sermons {
		max-width: unset;
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		align-content: center;
		flex-basis: auto;
	}	
	.sermon {
		width: 46%;
		margin: 1% 1% 2em 1%;
		flex-grow: 0;
		align-self: stretch;
	}

/* --- PAGE : who is who + —music people */
/* media+text block :: media +++ menu visible */
	.page-id-26 #menu-toggle:checked + .toggle + .sitenav + main .wp-block-media-text__media,
	.page-id-460 #menu-toggle:checked + .toggle + .sitenav + main .wp-block-media-text__media {
		padding: 6px;
		background: #eee9da; 
		width: 160px;
	}
/* media+text block :: text content +++ menu visible  */
	.page-id-26 #menu-toggle + .toggle + .sitenav + main .wp-block-media-text__content,
	.page-id-460 #menu-toggle + .toggle + .sitenav + main .wp-block-media-text__content  {
		padding-top: 2em!important;
	}
/* content - menu hidden */
	.page-id-26 #menu-toggle + .toggle + .sitenav + main #content p, 
	.page-id-460 #menu-toggle + .toggle + .sitenav + main #content p {
		margin-left: 180px!important;
	}
	.page-id-26 #menu-toggle + .toggle + .sitenav + main #content .wp-block-media-text,
	.page-id-460 #menu-toggle + .toggle + .sitenav + main #content .wp-block-media-text {
		margin-bottom: -2.2em!important;
	}
	.page-id-26 #menu-toggle + .toggle + .sitenav + main #content .wp-block-media-text__content p,
	.page-id-460 #menu-toggle + .toggle + .sitenav + main #content .wp-block-media-text__content p {
		margin: 0!important;
	}
/* media+text block :: text content - menu hidden   */
	.page-id-26 #menu-toggle + .toggle + .sitenav + main .wp-block-media-text__content,
	.page-id-460 #menu-toggle + .toggle + .sitenav + main .wp-block-media-text__content  {
		
	}

	/*
  
	#tog-donate + .toggle:after {
	  left: 16em;
	}
  
	/* box+txt styling 
	section a:link,
	section a:visited {
	  min-height: 300px;
	}
	*/
} /* 900 end */



@media (min-width: 1240px) {

/* header */
	header h1 a, 
	header h1 a:link, 
	header h1 a:visited {
/* 		padding: calc(30px + 4vw) 0 0 0; */
		padding: 1em 0 0 0;
	}
	header h1 a svg {
		display: block;
		width: 88vw;
		max-width: 900px;
		height: auto;
		margin: 1ch auto 0 11em;
	}

/* --- Magazine --- */
	
	.page-id-34 #content .file-cta {
		width: 46%;
		margin: 1% 1% 2em 1%;
		flex-grow: 0;
		align-self: stretch;
	}
	
	.page-id-34 #content .accordion input:checked + .toggle + .panel {
		position: relative;
		max-width: unset;
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		align-content: center;
		flex-basis: auto;
	}
	
	.page-id-34 article .accordion {
		width: 100%;
	}
	
/* admin/finanace > report + stewardship + donate + meeting account dl
+ music > notes
 */
	
	.page-id-60 #content p {
		width: 100%;
	}
	
	/* possibly better option: group for file-ctas */
	.download-links {
		position: relative;
		max-width: unset;
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		align-content: center;
		flex-basis: auto;
	}
	.download-links .file-cta {
		width: 46%;
		margin: 1% 1% 2em 0;
		flex-grow: 0;
		align-self: stretch;
	}
	/* nav links, posts */
	.post-navigation .nav-links div {
		width: 50%;
		/* float: left; */
	}	
	.post-navigation .nav-links div a {
		display: block;
	}
	.post-navigation .nav-links div a strong {
		clear: both;
		display: block;
	}
	.post-navigation .nav-links .nav-previous a span {
		/* padding: 0 0 0 1em; */
		/* background-position: 0 6px; */
		padding: 0 1.35em 0 0;
		background-position: 100% 6px;
		background-size: .9em;
		float: right;
	}
	.post-navigation .nav-links .nav-next a span {
		/* padding: 0 1.35em 0 0;
		background-position: right 6px; */
		padding: 0 0 0 1em;
		background-position: 0 6px;
		background-size: .9em;
		/* float: right;
		text-align: right; */
	}
	/* .post-navigation .nav-links .nav-next a strong {
		float: right;
		text-align: right;
	} */
	.post-navigation .nav-links div.nav-next a {
		text-align: left;
	}

	.post-navigation .nav-links div.nav-previous a {
		text-align: right;
	}
	

/* footer */
	footer {
		padding-left: 19.68em;
	}

	/*
	

	/* site heading: text as svg 
	header h1 a svg {
	  
	}
  
	#content {
	  width: 60%;
	  padding-right: 3rem;
	}
	.page #content {
	  width: 100%;
	  max-width: 56em;
	}
	#sidebar {
	  width: 40%;
	  float: left;
	  margin-top: -5px;
	}
  
	/* highlighting for times/dates 
	li strong {
	  display: block;
	  width: 100%;
	  font-weight: 600;
	}
	li em {
	  display: block;
	  width: 100%;
	  font-weight: 600;
	}
  
	/* landing page 
	.page#content {
	  width: 100%;
	  max-width: 46em;
	  float: left;
	}
	article.news {
	  clear: both;
	}
	blockquote::before {
	  content: " \201C ";
	  float: left;
	  font-family: "Lora", Cumbria, Georgia, Times, serif;
	  font-size: 5em;
	  font-style: normal;
	  margin: -0.4em 0 0 -0.46em;
	  color: #6699cc;
	  opacity: 0.5;
	}
  
	/* church chat 
	/* year 
	article#chat-index ul li {
	  position: relative;
	}
	article#chat-index ul li h3 {
	  width: 1.25em;
	  word-break: break-all;
	  position: absolute;
	  left: 0;
	  top: 0;
	}
	article#chat-index ul ul {
	  margin-left: 96px;
	}
	article#chat-index ul li span {
	  margin-left: 96px;
	}
  
	article.howto article#chat-index ul ul,
	article.howto article#chat-index ul li span {
	  margin-left: 0;
	}
  
	.single article {
	  max-width: 58em;
	}
  
	/* donate 
	#tog-donate + .toggle {
	  max-width: 900px;
	}

	/* inclusive church logo
	img.logo {
	  position: absolute;
	  left: 84%;
	  bottom: 0;
	}
  
	
	*/
} /* 1240  end*/



@media (min-width: 1540px) {
	/* magazine */
	.page-id-34 #content {
/* 		background: url(../assets/images/magazine/hpc-mag-thn.png) no-repeat;
		background-size: 256px;
		background-position-x: 700px; */
	}

	
	}  /* 1540  end*/



.hide {
	display: none;
}