html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeLegibility;
  line-height: 1.5;
}

ul {
  margin: 0;
  padding: 0;
  list-style-position: inside;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}

a,
area,
button,
[role=button],
input,
label,
select,
summary,
textarea {
  touch-action: manipulation;
}

/* Remove default padding */
/*ul[class],
ol[class] {
  padding: 0;
}*/
/* Remove default margin */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* Make images easier to work with */
img {
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
@font-face {
  font-family: "Inter-V";
  font-weight: 1 900;
  font-style: normal;
  src: url("../fonts/Inter-roman_var.woff2") format("woff2-variations");
  font-display: auto;
}
@font-face {
  font-family: "Inter-V";
  font-weight: 1 900;
  font-style: italic;
  src: url("../fonts/Inter-italic_var.woff2") format("woff2-variations");
  font-display: auto;
}
@font-face {
  font-family: "SourceSansVariable";
  font-weight: 1 900;
  font-style: normal;
  src: url("../fonts/SourceSans3-Variable.woff2") format("woff2-variations");
  font-display: auto;
}
@font-face {
  font-family: "SourceSansVariable";
  font-weight: 1 900;
  font-style: italic;
  src: url("../fonts/SourceSans3-Italic-Variable.woff2") format("woff2-variations");
  font-display: auto;
}
@font-face {
  font-family: "SourceSerif";
  font-weight: 300;
  font-style: normal;
  src: url("../fonts/SourceSerif4-Light.woff2");
  font-display: auto;
}
@font-face {
  font-family: "SourceSerif";
  font-weight: 300;
  font-style: italic;
  src: url("../fonts/SourceSerif4-LightItalic.woff2");
  font-display: auto;
}
@font-face {
  font-family: "SourceSerif";
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/SourceSerif4-Regular.woff2");
  font-display: auto;
}
@font-face {
  font-family: "SourceSerif";
  font-weight: 400;
  font-style: italic;
  src: url("../fonts/SourceSerif4-Italic.woff2");
  font-display: auto;
}
@font-face {
  font-family: "SourceSerif";
  font-weight: 500;
  font-style: normal;
  src: url("../fonts/SourceSerif4-Medium.woff2");
  font-display: auto;
}
@font-face {
  font-family: "SourceSerif";
  font-weight: 500;
  font-style: italic;
  src: url("../fonts/SourceSerif4-MediumItalic.woff2");
  font-display: auto;
}
@font-face {
  font-family: "SourceSerif";
  font-weight: 600;
  font-style: normal;
  src: url("../fonts/SourceSerif4-SemiBold.woff2");
  font-display: auto;
}
@font-face {
  font-family: "SourceSerif";
  font-weight: 600;
  font-style: italic;
  src: url("../fonts/SourceSerif4-SemiBoldItalic.woff2");
  font-display: auto;
}
@font-face {
  font-family: "SourceSerif";
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/SourceSerif4-Bold.woff2");
  font-display: auto;
}
@font-face {
  font-family: "SourceSerif";
  font-weight: 700;
  font-style: italic;
  src: url("../fonts/SourceSerif4-BoldItalic.woff2");
  font-display: auto;
}
@font-face {
  font-family: "SourceSerif";
  font-weight: 800;
  font-style: normal;
  src: url("../fonts/SourceSerif4-ExtraBold.woff2");
  font-display: auto;
}
@font-face {
  font-family: "SourceSerif";
  font-weight: 800;
  font-style: italic;
  src: url("../fonts/SourceSerif4-ExtraBoldItalic.woff2");
  font-display: auto;
}
@font-face {
  font-family: "SourceSerif";
  font-weight: 900;
  font-style: normal;
  src: url("../fonts/SourceSerif4-Black.woff2");
  font-display: auto;
}
@font-face {
  font-family: "SourceSerif";
  font-weight: 900;
  font-style: italic;
  src: url("../fonts/SourceSerif4-BlackItalic.woff2");
  font-display: auto;
}
/*
z-index list
div.popupCloser: 10;
div#notePopup: 100;

*/
/*some typographical notes*/
/*
40.546px
2.534em @ 16

36.041px
2.253em @ 16

32.036px
2.002em @ 16

28.477px
1.78em @ 16

25.313px
1.582em @ 16

22.5px
1.406em @ 16

20px
1.25em @ 16

17.778px
1.111em @ 16

15.802px
0.988em @ 16

14.047px
0.878em @ 16

12.486px
0.78em @ 16

11.099px
0.694em @ 16

9.865px
0.617em @ 16

*/
/*css custom properties */
:root {
  scroll-behavior: smooth;
  --page-max-width: 1200px;
  --correspondence-max-width: 1024px;
  --page-text-width: 700px;
  --page-top-padding: 1.5rem;
  --page-right-padding: 2rem;
  --page-right-padding-tablet: 1rem;
  --page-left-padding: 8.25em;
  --page-left-padding-tablet: 4rem;
  --page-left-margin: 100px;
  --page-left-margin-mobile: 0;
  --page-width: min(1200px, 100vw - 2rem);
  --page-padding-mobile: 1.5rem clamp(1rem, 3%, 3rem);
  --primary-sans: "Inter-V", "Inter", Verdana, Geneva, Tahoma, sans-serif;
  --secondary-sans:"SourceSansVariable", Georgia, Times New Roman, sans-serif;
  --primary-serif: "SourceSerif", Georgia, Times New Roman, serif;
  --splashnav-bg-color: #ffffff;
  --splash-margin-color: #d8d8d8;
  --page-bg-color: #ffffff;
  --details-bg-color: #eeeeee;
  --minutes-bg-color: #eeeeee;
  --link-color: #0070c9;
  --link-active-color: #0070c9;
  --link-underline-color: transparent;
  --link-underline-color-active: #0070c9;
  --nav-bg: #f8f8f8;
  --highlight: #0070c9;
  --hightlightRGBA:rgba(0, 112, 201, 1);
  --text-color: #222222;
  --panel-color: #ffffff;
  --medium-grey: #666666;
  --light-grey: #c7c7c7;
  --light-grey-rgb: 199, 199, 199;
  --nav-internal: #666666;
  --underline: rgba(185,185,185,.3);
  --underline-active: rgba(185,185,185,1);
  --link-active: #0070c9;
  --border-color: #d8d8d8;
  --table-border-color: #d8d8d8;
  --body-size-sans: 1.11rem;
  --body-size-sans-mobile: .988rem;
  --body-size-serif: 1.25rem;
  --body-size-serif-mobile: 1.111rem;
  --abstract-size: .988rem;
  --abstact-size-mobile: .988rem;
  --body-sans-weight: 380;
  --superscript-size: .694rem;
  --marginalia-size: .988rem;
  --marginalia-size-mobile: .988rem;
}

* {
  background-color: transparent;
}

body.internal > div#container {
  width: 100%;
}

#index body {
  background-color: var(--splash-margin-color);
}

body {
  font-size: 100%;
  margin: 0;
  background-color: var(--page-bg-color);
}

#index #container {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1200px;
  display: grid;
  grid-template-rows: min-content min-content min-content;
  grid-template-columns: minmax(330px, 100%);
  background-color: var(--page-bg-color);
  overflow: hidden;
}
@media only screen and (min-width: 1025px) {
  #index #container {
    grid-template-rows: 44px min-content min-content;
  }
}
@media only screen and (min-width: 1366px) {
  #index #container {
    background-size: 1200px;
  }
}

/* Following siblings of container are retrieved AJAX things, so hide them. */
#container ~ div {
  display: none;
}

button {
  background-color: #ebebeb;
}

button:hover {
  cursor: pointer;
}

div a.btnFootnote:not(.arrow) {
  color: var(--link-color);
  vertical-align: super;
  line-height: normal;
  font-size: var(--superscript-size);
  padding: 0.25rem;
}

div a.btnFootnote:not(.arrow)::before {
  content: "[";
  color: var(--highlight);
  font-family: inherit;
  font-size: inherit;
}

div a.btnFootnote:not(.arrow)::after {
  content: "]";
  color: var(--highlight);
  font-family: inherit;
  font-size: inherit;
}

/*End container specs*/
/*Site banner and footer styles*/
#index #siteHeader {
  display: grid;
  grid-template-rows: min-content min-content;
  row-gap: 0;
  align-content: flex-start;
  background-image: url(../images/splash-bg-victoria.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 1px solid #AEAEAE;
  position: relative;
  margin-bottom: 1rem;
  height: 225px;
  background-position: 50% 90%;
}
@media only screen and (min-width: 1025px) {
  #index #siteHeader {
    height: 583px;
    background-position: initial;
    margin-bottom: 2.5rem;
  }
}
@media only screen and (max-height: 800px) and (min-width: 720px) {
  #index #siteHeader {
    height: 300px;
    background-position: 50% 80%;
    margin-bottom: 1.5rem;
  }
}

#index #siteHeader::after {
  content: "";
  position: absolute;
  background-image: url(../images/splash-logo.png);
  background-repeat: no-repeat;
  background-size: 172px 100px;
  width: 172px;
  height: 100px;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 1025px) {
  #index #siteHeader::after {
    background-size: 550px 320px;
    width: 550px;
    height: 320px;
    bottom: 40px;
  }
}
@media only screen and (max-height: 800px) and (min-width: 720px) {
  #index #siteHeader::after {
    background-size: 300px 175px;
    width: 300px;
    height: 175px;
    bottom: 0;
  }
}

#index div#siteHeader h1 {
  color: var(--text-color);
  font-family: var(--primary-sans);
  font-weight: 900;
  font-size: 1.75rem;
  grid-row-start: 1;
  justify-self: center;
  margin-top: 10px;
}
@media only screen and (min-width: 1025px) {
  #index div#siteHeader h1 {
    font-size: 3.5rem;
    margin-top: 3rem;
    letter-spacing: -0.02em;
  }
}
@media only screen and (max-height: 800px) and (min-width: 720px) {
  #index div#siteHeader h1 {
    font-size: 2.5rem;
    margin-top: 0.5rem;
    letter-spacing: -0.02em;
  }
}

#index div#siteHeader h2 {
  color: var(--text-color);
  font-family: var(--primary-sans);
  font-weight: 500;
  font-size: 1rem;
  letter-spacing: -0.05em;
  width: 20rem;
  text-align: center;
  grid-row-start: 3;
  justify-self: center;
  font-size: 1rem;
}
@media only screen and (min-width: 1025px) {
  #index div#siteHeader h2 {
    font-size: 1.3rem;
    width: 30rem;
  }
}
@media only screen and (max-height: 800px) and (min-width: 720px) {
  #index div#siteHeader h2 {
    font-size: 1.1rem;
  }
}

/* #index div#siteHeader h2::before {
	content: '';
	background-color: var(--text-color);
	height: 1px;
	width: 15rem;
	margin-bottom: 8px;
	//margin-top: 8px;
	@include bp1366 {
		width: 25rem;
		margin-bottom: 15px;
		//margin-top: 15px;
	}

	margin-left: auto;
	margin-right: auto;

	display: block;
} */
/* #index div#siteHeader h2::after {
	content: '';
	background-color: var(--text-color);
	height: 1px;
	width: 6rem;
	margin-left: auto;
	margin-right: auto;
	//margin-bottom: 8px;
	margin-top: 8px;
	display: block;	
	@include bp1366 {
		width: 10rem;
		//margin-bottom: 15px;
		margin-top: 15px;
	}
} */
#index div.searchBox {
  background-color: var(--panel-color);
  width: 100%;
  max-width: 50rem;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-self: center;
  margin-left: 1rem;
  margin-right: 1rem;
  border-radius: 3px;
}
#index div.searchBox:focus-within {
  transition: all 0.3s ease-in-out;
}

#index div.searchBox form {
  width: 90%;
}
@media only screen and (min-width: 1025px) {
  #index div.searchBox form {
    width: 70%;
  }
}

#index div.searchBox fieldset {
  border: 0;
  border-radius: 3px;
  margin: 0;
  padding: 0.5rem;
  background-color: #ebebeb;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  position: relative;
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 1025px) {
  #index div.searchBox fieldset {
    padding: 1rem;
  }
}

#index div.searchBox fieldset::after {
  content: url(../images/magnifying-glass.svg);
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
}
@media only screen and (min-width: 1025px) {
  #index div.searchBox fieldset::after {
    width: 25px;
    height: 25px;
  }
}

#index div.searchBox fieldset:focus-within::after {
  content: url(../images/magnifying-glass-active.svg);
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
}
@media only screen and (min-width: 1025px) {
  #index div.searchBox fieldset:focus-within::after {
    width: 25px;
    height: 25px;
  }
}

#index div.searchBox fieldset input {
  border: 1px solid #ebebeb;
  border-radius: 3px;
  width: 100%;
  background-color: #fff;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
  font-family: var(--primary-sans);
  font-weight: 400;
  font-size: 1rem;
  padding: 0.25rem 0.25rem 0.25rem 1rem;
  color: var(--text-color);
  position: relative;
  transition: all 0.3s ease-in-out;
  outline: none;
}
@media only screen and (min-width: 1025px) {
  #index div.searchBox fieldset input {
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    font-size: 1rem;
  }
}

#index div.searchBox fieldset input::placeholder {
  color: var(--text-color);
  opacity: 1;
  transition: color 0.3s ease-in-out;
}

#index div.searchBox fieldset input:focus,
#index div.searchBox fieldset input:active {
  outline: none;
  border: 1px solid var(--highlight);
}

#index div.searchBox fieldset input:active::placeholder,
#index div.searchBox fieldset input:focus::placeholder {
  color: var(--text-color);
  transition: all;
}

footer {
  padding-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-top: solid 1px #AEAEAE;
  width: 80%;
  max-width: var(--page-max-width);
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  row-gap: 0.5rem;
  justify-self: center;
  align-self: center;
}

div#siteCredits {
  font-family: var(--primary-sans);
  font-weight: 400;
  color: #5d5d5d;
  font-size: 0.75rem;
  letter-spacing: -0.01em;
  width: 100%;
  max-width: 38rem;
  text-align: center;
}
@media only screen and (min-width: 1025px) {
  div#siteCredits {
    font-size: 1rem;
  }
}

div#siteCredits a:link,
div#siteCredits a:visited {
  color: var(--link-color);
  text-decoration: underline;
  text-decoration-color: var(--link-underline-color);
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  font-weight: 400;
}

div#siteCredits a:hover {
  color: var(--link-active-color);
  text-decoration-color: var(--link-underline-color-active);
}

img.rssImage {
  width: 30px;
  height: auto;
}

div#citation {
  font-family: var(--primary-sans);
  font-weight: 300;
  color: #838383;
  font-size: 0.6rem;
  text-align: center;
  width: 100%;
  max-width: 60rem;
}
@media only screen and (min-width: 1025px) {
  div#citation {
    font-size: 0.8rem;
  }
}

div#citation a:link,
div.docFooter a:visited {
  color: var(--link-color);
  text-decoration: underline;
  text-decoration-color: var(--link-underline-color);
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

div#citation a:hover {
  color: var(--link-active-color);
  text-decoration-color: var(--link-underline-color-active);
}

div#svnInfo {
  font-family: var(--primary-sans);
  font-weight: 300;
  color: #838383;
  font-size: 0.6rem;
  text-align: center;
}

div#endingsLogo a {
  text-decoration: none;
}
div#endingsLogo a img {
  margin-left: auto;
  margin-right: auto;
}

/*End site banner and footer styles */
#index #container nav {
  width: 100%;
  grid-row-start: 1;
}
@media only screen and (min-width: 1366px) {
  #index #container nav {
    margin-bottom: 1.5rem;
  }
}

body.splash nav {
  width: 100%;
  max-width: 100%;
  min-height: 44px;
  display: flex;
  align-items: center;
  height: auto;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
  z-index: 1;
}
@media only screen and (min-width: 1025px) {
  body.splash nav {
    height: 44px;
  }
}

body.splash ul#siteMenu,
body.internal ul#siteMenu {
  width: var(--page-max-width);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}
@media only screen and (min-width: 1025px) {
  body.splash ul#siteMenu,
  body.internal ul#siteMenu {
    padding: 0 0 0 var(--page-left-padding);
    justify-content: flex-start;
  }
}
@media only screen and (min-width: 960px) {
  body.splash ul#siteMenu,
  body.internal ul#siteMenu {
    margin: 0 0 0 calc(var(--page-left-margin) - 110px);
    justify-content: flex-start;
    padding: 0;
  }
}

body.splash ul#siteMenu {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  margin: 0;
  background-color: var(--splashnav-bg-color);
  height: 100%;
}

body.splash ul#siteMenu li,
body.internal ul#siteMenu li {
  list-style-type: none;
  display: flex;
  align-items: center;
}

body.splash ul#siteMenu li a {
  font-family: var(--primary-sans);
  font-weight: 500;
  padding: 0.25rem 0.25rem;
  font-size: 0.878rem;
  color: var(--link-color);
  text-decoration: underline;
  text-decoration-color: var(--link-underline-color);
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
@media only screen and (min-width: 1366px) {
  body.splash ul#siteMenu li a {
    font-size: 0.878rem;
    padding: 0.5rem 1rem;
  }
}

body.splash ul#siteMenu li a:hover,
body.internal ul#siteMenu li a:hover {
  color: var(--link-active-color);
  text-decoration-color: var(--link-underline-color-active);
}

body.internal nav {
  width: 100%;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
  z-index: 1;
  min-height: 44px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  padding: 0 0 0 var(--page-left-padding-mobile);
}
@media only screen and (min-width: 960px) {
  body.internal nav {
    padding: 0 var(--page-right-padding) 0 var(--page-left-padding);
    flex-flow: row nowrap;
    height: 44px;
    justify-content: flex-start;
  }
}

body.internal nav ul li a:link,
body.internal nav ul li a:visited {
  font-family: var(--primary-sans);
  font-weight: 500;
  font-size: 0.878rem;
  display: block;
  padding: 0.25rem 0.25rem;
  transition: all 0.3s ease-in-out;
  color: var(--link-color);
  text-decoration: underline;
  text-decoration-color: var(--link-underline-color);
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
@media only screen and (min-width: 960px) {
  body.internal nav ul li a:link,
  body.internal nav ul li a:visited {
    padding: 0.5rem 1rem;
  }
}

body.internal nav ul li a {
  display: flex;
  align-items: center;
}

body.internal nav ul li:first-child a {
  position: relative;
}

body.internal nav ul li:first-child a::before {
  display: none;
}
@media only screen and (min-width: 1025px) {
  body.internal nav ul li:first-child a::before {
    display: block;
    content: "";
    position: absolute;
    width: 70px;
    height: 40px;
    background-image: url(../images/inner-logo.png);
    background-size: 70px 40px;
    left: -75px;
    top: 2px;
  }
}

span.accKey {
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: all 0.3s ease-in-out;
  color: var(--highlight);
}

ul#siteMenu li a:hover span.accKey {
  text-decoration-color: var(--highlight);
  color: var(--highlight);
}

#index ul#siteMenu li a:hover span.accKey {
  text-decoration-color: var(--highlight);
  color: var(--highlight);
}

body.internal ul#siteMenu li a:hover span.accKey {
  border-bottom-color: var(--highlight);
  color: var(--highlight);
}

/*End top navigation*/
div.sitePageHome {
  width: 100%;
  max-width: 49rem;
  justify-self: center;
  margin-bottom: 3rem;
  margin-left: 1rem;
  margin-right: 1rem;
}

div.sitePageHome h2 {
  font-family: var(--primary-sans);
  font-weight: 700;
  color: var(--text-color);
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}

div.sitePageHome div.para {
  margin: 0 0 0.5rem 0;
  text-align: left;
  font-family: var(--secondary-sans);
  font-weight: 400;
  font-size: 1.111rem;
  color: var(--text-color);
}

div.sitePageHome div.para a:link,
div.sitePageHome div.para a:visited {
  color: var(--link-color);
  text-decoration: underline;
  text-decoration-color: var(--link-underline-color);
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

div.sitePageHome div.para a:hover {
  color: var(--link-active-color);
  text-decoration-color: var(--link-underline-color-active);
}

body.internal > div#container > div#siteHeader h1,
body.internal > div#container > div#siteHeader h2 {
  position: absolute;
  left: -10000px;
}

div.sitePage {
  margin-left: auto;
  margin-right: auto;
  width: var(--page-width);
  max-width: none;
  display: flex;
  flex-flow: column nowrap;
}
@media only screen and (min-width: 960px) {
  div.sitePage {
    margin-right: auto;
    margin-left: 0;
    width: var(--page-width);
    max-width: var(--page-max-width);
    padding: var(--page-top-padding) var(--page-right-padding) 0 var(--page-left-padding);
  }
}

div.sitePage > div:first-child {
  margin-bottom: 1.5rem;
}

#docsByDate div.sitePage > div {
  width: 100%;
  max-width: var(--page-max-width);
  display: flex;
  flex-flow: column nowrap;
}

.sitepage h1,
.sitePage h2,
.sitePage h2,
.sitePage h4,
.sitePge h5,
.sitePage h5.head,
.sitePage h6 {
  width: 100%;
  max-width: var(--page-text-width);
}

div.sitePage div.para {
  font-family: var(--secondary-sans);
  font-weight: var(--body-sans-weight);
  color: var(--text-color);
  line-height: 1.5;
  font-size: var(--body-size-sans-mobile);
  margin-bottom: 1.56rem;
  letter-spacing: -0.0109598em;
  width: 100%;
  max-width: var(--page-text-width);
}
@media only screen and (min-width: 960px) {
  div.sitePage div.para {
    font-size: var(--body-size-sans);
  }
}

div.sitePage ul {
  font-family: var(--secondary-sans);
  font-weight: var(--body-sans-weight);
  color: var(--text-color);
  font-size: var(--body-size-sans);
  padding: 0;
  width: 100%;
  max-width: var(--page-text-width);
}

div.sitePage ul.listBibl {
  position: relative;
  padding-top: 2rem;
  margin-top: 1rem;
  font-size: 1rem;
  font-weight: 300;
  margin-bottom: 1.5rem;
  list-style-type: none;
  list-style-position: outside;
}

div.sitePage .entity details ul.listBibl li {
  font-size: var(--abstract-size);
}

div.sitePage ul.listBibl li {
  margin-left: 0;
}

div.sitePage ul.listBibl::before {
  content: "";
  width: 50%;
  height: 1px;
  background-color: var(--light-grey);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0.5rem;
}

div.sitePage ul li {
  margin-left: 2rem;
  margin-bottom: 0.5rem;
  list-style-position: outside;
  font-weight: var(--body-sans-weight);
  font-size: var(--body-size-sans-mobile);
}
@media only screen and (min-width: 960px) {
  div.sitePage ul li {
    font-size: var(--body-size-sans);
  }
}

div.sitePage ul li:last-of-type {
  margin-bottom: 0;
}

div.sitePage div.para:last-child {
  margin-bottom: 0;
}

div.sitePage h2,
div.sitePage h5.head {
  font-family: var(--primary-sans);
  width: 100%;
  max-width: var(--page-text-width);
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.28;
  margin-top: 1rem;
  margin-bottom: 0.88rem;
  background-color: transparent;
}
@media only screen and (min-width: 960px) {
  div.sitePage h2,
  div.sitePage h5.head {
    margin-top: 1.75rem;
    font-size: 1.5rem;
  }
}

div.sitePage h3,
div.sitePage h4 {
  font-family: var(--primary-sans);
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.17;
  margin-top: 1.75rem;
  margin-bottom: 0.88rem;
  border: none;
}

div.sitePage a,
div.sitePage a:link,
div.sitePage a:visited {
  color: var(--link-color);
  text-decoration: underline;
  text-decoration-color: var(--link-underline-color);
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

div.sitePage a:hover,
div.sitePage a:active {
  color: var(--link-active-color);
  text-decoration-color: var(--link-underline-color-active);
}

/* new styling for footnote indicator span */
span.footnote {
  vertical-align: baseline;
  font-size: 80%;
  top: -0.4em;
  position: relative;
}

div#credits_logos > p {
  text-align: center;
}

/* 
div.sitePage ul.listPerson, div.sitePage ul.listPlace, div.sitePage ul.listVessel {
    margin-left:0;
    padding-left:0;
}
div.sitePage ul.listPerson>li, div.sitePage ul.listPlace>li, div.sitePage ul.listVessel>li {
    margin-bottom:2em;
    margin-left:0;
    border-top:1px solid #ebebeb;
    list-style-type:none;
    list-style-position:inside;
}
div.sitePage ul.listPerson>li>div, div.sitePage ul.listPlace>li>div.para, div.sitePage ul.listPlace>li>div.placeReferences, div.sitePage ul.listVessel>li>div {
	display:none;	
}

body.expanded div.sitePage ul.listPerson>li>div, body.expanded div.sitePage ul.listPlace>li>div.para, div.sitePage ul.listPlace>li>div.placeReferences, body.expanded div.sitePage ul.listVessel>li>div {
	display:block;	
}

div.sitePage ul.listPerson>li:target>div, div.sitePage ul.listPlace>li:target>div, div.sitePage ul.listVessel>li:target>div {
	display:block;	
}
 */
div.entity {
  display: list-item;
  list-style-type: none;
}

div.entity:target > details > summary, span.snippet:target {
  background-color: rgba(0, 112, 201, 0.2);
}

div.sitePage blockquote p {
  font-family: Georgia, "Times New Roman", serif;
  line-height: 160%;
  font-size: 85%;
}

div.para div.blockquote {
  margin-left: 1.56rem;
  margin-bottom: 1.56rem;
  font-style: italic;
  width: 100%;
  max-width: var(--page-text-width);
  font-weight: var(--body-sans-weight);
  margin-top: 1.56rem;
}

/* lower-case alphabetical list */
.alpha {
  list-style-type: lower-alpha;
}

/* Statistics table cells. */
table.dbStats {
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
}

table.dbStats td {
  border: solid 1px #ebebeb;
  padding: 0.25em;
}

td.cell_integer, table.dbStats td.cell_integer {
  padding-left: 2em;
  font-weight: bold;
  text-align: right;
}

/*end context page styles*/
/*Begin schedules styles*/
ul.scheduleList {
  font-family: helvetica, arial, verdana, sans-serif;
  color: #333;
  font-size: 85%;
}

ul.scheduleSubList {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}

ul.listBibl {
  list-style-type: none;
  padding-left: 0.2em;
}

/*Begin search field styles*/
/* OLD CODE! */
/*Fieldset_wide is the top search box with the search and clear button in it*/
fieldset#searchFieldset_wide {
  /*margin:.25em 0 .5em 0;*/
  padding: 0 0 1em 0;
  background: url(../images/form_bg.png) repeat-x;
  background-position: bottom;
  border: 1px solid #ebebeb;
  font-size: 100%;
}

fieldset#searchFieldset_wide input#search {
  padding: 0;
  background-color: #fff;
}

fieldset#searchFieldset_wide ol {
  margin-left: 0.5em;
  margin-top: 1em;
}

fieldset#searchFieldset_wide li {
  list-style: none;
  padding: 0.5em 0 0 0;
  margin: 0;
}

fieldset#searchFieldset_wide legend {
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  color: #707070;
  background-color: transparent;
}

fieldset#searchFieldset_wide label {
  display: inline-block;
  vertical-align: top;
  font-family: arial, helvetica, sans-serif;
  color: #707070;
  background-color: transparent;
  font-weight: normal;
  width: 8em;
  text-align: right;
  padding-right: 1em;
}

fieldset#searchFieldset_wide input {
  width: 26em;
  border: 1px solid #37ae48;
  margin: 0;
  padding: 0;
  vertical-align: top;
  font-size: 100%;
}

/*Controls the Search button, and buttons on the map gallery page. */
fieldset#searchFieldset_wide button, div#mapGallery button {
  width: 6em;
  background: url(../images/button_bg.png) repeat-x;
  font-family: arial, helvetica, sans-serif;
  font-size: 100%;
  border: 1px solid #3cc34f;
  color: #fff;
  background-color: #3cc34f;
  margin: 0 0 0 1em;
  padding: 0;
}

/*Controls the Clear button*/
fieldset#searchFieldset_wide button.clearButton {
  background: url(../images/button_clear_bg.png) repeat-x;
  background-color: #b6b6b6;
  border: 1px solid #b6b6b6;
}

fieldset#searchFieldset_wide button:hover {
  cursor: pointer;
  color: #ebebeb;
}

fieldset#searchFieldset_wide option {
  font-size: 100%;
}

fieldset#searchFieldset_wide select {
  margin: 0 2em 0 0;
}

/*Begin styles for smaller advanced search forms */
/*Fieldset_small is the lower search box with 9 selections boxes in it*/
fieldset#searchFieldset_small {
  margin: 2em 0 0.5em 0;
  padding: 0 0 1em 0;
  background: url(../images/form_bg.png) repeat-x;
  background-position: bottom;
  border: 1px solid #ebebeb;
  font-size: 100%;
}

fieldset#searchFieldset_small ol {
  margin: 1em 0 0 0;
  padding-left: 0.5em;
}

fieldset#searchFieldset_small li {
  list-style: none;
  padding-top: 3px;
  padding-right: 0;
  padding-bottom: 3px;
  padding-left: 6px;
  margin-right: 0.25em;
  margin-left: 0;
}

fieldset#searchFieldset_small legend {
  padding: 0 4px 0 2px;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 80%;
  color: #707070;
  background-color: transparent;
}

input#coReg {
  background-color: #fff;
}

fieldset#searchFieldset_small label {
  display: inline-block;
  vertical-align: top;
  font-family: arial, helvetica, sans-serif;
  color: #707070;
  background-color: transparent;
  font-size: 80%;
  font-weight: normal;
  width: 8em;
}

fieldset#searchFieldset_small button {
  width: 100px;
  background: url(../images/button_bg.png) no-repeat;
  font-family: arial, helvetica, sans-serif;
  border: 1px solid #2a8637;
  color: #fff;
  background-color: transparent;
  font-size: 80%;
}

fieldset#searchFieldset_small select {
  margin: 0 2px 0 0;
  width: 6em;
  background-color: #fff;
}

/*Sizing wide drop downs*/
fieldset#searchFieldset_small #type, fieldset#searchFieldset_small #author, fieldset#searchFieldset_small #addressee, fieldset#searchFieldset_small #repository {
  width: 28em;
  background-color: #fff;
}

/*End search form styles*/
p.searchHitReport {
  margin-bottom: 0;
  /* background:url(../images/nav_bg2.png) repeat-x; */
  background-image: linear-gradient(to bottom, #37b048, #2d8e3a, #37bc49);
  padding-bottom: 0;
  font-family: helvetica, arial, verdana, sans-serif;
  color: #fff;
  font-size: 80%;
  padding: 0.25em 0.25em 0.25em 1em;
  background-color: #39b54a;
  border-top: #2d8e3a 1px solid;
  border-bottom: #2d8e3a 1px solid;
}

p.searchHitReport button {
  font-family: arial, helvetica, sans-serif;
  font-size: 100%;
  margin-left: 0.25em;
  margin-right: 0.25em;
  border: 0;
  padding: 0;
  color: #fff;
  background-color: transparent;
}

p.searchHitReport button:hover {
  cursor: pointer;
  text-decoration: underline;
}

/*Style for search result area*/
table.toc {
  border-spacing: 0 0;
  border: 1px solid #ebebeb;
  margin: 1em 0 0 0;
  padding-left: 1em;
  padding-right: 1em;
  background: url(../images/table_bg.png) repeat-x;
  font-size: 100%;
  font-family: helvetica, arial, verdana, sans-serif;
  width: 100%;
}

table.toc ul li {
  color: #39b44a;
  margin-top: 1em;
  line-height: 1.5em;
}

table.toc ul li span {
  color: #333;
}

table.toc a {
  color: #39b44a;
  text-decoration: none;
}

table.toc a:visited {
  color: #39b44a;
  text-decoration: none;
}

table.toc a:hover {
  color: #39b44a;
  text-decoration: underline;
}

table.toc thead {
  font-family: arial, sans-serif;
}

table.toc thead tr {
  background-color: transparent;
}

table.toc thead tr td {
  padding: 1ex 0 1ex 1ex;
  color: #707070;
  background-color: transparent;
}

table.toc tbody td {
  padding: 1ex 0 1ex 1ex;
  margin: 0;
  color: #707070;
  font-family: verdana, arial, sans-serif;
  border-top: 1px solid #39b44a;
  /*border-bottom:1px solid #707070;*/
  font-size: 80%;
  background-color: transparent;
}

table.toc tbody tr.searchHits {
  margin: 0;
  padding: 0;
}

table.toc tbody tr.searchHits td {
  background-color: transparent;
  font-family: Georgia, "Times New Roman", serif;
  margin: 1ex 0 1ex 0;
  border: 0;
  padding: 0 1em 0 0;
  color: #333;
}

/* Make the icons for hit documents smaller. Could be
 * smaller still, perhaps. */
/* Put the search filters in a sensible order. */
fieldset[title=Sender] {
  order: 1;
}

fieldset[title=Receiver] {
  order: 2;
}

fieldset[title="Document type"] {
  order: 3;
}

fieldset[title=Colony] {
  order: 4;
}

fieldset[title=Volume] {
  order: 5;
}

fieldset[title="Class/series"] {
  order: 6;
}

fieldset[title=Repository] {
  order: 7;
}

fieldset[title="Registration #"] {
  order: 8;
}

div.mapControls {
  max-width: 80%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

div.mapControls button {
  font-size: 2rem;
  margin: 0.5em;
  min-width: 1em;
  min-height: 1em;
}

/*Document open styles*/
div.correspondence_doc h2 {
  font-family: var(--primary-sans);
  padding: 0;
  color: var(--text-color);
  font-size: 1.111rem;
  width: 100%;
  max-width: var(--page-max-width);
  margin-bottom: 1.5rem;
}

div.correspondence_doc {
  margin-left: auto;
  margin-right: auto;
  width: var(--page-width);
  max-width: none;
  display: flex;
  flex-flow: column nowrap;
  padding: var(--page-top-padding) 0 0 0;
}
@media only screen and (min-width: 768px) {
  div.correspondence_doc {
    margin-right: 0;
    margin-left: 0;
    width: var(--page-width);
    max-width: var(--page-max-width);
    padding: var(--page-top-padding) var(--page-right-padding) 0 var(--page-left-padding);
  }
}
@media only screen and (min-width: 1025px) {
  div.correspondence_doc {
    padding: var(--page-top-padding) var(--page-right-padding) 0 var(--page-left-padding);
  }
}

div.correspondence_doc a,
div.correspondence_doc a:link,
div.correspondence_doc a:visited {
  color: var(--link-color);
  text-decoration: underline;
  text-decoration-color: var(--link-underline-color);
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  font-family: var(--primary-sans);
}

div.correspondence_doc a:hover {
  color: var(--link-active-color);
  text-decoration-color: var(--link-underline-color-active);
}

strong {
  font-weight: inherit;
}

div.correspondence_doc div.opener,
div.correspondence_doc div.closerAddressee,
div.correspondence_doc div.closerPostscript {
  width: 100%;
  max-width: var(--page-text-width);
  font-family: var(--primary-serif);
  font-size: var(--body-size-serif-mobile);
  color: var(--text-color);
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 960px) {
  div.correspondence_doc div.opener,
  div.correspondence_doc div.closerAddressee,
  div.correspondence_doc div.closerPostscript {
    font-size: var(--body-size-serif);
  }
}

div.correspondence_doc div.closer {
  font-family: var(--primary-serif);
  font-size: var(--body-size-serif-mobile);
  color: var(--text-color);
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 960px) {
  div.correspondence_doc div.closer {
    font-size: var(--body-size-serif);
  }
}

div.correspondence_doc > div.para,
div.correspondence_doc > div[data-type] > div[data-type] > div.para,
div.correspondence_doc div[data-type=minute_entry] > div.para,
div.correspondence_doc > div.para,
div[data-type=enclosure_transcribed] + div div.para {
  font-family: var(--primary-serif);
  font-size: var(--body-size-serif-mobile);
  color: var(--text-color);
  width: 100%;
  max-width: var(--page-text-width);
  margin-bottom: 1.5rem;
  position: relative;
}
@media only screen and (min-width: 960px) {
  div.correspondence_doc > div.para,
  div.correspondence_doc > div[data-type] > div[data-type] > div.para,
  div.correspondence_doc div[data-type=minute_entry] > div.para,
  div.correspondence_doc > div.para,
  div[data-type=enclosure_transcribed] + div div.para {
    font-size: var(--body-size-serif);
  }
}

div.salute {
  font-family: var(--primary-serif);
  font-size: var(--body-size-serif);
  color: var(--text-color);
  width: 100%;
  max-width: var(--page-text-width);
  margin-bottom: 1.5rem;
  position: relative;
  font-size: var(--body-size-serif-mobile);
}
@media only screen and (min-width: 960px) {
  div.salute {
    font-size: var(--body-size-serif);
  }
}

div.correspondence_doc div[data-type=other_files] div[data-type=other_entry] > div.para,
div.correspondence_doc div[data-type=other_files] div[data-type=other_entry] > div > div.para,
div.correspondence_doc div[data-type=enclosure_list] div[data-type=enclosure_entry] > div.para {
  font-family: var(--secondary-sans);
  font-weight: var(--body-sans-weight);
  color: var(--text-color);
  line-height: 1.5;
  font-size: var(--body-size-sans);
  margin-bottom: 1.56rem;
  letter-spacing: -0.0109598em;
  width: 100%;
  max-width: var(--page-text-width);
  list-style-type: disc;
  display: list-item;
  list-style-position: inside;
  padding: 0 1rem 0 1rem;
  max-width: calc(var(--page-text-width) - 4rem);
  font-size: var(--body-size-sans-mobile);
}
@media only screen and (min-width: 960px) {
  div.correspondence_doc div[data-type=other_files] div[data-type=other_entry] > div.para,
  div.correspondence_doc div[data-type=other_files] div[data-type=other_entry] > div > div.para,
  div.correspondence_doc div[data-type=enclosure_list] div[data-type=enclosure_entry] > div.para {
    font-size: var(--body-size-sans);
  }
}

div.correspondence_doc div[data-type=other_files] div[data-type=other_entry] a,
div.correspondence_doc div[data-type=enclosure_list] div[data-type=enclosure_entry] > div.para a {
  font-family: inherit;
  font-size: inherit;
}

div.correspondence_doc a,
div.correspondence_doc a:link,
div.correspondence_doc a:visited {
  font-family: inherit;
}

div.correspondence_doc a > span[style] {
  text-decoration-color: var(--text-color) !important;
}

div.correspondence_doc a > span[style]:hover {
  text-decoration-color: var(--link-active-color) !important;
}

div.newSearch {
  float: left;
  font-size: 80%;
  font-family: helvetica, arial, verdana, sans-serif;
}

div.navPointers {
  font-size: 0.88rem;
  font-family: var(--primary-sans);
  margin-bottom: 1rem;
}

div.navPointers .accKey {
  color: inherit;
}

div.metadata {
  border-bottom: 1px solid #ebebeb;
  position: relative;
  margin-bottom: 1.5rem;
  width: 100%;
  max-width: var(--page-text-width);
}

div[data-type=minutes],
div[data-type=other_files],
div[data-type=enclosure_list],
div[data-type=other_entry],
div[data-type=enclosure_entry],
div.closer {
  position: relative;
}

.pageImageLink {
  float: left;
  margin: 0.5rem 0.5rem 0.5rem 0;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .pageImageLink {
    float: none;
    display: block;
    position: absolute;
    left: -55px;
    margin: 0;
  }
}

.pageImageLink::before {
  content: "";
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 112, 201, 0);
  transition: all 0.3s linear;
  -moz-touch-action: none;
  touch-action: none;
  pointer-events: none;
}

.pageImageLink:hover::before {
  content: "";
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 112, 201, 0.4);
  transition: all 0.3s linear;
}

.marginalia .pageImageLink {
  position: initial;
  float: right;
  clear: both;
  padding: 0.25rem;
}

div.metadata .pageImageLink {
  float: right;
}

.pageImageLink a {
  display: block;
}

.pageImageLink a img {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  width: 35px !important;
  height: auto !important;
}

.pageImageLink a:hover {
  border-color: var(--link-active);
}

div.opener div.date {
  text-align: right;
}

div.opener div.address {
  text-align: right;
}

div.pageNum, div.sig {
  margin-bottom: 1em;
}

div.para div.pageNum, div.para div.sig {
  margin-right: 0;
}

div.opener div {
  margin-top: 1em;
}

.marginalia {
  display: block;
  float: right;
  clear: right;
  margin: 1rem 0 1rem 1rem;
  width: 12.5rem;
  border: dashed 1px #ccc;
  padding: 0.25em;
  font-style: italic;
  background-color: #ffffff;
  color: #000000;
  font-size: 0.988rem;
  z-index: 5;
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .marginalia {
    margin: 0 -34% 1rem 0;
  }
}

div.closer .marginalia {
  margin: 0 5rem 1rem 0;
}

br + .marginalia {
  margin: 0;
}

div.opener br + .marginalia {
  display: block;
  float: right;
  clear: right;
  margin: 1rem 0 1rem 1rem;
  width: 12.5rem;
  border: dashed 1px #ccc;
  padding: 0.25em;
  font-style: italic;
  background-color: #ffffff;
  color: #000000;
  font-size: 0.988rem;
  z-index: 5;
  position: relative;
}
@media only screen and (min-width: 1025px) {
  div.opener br + .marginalia {
    margin: 0 -34% 1rem 0;
  }
}

div.para div.marginalia:last-of-type {
  margin-bottom: 0;
}

div.correspondence_doc div.marginalia div.para {
  font-size: 0.878rem;
  margin-bottom: 0;
}

/* Marginalia end up in the wrong place in the opener; 
    have to handle these specially. */
/*div.opener div.marginalia{
  margin-right: -1%;
  width: 22%;
}*/
.marginalia .para, div.opener .marginalia .para {
  margin-top: 0;
  margin-right: 0;
  clear: none;
  text-align: left;
}

div.floatingAsterisk {
  float: left;
}

ul.indexEntries {
  float: right;
  clear: right;
  margin-right: -35%;
  margin-bottom: 1em;
  margin-top: -0.5em;
  width: 30%;
  font-size: 75%;
  display: none;
}

ul.indexEntries, ul.indexEntries ul, ul.indexEntries li {
  list-style-type: none;
  text-align: left;
  padding-left: 0.5em;
  line-height: 90%;
  padding-top: 0;
}

ul.indexEntries ul, ul.indexEntries li {
  margin-top: 0;
  margin-bottom: 0;
}

div.closer {
  margin-top: 1em;
  margin-left: min(300px, 30%);
}

div.closerAddressee {
  margin-left: 0;
}

div[data-type=minute_entry] div.closer {
  margin-left: auto;
}

div[data-type=minutes] h5,
div[data-type=other_files] h5,
div[data-type=enclosure_list] h5,
div[data-type=enclosures_transcribed] h5 {
  padding: 0.5em;
  background-color: var(--minutes-bg-color);
  width: 100%;
  max-width: var(--page-text-width);
  margin-bottom: 0.5rem;
  font-family: var(--primary-sans);
  font-weight: 600;
  font-size: 1.111rem;
  margin-left: 0;
  margin-top: 3rem;
  margin-bottom: 1.5rem;
}

div[data-type=minutes] h5.head,
div[data-type=other_files] h5.head,
div[data-type=enclosure_list] h5.head,
div[data-type=enclosures_transcribed] h5.head {
  background-color: transparent;
}

div[data-type=minute_entry] {
  font-style: italic;
}

summary {
  outline: none;
}

/* Inline textual features. */
span.unclear {
  background-color: #e0e0e0;
  cursor: help;
}

span.deletion {
  text-decoration: line-through;
  cursor: help;
}

/*
span.citation:before{
    content: open-quote;
}

span.citation:after{
    content: close-quote;
}
*/
span.title_m, span.title_j {
  font-style: italic;
}

/* Titles in minute entries have to be underlined, since the surrounding text 
is already italic. */
div[data-type=minute_entry] span.title_m, div[data-type=minute_entry] span.title_j {
  text-decoration: underline;
}

span.title_a:before {
  content: open-quote;
}

span.title_a:after {
  content: close-quote;
}

span.mentioned {
  font-style: italic;
}

span.vesselName {
  font-style: italic;
}

/*Vessel names are italic in born-digital content...*/
details.abstract a.vesselName, div#noteContent a.vesselName, div#backMatter a.vesselName, div.sitePage a.vesselName {
  font-style: italic;
}

/*...except where they're in quotes.*/
details.abstract q a.vesselName, div#noteContent q a.vesselName, div#backMatter q a.vesselName, div.sitePage q a.vesselName {
  font-style: normal;
}

div.bios, div.places, div.vessels {
  /* Th... */
  /* display: none; */
}

div.bios ul.listPerson, div.places ul.listPlace, div.vessels ul.listVessel {
  color: #333;
  font-size: 85%;
}

ul.listPlace > li > div.googleMapWrapper, ul.listPlace > li > div div.googleMap, ul.listPlace > li > div div.googleMap div {
  display: block;
}

div.googleMap {
  width: 100%;
  height: 30em;
}

div#infoPopup div.googleMap {
  width: 90%;
  height: 15em;
}

/*Style this just like a regular link. */
button.gMapButton {
  border: none;
  background-color: rgba(255, 255, 255, 0);
  color: blue;
  cursor: pointer;
}

span.bioName[onclick], span.placeName[onclick], span.vesselName[onclick] {
  cursor: pointer;
  text-decoration: none;
}

span.unready {
  color: var(--medium-grey);
}

span.bioName[onclick] {
  color: #39b44a;
}

span.uncertainDate:after {
  content: "?";
}

span.placeName[onclick] {
  color: #4a39b4;
}

span.vesselName[onclick] {
  color: #b4394a;
}

span.bioName[onclick]:hover, span.placeName[onclick]:hover, span.VesselName[onclick]:hover {
  text-decoration: underline;
}

ul.biblioList {
  list-style-type: disc;
}

ul.biblioList li, div.sitePage ul.biblioList li {
  text-align: left;
  list-style-position: outside;
}

details.abstract {
  padding: 0.5em 0.5rem 0.5rem 0.5rem;
  background-color: var(--details-bg-color);
  font-family: var(--primary-sans);
  width: 100%;
  max-width: var(--page-text-width);
  color: var(--medium-grey);
  font-weight: 600;
  margin-bottom: 1.5rem;
}

/*details.orgReferences,
details.bioReferences {
	color: var(--medium-grey);
	background-color: var(--details-bg-color);
	font-family: var(--primary-sans);
	font-family: var(--primary-sans);
	margin-bottom: 1.5rem;
	padding: 0.5em .5rem .5rem .5rem;
	background-color: var(--details-bg-color);
	font-family: var(--primary-sans);
	width: 100%;
	max-width: var(--page-text-width);
	color: var(--medium-grey);
	margin-bottom: 1.5rem;
	font-weight: 400;
	font-size: .988rem;
}*/
div.sitePage detail ul li {
  font-weight: 400;
  font-family: var(--secondary-sans);
  color: var(--text-color);
  font-size: var(--abstract-size);
  margin: 0 0 0 0;
}

div#backMatter {
  margin-top: 1.5rem;
}

div#backMatter > details > div > details {
  padding: 0 1rem;
}

div#backMatter > details div.para {
  width: auto;
  font-family: var(--secondary-sans);
  font-weight: 400;
  color: var(--text-color);
  font-size: var(--abstract-size);
  margin-bottom: 0.5rem;
}

div#backMatter > details ul.listBibl {
  color: var(--text-color);
  font-family: var(--secondary-sans);
  font-weight: 350;
  color: var(--text-color);
  font-size: var(--abstract-size);
  color: var(--text-color);
  list-style-type: disc;
  margin: 0 0 0.5rem 0;
  padding: 0;
  list-style-type: none;
}

div#backMatter > details ul li {
  font-weight: 400;
  font-family: var(--secondary-sans);
  color: var(--text-color);
  font-size: var(--abstract-size);
  margin: 0 0 0 0;
}

div#backMatter > details {
  padding: 0.5em 0.5rem 0.5rem 0.5rem;
  background-color: var(--details-bg-color);
  font-family: var(--primary-sans);
  max-width: 100%;
  color: var(--medium-grey);
  margin-bottom: 1.5rem;
  font-weight: 400;
  font-size: 0.988rem;
}

div.sitePage > details {
  padding: 0.5em 0.5rem 0.5rem 0.5rem;
  background-color: var(--details-bg-color);
  font-family: var(--primary-sans);
  max-width: 100%;
  color: var(--medium-grey);
  margin-bottom: 1.5rem;
  font-weight: 400;
  font-size: 0.988rem;
}

div.sitePage > details ul {
  color: var(--text-color);
  font-family: var(--secondary-sans);
  font-weight: 350;
  color: var(--text-color);
  font-size: var(--abstract-size);
  color: var(--text-color);
  list-style-type: disc;
  margin: 0 0 0.5rem 0;
  padding: 0;
}

div.sitePage > details > ul > li {
  font-weight: 400;
  font-family: var(--secondary-sans);
  color: var(--text-color);
  font-size: var(--abstract-size);
  margin: 0 0 0 0;
}

div.sitePage > details.placeReferences > ul > li {
  font-weight: 400;
  font-family: var(--secondary-sans);
  color: var(--text-color);
  font-size: var(--abstract-size);
  margin: 0 0 0 0;
  list-style-position: inside;
  padding: 0 1rem 0 1rem;
  max-width: calc(var(--page-text-width) - 4rem);
  margin-bottom: 0.5rem;
}

div.sitePage > details + div#backMatter {
  margin-top: 0;
}

div#backMatter > details > div.para,
div#backMatter > details > p {
  width: auto;
  font-family: var(--secondary-sans);
  font-weight: 400;
  color: var(--text-color);
  font-size: var(--abstract-size);
  color: var(--text-color);
  margin-bottom: 0.5rem;
}

div#backMatter > details a {
  font-size: inherit;
  font-family: inherit;
}

div#backMatter > details > ol.notes {
  color: var(--text-color);
  font-family: var(--secondary-sans);
  font-weight: 400;
  color: var(--text-color);
  font-size: var(--abstract-size);
  color: var(--text-color);
  margin-bottom: 0.5rem;
  margin-right: 2rem;
  padding: 0;
  margin-left: 1.5rem;
}

div#backMatter > details > ol.notes > li > div.para {
  font-family: var(--secondary-sans);
  font-weight: 400;
  color: var(--text-color);
  font-size: var(--abstract-size);
  color: var(--text-color);
  margin-bottom: 1.5rem;
}

div[data-type=other_files],
div[data-type=enclosure_list] {
  margin-bottom: 1.5rem;
}

details.abstract a,
details.abstract a:visited,
details.abstract a:link {
  font-family: inherit;
}

details.abstract div.para {
  width: auto;
  font-family: var(--secondary-sans);
  font-weight: 400;
  color: var(--text-color);
  font-size: var(--abstract-size);
}

details.abstract div.para,
div.abstract div.para {
  list-style-type: disc;
  display: list-item;
  margin: 0 1rem 0.75rem 2rem;
}

div#backMatter details.entities p,
div#backMatter details p {
  list-style-type: disc;
  display: list-item;
  list-style-position: inside;
  padding: 0 1rem 0 1rem;
  max-width: calc(var(--page-text-width) - 4rem);
}

div#backMatter details.placeReferences ul li {
  list-style-type: disc;
  display: list-item;
  list-style-position: inside !important;
  padding: 0 1rem 0 1rem;
  max-width: calc(var(--page-text-width) - 4rem);
}

/* The first item in an abstract is the summary of components, so it 
 * should be distinct from the rest of the bulleted list. */
details.abstract > div.para:first-of-type, div.abstract > div.para:first-of-type {
  font-weight: 700;
  list-style-type: none;
  margin-left: 1em;
}

/*div.abstract div{
  display: none;
}*/
details summary {
  cursor: pointer;
  padding: 0.25em;
}

a.browseDocLink + div {
  margin-left: 2em;
}

.underline {
  text-decoration: underline;
}

.citation {
  font-style: italic;
  display: none;
}

a {
  color: var(--link-color);
  text-decoration: underline;
  text-decoration-color: var(--link-underline-color);
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

a:visited {
  color: var(--link-color);
  text-decoration: underline;
  text-decoration-color: var(--link-underline-color);
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

a:hover {
  color: var(--link-active-color);
  text-decoration-color: var(--link-underline-color-active);
}

div#notePopup, div.annContainer {
  width: 100%;
  display: none;
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  padding: 0 0 0 0;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.25) 3px 0px 12px 3px;
  height: 100%;
  overflow: auto;
}
@media only screen and (min-width: 600px) {
  div#notePopup, div.annContainer {
    width: 31.25rem;
  }
}

div#notePopup summary {
  font-family: var(--secondary-sans);
  color: var(--text-color);
  font-size: 1.25rem;
  font-weight: 500;
  padding: 0;
  width: 95%;
}

div.popupCloser {
  color: var(--text-color);
  font-size: 1.78rem;
  font-family: var(--primary-sans);
  font-weight: 400;
  transition: all 0.3s ease-in-out;
  z-index: 10;
  position: sticky;
  top: 0;
  background-color: #eeeeee;
  display: grid;
  justify-content: right;
  padding: 0.25rem 1rem 0.25rem 0.25rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #cacaca;
}

div.popupCloser:hover {
  cursor: pointer;
}

div#noteContent, div.noteContent {
  padding: 0 2rem 0 2rem;
}

div#noteContent a, div#noteContent a:visited, div.noteContent a, div.noteContent a:visited {
  color: var(--link-color);
  text-decoration: underline;
  text-decoration-color: var(--link-underline-color);
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
}

div#noteContent a:hover, div.noteContent a:hover {
  color: var(--link-active-color);
  text-decoration-color: var(--link-underline-color-active);
}

div#noteContent > div[id=""] {
  width: auto;
  font-family: var(--secondary-sans);
  font-weight: 350;
  color: var(--text-color);
  font-size: var(--abstract-size);
  margin-bottom: 0.5rem;
}

div#noteContent .olMap {
  margin-bottom: 1.5rem;
  border: 1px solid var(--medium-grey);
  width: 95%;
}

details .olMap {
  border: 1px solid var(--medium-grey);
  margin-bottom: 1.5rem;
  width: 95%;
}

div#noteContent a.mapLink {
  font-family: var(--primary-sans);
  font-weight: 500;
  font-size: 0.988rem;
}

div#noteContent a:hover, div.noteContent a:hover {
  margin-left: 0;
  margin-right: 0;
  color: var(--link-active-color);
  text-decoration-color: var(--link-underline-color-active);
}

div#noteContent ul {
  color: var(--text-color);
  font-family: var(--secondary-sans);
  font-weight: 350;
  color: var(--text-color);
  font-size: var(--abstract-size);
  color: var(--text-color);
  list-style-type: disc;
  margin: 0 0 0.5rem 0;
  padding: 0;
}

div#noteContent ul li {
  font-weight: 350;
  font-family: var(--secondary-sans);
  color: var(--text-color);
  font-size: var(--abstract-size);
  margin: 0 0 0 0;
}

/* Popup for biographies, places and vessels in documents. */
div#infoPopup {
  display: none;
  position: fixed;
  right: 2%;
  bottom: 2%;
  /*width: 25%;*/
  min-width: 25em;
  max-width: 25%;
  padding: 0;
  border: 1px solid #c0c0c0;
  background: url(../images/table_bg.png) repeat-x;
  background-color: #fff;
  font-size: 100%;
  font-family: Georgia, Verdana, serif;
  box-shadow: 10px 10px 5px #808080;
}

div#infoContent {
  margin: 2em 0.5em 1em 1em;
  max-height: 20em; /*This is also set dynamically in JavaScript, so it will need to be changed in both places. */
  overflow: auto;
  clear: right;
}

div#noteContent details {
  background-color: transparent;
}

* div#noteContent > div div.para {
  font-family: var(--secondary-sans);
  font-weight: 350;
  font-size: 0.988rem;
  color: var(--text-color);
  margin-bottom: 0.5rem;
  padding: 0;
}

div#noteContent ul {
  margin-left: 0;
}

div#noteContent ul li a {
  font-family: var(--secondary-sans);
  font-weight: 350;
}

div#noteContent div.para > ul.listBibl {
  color: var(--text-color);
  font-family: var(--secondary-sans);
  font-weight: 350;
  color: var(--text-color);
  font-size: var(--abstract-size);
  color: var(--text-color);
  list-style-type: disc;
  margin: 0 0 0.5rem 0;
  padding: 0;
  list-style-type: none;
}

div#noteContent div.para > ul > li {
  font-weight: 350;
  font-family: var(--secondary-sans);
  color: var(--text-color);
  font-size: var(--abstract-size);
  margin: 0 0 0 0;
}

div#noteContent > .entity > details > *:last-child {
  margin-bottom: 1.5rem;
}

/* When person, place or vessel info is displayed in a popup, we don't want it to look like 
    a list, because only one item is in the list. */
/*div#infoContent>ul{
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}*/
div#infoContent > ul > li {
  margin-left: 0;
  padding-left: 0;
}

ul.infoRefList li {
  margin-left: 0;
  padding-left: 0;
}

span.infoRefSubList {
  margin-left: 1em;
}

/* Names which link to bios etc. */
span.bioLink {
  border-bottom: 1px dotted #39b44a;
  cursor: pointer;
}

div.bioReferences, div.placeReferences, div.vesselReferences {
  margin-top: 1em;
  font-size: 75%;
}

div.bioReferences a, div.sitePage div.bioReferences a {
  color: #39b44a;
}

div.placeReferences a, div.sitePage div.placeReferences a {
  color: #4a39b4;
}

div.vesselReferences a, div.sitePage div.vesselReferences a {
  color: #b4394a;
}

div.bioReferences div, div.placeReferences div, div.vesselReferences div {
  min-height: 5em;
}

span.placeLink {
  border-bottom: 1px dotted #4a39b4;
  cursor: pointer;
}

span.vesselLink {
  border-bottom: 1px dotted #b4394a;
  cursor: pointer;
}

/* Vessel links which are not in correspondence documents should be italic. */
div.sitePage span.vesselLink {
  font-style: italic;
}

span.firstNationsName {
  color: #660066;
}

a.googleMapLink, div.sitePage a.googleMapLink {
  color: #4a39b4;
  font-size: 80%;
}

a.googleMapLink:hover, a.googleMapLink:visited, div.sitePage a.googleMapLink:hover, div.sitePage a.googleMapLink:visited {
  color: #4a39b4;
  text-decoration: none;
}

span.googleLogo {
  display: inline-block;
  font-weight: bold;
  border-style: solid;
  border-width: 1pt;
  padding: 0 2pt 0 2pt;
  line-height: 100%;
}

/*  New browse tree stuff. */
div.browseTree ul {
  list-style-type: none;
  margin-right: 0;
}

div.browseTree > ul > li > details {
  background-color: rbga(var(--light-grey-rgb), 0.25);
}

div.browseTree ul > li > ul > li {
  margin-left: 0.5rem;
}

div.browseTree details > ul > li {
  margin-bottom: 0.25rem;
}

div.browseTree details > ul li {
  margin-left: 0.5rem;
}

div.browseTree > ul > li {
  list-style-type: none;
  margin-left: 0;
  margin-bottom: 1rem;
  background-color: rgba(var(--light-grey-rgb), 0.25);
  padding: 0.25rem;
  border-radius: 5px;
}

/*  Old docsByDate stuff; obsolete. */
span.expandDocsByDate, span.getDocsByDate {
  cursor: pointer;
  color: #39b44a;
}

span.expandDocsByDate:hover, span.getDocsByDate:hover {
  border-bottom: 1px dotted #39b44a;
}

ul.docsByDate, ul.docsByDate ul {
  margin-right: 0;
}

ul.docsByDate div.expandoTreeDiv {
  display: none;
}

ul.docAbstracts {
  display: block;
}

ul.docAbstracts li {
  margin: 0;
  padding: 0;
  font-size: 85%;
}

img.pageThumbnail {
  width: 60px;
}

/* Classes for manuscript image browser page. */
table.imageThumbnailList {
  margin-top: 1.5em;
}

table.imageThumbnailList td {
  text-align: center;
  font-size: 60%;
  vertical-align: top;
}

table.imageThumbnailList tr.imageThumbnailCaptions td {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

table.imageThumbnailList a img {
  border-width: 0;
}

table.imageThumbnailList a img.currentImage {
  border-width: 2px;
}

h4.mainImageCaption {
  text-align: center;
  font-size: 120%;
  padding: 0.25em;
  margin-left: 0;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  background-color: #ebebeb;
}

h4.mainImageCaption a {
  padding-left: 4em;
  font-size: 80%;
}

div.mainImage a img {
  border-width: 0;
}

span.thumbnailArrow, span.thumbnailArrowLink {
  font-size: 400%;
  font-weight: bold;
}

span.thumbnailArrowLink {
  cursor: pointer;
}

span.sicWithCorrection, span.abbrWithExpansion {
  background-color: #ebebeb;
  cursor: help;
}

/* Forme works are all block-level for display purposes. */
span[data-el=fw] {
  display: block;
}

span[data-type=catchword] {
  font-size: 70%;
  color: #c0c0c0;
  cursor: help;
  margin-right: 25%;
}

/* If the catchword is inside an existing element which has a right margin, 
    then we don't want to compound the margins. */
div.para span[data-type=catchword], span[data-type=pageNum] span[data-type=catchword], span[data-type=sig] span[data-type=catchword] {
  margin-right: 0;
}

/*End document open styles*/
/*Positional Classes */
.left {
  float: left;
}

.right {
  float: right;
}

.clear_button {
  text-align: right;
  width: 45em;
  margin-left: 2em;
}

/*End positional classes */
/* Progress bar for searches, AJAX retrievals, etc. */
div#statusReport {
  position: fixed;
  margin-left: auto;
  margin-right: auto;
  bottom: 0;
  right: 0;
  width: 10em;
  display: none;
  padding: 0.25em;
  border: solid 1px black;
  background-color: #ffffff;
  color: #000000;
}

table#progressBar {
  margin-left: auto;
  margin-right: auto;
  width: 9em;
}

table#progressBar td {
  margin: 2px;
  padding: 0px;
  border-width: 0;
  background-color: transparent;
  color: #000000;
}

table#progressBar td.stepped {
  background-color: #000000;
  color: #ffffff;
}

/* Styles for map gallery. */
ul.mapGallery, div.sitePage ul.mapGallery {
  list-style-type: none;
  margin-right: 0;
}

ul.mapGallery li {
  display: inline;
  margin: 0.2em;
  float: left;
  position: relative;
}

ul.mapGallery li a img {
  border-width: 0;
  display: inline;
  vertical-align: middle;
  box-shadow: 4px 4px 2px #808080;
}

ul.mapGallery li a img.preview, ul.mapGallery li div.mapBiblInfo {
  display: none;
}

img.enhanced {
  outline: solid 1pt #39b44a;
}

ul.mapGallery li:hover div.mapBiblInfo, ul.mapGallery a:active div.mapBiblInfo {
  display: block;
  position: fixed;
  right: 5px;
  top: 50px;
  width: 202px;
  /*  width: 200px;
    left: 100px;
    margin-top: -179px;*/
  padding: 0.25em;
  border: 1px solid #c0c0c0;
  background: url(../images/table_bg.png) repeat-x;
  background-color: #fff;
  font-size: 80%;
  text-align: left;
  z-index: 1001;
  box-shadow: 10px 10px 5px #808080;
}

div.mapBiblInfo h4 {
  text-align: center;
  margin-top: 0.1em;
}

/* Instructions that can be shown and hidden with a button. */
div.expandableInstructions {
  margin: 1em;
  font-size: 70%;
}

div.expandableInstructions button {
  float: right;
  font-size: 70%;
}

div.expandableInstructions button span.showInstructions {
  display: inline;
}

div.expandableInstructions button span.hideInstructions {
  display: none;
}

div.expandableInstructions div {
  display: none;
}

span.unproofedWarning {
  padding: 0.25em;
  margin: 0.5em auto 0.5em auto;
  background-color: #ffcccc;
}

div.googleMapWrapper.expandedView {
  background-color: rgba(128, 128, 128, 0.5);
  bottom: 0;
  display: block;
  left: 0;
  margin: 0;
  padding: 2vh 5vw 5vh;
  position: fixed !important;
  right: 0;
  top: 0;
  height: 90vh !important;
  z-index: 2000;
}

div.googleMapWrapper.expandedView div.googleMap, div#infoPopup div.googleMapWrapper.expandedView div.googleMap {
  border: 1px solid black;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}

div.browseTree {
  width: 100%;
  max-width: var(--page-max-width);
}

div.browseTree ul {
  width: 100%;
  max-width: var(--page-max-width);
}

div.browseTree a {
  overflow-wrap: anywhere;
}

div.browseTree ul details > ul li > a.browseDocLink + br {
  display: none;
}

div.browseTree ul details > ul li > a.browseDocLink + br + a[data-targid] {
  display: inline-block;
  background-color: #ffffff;
  padding: 0.15rem 0.5rem;
  margin: 0 0 0 1rem;
  border-radius: 5px;
}

div.browseTree ul details > ul li > a.browseDocLink + br + a[data-targid] + div.abstract {
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
  background-color: #fff;
  width: 90%;
  max-width: none;
  padding: 0.5rem;
  border-radius: 5px;
}
@media only screen and (min-width: 960px) {
  div.browseTree ul details > ul li > a.browseDocLink + br + a[data-targid] + div.abstract {
    width: 100%;
    max-width: var(--page-text-width);
  }
}

div.browseTree ul details > ul li > a.browseDocLink + br + a[data-targid] + div.abstract div.para {
  width: auto;
  max-width: none;
  font-size: 0.988rem;
}
@media only screen and (min-width: 960px) {
  div.browseTree ul details > ul li > a.browseDocLink + br + a[data-targid] + div.abstract div.para {
    font-size: 1.111rem;
  }
}

div.browseTree ul details > ul li > a.browseDocLink + br + a[data-targid] + div.abstract div.para:first-of-type {
  font-weight: 600;
}

div.signed {
  font-family: var(--primary-serif);
  font-size: var(--body-size-serif);
  color: var(--text-color);
  margin-bottom: 0;
  position: relative;
  font-size: var(--body-size-serif-mobile);
}
@media only screen and (min-width: 960px) {
  div.signed {
    font-size: var(--body-size-serif);
  }
}

.marginalia div.signed {
  font-size: var(--marginalia-size);
}

div.correspondence_doc h5.head {
  font-family: var(--primary-serif);
  font-weight: 400;
  font-size: 1.406rem;
  margin-bottom: 1.5rem;
}

div[data-type=minutes] > div.para {
  font-family: var(--primary-serif);
  font-size: var(--body-size-serif);
  color: var(--text-color);
  width: 100%;
  max-width: var(--page-text-width);
  margin-bottom: 1.5rem;
  position: relative;
}

#staticSearch ul {
  padding: 0;
  margin: 0;
  position: relative;
}

#staticSearch ul li {
  display: grid;
  grid-template-columns: 1rem auto;
  gap: 0.5rem;
  color: var(--text-color);
  font-size: 0.988rem;
  padding: 0;
  margin: 0 0 0 0.75rem;
}

#staticSearch ul li label {
  font-family: var(--primary-sans);
  font-weight: 300;
  color: var(--text-color);
  font-size: 0.988rem;
  letter-spacing: -0.131966px;
}

#staticSearch ul li input[type=checkbox] {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  margin: 0;
  color: currentcolor;
  width: 1.15em;
  height: 1.15em;
  border: 0.1em solid currentcolor;
  border-radius: 0.15em;
  transform: translateY(0.15em);
  display: grid;
  place-content: center;
  padding: 0;
}

#staticSearch ul li input[type=checkbox]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--highlight);
  transform-origin: bottom left;
  /*Remove this for a square marker*/
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  /* Windows High Contrast Mode */
  background-color: CanvasText;
}

#staticSearch ul li input[type=checkbox]:checked::before {
  transform: scale(1);
}

#staticSearch ul li input[type=checkbox]:focus {
  outline: max(1px, 0.1em) solid currentColor;
  outline-offset: max(1px, 0.1em);
}

#staticSearch li + li {
  margin-top: 0.25rem;
}

#ssForm button {
  border: none;
  background-color: var(--highlight);
  font-family: var(--primary-sans);
  font-weight: 500;
  color: #fff;
  padding: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--highlight);
  padding: 0.25em 0.75em;
  min-width: 10ch;
  min-height: 44px;
  text-align: center;
  line-height: 1.1;
  transition: all 0.3s ease-in-out;
}

#ssForm button:hover,
#ssForm button:active {
  background-color: #004E8D;
}

#ssForm button:focus {
  outline-style: solid;
  outline-color: transparent;
  box-shadow: 0 0 0 2px #002C4F;
}

div.ssDescFilters fieldset, div.ssDateFilters fieldset, div.ssNumFilters fieldset, div.ssBoolFilters fieldset, div.ssSearchInFilters fieldset {
  margin: 0.25em auto;
  padding: 0.25em;
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

form#ssForm {
  width: 100%;
  max-width: var(--page-text-width);
  margin-bottom: 3rem;
}

#ssForm *[class^=ss] fieldset {
  margin-bottom: 1rem;
}

#ssForm legend {
  color: var(--text-color);
  font-family: var(--primary-sans);
}

#ssForm button + button {
  margin-left: 1rem;
}

span.ssQueryAndButton {
  margin-bottom: 0.5rem;
}

#ssForm *[class^=ss] input:not([type=checkbox]) {
  border: 1px solid transparent;
  border-radius: 3px;
  width: 100%;
  background-color: var(--page-bg);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
  font-family: var(--primary-sans);
  font-weight: 400;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  color: var(--text-color);
  position: relative;
  background-image: url(../images/search-inactive.svg);
  background-repeat: no-repeat;
  background-position: top 50% right 15px;
  background-size: 27px 27px;
  transition: all 0.3s ease-in-out;
  outline: none;
  margin-right: 0.5rem;
  width: 270px;
  font-size: 1rem;
}
@media only screen and (min-width: 1025px) {
  #ssForm *[class^=ss] input:not([type=checkbox]) {
    font-size: 0.878rem;
  }
}

#ssForm *[class^=ss] input:focus:not([type=checkbox]) {
  background-color: #fff;
  color: var(--text-color);
  border: 1px solid var(--highlight);
}

span.clearButton {
  margin-bottom: 1.5rem;
}

html#search .sitePage details {
  padding: 0.5em 0.5rem 0.5rem 0.5rem;
  background-color: var(--details-bg-color);
  font-family: var(--primary-sans);
  max-width: 100%;
  color: var(--medium-grey);
  margin-bottom: 1.5rem;
  font-weight: 400;
  font-size: 0.988rem;
  width: 100%;
  max-width: var(--page-text-width);
}

html#search .sitePage details div.para {
  width: auto;
  font-family: var(--secondary-sans);
  font-weight: 400;
  color: var(--text-color);
  font-size: var(--abstract-size);
  margin-bottom: 0.5rem;
  padding: 0 1rem;
}

html#search .sitePage details ul {
  color: var(--text-color);
  font-family: var(--secondary-sans);
  font-weight: 350;
  color: var(--text-color);
  font-size: var(--abstract-size);
  color: var(--text-color);
  list-style-type: disc;
  margin: 0 0 0.5rem 0;
  padding: 0;
}

html#search .sitePage details ul li {
  font-weight: 400;
  font-family: var(--secondary-sans);
  color: var(--text-color);
  font-size: var(--abstract-size);
  margin: 0 0 0 0;
  padding-left: 1rem;
  margin-bottom: 0.5rem;
  list-style-position: inside;
}

div.ssSuggest {
  padding: 0 0 0.25rem 0;
}

fieldset.ssFieldset > menu > div.select {
  font-family: var(--secondary-sans);
  font-weight: 400;
  font-size: 0.878rem;
  border-bottom: none !important;
  border-right: none !important;
  border-left: none !important;
  border-top: none !important;
  background-color: #fff;
}

html body div fieldset.ssFieldset > menu {
  padding: 0;
  margin: 0;
  display: none;
  flex-direction: column;
  gap: 0;
  width: min-content;
  min-width: 12em;
  max-height: 125px;
  overflow-y: auto;
  position: absolute;
  border-right: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  box-shadow: 2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02), 6.7px 6.7px 5.3px rgba(0, 0, 0, 0.028), 12.5px 12.5px 10px rgba(0, 0, 0, 0.035), 22.3px 22.3px 17.9px rgba(0, 0, 0, 0.042), 41.8px 41.8px 33.4px rgba(0, 0, 0, 0.05), 100px 100px 80px rgba(0, 0, 0, 0.07);
  z-index: 10;
}

.ssDateFilters fieldset > span {
  font-family: var(--primary-sans);
  width: 100%;
  max-width: var(--page-text-width);
  padding: 0.25rem 0.25rem !important;
  background-color: transparent !important;
  border: none !important;
  margin: 0;
}

.ssDateFilters fieldset > span > label {
  display: block;
  font-size: 0.878rem;
}

.ssBoolFilters fieldset > span {
  font-family: var(--primary-sans);
  width: 100%;
  max-width: var(--page-text-width);
  padding: 0.25rem 0.25rem !important;
  margin: 0;
}

.ssBoolFilters fieldset > span > label {
  display: block;
  font-size: 0.878rem;
}

.ssBoolFilters select {
  appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  padding: 0 1em 0 0;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  width: 4rem;
  border: 1px solid #ebebeb;
  border-radius: 0.25em;
  padding: 0.25em 0.5em;
  font-size: 1.25rem;
  cursor: pointer;
  line-height: 1.1;
  background-color: #fff;
  background-image: linear-gradient(to top, #f9f9f9, #fff 33%);
  color: var(--text-color);
}

.ssBoolFilters fieldset span {
  display: grid;
  grid-template-areas: "label" "select";
  align-items: center;
  background-color: #fff;
  border: none;
}

.ssBoolFilters fieldset span::after {
  content: "";
  width: 0.8em;
  height: 0.5em;
  background-color: var(--text-color);
  clip-path: polygon(100% 0%, 0 0%, 50% 100%);
  justify-self: start;
  margin-left: 2.5rem;
  transition: all 0.3s ease-in-out;
  pointer-events: none;
}

.ssBoolFilters fieldset span:focus-within::after {
  background-color: var(--highlight);
}

.ssBoolFilters fieldset span:hover::after {
  background-color: var(--highlight);
}

.ssBoolFilters fieldset span label {
  grid-area: label;
}

.ssBoolFilters fieldset span select,
.ssBoolFilters fieldset span::after {
  grid-area: select;
}

div.ssDescFilters, div.ssDateFilters, div.ssNumFilters, div.ssBoolFilters, div.ssSearchInFilters {
  gap: 1rem;
}

div#ssResults > p {
  font-weight: 500;
  font-size: 1.25rem;
  color: var(--text-color);
  margin-bottom: 1.5rem;
  font-family: var(--primary-sans);
}

div#ssResults > ul > li > div > a:link, div#ssResults > ul > li > div > a:visited {
  color: var(--highlight);
  transition: all 0.3s ease-in-out;
  font-family: var(--primary-sans);
  font-size: 1.13rem;
  font-weight: 600;
}

div#ssResults > ul > li > div > a + span {
  color: var(--primary-text-color);
  font-size: 0.75rem;
  font-weight: 600;
  font-family: var(--primary-sans);
  margin-bottom: 0.5rem;
  display: block;
}

div#ssResults > ul > li > div > ul.kwic > li {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0;
  border-top: solid 1px var(--border-color);
  padding: 0.5rem 0;
}

div#ssResults > ul > li > div > ul.kwic > li > span {
  display: block;
  color: var(--text-color);
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 0;
  font-family: var(--primary-serif);
  margin-right: 1rem;
}

div#ssResults > ul > li > div > ul.kwic > li mark {
  background-color: transparent;
  font-weight: 600;
  color: var(--text-color);
}

div#ssResults > ul > li:nth-child(2n) {
  background-color: transparent;
  transition: none;
  border-top: none;
  border-bottom: none;
}

div#ssResults > ul > li {
  padding: 0;
  margin-top: 0;
  margin-bottom: 3rem;
  margin-left: 0;
  margin-right: 0;
}

div#ssResults > ul > li > a:first-child {
  position: absolute;
  left: -50px;
}

div#ssResults > ul > li > a > img {
  max-width: none;
  margin-right: 0;
  min-width: 0;
  min-height: 0;
  width: 30px;
  height: auto;
}

div#ssResults > ul > li > a > img[src="images/ship.png"] {
  width: 40px;
}

div#ssResults > ul > li > a > img[src="images/place.png"] {
  width: 25px;
}

div#mapGallery_table {
  margin-top: 3rem;
  width: 100%;
  max-width: var(--page-max-width);
  overflow-x: scroll;
}

div#mapGallery_table table {
  border-collapse: collapse;
  margin-bottom: 3rem;
}

div#mapGallery_table tr.label td {
  padding: 0.125rem 0.75rem 0.125rem 0.75rem;
}

div#mapGallery_table td {
  padding: 2rem 0.75rem 2rem 0.75rem;
  border-right: 1px solid var(--table-border-color);
}

div#mapGallery_table tr td:last-of-type {
  border-right: none;
}

div#mapGallery_table tr.label {
  border-bottom: 1px solid var(--table-border-color);
}

div#mapGallery_table tr {
  border-bottom: 1px solid var(--table-border-color);
}

div#mapGallery_table tbody tr:last-child {
  border-bottom: none;
}

div#mapGallery_table tr.label td {
  font-family: var(--secondary-sans);
  font-weight: 600;
}

div#mapGallery_table tr td {
  font-family: var(--secondary-sans);
  font-weight: 400;
  vertical-align: top;
  font-size: 0.878rem;
}

div#mapGallery_table tr.label td:nth-of-type(3) {
  text-align: right;
}

div#mapGallery_table tr td img {
  width: 175px !important;
  height: auto;
  border: 1px solid var(--border-color);
}

div#mapGallery_table tr td span.title_ {
  font-size: 0.878rem;
}

div#mapGallery_table tr td span.title_ q {
  font-size: 0.878rem;
}

div#mapGallery_table tr td div.mapBiblInfo p {
  font-size: 0.878rem;
  margin-bottom: 0.5rem;
}

div#mapGallery_table tr td:nth-of-type(3) {
  text-align: right;
}

div.mapContainer {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 30px;
}
@media only screen and (min-width: 960px) {
  div.mapContainer {
    grid-template-columns: 1.5fr 1fr;
    column-gap: 30px;
  }
}

div.mapImage {
  position: initial;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 960px) {
  div.mapImage {
    position: sticky;
    top: 20px;
  }
}

div.mapImage img {
  width: 100%;
  height: auto;
  border: 1px solid #222222;
}

div.mapInfo {
  align-self: top;
}

div.mapControls {
  display: none;
}

div.notesStmtNote {
  font-family: var(--secondary-sans);
  font-weight: var(--body-sans-weight);
  color: var(--text-color);
  line-height: 1.5;
  font-size: var(--body-size-sans);
  margin-bottom: 1.56rem;
  letter-spacing: -0.0109598em;
  width: 100%;
  max-width: var(--page-text-width);
}

div.mapBiblInfo p {
  font-family: var(--secondary-sans);
  font-weight: 400;
  font-size: 0.878rem;
  color: var(--text-color);
  margin-bottom: 0.5rem;
}

div.mapBiblInfo {
  font-family: var(--secondary-sans);
  font-weight: 400;
  font-size: 0.878rem;
  color: var(--text-color);
  margin-bottom: 0.5rem;
}

.sitePage form {
  display: grid;
  grid-template-columns: 1rem auto;
  gap: 0.5rem;
  color: var(--text-color);
  font-size: 0.988rem;
  padding: 0;
  margin: 0 0 0 0;
  width: fit-content;
  cursor: pointer;
  margin-bottom: 3rem;
}

input#expandAll + label {
  font-family: var(--primary-sans);
  font-weight: 300;
  color: var(--text-color);
  font-size: 0.988rem;
  letter-spacing: -0.131966px;
  cursor: pointer;
}

input#expandAll[type=checkbox] {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  margin: 0;
  color: currentcolor;
  width: 1.15em;
  height: 1.15em;
  border: 0.1em solid currentcolor;
  border-radius: 0.15em;
  transform: translateY(0.15em);
  display: grid;
  place-content: center;
  padding: 0;
}

input#expandAll[type=checkbox]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--highlight);
  transform-origin: bottom left;
  /*Remove this for a square marker*/
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  /* Windows High Contrast Mode */
  background-color: CanvasText;
  cursor: pointer;
}

input#expandAll[type=checkbox]:checked::before {
  transform: scale(1);
}

input#expandAll[type=checkbox]:focus {
  outline: max(1px, 0.1em) solid currentColor;
  outline-offset: max(1px, 0.1em);
}

#bios details,
#places details,
#indigenousIndividuals details,
#indigenousGroups details,
#vessels details,
#organizations details {
  padding: 0.5em 0.5rem 0.5rem 0.5rem;
  background-color: var(--details-bg-color);
  font-family: var(--primary-sans);
  max-width: 100%;
  color: var(--medium-grey);
  margin-bottom: 1.5rem;
  font-weight: 400;
  font-size: 0.988rem;
}

#bios details > details,
#places details > details,
#indigenousIndividuals details > details,
#indigenousGroups details > details,
#vessels details > details,
#organizations details > details {
  padding: 0.5em 0.5rem 0.5rem 0.5rem;
  background-color: var(--details-bg-color);
  font-family: var(--primary-sans);
  max-width: 100%;
  color: var(--medium-grey);
  margin-bottom: 1.5rem;
  font-weight: 400;
  font-size: 0.988rem;
  margin-bottom: 0;
}

#bios details > div.para,
#places details > div.para,
#indigenousIndividuals details > div.para,
#indigenousGroups details > div.para,
#vessels details > div.para,
#organizations details > div.para {
  width: auto;
  font-family: var(--secondary-sans);
  font-weight: 400;
  color: var(--text-color);
  font-size: var(--abstract-size);
  margin-bottom: 0.5rem;
  padding: 0 1rem;
}

#bios details > div.para ul li,
#places details > div.para ul li,
#indigenousIndividuals details > div.para ul li,
#indigenousGroups details > div.para ul li,
#vessels details > div.para ul li,
#organizations details > div.para ul li {
  font-size: var(--abstract-size);
}

#bios details > ul,
#places details > ul,
#indigenousIndividuals details > ul,
#indigenousGroups details > ul,
#vessels details > ul,
#organizations details > ul {
  color: var(--text-color);
  font-family: var(--secondary-sans);
  font-weight: 350;
  color: var(--text-color);
  font-size: var(--abstract-size);
  color: var(--text-color);
  list-style-type: disc;
  margin: 0 0 0.5rem 0;
  padding: 0;
}

#bios details details > ul,
#places details details > ul,
#indigenousIndividuals details details > ul,
#indigenousGroups details details > ul,
#vessels details details > ul,
#organizations details details > ul {
  color: var(--text-color);
  font-family: var(--secondary-sans);
  font-weight: 350;
  color: var(--text-color);
  font-size: var(--abstract-size);
  color: var(--text-color);
  margin-bottom: 0.5rem;
  margin-right: 2rem;
  list-style-type: disc;
  margin: 0 0 0.25rem 0;
  padding: 0 0 0 0;
}

#bios details details > ul li,
#places details details > ul li,
#indigenousIndividuals details details > ul li,
#indigenousGroups details details > ul li,
#vessels details details > ul li,
#organizations details details > ul li {
  font-size: var(--abstract-size);
}

#bios a.mapLink,
#places a.mapLink,
#indigenousIndividuals a.mapLink,
#indigenousGroups a.mapLink,
#vessels a.mapLink,
#organizations a.mapLink {
  padding: 0 1rem;
}

#bios div.olMap,
#places div.olMap,
#indigenousIndividuals div.olMap,
#indigenousGroups div.olMap,
#vessels div.olMap,
#organizations div.olMap {
  margin: 0 1rem 1.5rem 1rem;
}

#bios details > div.para > ul.listBibl,
#places details > div.para > ul.listBibl,
#indigenousIndividuals details > div.para > ul.listBibl,
#indigenousGroups details > div.para > ul.listBibl,
#vessels details > div.para > ul.listBibl,
#organizations details > div.para > ul.listBibl {
  list-style-type: none;
  padding-top: 1.5rem;
}

#bios details > ul.listBibl,
#places details > ul.listBibl,
#indigenousIndividuals details > ul.listBibl,
#indigenousGroups details > ul.listBibl,
#vessels details > ul.listBibl,
#organizations details > ul.listBibl {
  list-style-type: none;
  padding-top: 1.5rem;
}

#bios details > div.para > ul,
#places details > div.para > ul,
#indigenousIndividuals details > div.para > ul,
#indigenousGroups details > div.para > ul,
#vessels details > div.para > ul,
#organizations details > div.para > ul {
  color: var(--text-color);
  font-family: var(--secondary-sans);
  font-weight: 350;
  color: var(--text-color);
  font-size: var(--abstract-size);
  color: var(--text-color);
  list-style-type: disc;
  margin: 0 0 0.5rem 0;
  padding: 0;
}

#bios details > div > div > details,
#places details > div > div > details,
#indigenousIndividuals details > div > div > details,
#indigenousGroups details > div > div > details,
#vessels details > div > div > details,
#organizations details > div > div > details {
  margin-bottom: 0;
}

#indigenousGroups div.para + p,
#indigenousIndividuals div.para + p {
  font-weight: 500;
  font-size: 1rem;
  color: var(--text-color);
  margin-bottom: 1.5rem;
  font-family: var(--primary-sans);
}
@media only screen and (min-width: 960px) {
  #indigenousGroups div.para + p,
  #indigenousIndividuals div.para + p {
    font-size: 1.25rem;
  }
}

ul.listFirstNations {
  list-style-type: none;
}

.sitePage ul.listFirstNations > li {
  margin-left: 0;
  margin-bottom: 0;
  font-family: var(--primary-serif);
  font-weight: 400;
  color: var(--text-color);
  border-top: solid 1px var(--border-color);
  padding: 1rem 0;
}

.sitePage ul.listFirstNations li div ul > li {
  margin: 0 0 0 2rem;
  font-size: 0.988rem;
}
@media only screen and (min-width: 960px) {
  .sitePage ul.listFirstNations li div ul > li {
    font-size: 1.11rem;
  }
}

div#facsViewer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}

div.facsViewerThumb {
  width: auto;
  text-align: center;
  border: solid 1px var(--border-color);
  box-shadow: none;
  margin: 0.25em;
  padding-top: 0;
  background-color: #fff;
  display: block;
  overflow: hidden;
}

div.facsViewerThumb.fvSelected {
  resize: both;
}

div.facsViewerThumb:target, div.facsViewerThumb.fvSelected {
  height: 90vh;
  width: clamp(min(100vw - 2rem, 400px), 90vw, 1200px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  z-index: 1000;
  cursor: default;
  background-color: #fff;
  box-shadow: 2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02), 6.7px 6.7px 5.3px rgba(0, 0, 0, 0.028), 12.5px 12.5px 10px rgba(0, 0, 0, 0.035), 22.3px 22.3px 17.9px rgba(0, 0, 0, 0.042), 41.8px 41.8px 33.4px rgba(0, 0, 0, 0.05), 100px 100px 80px rgba(0, 0, 0, 0.07);
}

div.facsViewerThumb div.facsTopBar {
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background-color: #eeeeee;
  margin-bottom: 1.5rem;
  border: none;
  border-bottom: 1px solid #cacaca;
  height: auto;
  width: 100%;
}

div.facsViewerThumb:target div.facsTopBar,
div.facsViewerThumb.fvSelected div.facsTopBar {
  display: flex;
}

div.facsTopBar a[data-title=close] {
  display: none;
  color: var(--text-color);
  font-size: 1.78rem;
  font-family: var(--primary-sans);
  font-weight: 400;
  transition: all 0.3s ease-in-out;
  z-index: 10;
  padding: 0.25rem 1rem;
  flex: 1;
  justify-content: flex-end;
}

div.facsViewerThumb:target div.closer, div.facsViewerThumb.fvSelected a[data-title=close] {
  display: flex;
}

div#facsViewer div.closer a:not(.arrow), div#facsViewer div.closer a:not(.arrow):hover, div#facsViewer div.closer a:not(.arrow):visited a {
  text-decoration: none;
  cursor: pointer;
  color: var(--text-color);
  font-size: 1.78rem;
  font-family: var(--primary-sans);
  font-weight: 400;
  transition: all 0.3s ease-in-out;
  z-index: 10;
  top: 0;
  background-color: #eeeeee;
  margin: 0;
  border-bottom: 1px solid #cacaca;
  border: none;
}

div.facsTopBar a:not(.arrow), div.facsTopBar a:not(.arrow):hover, div.facsTopBar a:not(.arrow):visited {
  color: var(--link-active-color);
  text-decoration-color: var(--link-underline-color-active);
  padding-right: 0;
  padding-left: 0;
}

div#container div.sitePage div div#facsViewer div.facsTopBar > span {
  font-size: 0.988rem;
  font-family: var(--primary-sans);
  font-style: italic;
  font-weight: 400;
  flex: 1;
  display: flex;
}

div#container div.sitePage div div#facsViewer div.facsTopBar > span + a[data-title=link] {
  font-size: 0.988rem;
  font-weight: 500;
  font-family: var(--primary-sans);
  flex: 1;
  display: flex;
  justify-content: center;
  color: var(--link-color);
  text-decoration: underline;
  text-decoration-color: var(--link-underline-color);
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

div#container div.sitePage div div#facsViewer div.facsTopBar > span + a[data-title=link]:hover {
  color: var(--link-active-color);
  text-decoration-color: var(--link-underline-color-active);
}

div.facsViewerThumb.fvDeselected {
  border: double 5px var(--highlight);
}

div.facsViewerThumb.fvSelected > div {
  width: 100%;
  display: grid;
  grid-template-columns: min-content auto min-content;
  padding: 0 1rem 0rem 1rem;
}

div.facsViewerThumb:target div.controls, div.facsViewerThumb.fvSelected div.controls {
  z-index: 2000;
}

div.facsViewerThumb > div > div.controls {
  background-color: #ebebeb;
  padding: 0.25rem;
}

div.facsViewerThumb:target div.imgContainer, div.facsViewerThumb.fvSelected div.imgContainer {
  width: auto;
}

div.facsViewerThumb:target img, div.facsViewerThumb.fvSelected img {
  width: min(100%, 350px);
  border: 1px solid var(--border-color);
  cursor: default;
  transition-property: transform;
  transition-duration: 0.2s;
  max-width: none;
  max-height: none;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

div.facsViewerThumb:target div.imgContainer, div.facsViewerThumb.fvSelected div.imgContainer {
  min-height: auto;
}

div#facsViewerProgressDiv {
  background-color: #ffffff;
  border: solid 1px var(--border-color);
  color: var(--text-color);
  padding: 0.25em;
  position: fixed;
  top: 5%;
  right: 5%;
  z-index: 2000;
  font-family: var(--primary-sans);
  font-size: 0.988rem;
  box-shadow: 2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02), 6.7px 6.7px 5.3px rgba(0, 0, 0, 0.028), 12.5px 12.5px 10px rgba(0, 0, 0, 0.035), 22.3px 22.3px 17.9px rgba(0, 0, 0, 0.042), 41.8px 41.8px 33.4px rgba(0, 0, 0, 0.05), 100px 100px 80px rgba(0, 0, 0, 0.07);
}

a.arrow {
  font-size: 2rem;
  display: none;
  font-weight: 500;
  text-decoration: none !important;
}

a.arrow:hover {
  text-decoration: none !important;
  cursor: pointer;
  font-size: 2rem;
}

div.correspondence_doc a {
  font-family: inherit;
  font-size: inherit;
  color: var(--link-color);
  text-decoration: underline;
  text-decoration-color: var(--link-underline-color);
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

div.correspondence_doc a:hover {
  color: var(--link-active-color);
  text-decoration-color: var(--link-underline-color-active);
}

#index div#container > div:nth-child(3) {
  display: grid;
  grid-template-areas: "search search" "about about" "territorial territorial" "footer footer";
  column-gap: 75px;
  row-gap: 30px;
}
@media only screen and (min-width: 1025px) {
  #index div#container > div:nth-child(3) {
    row-gap: 75px;
  }
}
@media only screen and (max-height: 800px) and (min-width: 720px) {
  #index div#container > div:nth-child(3) {
    row-gap: 30px;
  }
}

.searchBox {
  grid-area: search;
}

/*#suggestedSearches {
	display: grid;
	place-content: center;
	grid-template-columns: 100%;
	background-color: #f4f4f4;
	padding: 1rem 0 2rem 0;
	grid-area: suggested;
	box-shadow: 0 0 2px rgba(0,0,0, .5);
}*/
/*#suggestedSearches h2 {
	text-align: center;
	margin-bottom: .5rem;
	font-family: var(--primary-sans);
	font-weight: 700;
	font-size: 1.25rem;
}*/
/*#suggestedSearchesLinks {

	width: 100%;
	display: flex;
	justify-content: center;

}*/
#suggestedSearchesLinks div {
  background-color: var(--highlight);
  width: 275px;
  margin: 0 1rem;
  border: 1px solid var(--highlight);
  transition: all 0.3s ease-in-out;
}

@media (hover: hover) and (pointer: fine) {
  #suggestedSearchesLinks div:hover {
    background-color: #fff;
  }
}

#suggestedSearchesLinks div a {
  color: #fff;
  font-family: var(--primary-sans);
  font-weight: 700;
  display: block;
  text-align: center;
  padding: 1rem;
  font-size: 1rem;
}

@media (hover: hover) and (pointer: fine) {
  #suggestedSearchesLinks div a:hover {
    text-decoration-color: transparent;
    color: var(--highlight);
  }
}

#gridBand {
  grid-area: about;
  display: grid;
  grid-template-columns: auto;
  align-items: center;
  padding: 0 0.5rem;
  row-gap: 30px;
}
@media only screen and (min-width: 1025px) {
  #gridBand {
    grid-template-areas: "about snippet";
    column-gap: 75px;
    row-gap: 45px;
    padding: 3rem 0;
    background-color: #f9f9f9;
  }
}

#homeIntro {
  width: 100%;
  max-width: 28rem;
  justify-self: center;
}
@media only screen and (min-width: 1025px) {
  #homeIntro {
    grid-area: about;
    width: 450px;
    justify-self: end;
    align-self: flex-start;
    position: relative;
  }
}

@media only screen and (min-width: 1025px) {
  #homeIntro::after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #AEAEAE;
    top: 0;
    right: -37.5px;
    position: absolute;
  }
}

#territorialAcknowledge {
  grid-area: territorial;
  width: 100%;
  max-width: 28rem;
  justify-self: end;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

/*#territorialAcknowledge::after {
	content:'';
	height: 100%;
	width: 1px;
	background-color: #AEAEAE;
	top: 0;
	right: -37.5px;
	position: absolute;
}*/
#territorialAcknowledge h2 {
  font-weight: 700;
  font-family: var(--primary-sans);
  color: var(--text-color);
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  text-align: center;
  letter-spacing: -0.02em;
}

#homeIntro h3 {
  font-weight: 700;
  font-family: var(--primary-sans);
  color: var(--text-color);
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  text-align: center;
  letter-spacing: -0.02em;
}
@media only screen and (min-width: 1025px) {
  #homeIntro h3 {
    text-align: center;
  }
}

#territorialAcknowledge div.para {
  font-weight: 400;
  font-family: var(--secondary-sans);
  color: var(--text-color);
  font-size: 1rem;
  margin-bottom: 1rem;
  padding: 0 1rem;
}
@media only screen and (min-width: 1025px) {
  #territorialAcknowledge div.para {
    padding: 0;
  }
}

#homeIntro div.para {
  font-weight: 400;
  font-family: var(--secondary-sans);
  color: var(--text-color);
  font-size: 1rem;
  margin-bottom: 1rem;
}

div.snippetBoxContent {
  width: 100%;
  max-width: 450px;
  display: flex;
  flex-direction: column;
  padding: 2rem 0;
  margin-bottom: 30px;
  background-color: #efefef;
  position: relative;
  justify-self: center;
}
@media only screen and (min-width: 1025px) {
  div.snippetBoxContent {
    margin-bottom: 60px;
    max-width: none;
    width: 450px;
    grid-area: snippet;
  }
}

div.snippetBoxContent::before {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-image: url(../images/snippet-before.svg);
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffff;
  content: "";
  top: -30px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 1025px) {
  div.snippetBoxContent::before {
    background-color: #f9f9f9;
  }
}

div.snippetBoxContent::after {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-image: url(../images/snippet-after.svg);
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffff;
  content: "";
  bottom: -30px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 1025px) {
  div.snippetBoxContent::after {
    background-color: #f9f9f9;
  }
}

div.floatingSnippet {
  display: flex;
  flex-direction: column;
  align-items: center;
}

div.floatingSnippet > h6 {
  font-family: var(--primary-serif);
  color: var(--text-color);
  font-weight: 700;
  font-size: 1.5rem;
  text-align: center;
  letter-spacing: 0.0011em;
  margin-bottom: 0.5rem;
}

div.floatingSnippet p {
  background-color: #fafafa;
  font-family: var(--primary-serif);
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
  width: 90%;
  padding: 1.5rem;
}

@supports (not (initial-letter: 5)) and (not (-webkit-initial-letter: 5)) {
  .floatingSnippet p::first-letter {
    float: left;
    font-weight: 700;
    line-height: 60px;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 3px;
    font-size: 6rem;
  }
}
@supports (initial-letter: 3) or (-webkit-initial-letter: 3) {
  .floatingSnippet p::first-letter {
    -webkit-initial-letter: 3;
    initial-letter: 3;
    color: var(--text-color);
    font-weight: 700;
    padding: 0 0.75rem 0 0;
  }
}
.intro::first-letter {
  color: hsl(350, 50%, 50%);
}

.intro {
  margin: 1rem auto;
  max-width: 40rem;
}

div.snippetBottomBox {
  width: 90%;
  background-color: #fafafa;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

div.snippetBottomBox span.accKey {
  text-decoration: underline;
  text-decoration-color: transparent;
  color: var(--highlight);
  transition: all 0.3s ease-in-out;
}

div.snippetBottomBox a:hover span.accKey {
  color: var(--link-active);
  text-decoration-color: var(--highlight);
}

div.snippetBottomBox a.jumpSymbol,
div.snippetBottomBox a.jumpSymbol:visited {
  font-family: var(--primary-serif);
  font-weight: 600;
  color: var(--highlight);
  font-size: 1.2rem;
  text-underline-offset: 0.25em;
  transition: all 0.3s ease-in-out;
  margin-right: 1.5rem;
  color: var(--link-color);
  text-decoration: underline;
  text-decoration-color: var(--link-underline-color);
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

div.snippetBottomBox a.jumpSymbol:hover {
  color: var(--link-active-color);
  text-decoration-color: var(--link-underline-color-active);
}

footer {
  grid-area: footer;
}

span.searchHit {
  background-color: var(--highlight);
  color: #fff;
}

div#credits_logos {
  display: flex;
  flex-direction: column;
  align-items: center;
}

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

/*# sourceMappingURL=site.css.map */