@font-face {
     font-family: karla;
     src: url('/assets/karla-font/Karla-Regular.ttf');
}

 @font-face {
     font-family: karla-bold;
     src: url('/assets/karla-font/Karla-Bold.ttf');
} 

@font-face {
     font-family: karla-bold-italic;
     src: url('/assets/karla-font/Karla-BoldItalic.ttf');
}

* {
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

:root {
    --charcoal: #191d1a;
    --white: #fff;
    margin: 0;
    padding: 0;
}
html, body {
  width: 100vw;
  height: auto;
  overflow-x: hidden;
}

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

body {
  background-color: #191d1a;
  color: var(--white);
  font-family: karla, sans-serif;
  -webkit-text-size-adjust: 100%;
  font-size: 17px;
  line-height: 1.7;
  font-weight: 300;
  width: 100vw;
}

a {
	color: inherit;
	text-decoration: inherit;
}

strong {
	font-family: karla-bold, karla, sans-serif;
	color: #000;

}
::selection {
  background: #ffb7b7; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #ffb7b7; /* Gecko Browsers */
}
.side-nav {
  border-right: 1px solid rgb(92, 96, 105);
  display: flex;
  flex-direction: column;
}

.side-nav-title {
    font-weight: 800;
    font-size: 1.3em;
    border-bottom: 1px solid rgb(92, 96, 105);
    padding: 15px 10px;
}

img.side-nav-title  {
    height: 50px;
    object-fit: scale-down;
}

@media screen and (min-width: 1000px) {
  .side-nav {
    width: 370px;
    height: 100vh;
    position: fixed;
  }
}
.side-nav-container {
  -webkit-box-flex: 1;
  flex-grow: 1;
  padding: 30px 20px;
  overflow-y: auto;
}

header {
  display: flex;
  flex-direction: row;
  height: 40px;
  align-items: baseline;
  padding: 10px 25px 5px 25px;
  border-bottom: 1px solid var(--white);
}

.header-logo {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  font-size: 18px;
}

.side-nav-container li {
  color: #ffb2b2;
  list-style: none;
  line-height: 1.8em;
  cursor: pointer;
  border-bottom: 1px solid var(--charcoal);
  display: block;
  margin-bottom: 4px;
}

.side-nav-container li:hover {
    color: #ffffff;
}

#landing:before {
  content: " ";
}

#part-zero:before {
	content: "";
}
#part-one:before {
	content: "1. ";
}
#part-two:before {
	content: "2. ";
}
#part-three:before {
	content: "3. ";
}
#part-four:before {
	content: "4. ";
}
#part-five:before {
	content: "5. ";
}
#part-six:before {
	content: "6. ";
}

.side-nav-container li:before {
  content: "- ";
  vertical-align: top;
}

.side-nav-container li:hover, .side-nav-container li.side-nav-active {
  border-right: 3px solid #2a2a2a;
}


.side-nav-container li li {
  list-style: none;
  font-size: 14px;
  margin-left: 1em;
  color: #fff9f5;
  padding: 1px;
}

.side-nav-container li li:hover {
  background-color: #000000;
  border-radius: 3px;
  color: #fff;
  border-bottom: 1px solid #000;
}

.header-links li {
  border-left: 1px solid var(--white);
  padding: 0 15px;
}
span.side-nav-section {
	display: inline-block;
	width: 90%;
	/* vertical-align: middle; */
}
span.side-nav-section:hover {
  background-color: #000000;
  border-radius: 3px;
  color: #fff;

}

.main-content {
  display: flex;
  flex-direction: column;
  
}

@media screen and (min-width: 1000px) {
  .main-content {
     margin-left: 370px;
  }
}

.top-nav {
    border-bottom: 1px solid rgb(92, 96, 105);
    z-index: 10;
    top: 0;
    position: sticky;
    display: grid;
    grid-template-columns: 2fr  1fr 1fr;
    height: 80px;
    background-color: #fff9f6;
}

.top-nav-link {
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  /* border-left: 1px solid rgb(92, 96, 105); */
  border-right: 1px solid rgb(92, 96, 105);
  color: black;
  padding: 0 33%;
  /* font-family: monospace; */
  font-weight: initial;
  text-decoration: none;
  text-align: center;
}

.top-nav-link:hover {
  background-color: rgb(42, 45, 51);
  color: #ffb2b2;
}

.bottom-nav {
    border: 1px solid rgb(92, 96, 105);
    z-index: 10;
    top: 0;
    position: sticky;
    display: grid;
    grid-template-columns: 1fr  1fr;
    height: 80px;
    background-color: #fff9f6;
}

.bottom-nav-link {
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  border-right: 1px solid rgb(92, 96, 105);
  color: black;
  padding: 0 33%;
  font-weight: initial;
  text-decoration: none;
  text-align: center;
}

.bottom-nav.one-section {
  grid-template-columns: 1fr;
}

.bottom-nav-link:hover {
  background-color: rgb(42, 45, 51);
  color: #ffb2b2;
}

.report-container {
    -webkit-box-flex: 1;
    flex-grow: 1;
    overflow: hidden visible;
    min-height: 100vh;
    background-color: #fff9f6;
}
#mobile-link {
  display: none;
}
@media screen and (max-width: 999px) {
  .page-container-mobile {
    margin: 20px;
  }
  #mobile-link {
  display: grid;
  grid-template-columns: 2fr 2fr;
  }
  
  .side-nav-container, .side-nav {
    display: none;
  }
  .side-nav-mobile-container, .side-nav-mobile {
    display: flex;
    border: none;
  }
  .paragraph-container {
    padding: 20px !important;
  }
}

.paragraph-container {
  color: rgb(29 66 66);
  padding: 40px 80px;
  font-feature-settings: "liga" 0;
  line-height: 1.7;
  font-weight: 300;
}
@media screen and (min-width: 1400px) {
	.paragraph-container {
		padding: 40px 15vw;
	}
	
}

p a {
	color:black;
	background-color: #ffebeb;
  text-decoration: underline;
}

p {
  font-size: 20px;
  margin-top: 2em;
}

p:first-child {
  margin-top: 0;
}

blockquote {
  margin: 1em 0;
  /*   width: 50%; */
  padding: 0;
  font-family: Karla;
  background-color: white;
  padding: 15px;
  border-left: 2px solid #c7c7c7;
}

h1,h2 {
	font-weight: 800;
	font-family: system-ui;
}

table {
  width: 100%;
}
table thead tr {
  background: #dcd5c5 url('/Global/Images/parchment-bkg.jpg') repeat;
}
table thead tr.Vertical {
  background-image: url('/Global/Images/parchment-bkg-rotated.jpg');
}
table thead tr h1,
table thead tr h2,
table thead tr .h1,
table thead tr .h2,
table thead tr h3,
table thead tr .h3,
table thead tr h4,
table thead tr .h4 {
  color: #151515;
}
table thead tr a {
  color: #0075b0;
}
table thead tr a:hover,
table thead tr a:focus {
  color: white;
}
table tbody tr:nth-of-type(even) {
  background: #e2e2e2;
}
table td,
table th {
  padding: 8px 14px;
  text-align: left;
  font-size: 0.9rem;
}
table td a,
table th a {
  font-weight: bold;
  color: #00918a !important;
  text-decoration: underline;
}
table td a:hover,
table th a:hover,
table td a:focus,
table th a:focus {
  color: rgb(255, 0, 0) !important;
}
table th {
  font-weight: 700;
  font-size: 0.8rem;
  line-height: 1.4;
  font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
  text-transform: uppercase;
  margin: 0;
  max-width: 800px;
  line-height: inherit;
  color: #151515;
}
table th.PrimaryFont {
  text-transform: none;
}
@media only screen and (max-width: 599px) {
  table th {
    display: none;
  }
  table td {
    position: relative;
    display: block;
    padding-left: 110px;
  }
  table td:before {
    position: absolute;
    top: 8px;
    left: 10px;
    display: block;
    content: attr(aria-label) ": ";
    font-weight: 700;
  }
  table tbody tr {
    padding: 20px 0;
    display: block;
  }
  table:nth-of-type(odd) {
    background: #f3f3f3;
  }
}
.graphic-large {
  margin: 20px 0;
  max-width: 100%;
  display: flex;
  justify-content: center;
}

.cover-photo-container {
  display: flex;
  justify-content: center;
}
.cover-photo {
  height: calc(100vh - 120px);
  max-width: 100%;
  object-fit: contain;
}

@media screen and (max-width: 999px) {
  .cover-photo {
	  height: auto;
	  margin: 15px 0;
	  max-width: 100%;
	  object-fit: contain;
    }
}

.report-photo-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  color: #000;
  margin: 0 15vw;
}

.report-photo {
  max-width: 100%;
  object-fit: contain;
  max-height: 80vh;
/*   
  border-radius: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); */
}
@media screen and (max-width: 999px) {
  .report-photo {
	  height: auto;
	  max-width: 100%;
    max-height: 100%;
    margin: 12px;;
	  object-fit: contain;
    }
}


.report-section-title {
	font-size: 28px;
	font-weight: 900;
	color: #000;
	text-transform: uppercase;
  font-family: karla-bold-italic;
  text-decoration: none;
}

.anchor:target::before {
    content: '';
    display: block;
    height:      80px;
    margin-top: -80px;
}

.anchor {
  background-color: #fff9f6;
  text-decoration: none;
}

.footer p {
  font-size: 14px;
  margin: 0;
}

p a sup {
  font-family: karla-bold;
}
figcaption {
  margin-top: 12px;
  font-style: italic;
}

ol {
    margin: 20px 10vw;
    color: black;
    font-size: 24px;
    font-family: monospace;
    text-align: left;
}

.sr-only {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

#logo-link {
  display:flex;
  justify-content: center;
}