@font-face {
font-family: 'Della Respira';
src: url('/f/dellarespira-regular.woff2') format('woff2'),
     url('/f/dellarespira-regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
unicode-range: U+000-5FF;
}

:root {
--green:#5E7E0C;
--lightgreen:#e1f5ac;
--purple:#B9639D;
--blue:#0C7DB6;
--lightblue:#e6ecf5;
--darkblue:#254270;
--white:#fff;
}

/* reset */

html {
font-family: sans-serif; 
-ms-text-size-adjust: 100%; 
-webkit-text-size-adjust: 100%; 
}

body {
margin: 0;
}

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

audio,canvas,progress,video {
display: inline-block; 
vertical-align: baseline; 
}

audio:not([controls]) {
display: none;
height: 0;
}

[hidden],template {
display: none;
}

a {
background-color: transparent;
}

b,strong {
font-weight: bold;
}

h1 {
font-size: 2em;
margin: 0.67em 0;
}

small {
font-size: 80%;
}

sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

sup {
top: -0.5em;
}

sub {
bottom: -0.25em;
}

img {
border: 0;
}

svg:not(:root) {
overflow: hidden;
}

figure {
margin: 1em 40px;
}

hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
margin-top: 3rem;
margin-bottom: 3.5rem;
border-width: 0;
border-top: 1px solid #390;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

th,td {
padding: 10px 40px 10px 0;
text-align: left;
border-bottom: 0; 
}
th:first-child,td:first-child {
padding-left: 0; 
}
th:last-child,td:last-child {
padding-right: 0; 
}

ul {
list-style: circle inside; }
ol {
list-style: decimal inside; }
ol, ul {
padding-left: 0;
margin-top: 0; 
}
ul ul,ul ol,ol ol,ol ul {
margin: 1.5rem 0 1.5rem 3rem;
font-size: 90%; 
}
li {
margin-bottom: 1rem; 
}

/* Spacing */
pre,blockquote,dl,figure,table,p,ul,ol,form {
margin-bottom: 2.5rem; }

/* Self Clearing Goodness */
.container:after, .row:after {
content: "";
display: table;
clear: both; 
}


/* Grid / flex */

#pagearea, body#homepage #homecols {
display: flex;
flex-flow: row wrap;
}

body#homepage #pagearea {
display: block;
}

.container {
position: relative;
width: 100%;
max-width: 1170px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box; }

#content {
order: 1;
flex: 1 100%;
padding-left: 0;
}

body#homepage article {
order: 2;
}

#sidemenu{
overflow: auto;
-webkit-overflow-scrolling: touch;
flex: 1 100%;
padding: 15px 0 60px 0;
order: 2;
}

/* For devices larger than 855px */
@media (min-width: 855px) {

#content {
flex: 3;
}

#content {
padding: 0 0 1rem 2.5rem;
}

body#indexpage #content {
flex: 4;
}

#sidemenu{
flex: 1;
order: -1;
}

}


/* For devices larger than 550px */
@media (min-width: 550px) {

.halfcol {
float: left;
width: 47%;
margin-right: 2%;
}

}


/* Generic stuff  */

body { 
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1em;
line-height: 1.5;
background: #fffff5;
text-align: left;
color: #000;
}

[aria-hidden='true'],
[data-a11y-toggle]:not([aria-controls]) {
display: none;
}

:focus-visible {
outline: 3px solid black;
box-shadow: 0 0 0 6px white;
}

.container {
position: relative;
}

a { 
text-decoration: none;
color: var(--green);
}
	
a:visited { 
color: var(--green);
}

main p a, main li a, main dd a, .hometext a {
text-decoration: underline;
}

a:hover, a:focus { 
color: var(--purple);
text-decoration: underline;
}

a:active { 
color: #000;
text-decoration: underline;
}

.hide a {
left: 50%;
position: absolute;
transform: translateY(-100%);
background: #fff!important;
color: #0A74A9!important;
border: 2px solid #0A74A9;
height: auto;
padding: 8px;
}

.hide a:focus {
transform: translateY(0%);
z-index: 1000000;
}

.hide-element {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; 
} 

.hide-element-focusable:active, .hide-element-focusable:focus {
 clip: auto;
 height: auto;
 margin: 0;
 overflow: visible;
 position: static;
 width: auto;
}

.clearboth { clear: both; }

img {
max-width: 100%;
height: auto;
}

.img-mid {
vertical-align: middle;
}
 
#bible {
font-style: italic;
}

#bible h2 {
font-style: normal;
}

#sister {
text-align: center;
background: #c03;
color: #fff;
width: 80%;
padding: 20px;
margin: 30px auto;
box-shadow: 0px 2px 2px #888;
}
	
#content {
padding: 0 0 1rem 2.5rem;
}
	
/* header bars */	

#siteheader {
background: var(--green) url(../i/grass.svg) repeat-x left bottom;
min-height: 100px;
color: #fff;
}

#topnav ul {
list-style:none;
margin: 0;
padding: 50px 0 0 0;
}

#topnav li {
float: left;
background: none;
margin: 0 20px 0 0;
padding: 0;
}

#topnav a {
display: block;
font-family: 'Della Respira', Baskerville, Georgia, serif;
font-size: 1.2em;
color: #fff;
text-decoration: none;
text-align: left;
padding: 0;
}

#topnav a img {
vertical-align: middle;
margin: 0 5px 0 0;
}

#topnav a:hover { 
text-decoration: none;
}

#topnav a:hover img {
opacity: .7;
}


/* contact */

#utilbar {
background: var(--lightgreen);
padding: 10px 0;
clear: both;
text-align: right;
}

#utilbar ul {
list-style: none;
margin: 0 auto;
}

#utilbar ul li {
list-style: none;
background: 0;
padding: 0;
margin: 0 0 0 10px;
display: inline;
}

#utilbar ul li a {
border: 1px solid var(--green);
color: #fff;
display: inline-block;
font-size: .9em;
margin: 0;
padding: 4px 12px 4px 10px;
background: var(--green); /* Old browsers */
}

#utilbar ul li a:active, #utilbar ul li a:hover, #utilbar ul li a:focus {
text-decoration: none;
background: var(--blue);
}

#utilbar li.email a span {
padding: 0 0 0 22px;
background: url(../i/sprites.png) no-repeat 0 -26px;
}


/* Main Content */

#pagearea {
clear: both;
margin-top: 1.3rem;
}

h1, h2, h3, h4 {
font-family: 'Della Respira', Baskerville, Georgia, serif;
font-style: normal;
font-weight: normal;
}

h1 { 
margin: .7rem 0 1.5rem 0;
font-size: 2em; 
text-align: center;
}

h1:before {
display: inline-block;
content: '';
height: 33px;
width: 24px;
background: url(../i/egg1.svg) no-repeat;
background-size: 24px auto;
background-position: center center;
}

h1:after {
display: inline-block;
content: '';
height: 32px;
width: 23px;
background: url(../i/egg2.svg) no-repeat; 
background-size: 23px auto;
background-position: center center;
}

h1:before {margin-right: .3rem;}
h1:after {margin-left: .3rem;}

h2 {
font-size: 1.6em;
margin: 1.2rem 0 .7rem 0;
clear: both;
}

h3 {
margin: .7rem 0;
font-size: 1.4em;
clear: both;
}

button, [role="button"] {
padding: 10px;
border: 0;
background: var(--green);
border: 1px solid var(--green);
color: #fff;
text-transform: uppercase;
cursor: pointer;
}
 
button:active, button:hover, button:focus, [role="button"]:hover, [role="button"]:focus, [role="button"][aria-pressed="true"] {
background: var(--darkblue);
border: 1px solid var(--green);
}

p { 
margin: 0 0 1.3rem 0;
}

p.b2t {
text-align: right;
margin-bottom: 1.3rem;
}

p.buttons {
clear: both;
margin-bottom: 2rem;
}

#back-to-top {
background: rgba(119,160,12,.7);
transition: all 200ms linear;
}

#back-to-top:hover, #back-to-top:focus {
background: rgba(119,160,12,1);
}

.imgr {
float: right;
margin: 0 0 1.3rem 1.3rem;
font-size: .9em;
}

.imgl {
float: left;
font-size: .9em;
margin: 0 1.3rem 1.3rem 0;
}

.imgrc {
float: right;
margin: 0 0 1.3rem 1.3rem;
clear: both;
}

.quote {
margin: .5rem 0;
display: block;
text-align: center;
}

figure {
margin: 0 0 1.3rem 0;
}

figcaption {
font-size: .9em;
clear: both;
margin: .7rem 0;
text-align: center;
line-height: 1.5em;
}

.getty {
margin-bottom: 1.3rem;
}

figure.imgc, figure.imgc img, .imgc img, .getty.imgc, img.imgc, .flickrimg.imgc iframe.flickr-embed-frame {
margin: 0 auto 1.3rem auto!important;
display: block!important;
}

.small {
font-size: .8em;
}	

.error {
color: #f00;
}
	
ul.pagesubnav, ul {
margin: .7rem 0 3rem 0;
padding: 0;
list-style: none;
} 

ul.pagesubnav li, ul li {
margin-bottom: .7rem;
background: url(../i/tulip-filled.svg) no-repeat 0 3px;
padding-left: 24px;
} 

ul.pagesubnav li {
background: url(../i/tulip-filled.svg) no-repeat 0 3px;
} 

ul.nobullet {
margin: 1.3rem 0 3rem 0;
padding: 0;
} 

ul.nobullet li {
margin: 0 0 .5rem 0;
background: none;
padding: 0;
} 

ul.ulcolumns {
margin-top: 1rem;
clear: both;
list-style: none;

-webkit-column-width: 25em;
-moz-column-width: 25em;
column-width: 25em;
}

ul.ulcolumns li, ul.storylists li {
background: none;
padding-left: 0;
font-size: 1em;
}

ul.ulcolumns li li {
margin-bottom: .5rem!important;
}

ul.ulcolumns a {
display: block;
background: url(../i/tulip-filled.svg) no-repeat 0 2px;
padding-left: 24px;

-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}

ul.ulcolumns li li a {
background: none;
padding-left: 0;
}

ul.ulcolumns a:hover, ul.ulcolumns a:focus {
margin-left: .7rem;
}

ul.ulcolumns li img {
vertical-align: text-bottom;
}

ul ul {
margin: .5rem 1.3rem 1.3rem 1.3rem;
padding: 0;
font-size: inherit;
} 

ul ul ul {
margin: .5rem 1.3rem 0 1.3rem;
padding: 0;
font-size: inherit;
} 
 
ul.cols li {
margin: 0 0 1.3rem 0;
background: none;
}

ol {
margin: 1.3rem 0 1.3rem 2rem;
padding: 0;
} 

ol li {
margin: 0 0 .7rem 0;
} 
 
.spacel {
margin-left: .7rem;
}

dl {
margin: 1rem 0; 
padding: 1rem 0 2rem 0; 
text-align: left;
border-bottom: 1px dotted #ffc;
}

dl dt {
margin-bottom: .5rem; 
text-align: left;
}

dl dd {
text-align: left;
padding-top: .5rem; 
}

dl.theme dd.image img {
border: 2px solid #390;
}

.highlight {
margin-bottom: 1rem;
font-size: 1.4em;
text-align: center;
}

#video {
width: 100%;
height: auto;
padding: 0 0 4rem 0;
}

.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 1.8rem;
height: 0;
}

.videoWrapper43 {
position: relative;
padding-bottom: 75%; /* 16:9 */
padding-top: 1.8rem;
height: 0;
}

.videoWrapper iframe, .videoWrapper43 iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

hr {
margin-bottom: 1rem;
border: 0;
height: 1px;
background-image: -webkit-linear-gradient(left, rgba(51,153,0,0), rgba(51,153,0,0.75), rgba(51,153,0,0)); 
background-image:    -moz-linear-gradient(left, rgba(51,153,0,0), rgba(51,153,0,0.75), rgba(51,153,0,0)); 
background-image:     -ms-linear-gradient(left, rgba(51,153,0,0), rgba(51,153,0,0.75), rgba(51,153,0,0)); 
background-image:      -o-linear-gradient(left, rgba(51,153,0,0), rgba(51,153,0,0.75), rgba(51,153,0,0)); 
}


/* home page */

body#homepage h2 {
margin: 0 0 0.5rem;
text-align: center;
display: block;
font-size: 1.6em;
}

body#homepage article ul {
margin: 0 0 1.5rem 0;
}

body#homepage article p {
margin: .5rem 0;
}

body#homepage article p a {
text-decoration: none;
border: 1px solid var(--green);
color: #fff;
display: block;
margin: 0;
padding: 4px;
background: var(--green);
font-size: 103%;
text-align: center;
}

body#homepage article p a:active, body#homepage article p a:hover {
text-decoration: none;
background: var(--blue);
}


/* links display  */

dl.link dd.image img {
width: auto; 
}

dl.link dd.url  {
text-align: left;
margin-top: .5rem;
}
 
 
/* link to us buttons etc */

dl.linktous {
padding: 10px; 
background: #fff;
border:1px solid #960;
}

dl.linktous dd.image img {
width: auto; 
padding: 10px 0; 
}

dl.linktous dd.code  {
text-align: left;
margin-top: 5px;
padding: 10px;
border: 1px solid #bbb;
font-family: "Courier New", Courier, monospace;
}
 

/* simple tables */

.simple {
width: auto;
border: 0;
margin: 0 0 1.3rem 0;
}

.simple p {
font-size: inherit;
margin-left: 0;
}

.simple tr.head {
font-weight: bold;
color: #000; 
}

.simple tr td {
padding: 10px 40px 5px 0;
vertical-align: top;
}

.simple tr td.flag {
min-width: 64px;
padding-top: 0;
}

.simple ul {
margin: 0 2rem 1rem 0;
padding: 0;
list-style-type: none;
}

.simple ul li {
margin: 0;
padding: 0 0 5px 0;
background: none;
}

.simple td.chrismon {
text-align: center;
}



/* index banners & side images */

#indexsidelist li {
background: none;
padding: 0;
text-align: center;
}

#indexsidelist img {
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;

-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
-o-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}

#indexsidelist img:hover, #indexsidelist img:focus {
-moz-transform: scale(.95);
-webkit-transform: scale(.95);
-o-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
}


/* full width tables */

table.full {
width: 100%;
padding: 0;
margin: 0 .7rem;
}

table.full td {
padding: 0 2rem 1rem 0;
vertical-align: top;
}

table.full ul {
margin: 0 0 1rem 0;
padding: 0;
list-style-type: none;
} 


/* contact side */

aside .contact_side {
text-align:center; 
margin: 2rem auto 4.5rem auto; 
}

.contact_side img {
text-align:center; 
margin: 0 auto; 
}

.contact_side a {
color: #ffc;
}


/* sidebar */

aside nav {
background: var(--green);
color: #fffff5;
position: relative;
margin-left: 0!important;
}

aside nav:before, aside nav:after {
content:"";
position:absolute; 
z-index:-1;
box-shadow:0 0 20px rgba(0,0,0,0.2);
top:50%;
bottom:0;
left:50px;
right:50px;
border-radius:100px / 50px;
}

aside h2 {
margin: 0;
padding: 1rem .5rem 0 1rem;
font-size: 1.3em;
}

aside h2 a, aside h2 a:hover, aside h2 a:visited {
color: #fffff5; 
}

aside ul {
list-style: none;
margin: 0;
padding: 1.5rem 1rem .5rem 1rem;
display:block;
}

aside li {
margin: 0;
padding: 0 0 .7rem 0;
text-align: left;
font-size: 0.9em;
position:relative;
display:block;
background: none;
line-height: 1.3;
}

aside a {
text-decoration: none; 
color: #fffff5;

-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
 
aside a:hover, aside a:focus {
text-decoration: none; 
margin-left: -5px;
color: #DCF795;
}

aside a:visited {
color: #DCF795;
}

aside li a {
display:block;
}

aside ul ul {
margin: 0;
padding: .5rem 0 0 1rem;
}

aside ul ul li {
font-size: inherit;
list-style: none;
}

aside ul.info {
border-top: 1px solid #ffc;
}

aside ul.info img {
margin-top: 3px;
} 

aside p {
margin: 1.5rem 1rem;
}

aside nav li img {
vertical-align: text-bottom;
}


/* footer */

#sitefooter {
display: block;
min-height: 235px;
margin-top: 2.5rem;
background: var(--lightblue);
}

#footerin {
min-height: 235px;
background: url(../i/egg1.svg) no-repeat 100% 50%;
background-size: auto 120%;
}

#sitefooter p {
clear: both;
margin: 0 0 4rem 0;
padding-top: 165px;
font-size: .8em;
color: var(--darkblue);
}

#sitefooter a {
color: var(--darkblue);
text-decoration: underline;
}

#printfooter {
display: none;
}

#back-to-top {
bottom: 50px!important;
}


/* basic form CSS */

button, input, select, textarea {
font-family: inherit;
}

label {
margin:0 0 3px 0;
padding:0;
display:block;
font-weight: bold!important;
color: #000!important;
}
input[type=text], 
input[type=date],
input[type=datetime],
input[type=number],
input[type=search],
input[type=time],
input[type=url],
input[type=email],
textarea, select{
box-sizing: border-box;
background: #fff;
color: #111;
padding: 10px 15px;
margin:0;
border: 1px solid var(--green);
outline: none;	
font-size: inherit;
}
input[type=text]:focus, 
input[type=date]:focus,
input[type=datetime]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=email]:focus,
textarea:focus, 
select:focus{
border: 1px solid var(--purple);
}
input[type="checkbox"],input[type='radio'] {
width: 1.5em;
height: 1.5em;
margin-right: 0.5em;
vertical-align: text-top;
}
select{
width: 100%;
}
textarea{
min-height: 150px!important;
}
button, input[type=submit], input[type=button]{
background: var(--green);
color: #fff;
padding: 12px 18px;
border: none;
font-size: inherit;
}
button:hover, input[type=submit]:hover, input[type=button]:hover{
background: var(--blue);
}
.cog-form {
margin-bottom: 2em!important;
}
.cog-confirmation__message {
font-style: italic;
}
.cog-form [aria-hidden="true"], .cog-form [data-a11y-toggle]:not([aria-controls]) {
display: inline!important;
}



/* sharing */

#sharing {
width:100%;
/*height: 50px;*/
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 10000;
}

ul.share-buttons {
text-align: left;
list-style: none;
padding: 0;
margin: 0;
background: rgba(0,0,0,.7);
width: 100%;
}

ul.share-buttons img {
height: 24px;
}

ul.share-buttons li {
display: inline;
text-align: center;
margin: 0;
background: none;
padding-left: 0;
}

ul.share-buttons li a {
display: inline-block;
width: 12%;
padding: 5px 0 2px 0;
background: #000;
border-radius: 0px;
}

ul.share-buttons li.share {
padding: 0 5px;
}

ul.share-buttons li.share-fb a {
background: #3B5998;
}

ul.share-buttons li.share-tw a {
background: #000;
}

ul.share-buttons li.share-bs a {
background: #208bfe;
}

ul.share-buttons li.share-pn a {
background: #DB081c;
}

ul.share-buttons li.share-em a {
background: #444;
}

ul.share-buttons li.share-wa a {
background: #25d366;
}

ul.share-buttons li.share-pr a {
background: #3B5998;
}

ul.share-buttons li a:hover {
filter: brightness(70%);
}

ul.share-buttons .sr-only{
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
}

@media (min-width: 601px) {

ul.share-buttons li.share-wa {
display: none;
}

}



/* media queries */


/* small Smartphones */
@media only screen and (max-width: 361px) {

#siteheader {
background: var(--green);
}

#siteheader .container {
padding: 0 10px!important;
}

#topnav li.menu-logo {
float: none;
display: block;
margin: 0 auto!important;
}

}





/* Smartphones */
@media only screen and (max-width: 671px) {

#topnav ul {
padding: 12px 0 0 0;
}

#topnav li {
margin: 0 5px 0 0;
}

#topnav li.menu-logo {
float: none;
display: block;
margin: 0 auto 30px auto;
}

#topnav a {
font-size: 1em;
}

#topnav a img {
margin: 0;
}

body#homepage article {
flex: 1 100%;
margin-bottom: 2rem;
}

}


/* Mobile to Tablet */
@media only screen and (max-width: 854px) {

#content {
order: 1;
flex: 1 100%;
padding-left: 0;
}

#sidemenu{
overflow: auto;
-webkit-overflow-scrolling: touch;
order: 2;
flex: 1 100%;
padding: 15px 0 60px 0;
}

#content {
margin-top: 20px;
}

#topnav a span {
display: none;
}



/* main stuff */

body#indexpage .sidelist, body#normalpagex aside {
display: none;
}

#pagearea {
margin-top: 1rem;
}

h1 {
font-size: 1.55em;
}

h2 {
font-size: 1.2em;
}

h3 {
font-size: 1.1em;
}

.imgr, .imgl, .imgrc {
float: none;
margin: 0 auto .7rem auto;
display: block;
font-size: .7em;
}

aside {
margin-bottom: 30px;
}

aside:before, aside:after {
content:none;
}

}



/* Landscape Tablets and Desktop */
@media only screen and (min-width: 855px) {

body#homepage article {
flex: 1;
margin: 0 1rem;
}

}

/* Landscape Tablets */
@media only screen and (min-width: 768px) and (max-width: 979px) {

}


/* Landscape Tablets */
@media only screen and (min-width: 960px) and (max-width: 1024px) {



}

/* Desktop */
@media only screen and (min-width: 1025px) {



.homeheading h1 {
font-size: 2em;
}

.homeheading p {
font-size: 1.4em;
}

}

/* wide desktop */
@media only screen and (min-width: 1200px){

}