@charset "utf-8"; 
@import url('https://fonts.googleapis.com/css2?family=Crimson Text&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Modern Antiqua&display=swap');
@font-face {
	font-family: 'LCALLIG';
	src: local("Lucida Calligraphy"), url('/css/LCALLIG.ttf') format('truetype');
}
	html {
		height: 100%;
        scroll-behavior: smooth;
	}
	body {
		overflow-x: hidden;
		background: #242527;
		scroll-behavior: smooth;
        color:rgb(148, 168, 153);
	}
	#subscriberFrame {
		width: 100%; height:100%;
		border: 0px;
		position: absolute;left: 0px;top:0px;z-index: 1;
		overflow: auto;
		overflow-x: hidden;
		border-radius:20px;
	}
	#indexFrame {
		width: 0px; height:515px;
		border: 0px;
		position: fixed;left: 0px;top:0px;z-index: 4;
		overflow: auto;
		overflow-x: hidden;
		transition:.5s ease;
		border-radius:0px 12px 11px 0px;
		box-shadow:0px 0px 6px 1px rgba(57, 191, 117, .5),0px 0px 20px 10px rgba(0, 0, 0, 0.77),inset 0px 0px 0px 20px #1F1F1F;
	}
	.initIndex{
		width: 10px;position: absolute;left: 0px;top: 5px;
	}
	.iFrame {
		width:350px; height:350px;
		border: 0px;
		display:block;
		margin: 0 auto;
	}
	svg {
		position: absolute;
	}
    .dot{
		font-size: 3em; font-family: 'Lucida Calligraphy','LCALLIG';
		display:flex;align-items: center;justify-content: center;
		filter: url(#svgfilter) drop-shadow(3px 3px 2px rgba(0, 0, 0, .7)) brightness(40%);
		line-height: 60px;
    }
    .dot::after{content: "•••";}
	.svgLink {
		filter: url(#svgfilter);
		font-size: 3em;
	}
	.svgLink > a {
		color:rgba(33,56,37,1.00);
		transition: 0.3s;
		font-size: 2.2rem;
	}
	.svgLink > a:hover {
		color:rgba(66,117,75,1.00);
		transition: 0.3s;
	}
	.svgHeader {
		filter:url(#svgfilter)  brightness(116%) contrast(96%) drop-shadow(3px 3px 2px rgba(0, 0, 0, .7));
		color:rgba(33,56,37,1.00);
        text-align: center;        
	}
	.svgSubHeader {
		filter: url(#svgfilter) brightness(116%) contrast(96%);
		color:rgba(33,56,37,1.00);
		font-size: 2em;
        text-align: center; 
        font-family: 'Lucida Calligraphy', 'LCALLIG';
        letter-spacing: 1px;
	}
	.svgSubHeader2 {
		filter: url(#svgfilter) brightness(116%) contrast(96%);
		color:rgba(33,56,37,1.00);
		font-size: 1.8em;
        font-family: 'Lucida Calligraphy', 'LCALLIG';
	}
    .svgLink:hover {
		color: #2BA33E;
		transition: 0.3s;
	}
    .openindex {
        position: fixed; top: 10px; left: 30px; width: 60px; height: 60px;z-index: 3;cursor: pointer;
    }
   h1.h1 {
        padding-top: 1.5em;
        padding-bottom: 1em;
		font-size: 3em;
		letter-spacing: 1px;
	}
    h1, h2, h3 {
		font-family: 'Lucida Calligraphy','LCALLIG';/*'Modern Antiqua',*/
		filter:url(#svgfilter)  brightness(116%) contrast(96%) drop-shadow(3px 3px 2px rgba(0, 0, 0, .7));
		color:rgba(33,56,37,1.00);
        text-align: center; 
        margin: 0;
        padding: 0;
        font-size: 100%;
        font-weight: normal;
	}
    h2.h2 {
		font-size: 2em;
        padding: 1em;
		letter-spacing: 1px;
	}
     h3 {
 		position: relative;
        max-width: 667px;margin: auto;
		filter:url(#svgfilter) drop-shadow(3px 3px 2px rgba(0, 0, 0, .7));
        text-align: left;
        font-size: 1.5rem;
        padding: 1em 1em 1em 50px;
    }
    h1.seo-h1 {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        border: 0;
        padding: 0;
        white-space: nowrap;
        clip-path: inset(100%);
        clip: rect(0 0 0 0);
        overflow: hidden;
    }	
	.center {
		text-align: center; display: block; margin: 0 auto;
	}
	header {
		font-family: 'Lucida Calligraphy','LCALLIG';/*'Modern Antiqua',*/
		letter-spacing: 1px;
		font-size: 3em;
	}
	.divHeader {
		display:flex;align-items: center;justify-content: center;
		filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, .7));
	}
	.divSideHeader {
		position: relative;
        max-width: 667px; 
        padding-left: 50px;
		filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, .7));
        margin-left: calc(50% - 333px);
        width: fit-content;
	}
/*	.divSideHeader {
		position: relative;padding-left: 50px;
        max-width: 667px; width: 300px;
		filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, .7));
	}
*/	.signature {
		opacity:0;
		transition: opacity 5s ease;
	}
	.signature:hover {
		opacity:1;
	}
	.subscriberModal {
		position: fixed; z-index: 100; left: 0px; top: 0px; width: 100%; height: 100%; 
		background-color: rgba(0,0,0,0.8);display:none;
	}
	.subscriberPanel {
		background-color: transparent; padding: 20px; border: 1px solid #888; border-radius:20px; user-select: none;  overflow: auto;
		position: relative; top: 0px;width: 80%;  height: 90vh; margin: 10px auto;
	}
	.frame {box-shadow:0px -1px 9px 2px rgba(57, 191, 117, 1),0px 0px 11px 10px rgba(10, 9, 6, 0.62);}
	.cssHeader {
		color:rgba(102, 63, 63, 1);
		text-shadow:0px -2px 0px rgba(49, 122, 82, 1),4px 2px 8px rgba(0, 0, 0, 1),0px 1px 7px rgba(42, 92, 65, 1),0px -2px 3px rgba(161, 152, 87, 1);
		filter:brightness(120%)  contrast(153%)  sepia(84%)  ;
	}
	ul, ol {
		color: rgba(89,153,99,1.00);
		font-family:"Modern Antiqua";
        font-size:1.25rem;
		max-width: 667px;
		margin: auto;
	}
	ul ul {
	  font-size: 100%;
	}
	.title {
		display:block;margin: 0 auto;
	}
	.start {
		position: absolute; top: 0px; left: 0px; width: 80px; height: 80px;z-index: 3;
		filter:contrast(117%)  ;
	}
	.start:hover {
		filter:brightness(143%)  contrast(128%)  hue-rotate(239deg)   drop-shadow(2px 6px 3px rgba(0, 0, 0, 1)) drop-shadow(0px -4px 8px rgba(38, 117, 73, 1));
	}
	.home {
			position: fixed; top: 10px; left: 30px; width: 60px; height: 60px;z-index: 3;cursor: pointer;
	}
	.home:hover + .homeTitle {
		display: block;
	}
	.homeTitle {
		display:none ;
		position: absolute;
		left: 32px;
		top: 66px;
		z-index: 2;
	}
	.divide {
		font-size: 3em; font-family: 'Lucida Calligraphy','LCALLIG';
		display:flex;align-items: center;justify-content: center;
		filter: url(#svgfilter) drop-shadow(3px 3px 2px rgba(0, 0, 0, .7)) brightness(40%);
		text-indent:0em;line-height: 60px;
	}
	.minidivide {
		font-size: 2em; text-align: center; font-family: 'Lucida Calligraphy','LCALLIG';
	}
	aside > p {
		padding: 5px;
		font-family:"Modern Antiqua";
        font-size:1.25rem;
		text-align: center;
		color: rgba(141,188,148,1.00);
	}
	div > p {
		font-family:"Modern Antiqua";
        font-size:1.25rem;
		text-align: center;
		color: rgba(141,188,148,1.00);
        letter-spacing:-1px;    
	}
	p {
        font-family:"Crimson Text";
        font-size:1.375rem;
        color:rgb(148, 168, 153);
        line-height:30px;
        max-width: 667px;
        margin: auto;
        text-align: justify;
	}
	a {
		font-family:"Modern Antiqua";
        font-size:1.25rem;
        text-decoration: none;
		color: rgba(127, 184, 139, 1);
		display: inline-block;
		position: relative;
	}
	a:hover {
		color: #69D77A;
		transition: 0.2s;
	}
/*	a > img {
		transition: 0.4s;
	}
	a > img:hover {
		filter:hue-rotate(41deg) brightness(104%) contrast(192%);
		transition: 0.4s;
	}
*/
p > a:not(.exclude)::after{
  content: "";
  background-color: #2A9E3C;
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
p > a:hover::after {
  transform: scaleX(1);
}
    .firstLetter::first-letter {
        font-size:200%;
        vertical-align:-20%;
        line-height:75%;
    }
	.subtitle {
		display:block;margin: 0 auto;
		font-size: 2em;
		color: #957C61;
		text-shadow:0px 2px 3px rgba(23, 54, 37, 1),1px 1px 0px rgba(10, 31, 19, 0.98),0px -1px 0px rgba(98, 237, 160, 1);
	}
	.linkdiv {
		width:667px;
		display:block;margin: 0 auto;
	}
	.linkdiv > div {
		height: 50px; width: 600px;
		display:block;margin: 0 auto;
		text-align: center;
		padding: 5px;
	}
	.bottom > p {
		padding-bottom: 1em;
	}
	.bottom > p a {
		color: rgba(54, 99, 40, 1);
		text-shadow:1px 1px 0px rgba(73, 173, 118, 0.15),-1px 1px 0px rgba(139, 158, 147, 1),2px 2px 3px rgba(0, 0, 0, 1),0px 1px 0px rgba(57, 191, 117, 1);
		font-size: 1.5em;
		margin: 0 auto;
	}
	.bottom > p a:hover {
		text-shadow:-2px 0px 0px rgba(75, 173, 119, 1),1px 6px 4px rgba(0, 0, 0, 1);
	}
	.bottomImage {
		 width: 100px; height: 100px;cursor: pointer;display:block;margin: 0 auto;
	}
	.webHiddenDiv {
		position: fixed;top: 0px;right: 0px;width: 10px;height: 10px;color: gray;
	}
	.webHiddenDiv::after {
		content: "X";
	}  
	.corners {
		position: absolute;
		z-index: -1;
		filter:brightness(126%) contrast(153%) drop-shadow(0px 1px 1px rgba(55, 191, 116, 0.43)) drop-shadow(10px 3px 2px rgba(0, 0, 0, 1));
	}
	footer, .footer {
		position: relative; bottom: 5px; text-align: center;
		padding-top: 5em;
		padding-bottom: 2em;
		font-family: Garamond;
		font-size: 1em;
	}
	footer::after, .footer::after {
		content: "Optimised for Chrome on PC. Not suitable for touch screens. \A Copyright \000A9 2018-2026 Edmund Wood; all rights reserved. \A No tracking, no consents necessary.";white-space: pre;
	}  
    .privterms {
		font-family: Garamond;
		font-size: 1.3em;
    }
.window-shadow-scroll{
	width: 20px;position: absolute;right: -21px;top: 0px; z-index: 5;
	border-radius:0px 12px 11px 0px;
	box-shadow:0px 0px 20px 10px rgba(0, 0, 0, 0.50);
}
.window-shadow-top{
	position: fixed;left:0px;top: 0px; width: 100%; z-index: 5;
	border-radius:0px 12px 11px 0px;
	box-shadow:0px 0px 20px 10px rgba(0, 0, 0, 0.50);
}
.window-shadow-bottom{
	position: fixed;left:0px;bottom: 0px; width: 100%; z-index: 5;
	border-radius:0px 12px 11px 0px;
	box-shadow:0px 0px 20px 10px rgba(0, 0, 0, 0.50);
}
::-webkit-scrollbar {
  width: 20px;
}
::-webkit-scrollbar-track {
	box-shadow:inset 0px 0px 3px 0px rgba(57, 191, 117, 1);
	border-radius: 10px;
	background:rgba(0, 0, 0, .1);
}
::-webkit-scrollbar-thumb {
	box-shadow:inset 0px -2px 2px 0px rgba(9, 33, 20, 1),inset 1px -1px 2px 0px rgba(55, 191, 116, 0.46),inset 0px -1px 7px 6px rgba(0, 0, 0, 1),inset 2px 9px 6px 4px rgba(57, 191, 117, 1);
	background:rgb(85, 85, 85);
	border-radius:20px;
}
::-webkit-scrollbar-thumb:hover {
  background: #888; 
}


.iFrame2 {
	width:350px; height:250px;
	border: 0px;
	display:block;
	margin: 0 auto;
}