@charset "utf-8";
/* CSS Document */

/*
html {
	scroll-behavior: smooth;
}
*/


#skip_links {display: none;}

.wrapper {
	display: flex;
	justify-content: space-between;
}

.main,
.sidebar {
	border: none;
	padding: 15px;
	background-color: #fff;
}

.main {
	width: 68%;
}

.sidebar {
	width: 18%;
	height: 100vh;
	border-left: .5px solid lightgray;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	background-color: #edeeef;
}

section {
	padding: 2rem;
	margin: 0 0 2rem 0;
}

.report-title{
	font-family: 'PTSerif';
	font-size: 28pt;
	font-weight: 700;
	line-height: 30pt;
	margin-top: -70px;
}


.report-subtitle {
	font-family: 'OpenSans';
	font-size: 14pt;
	font-weight: 300;
	line-height: 20pt;
	font-style: italic;
}


.report-number {
	font-family: 'PTSerif';
	font-size: 12pt;
	font-weight: 700;
	font-style: italic;
}


.report-date {
	font-family: 'OpenSans';
	font-size: 11pt;
	font-weight: 400;
	font-style: italic;
}

.quick-links {
    font-family: 'OpenSans';
    font-size: 11pt;
    font-weight: 400;
    font-style: normal;
    line-height: 1.3;
}

.link-area {
    scroll-margin-top: 3.25em;
}

.report-chapter-title {
	font-family: 'PTSerif';
	color:#8b0e04;
	font-size: 28pt;
	font-weight: 700;
	line-height: 30pt;
	margin-top: -70px;
}


hr.style2 {
  border: 0;
  border-top: 3px solid #fbbd35;
  width:100%;
}

.top-container {
  background-image: url("images/2021-118-background.jpg");
  background-color: black;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: left;
  color: #fff;
  padding-top: 0px;
  min-height: 210px;
  letter-spacing: 0px;
  font-family: 'OpenSans';
  padding: 30px;
}


.table-header-side-borders {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
    color: #00446a;
    text-transform: uppercase;
    border-left: solid 1px lightgray;
    border-right: solid 1px lightgray;
}



#hero {
	background-image: url(bgh.jpg);
	background-size: cover;
}

.h-txt {
	padding: 20% 2%;
}

.sticky {
  position: fixed;
  top: 0px;
  width: 100%;
}

.sticky + .content {
  padding-top: 102px;
}


body {
	max-width: 1050px;
	margin: auto;
	font-family: 'OpenSans';
    font-size: 13pt;
    line-height: 18pt;
}

body.wide {
	max-width: 100%;
}

body.wide table {
	margin: 0 15px;
}#skip_links {display: none;}



.narrow {
	max-width: 1050px;
	margin: auto;
}

#main_content, .main_content {
	padding:0 25px;
	margin-top: 100px;
}

#report_heading {
	color: white;
	background-color: #111a29;
	padding-top: 30px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 5px;
	margin-bottom: 2px;
	display: block;
}

#report_heading .brand {
	font-size: 200%;
	padding-right: 10px;
	font-family: 'OpenSans';
}


.bg-dark {
	transition: 0.2s ease;
	background: transparent !important;
}

.bg-dark.scrolled {
	background: #10caca !important;
}


nav {
  display: block;
  font-family: 'OpenSans';
  font-weight: 400;
  margin-bottom: 20px;
  margin-top:-1.6px;
  max-width:1050px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  text-transform: uppercase;
  background: #fff;	
  border-bottom-style: solid;
  border-bottom-color: #fbbd35;
  border-bottom-width: 3px;
  border-top-style: solid;
  border-top-color: #fff;
  border-top-width: 10px;
  z-index: 9;
}


nav a {
  color: #464d52;
  background: #fff;
  padding: 15px 15px 10px 15px;
  border-radius: 8px 8px 0px 0px;
  display: inline-block;
  text-decoration-line: none;
}

nav a.current {
	background: #fbbd35;
	padding: 13px 15px 10px 15px;
	border-radius: 8px 8px 0px 0px;
	transition: 0.5s ease;
	font-weight: bold;
}

nav a:hover{
	color: #0d0d0d; 
	background-color: #edeeef;
	border-radius: 8px 8px 0px 0px;
	transition: .5s ease;
}

h1 {font-size: 26pt;
    padding-bottom: 20px;
}

h2 {padding-top: 30px;
    line-height: normal;
}

h3 {padding-top: 30px;}


.footnote_marker {
	background-color: gold;
}

input[type=checkbox] ~ span {
	display:none;
}

input[type=checkbox]:checked ~ span {
	display: inline-block;
	background-color: cornsilk;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
	font-weight: 500;
	color: black;
	font-size: 100%;
}

input[type=checkbox] {display:none;}

.textbox {
	float:right;
	width:380px;
	padding:10px;
    padding-top:0px;
	border:solid 1px black;
	box-shadow: 8px 8px 5px #dcdcdc; 
	margin:40px;
	margin-top:5px;
	margin-right:10px;
}

.textbox_title {
	text-align:center;
	color:#00446a;
	font-size:18px;
	font-weight:bold;
	padding-top:10px;
    margin-bottom: 30px;
}

.textbox_source {
    font-size:12px;	
	color:#00446a;
	padding-left:10px;
	padding-right:10px;
    margin-top: 20px;
    line-height: 14px;
}

.textbox_text {
    padding-left:10px;
    padding-right:10px;
    font-size: 15px;
}


.center {
     text-align: center;
}


.source {font-size:14px;
	color:#00446a;
	margin-bottom: 40px;
	margin-top: 20px;
}

table, tr, td, th {
	border-left: 0px solid #7C7C7C;
	border-right: 0px solid #7C7C7C;
	border-bottom: 1px solid #7C7C7C;
	border-top: 0px solid #7C7C7C;
	border-collapse: collapse;
	font-size: 14px;
}

td, th {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	text-align: left;
	vertical-align:text-top;
}

th {
	text-align:center;
	color:#00446a;
	vertical-align:bottom;
}


caption {text-align:left;

	font-size:18px;
	font-weight:bold;
	padding-top: 20px;
	padding-bottom: 10px;
	width: 100%;
}

.graphic-number {
    font-size: 28px;
    font-weight: bold;
    font-style: normal;
    margin-bottom: 0;
    padding-bottom: 0;
    scroll-margin-top: 1.5em;
}

.graphic-title {
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    margin-top: 0;
    padding-top: 5px;
}


.anchor { padding-top: 75px; }

ul.summary {
   list-style: none;
   margin-left: 0;
   padding-left: 1em;
   text-indent: -1em;
}

li {padding-bottom: 15px;}

ul.special_bullet {list-style: none;
}

ul.special_bullet li:before {
    color: #000;
    content: "\3009 \0020";
}

hr {
	margin-left: 0;
	width:200px;
    margin-top: 20px;
    margin-bottom: 20px;
}

padding1 {
    padding-top: 100px;
    padding-bottom: 50px;
}

.recommendations {
	background-color: #fff5e3;
	padding: 0px 20px 20px 20px;
}


.comments-number {
    font-size: 150%;
    color: black;
    margin-left: -25px;
    line-height: 1;
    scroll-margin-top: 2.5em;
}

.comments-number-direct {
    font-size: 150%;
    color: black;
    margin-left: 0px;
    line-height: 1;
    scroll-margin-top: 2.5em;
}

.comments-hyperlink {
    text-decoration: none;
    color: black;
}

.comments-hyperlink:hover {
    color: red;
}


longdesc {
    margin:20px;
	display:block;
}

.center {text-align:center;
}

.longdesc_header {
	margin-top:60px;
	margin-bottom:0px;
}

.indent {margin-left:20px;
}

.indent2 {margin-left:40px;
}


#pdflink {float:right;
}

#pdflink a {color:#F3E144;
}

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


.narrow {
	max-width: 1050px;
	margin: auto;
}

.responsive-bar {
	display: none;
	width: 100%;
	height: 60px;
	background: #e8e8e8;
	position: fixed;
	top: 0;
	left: 0;
	padding: 5px 20px;
	box-sizing: border-box;
}

.responsive-bar .logo img
{
	float: left;
	height: 50px;
}

.responsive-bar .menu h4
{
	float: right;
	color: #fff;
	margin: 0;
	padding: 0;
	line-height: 50px;
	cursor: pointer;
	text-transform: uppercase;
}


.yellow_partial {
	background-color: #fbe8c8;
	vertical-align: middle;
	text-align: center;
	padding: 12px;
	border-color:#fff;
	border-width:thin;
}

.green_yes {
	background-color: #cfe7bf;
	vertical-align: middle;
	text-align: center;
	padding: 12px;
	border-color:#fff;
	border-width:thin;
}

.red_no {
	background-color: #fdcdbf;
	vertical-align: middle;
	text-align: center;
	padding: 12px;
	border-color:#fff;
	border-width:thin;
}


.table_section_title {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #3b7a9e;
	border-bottom: 1.5px solid #7C7C7C;
}



.body_cell_tanA_centered {
	text-align: center;
	vertical-align: middle;
	background-color: #f4f0ea;
	border-left-width: thin;
	border-left-color: #fff;
    font-size: 12pt;
}

.body_cell_tanA_centeredbold {
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background-color: #f4f0ea;
	border-left-width: thin;
	border-left-color: #fff;
    font-size: 12pt;
}

.body_cell_tanB_leftalign {
	text-align: left;
	vertical-align: middle;
	background-color: #ece7dd;
    font-size: 12pt;
}

.body_cell_tanB_centered {
	text-align: center;
	vertical-align: middle;
	background-color: #ece7dd;
    font-size: 12pt;
}

.body_cell_tanC_centered {
	text-align: center;
	vertical-align: middle;
	background-color: #e3dccf;
	border-left-width: thin;
	border-left-color: #fff;
    font-size: 12pt;
}

.body_cell_tanC_centeredbold {
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background-color: #e3dccf;
	border-left-width: thin;
	border-left-color: #fff;
    font-size: 12pt;
}

.body_cell_tanD_centered {
    text-align: center;
	vertical-align: middle;
	background-color: #f4f2ed;
	border-left-width: thin;
	border-left-color: #fff;
    font-size: 12pt;
}


.table-header-side-borders {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
    color: #00446a;
    text-transform: uppercase;
    border-left: solid 1px lightgray;
    border-right: solid 1px lightgray;
}


.header_cell_no_border_bottom {
	border-bottom-style: hidden;
	margin-bottom: 20px
}


.header_cell_white {
	border-left: 0px solid #7C7C7C;
	border-right: 0px solid #7C7C7C;
	border-bottom: 1.5px solid #7C7C7C;
	border-top: 0px solid #7C7C7C;
	border-collapse: collapse;
}


.header_cell_aqua1 {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	background-color: #98f7f2;
	border-left-width: medium;
	border-left-color: #fff;
	border-bottom-width: medium;
	border-bottom-color: #fff;
    text-transform: uppercase;
    line-height: 15pt;
}


.header_cell_aqua2 {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	background-color: #6ce8e0;
	border-left-width: medium;
	border-left-color: #fff;
	border-bottom-width: medium;
	border-bottom-color: #fff;
    text-transform: uppercase;
    line-height: 15pt;
}


.header_cell_blue1 {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #3b7a9e;
	border-left-width: medium;
	border-left-color: #fff;
	border-bottom-width: medium;
	border-bottom-color: #fff;
    text-transform: uppercase;
    line-height: 15pt;
}

.header_cell_blue2 {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #005d83;
	border-left-width: medium;
	border-left-color: #fff;
	border-bottom-width: medium;
	border-bottom-color: #fff;
    text-transform: uppercase;
    line-height: 15pt;
}

.header_cell_blue3 {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #00446a;
	border-left-width: medium;
	border-left-color: #fff;
	border-bottom-width: medium;
	border-bottom-color: #fff;
    text-transform: uppercase;
    line-height: 15pt;
}

.header_cell_gray1 {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background-color: #323d4f;
    border-left-width: medium;
    border-left-color: #fff;
	border-bottom-width: medium;
	border-bottom-color: #fff;
    text-transform: uppercase;
    line-height: 15pt;
}

.body_cell_tan1 {
	text-align: left;
	vertical-align: top;
	background-color: #f4f1eb;
}


.body_cell_tan2 {
	text-align: left;
	vertical-align: top;
	background-color: #e3ddd0;
}

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

.subtotal_text {
    text-align:left;
    font-weight:bold;
    padding-left:30px;
    border-bottom:hidden;
}

.subtotal_number {
    text-align:center;
    font-weight:bold;
    border-bottom:hidden;
}


.subtotal_text_red {text-align:left;
	font-weight:bold;
	font-style: italic;
	padding-left:30px;
	border-bottom-width:0;
	color: #ed2024;
}

.subtotal_number_red {text-align:center;
	font-weight:bold;
	border-bottom-width:0;
	color: #ed2024;
}


.gray_numerical {text-align:center;
vertical-align:middle;
background-color:#e6e7e8;
opacity:100%;
padding:5px;
border-color:#fff;
border-width:thin;
}

.green_numerical {text-align:center;
vertical-align:middle;
background-color:#72bf44;
color:#fff;
padding:5px;
border-color:#fff;
border-width:thin;
}

.light_green_text {text-align:center;
vertical-align:middle;
background-color:#dde6d2;
padding:5px;
}

.dark_green_text {text-align: left;
background-color: #c4d3ae;
padding: 10px;
}

.pantone125c_text {text-align:left;
background-color:#edd8ad;
padding:10px;
}

.salmon_numerical {text-align:center;
vertical-align:middle;
background-color:#d9a793;
padding:5px;
}

.salmon_text {text-align:left;
background-color:#d9a793;
padding:10px;
}

.light_tan_numerical {text-align:center;
vertical-align:middle;
background-color:#F6F0E5;
padding:5px;
}

.tan_numerical {text-align:center;
vertical-align:middle;
background-color:#ede1cb;
padding:5px;
}

.dark_tan_numerical {text-align:center;
vertical-align:middle;
background-color:#ddc9a2;
padding:5px;
}

.lightest_blue_numerical {text-align:center;
vertical-align:middle;
background-color:#dae3ed;
padding:5px;
}

.light_blue_numerical {text-align:center;
vertical-align:middle;
background-color:#c3d5e4;
padding:5px;
}

.dark_blue_numerical {text-align:center;
vertical-align:middle;
background-color:#91b2cb;
padding:5px;
}

.light_tan_text {text-align:left;
background-color:#F6F0E5;
padding:10px;
}

.tan_text {text-align:left;
background-color:#ede1cb;
padding:10px;
}

.dark_tan_text {text-align:left;
background-color:#ddc9a2;
padding:10px;
}

.light_blue_text {text-align:left;
background-color:#c3d5e4;
padding:10px;
}

.medium_blue_text {
text-align: left;
font-style: italic;
background-color: #AAC4D9;
padding: 10px;
}

.dark_blue_text {text-align:left;
background-color:#91b2cb;
padding:10px;
}

.darker_blue_text {
	text-align: left;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #5182A7;
	padding: 10px;
}

.darkest_blue_text {
	text-align: left;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #1D4F74;
	padding: 10px;
}

.red_numerical {text-align:center;
	vertical-align:middle;
	background-color:#ed2024;
	color:#fff;
	opacity:10%;
	padding:5px;
	border-color:#fff;
	border-width:thin;
}

.light_red_numerical {text-align:center;
	background-color:#e5c1b1;
	vertical-align:middle;
	font-weight:bold;
	font-size: 16px;
}

.light_red_text {text-align:left;
	background-color:#e5c1b1;
}

.dark_red_numerical {
	text-align: center;
	vertical-align: middle;
	background-color: #8b0e04;
	color: #fff;
	padding: 5px;
}

.orange_numerical {
	text-align: center;
	vertical-align: middle;
	background-color: #f2be4a;
	padding: 5px;
}

.light_orange_numerical {text-align: center;
	background-color: #f6d28b;
	padding: 10px;
}

.light_orange_text {text-align: left;
	background-color: #f8daa0;
	padding: 10px;
	border-left-width: thin;
	border-left-color: #eeb111;
}

.yellow_numerical {text-align:center;
	vertical-align:middle;
	background-color:#EFB51F;
	color:#fff;
	opacity:10%;
	padding:5px;
	border-color:#fff;
	border-width:thin;
}




.facebook-button, .twitter-button, .linkedin-button {
	width: 28px;
	height: 28px;
  display: inline-block;
  background-size: cover;
  margin: 5px;
  text-decoration: none;
}
.facebook-button {
  background-image: url(images/facebook_btn.svg);
}
.facebook-button:hover {
  background-image: url(images/facebook_btn_hover.svg);
}
.twitter-button {
  background-image: url(images/twitter_btn.svg);
}
.twitter-button:hover {
  background-image: url(images/twitter_btn_hover.svg);
}
.linkedin-button {
  background-image: url(images/linkedin_btn.svg);
}
.linkedin-button:hover {
  background-image: url(images/linkedin_btn_hover.svg);
}



#phone-nav { display: none; }

#main_content .report-title, #main_content .report-subtitle {
  display: block;
  margin-bottom: 10px;
}
	
@media screen and (max-width: 750px){
  #myHeader {
    display: none;
	  position: fixed top;
	  margin-top: 80px;
  }
	
  #myHeader.open {
  	display: block;
  }
	
  #phone-nav {
    display: block;
	position: fixed;
	top: 0px;
    width: 100%;
    background-color: #edeeef;
    margin: 0;
    margin-bottom: 10px;
    padding: 10px;
    min-height: 60px;
    text-align: center;
  }
  #phone-nav .report-info {
    padding-top: 10px;
  }
  #phone-nav .auditor-logo {
    margin: 0; 
    margin-top: 2px; 
    margin-right: 20px; 
    padding: 0;
    float: right;
  }
  #myHeader .b-link {
    display: block;
    text-align: center;
  }
  #myHeader .b-link:first-child {
    margin-top: 0;
    padding-top: 0;
  }
  #myHeader .b-link:last-child {
    padding-bottom: 20px;
  }
  #myHeader .b-link:nth-child(2n+0) {
  }
  #main_content .report-main-title {
    border-bottom: solid #fbbd35 3px;
    padding-bottom: 10px;
  }
    
    #report-title {
        margin-top: 110px;
    }
    
  .b-menu {
      float: left;
      cursor: pointer;
      display: inline-block;
      height: 40px;
      padding-left: 10px;
      padding-top: 18px;
      position: relative;
      transition: all .4s ease;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      width: 40px;
      z-index: 12;
  }

  .b-bun--top {
      top: 0;
  }
  .b-bun--mid {
      top: 8px;
  }
  .b-bun--bottom {
      top: 16px;
  }
  .b-bun {
      position: relative;
      -webkit-transition: all .4s ease;
      background: black;
      transition: all .4s ease;
  }
  .b-bun--bottom, .b-bun--mid, .b-bun--top {
      height: 2px;
      width: 25px;
  }

  .wrapper {
	display: block;
  }
  .top-container {
    display: none;
  }
 
	/*.sticky {
    position: initial;
  }*/
	
  .main,
  .sidebar {
    width: 90%;
    display: block;
    float: none;
    height: auto;
  }
}