/*
________________
HEADER */

.container, .crumbs, .footcontent, .menubar, .releases, .standard { max-width: 1280px; }

.desktop { display: none; }

.sitenav {
	display: none;
	float: none; }

.tablet { display: inline-block !important; }

.title {
  vertical-align: top; }

.title i { font-style: normal; }

.title p {
  font-family: "franklin-gothic-urw", "Franklin Gothic Medium", Helvetica, Arial !important;
  font-size: 1.25rem;
  line-height: 1.562rem;
  margin: 0;
  max-width: 160px;
  padding: 4px 0 0 15px; }

.title p a {
  color: #002b54;
  font-weight: 700; }

.dark .title p a { color: #fff; }

.title p a:focus, .title p a:hover {
  color: #3b8635; }

@media (max-width: 450px) {
  .title i { display: block; }
  .title p { max-width: 130px; }
  .title span { display: none; }
}

@media (min-width: 540px) {
  .title p { font-size: 1.3125rem; max-width: 230px; padding-top: 14px; }
}

@media (min-width: 615px) {
  .title p { font-size: 1.5rem; max-width: 300px; padding-top: 15px; }
}

@media (min-width: 1000px) {
  .desktop { display: block !important; }
  .sitenav { display: none !important; }
  .tablet { display: none !important; }
}

@media (min-width: 1200px) {
  .title p { max-width: 540px; padding-top: 30px; }
}


/*
________________
NAVIGATION */

.folder input { display: none; }

.folder label {
  border-bottom: 1px solid #ececec;
  cursor: pointer;
  display: block;
  padding: 12px 10px;
  position: relative;
  transition: ease .5s; }

.folder label::after {
  background: url(/site/templates/img/menu-right.svg) center center no-repeat;
  content: '';
  height: 16px;
  position: absolute;
  right: 10px;
  top: 16px;
  transition: ease .5s; 
  width: 18px }

.folder.active label, .folder.active .lv2 a, .lv1.active a { 
  background: #1a6eab;
  border-bottom-color: #145888;
  color: #fff; }

.folder.active .lv2.active a { background: #002b54; }

.folder label:focus::after, .folder label:hover::after, .folder.active input + label::after, .dark .folder label::after {
  background: url(/site/templates/img/menu-right-wh.svg) center center no-repeat; }

.folder input + label + .submenu { display: none; }

.folder input:checked + label::after {
   background: url(/site/templates/img/menu-down.svg) center center no-repeat; }

.folder input:checked + label:focus::after, .folder input:checked + label:hover::after, .folder.active input:checked + label::after, .dark .folder input:checked + label::after {
   background: url(/site/templates/img/menu-down-wh.svg) center center no-repeat; }

.folder input:checked + label + .submenu { display: block; }

.lv1 a, .lv2 a {
  border-bottom: 1px solid #ececec;
  color: #002b54;
  display: block;
  padding: 12px 10px; }

.dark .folder label, .dark .lv1 a, .dark .lv2 a {
  border-bottom: 1px solid #444;
  color: #fff; }

.sitenav h3 { display: none; }

.sidenav h3 { margin: 0; }

.sidenav h3 a {
  background: #002b54;
  border-bottom: 3px solid #145888;
  border-radius: 6px 6px 0 0;
  color: #fff;
  font-weight: 700;
  padding: 11px;
  text-align: center; }

.folder label:focus, .folder label:hover, .folder.active .lv2 a:focus, .folder.active .lv2 a:hover,
.lv1 a:focus, .lv1 a:hover, .lv1.active a:focus, .lv1.active a:hover,
.lv2 a:focus, .lv2 a:hover, .sidenav h3 a:focus, .sidenav h3 a:hover {
  background: #3b8635;
  border-bottom-color: #2f6b2a;
  color: #fff; }

.sidenav .menublock {
  background: #f8f8f8; 
  border-radius: 0 0 6px 6px;
  padding: 5px 10px 15px; 
  position: relative; }

.dark .sidenav .menublock { background: #555; }
  
.submenu { padding-left: 30px; }


/*
________________
FOOTER */

.acknowledge p, .footcontent h4, .footcontent p { padding: 0 15px; }

.footcontent { padding: 0; }

.footcontent h4 {
  color: #a3c5dd !important;
  letter-spacing: 1px;
  font-size: 1rem;
  text-transform: uppercase; }

.footset.m0a { margin-top: 25px; }

.footured { font-size: 1.125rem; }

@media (min-width: 600px) {
  .footcard { width: 22%; }
}

@media (max-width: 1280px) {
  .acknowledge div, .footset { max-width: 100%; }
}


/*
________________
CONTENT */

article h1 { 
  max-width: 100%;
  padding-left: 15px; }

.ml15 { margin-left: 15px; }

.pagecontents h2 {
  font-size: 1.25em;
  letter-spacing: 1px;
  line-height: 1.25em;
  margin-left: 5px; }

.pg-button {
  background: #f2f2f2 !important;
  border: 0;
  border-radius: 6px;
  color: #333;
  font-family: "franklin-gothic-urw", "Franklin Gothic Medium", Helvetica, Arial !important;
  font-size: 1.125em;
  margin-left: 5px;
  padding: 8px 12px; }

.dark .pg-button {
  background: #444 !important;
  color: #fff; }

.pg-button:focus, .pg-button:hover {
  background: #3b8635 !important;
  color: #fff; }

.pg-toolbar {
  display: block;
  padding-right: 15px;
  text-align: right; }

.pg-toolbar span {
  display: inline-block;
  height: 21px;
  vertical-align: middle;
  width: 23px; }

.pg-toolbar .download {
  background: url(/site/templates/img/pg-download.svg) center center no-repeat; }

.pg-toolbar .printer {
  background: url(/site/templates/img/pg-printer.svg) center center no-repeat; }

.dark .pg-toolbar .download, .pg-toolbar .pg-button:focus .download, .pg-toolbar .pg-button:hover .download {
  background: url(/site/templates/img/pg-download-wh.svg) center center no-repeat; }

.dark .pg-toolbar .printer, .pg-toolbar .pg-button:focus .printer, .pg-toolbar .pg-button:hover .printer {
  background: url(/site/templates/img/pg-printer-wh.svg) center center no-repeat; }

.reading { max-width: 100%; }

.reading table ol, .reading table ul { margin: 0; }

.reading table ol ol, .reading table ul ul { margin-top: 15px; }

.reading table p, .reading table li {
  font-size: 1em;
  font-weight: 400;
  margin: 0; }

@media (min-width: 1000px) {
  article { padding: 0 0 0 15px; }
  .reading li, .reading p { font-size: 1.125em; }
}

@media (min-width: 1150px) {
  .edited, .return { padding-right: 160px; }
}


/*
________________
PAGE MENU */

.pagecontents .column {
  padding-right: 10px; 
  width: 100%; }

.pagecontents li {
  display: block;
  width: 100%; }

.pagecontents li:nth-child(2n+1) { padding-right: 0; }

.pagecontents ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%; }

@media (min-width: 600px) {
  .pagecontents .subsections { display: flex; }
  
  .pagecontents .column { 
    flex-direction: row;
    flex-wrap: wrap;
    width: 50%; }
}



/*
________________
FIGURES */

.figure {
  align-items: center;
  background: #f8f8f8;
  border-radius: 12px;
  margin-bottom: 15px;
  padding: 15px; }

.figure a img {
  background: #fff;
  border-radius: 6px;
  padding: 15px; }

.figure a:focus img, .figure a:hover img { background: #3b8635; }

.figure div { width: 100%; }

.figure div:first-of-type {
  background-image: 
    url(/site/templates/img/fig-topleft.png),
    url(/site/templates/img/fig-topright.png);
  background-position:
    top left,
    top right;
  background-repeat: no-repeat; }

.figure div:last-of-type {
  background-image: 
    url(/site/templates/img/fig-botleft.png),
    url(/site/templates/img/fig-botright.png);
  background-position:
    bottom left,
    bottom right;
  background-repeat: no-repeat;
  text-align: center; }

.reading .figure a { border: 0 }

@media (min-width: 768px) {
  
  .figure { display: flex; }

  .figure div { width: 50%; }

  .figure div:first-of-type {
    background-image: 
      url(/site/templates/img/fig-topleft.png),
      url(/site/templates/img/fig-botleft.png);
    background-position:
      top left,
      bottom left;
    background-repeat: no-repeat; }

  .figure div:last-of-type {
    align-self: stretch;
    background-image: 
      url(/site/templates/img/fig-topright.png),
      url(/site/templates/img/fig-botright.png);
    background-position:
      top right,
      bottom right;
    background-repeat: no-repeat;
    text-align: left; }
  
  .figure h4 { padding-top: 30px; }
  
  .figure.indent { margin-left: 15px; }
  
  .figure .sub { 
    border-bottom: 1px solid #ccc; 
    padding-bottom: 15px; }
}


/*
________________
GLOSSARY */

.alphamenu { overflow-wrap: break-word; }

.alphamenu a {
  background: #f2f2f2;
  border-radius: 6px;
  font-weight: 700;
  line-height: 4em;
  margin: 0 5px 5px 0;
  padding: 16px 20px;
  text-decoration: none;
  text-transform: uppercase; }

.alphamenu a:focus, .alphamenu a:hover {
  background: #3b8635;
  color: #fff; }

.letter {
  border-bottom: 1px #aaa dashed;
  font-size: 1.667em !important;
  padding: 15px;
  text-align: center;
  text-transform: uppercase;
  width: 60px; }


/*
________________
TOOLTIPS */

[role='tooltip'] {
  display: none; }

button:focus + [role='tooltip'], button:hover + [role='tooltip'] {  
  display: block; }

button.tooltip {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  color: #3b8635;
  font-family: "Roboto Slab",BlinkMacSystemFont,-apple-system,Helvetica,Arial,serif;
  font-size: 1em;
  padding: 1px 3px 3px;
  text-align: left;
  text-decoration: underline; }

td button.tooltip { background: none; }

.dark button.tooltip {
  background: none;
  border-color: #c1d72f;
  color: #c1d72f; }

button.tooltip:focus, button.tooltip:hover {
  background: #3b8635;
  border-color: #2f6b2a;
  color: #fff; }

.arrow_box {
  background: #f8f8f8;
  border: 10px solid #fff;
  border-radius: 6px;
  margin-top: 5px;
  max-width: 400px;
  padding: 10px;
  position: absolute;
  width: 80%;
  z-index: 1000; }

.arrow_box.conversion {
  max-width: 200px;
  text-align: center; }

.dark .arrow_box {
  background: #444;
  border-color: #333; }


/*
________________
ACCESSIBILITY */

.readingMode .desktop.sidenav { display: none !important; }
.readingMode .edited { padding-right: 0; }
.readingMode .edited p { width: 250px; }
.readingMode .pg-toolbar, .readingMode .return { display: none; }


/*
________________
PRINTING */

@media print {
  
  button {
    border: #ccc;
    background: #fff;
    color: #333; }
  .desktop.sidenav { display: none !important; }
  .pg-toolbar { display: none; }
  
}
