@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Inconsolata:wght@200;300;400;500;700;800;900&family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');
@import url("https://use.typekit.net/fsr7hzi.css");

* {   margin: 0;   padding: 0;   box-sizing: border-box; }
body { color:#201D1E; background-color:#f4f3f1; margin-left:0; margin-right:0; font-family: 'Inconsolata', monospace; font-size:10px; text-rendering: optimizeLegibility; line-height:10px; }

.grid-container-aside {font-size:0.9rem; line-height:1.2rem;}
.grid-container-footer ul {font-size:0.9rem; line-height:1.2rem;}

p {font-family: 'Cormorant Garamond', serif; font-style: normal; font-size:1.2rem; font-weight: 400; line-height:2.0rem; padding-bottom: 1.5rem; color: #201D1E;}
p.big {font-size:1.4rem;line-height:2.3rem; padding-top:1.5rem; }
p.small {font-size:1.05rem; line-height:1.6rem; padding-bottom:0.0rem;}
p.caption {font-family: 'Inconsolata', monospace; font-size:0.65rem; font-weight: 200; color:#3C3744;padding-bottom:2.0rem;}
p.term { font-size:1.2rem; text-transform:capitalize; padding-bottom:0.0rem;}
p.coming-soon { text-rendering: optimizeLegibility; font-size: 1.0rem; font-weight:400; font-style:normal; }
p.monospace {font-family: 'Inconsolata', monospace; font-weight: 400; font-style: normal; font-size:1.0rem; line-height:1.7rem; text-rendering: optimizeLegibility; color: #3C3744}
p.fine-print {font-family: 'Inconsolata', monospace; font-size:0.55rem; font-weight: 200; line-height:1.0rem;color:#3C3744;}
/*  */
.update-page p {font-family: 'Inconsolata', monospace;}
.update-page p.big {font-size:1.2rem;}
.update-page p.regular {font-family: 'Inconsolata', monospace;font-size:1.0rem;line-height:1.5rem;}
.update-page p.chart-details {font-family: 'Inconsolata',monospace;font-style:italic;font-size:0.9rem;line-height:1.5rem; display:inline-block;}
.sellers-page ol li, .buyers-page ol li {font-size:1.2rem;line-height:2.0rem;font-weight:400;}
.sellers-page ol li.small, .buyers-page ol li.small {font-size:1.0rem;line-height:2.0rem;font-weight:400;}
.sellers-page ol.q li {padding-top:0.5rem;padding-bottom:0.5rem;}
.sellers-page ol.a li {padding-top:1.5rem;padding-bottom:1.5rem;}


h1, h2, h3, h4, h5, h6 { font-family: 'nunito sans', serif;  font-style: normal; text-rendering: optimizeLegibility; color:#201D1E; margin:unset; padding:unset; margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0; margin-inline-end: 0; }
h1 {font-weight: 100;letter-spacing:0.0rem; padding-top:2.0rem; padding-bottom:1.0rem;}
h2 {font-weight: 700;padding-bottom:1.5rem;}
h3 {font-weight: 700;letter-spacing:0.0rem; padding-top:1.5rem;}
h4 {font-weight: 600; padding-top:1.0rem;}
h5 {font-weight: 600;}
.home-page>body>main>header>h1 {color:#201D1E;}
.home-page>body>main>header>p {color:#201D1E;}
blockquote { font-family: 'Inconsolata', monospace; font-weight: 400; font-style: normal;  text-rendering: optimizeLegibility; }
figcaption { text-align:center; }
.strong {font-family: cormorant-garamond,serif;font-weight: 700;font-style: normal;}
aside h4, footer h4 {color:#FFFFFF;padding-bottom:2vh;}
.g-e-logo-2 {font-weight: 800; letter-spacing:0.05rem;font-size:1.05rem; padding-top:1.5rem; padding-bottom:1.5rem;padding-left:0.5rem;}
.tut-h1 {font-size:1.0rem;letter-spacing:0.9rem;line-height:1.2rem;padding-bottom:3vh;}
h1.h1-sm {font-size:4.5rem;letter-spacing:-0.3rem;line-height:3.5rem;}




a { color:#201D1E; outline: none;}
p>a {background:#ffffff;}
a:link { color:#201D1E; outline: none;}
a:visited { color:#201D1E; outline: none; }
a:focus { color:#B2A069; outline: none; background:#ffffff; }
a:hover { color:#ffffff; outline: none; background:#201D1E; }
a:active { color:#F92A82; }
.glossary-page .glossary-menu-letters a { padding-right:1.25rem; }
aside>a, footer>a, header>a { text-decoration:none; }
aside a {color:#F4F3F1;}
aside a:link { color:#F4F3F1; outline:none;}
aside a:visited { color:#F4F3F1; outline:none; }
aside a:focus { color:#B2A069; outline:none; background:#F4F3F1; }
aside a:hover { color:#000000; outline:none; background:#F4F3F1; }
aside a:active { color:#F92A82; }

body .nav-container ul li button {width:100%;}

button {margin-top:2vh;border:unset; padding:0.5rem 0.75rem 0.5rem 0.75rem; font-size:1.1rem; font-family: 'Inconsolata', monospace; font-weight: 400; font-style: normal; text-align: center; text-decoration: none; cursor: pointer; border-radius:2px;  }
.button-1 { background-color:#47855C; color:#F2F8F4; border: 1px solid #47855C; margin-top:0.75em;}
.button-1:link { background-color: #F2F8F4; color:#47855C;  }
.button-1:visited { background-color: #F2F8F4; color:#47855C;  }
.button-1:focus { background-color: #F2F8F4; color:#47855C;  }
.button-1:hover { background-color: #F2F8F4; color:#47855C;  }
.button-1:active { background-color: #F2F8F4; color:#47855C;  }
/* Button filled with black */
.button-2 { background-color: #3C3744; border: 1px solid #3C3744; color: #f9f8f6; margin-top:0.75em;}
.button-2:link { background-color: #3C3744; border: 1px solid #3C3744; color: #f9f8f6; }
.button-2:visited { background-color: #3C3744; border: 1px solid #3C3744; color: #f9f8f6; }
.button-2:focus { background-color: #3C3744; border: 1px solid #3C3744; color: #f9f8f6; }
.button-2:hover { background-color: #f9f8f6; border: 1px solid #3C3744; color: #3C3744; }
.button-2:active { background-color: #3C3744; border: 1px solid #3C3744; color: #f9f8f6; }
/* Button */
.button-3 { background-color:#F2F8F4; color:#47855C; border: 1px solid #47855C; margin-top:0.75em;}
.button-3:link { background-color: #F2F8F4; color:#47855C;  }
.button-3:visited { background-color: #F2F8F4; color:#47855C;  }
.button-3:focus { background-color: #F2F8F4; color:#47855C;  }
.button-3:hover { background-color: #47855C; color:#F2F8F4;  }
.button-3:active { background-color: #F2F8F4; color:#47855C;  }
/* Button outlined color 2 - Aquamarine */
.button-4 { background-color: #f9f8f6; border: 1px solid #61F2C2; color: #61F2C2; margin-top:0.75em;}
.button-4:link { background-color: #f9f8f6; border: 1px solid #61F2C2; color: #61F2C2; }
.button-4:visited { background-color: #f9f8f6; border: 1px solid #61F2C2; color: #61F2C2; }
.button-4:focus { background-color: #f9f8f6; border: 1px solid #61F2C2; color: #61F2C2; }
.button-4:hover { background-color: #61F2C2; border: 1px solid #61F2C2; color: #f9f8f6; }
.button-4:active { background-color: #f9f8f6; border: 1px solid #61F2C2; color: #61F2C2; }

/* .button-5-nav:visited {} */
/* .button-5-nav:focus {} */
.button-6-nav:hover {background-color:#ffffff; color:#2F2D2E; border:1px solid #2F2D2E; cursor:pointer;}
/* .button-5-nav:active {} */

.sg-abt img {max-width:100%;}

ul { list-style-type: none; margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 0; }
nav ul { list-style:none; }
aside ul { list-style:none; font-size:0.9rem;line-height:1.5rem;}




.page-indicator { display:inline-block; height:10px; width:10px; margin-left:0.15rem; }
.horizontal-rule { width:100%; height:1px; background-color:#B5ACAD; }
.contact-page .GuidedModeEditor__view { padding:0; }
.chart-1 canvas 
#myChart1 {background-color:#fafafa;width:100%;}
.chart-2 canvas {width:100%;}

section.john { background-color:#F4F3F1; }
section.colleen { background-color:#F4F3F1; }
section.john h2, section.colleen h2, section.john h3, section.colleen h3 { color:#F3E0EC; }
section.john p, section.colleen p {color:#3C3744;}

video {
    width: 100%;
    height: auto;
}

picture.hero img {width:100%; object-fit:fill;}
picture.g-e-b-hero img {width:100%; object-fit:cover;}

.g-container-aside {background-color:#201D1E;}
.g-container-aside {color:#FFFFFF;}
.g-container-footer {background-color:#201D1E;}
.g-container-footer p.fine-print {color:#F4F3F1;}

svg.logo {
    width:80px;  
  }

.g-container-main>div.g-e-ve-ab-1 {background-color: #ffffff;}
.update-page>body>main.g-container-main>div.g-e-ve-1 {background-color: #ffffff;}
.about-page>body>main.g-container-main>div.g-e-ve-ab-1 {background-color:#ffffff;}

.material-symbols-outlined {position:relative;}
.white {color:#FFFFFF;}

/* Each page should have its own color scheme, while the home page can have the larger variation. */
.g-e-ve-1 {background-color:#F4F3F1;}
.g-e-ve-2 {background-color:#F4F3F1;}
.g-e-ve-3 {background-color:#F4F3F1;}
.g-e-ve-4 {background-color:#F4F3F1;}

.home-page>body>main.g-container-main>picture.photo-home-1 img {max-width:75%;object-fit:cover;} 
.home-page>body>main.g-container-main>picture.photo-home-2 img {max-width:100%;object-fit:cover;}
.home-page>body>main.g-container-main>picture.photo-home-3 img {max-width:100%;object-fit:cover;}
.home-page>body>main.g-container-main>picture.photo-home-4 img {max-width:75%;object-fit:cover;}
.home-page>body>main.g-container-main>picture.photo-home-5 img {max-width:100%;object-fit:cover;}