@font-face {
	font-display: swap;
	font-family: canada-type-gibson;
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/Gibson-Book.woff2) format("woff2"), url(../fonts/Gibson-Book.woff) format("woff"), url(../fonts/Gibson-Book.ttf) format("truetype"), url(../fonts/Gibson-Book.eot) format("embedded-opentype")
}
@font-face {
	font-display: swap;
	font-family: canada-type-gibson;
	font-style: normal;
	font-weight: 700;
	src: url(../fonts/Gibson-Semibold.woff2) format("woff2"), url(../fonts/Gibson-Semibold.woff) format("woff"), url(../fonts/Gibson-Semibold.ttf) format("truetype"), url(../fonts/Gibson-Semibold.eot) format("embedded-opentype")
}
@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes fadeout {
  from { opacity: 1; }
  to   { opacity: 0; }
}
@keyframes slideup {
  from {bottom: -100%; }
  to   {bottom: 0%; }
}
@keyframes slidedown {
  from { bottom: 0%; }
  to   { bottom: -100%; }
}
.fadein{
  animation: fadein 0.5s;
}
.fadeout{
  animation: fadeout 0.5s;
}
.slideup{
  animation: slideup 0.5s;
}
.slidedown{
  animation: slidedown 0.5s;
}
body,
html {
  font-family: canada-type-gibson, sans-serif;
  -webkit-text-size-adjust: none;
  font-size: 16px;
  line-height: 1.4rem;
  margin: 0rem;
  padding: 0rem;
  color: #37394C;
  overflow-wrap: break-word;
}
.static{
  overflow:hidden;
  position:fixed;
}
h1,
h2,
h3 {
  font-family: "canada-type-gibson", sans-serif;
  /*letter-spacing: -0.03em;*/
  font-weight: 700;
  line-height: 2rem;
}

h1 {
  font-size: 1.875rem;
  line-height: 2.2rem;
  margin: 3rem 0 2rem 0;
}
.homepage h1 {
  font-size: 2.5rem;
  line-height: 3.2rem;
  margin: 3rem 0 2rem 0;
  
}
h2 {
  font-size: 1.5rem;
}
hr{
  border:none;
  border-top:solid 2px #B9BAC0;
}
.content .easy-read-content h1, .content-sub-index .easy-read-content h1{
  margin-top:4rem;
}
.content .easy-read-content h2,
.info .easy-read-content h2,
.practice-guide .easy-read-content h2,
.pointers-for-practice .easy-read-content h2{
  margin-top:2.2rem;
}
.block-heading:first-of-type{
  color:#616372;
  position:absolute;
  top:-2.5rem;
  font-size: 1.5rem;
}
body {
  -webkit-touch-callout: none;
  counter-reset: section-counter;
}

body.content-index,
body.content-sub-index,
body.homepage {
  background-color: #FAFAFA;
}

a {
  color: #11846A;
  font-weight: bold;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

a:hover,
a:focus {
  text-decoration: underline;
}
a:focus, button:focus, input:focus{
  outline:none;
}
.keynav #header-search>form #search-text:focus{
  outline: #f7ff96 solid 0.3rem;
  border:solid 0.0625rem #37394b;
  border-top-right-radius: 0.35rem;
  border-bottom-right-radius: 0.35rem;
  z-index: 999;
}
.keynav #header-search>form #search-btn:focus{
  background-color: #080069;
  filter:invert(100%);
  border: #080069 solid 0.3rem;
  border-radius: 0.3rem;
  margin-top:-0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.keynav #header-breadcrumb a:focus, .keynav #page-content a:focus, .keynav #footer a:focus{
  background-color: #f7ff96;
  border-bottom:solid 0.2rem #37394b;
  text-decoration: none;
  color:#37394b;
  outline:none;
}
.keynav #page-content #footer-nav a:focus{
  color:#007B67; 
}
.keynav #footer-nav a:focus {
  background-color: #f7ff96 !important;
}
.keynav .pp-link:focus{
  margin-bottom:-0.2rem;
}
.keynav #page-content.home ul>li>a:focus,.keynav  #page-content.index ul>li>a:focus{
  background-color: #f7ff96;
  outline:none;
  border-color:#37394b;
  border-bottom:solid 0.4rem #37394b;
  text-decoration:underline;
}
.keynav .index ul>li>a:focus>strong , .keynav .home ul>li>a:focus>strong, .keynav .index ul>li>a:focus>b , .keynav .home ul>li>a:focus>b {
  text-decoration:underline;
  text-decoration-color: #007B67 !important;
}
.keynav #page-content #footer-nav a:focus{
  background-color:#fff;
  border-bottom: none;
}
a.external {
  text-decoration: underline;
  font-weight: normal;
}
a.external:hover {
  text-decoration: none;
}

a[href="#tooltip"] {
  color: #37394c;
  background-color: #D0ECE4;
  text-decoration: none;
  outline: 0.1rem solid #D0ECE4;
  font-weight: normal;
  position:relative;
  cursor:help;
}
sup,sub{
  font-size:0.6em;
  line-height:0;
}
#page-content .download a[href$=".pdf"]{
  display: inline-block;
  background-color: #11846A;
  padding:0.5rem 1.2rem 0.5rem 1.2rem;
  margin-top:2rem;
  border-radius: 0.5rem;
  color: #fff;
  font-weight: normal !important;
  text-decoration: none;

}
b a[href="#tooltip"], strong a[href="#tooltip"], h2 a[href="#tooltip"], h3 a[href="#tooltip"] , h4 a[href="#tooltip"] {
  font-weight: 700;
}
.datestamp{
  color:#5f616f;
  font-weight:400;
  font-size:1rem;
  margin-left:1rem;
  margin-right:1rem;
}
.tooltip-dialog {
  position:absolute;
  width:18rem;
  font-weight: normal !important;
  padding:1rem 1rem 1rem 1rem;
  background-color: #FAFAFA;
  border-radius:0.625rem;
  border:0.0625rem solid #BEC0CE;
  margin-top:0.5rem;
  -webkit-box-shadow: 0 0.1rem 0.3rem 0.25rem rgba(0,0,0,0.25); 
  box-shadow: 0.2rem 0.2rem 0.4rem 0.1rem rgba(0,0,0,0.25);
  z-index: 999;
}
.tooltip-dialog.left{
  right:-27.5rem;
  width:24rem;
}
.tooltip-dialog.right{
  left:-21.5rem;
  width:18rem;
}
.tooltip-dialog .tip-tail{
  position:absolute;
  top:50%;
  width: 0; 
  height: 0; 
  margin-top:-1rem;
}
.tooltip-dialog.left .tip-tail{
  left:-1rem;
  border-top: 1rem solid transparent;
  border-bottom: 1rem solid transparent; 
  border-right:1rem solid #FAFAFA; 
}
.tooltip-dialog.right .tip-tail{
  right:-1rem;
  border-top: 1rem solid transparent;
  border-bottom: 1rem solid transparent; 
  border-left:1rem solid #FAFAFA; 

}
.tooltip-dialog .tip-tail-outline{
  position:absolute;
  top:50%;
  width: 0; 
  height: 0; 
  margin-top:-1.0625rem;
}
.tooltip-dialog .tip-tail-shadow{
  position:absolute;
  top:50%;
  width: 0; 
  height: 0; 
  margin-top:-1rem;
  filter:blur(0.25rem);
  opacity:0.5;
}
.tooltip-dialog.left .tip-tail-shadow{
  left:-0.8rem;
  border-top: 1rem solid transparent;
  border-bottom: 1rem solid transparent; 
  border-right:1rem solid #000;
  filter:blur(0.25rem);
}
.tooltip-dialog.right .tip-tail-shadow{
  right:-1rem;
  border-top: 1rem solid transparent;
  border-bottom: 1rem solid transparent; 
  border-left:1rem solid #000;
  filter:blur(0.25rem);
}
.tooltip-dialog.left .tip-tail-outline{
  left:-1.0625rem;
  border-top: 1.0625rem solid transparent;
  border-bottom:1.0625rem solid transparent; 
  border-right:1.0625rem solid #BEC0CE;
}
.tooltip-dialog.right .tip-tail-outline{
  right:-1.0625rem;
  border-top: 1.0625rem solid transparent;
  border-bottom: 1.0625rem solid transparent; 
  border-left:1.0625rem solid #BEC0CE;
}
.tooltip-dialog .tip-tail-edge{
  position:absolute;
  top:50%;
  width: 1rem; 
  height: 4rem; 
  margin-top:-2rem;
  background-color: #FAFAFA;
}
.tooltip-dialog.left .tip-tail-edge{
  left:0rem;
}
.tooltip-dialog.right .tip-tail-edge{
  right:0rem;
}
#tooltip-overlay{
  position:fixed;
  top:0;
  right:0;
  left:0;
  bottom:0;
  display: none;
}
#tooltip-overlay>div{
  width:100%;
  height:100%;
  opacity:0.5;
  background-color: #000;
}
#tooltip-drawer{
  position:fixed;
  bottom:-0.1%;
  left:0;
  right:0;
  padding:1.25rem 1rem 1rem 1rem;
  overflow-y: scroll;
  background-color:#FAFAFA;
  display:none;
}
#tooltip-close-outer{
  position:fixed;
  right:0rem;
  width:100%;
  margin-top:-1.25rem;
  text-align: right;
  overflow:hidden;
  padding-bottom:1rem;
  
}
#tooltip-close{
  top:0rem;
  right:0rem;
  border:none;
  display:block;
  width:100%;
  color:#007B67;
  text-decoration: underline;
  font-size: 1.125rem;
  padding: 0.75rem 1rem 0.25rem 1rem;
  background-color:#FAFAFA;
  text-align: right;
  -webkit-box-shadow: 0 0 0.5rem 0.3rem #fafafa; 
  box-shadow: 0 0 0.5rem 0.3rem #fafafa;
}
#page-content img, 
#tooltip-drawer p, 
#tooltip-drawer h2,
#page-content,
#header-breadcrumb>ul,
#footer>ul,
#footer-nav,
#header-search>form,
#header-locale>div,
#glossary-page,
#pagination-nav{
  max-width: 60rem;
}
#tooltip-drawer p, #tooltip-drawer h2{
  margin-left:auto;
  margin-right:auto;
}
#tooltip-drawer p{
  font-size: 1.125rem;
  line-height: 2rem;
}
#tooltip-overlay.fadein, #tooltip-overlay.fadeout, #tooltip-drawer.slideup, #tooltip-drawer.slidedown{
  display: unset;
}
#page-content {
  min-height: calc(100vh - 35.25rem);
}
#page-content blockquote{
  padding:1rem;
  margin:0;
  border-left:0.375rem solid #9697A1;
	background-color:#F5F5F7;
}
.blockquote-header{
  padding:1rem 1rem 1rem 1rem;
  margin-bottom: -0.5rem;
  border-left:0.375rem solid #9697A1;
	background-color:#F5F5F7;
  display:block;
}
.blockquote-header+p{
  margin-bottom:-1rem;
}
#page-content hr+ul,#page-content hr+ol,.blockquote-header+ul,.blockquote-header+ol,.blockquote-header+p,.blockquote-header+p+ul,.blockquote-header+p+ol{
  padding:1rem 1rem 1rem 1rem;
  margin-top:-1rem;
  border-left:0.375rem solid #9697A1;
	background-color:#F5F5F7;
  display:block;
}
#page-content hr+ul>li,#page-content hr+ol>li,.blockquote-header+ul>li,.blockquote-header+ol>li,.blockquote-header+p+ol>li,.blockquote-header+p+ul>li{
  margin-left:1rem;
}
.easy-read-content{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
@media only screen and (min-width: 50rem) {
  .easy-read-content>p,
  .easy-read-content:not(.pointers-for-practice)>.block-paragraph,
  .easy-read-content:not(.pointers-for-practice) h1, 
  .easy-read-content details,
  .easy-read-content #footer-nav,
  .easy-read-content #pagination-nav,
  .easy-read-content.search>ul{
    width: 66.666% ;
  }
}
.easy-read-content ul,.easy-read-content ol{
  padding-left:1.3rem;
}
.content .easy-read-content li,
.pointers-for-practice .easy-read-content li,
.practice-guide .easy-read-content li,
.info .easy-read-content li{
  margin-right:1.3rem;
  margin-bottom:1.5rem;
}
.content .easy-read-content ul>li, .content .easy-read-content ol>li,
.pointers-for-practice .easy-read-content ul>li, .pointers-for-practice .easy-read-content ol>li,
.practice-guide .easy-read-content ul>li, .practice-guide .easy-read-content ol>li{
  margin-top:1rem;
}
#page-content.pointers-for-practice,
#page-content.search,
#page-content.home,
#page-content.info {
  min-height: calc(100vh - 31.15rem);
}
#header-search {
  background-color: #37394B;
  height: 6.25rem;
  width:100%;
}
/*
.img-centered{
  text-align: center;
}
#page-content .img-centered img{
  max-width:100%;

}*/
#page-content img{
  max-width:100%;
  display: block;
  margin: 0 auto;
  zoom:0.5;
}
#page-content img.richtext-image.left{
  margin: 0 auto 0 0;
}
 #page-content img.richtext-image.right{
  margin: 0 0 0 auto;
}
#header-search>form>a{
  background-image: url('/static/images/wsp_logo.svg');
  background-repeat: no-repeat;
  background-position: left center;
  height: 5.25rem;
  width: 26.8rem ;
  margin:0.5rem;
  background-size: 20.1rem 4.5rem;
  display:inline-block;
}
.keynav #header-search>form>a:focus{
  outline:0.3rem solid #f7ff96;
}
#header-search>form>div{
  position:absolute;
  right:0;
  top:0;
  left:15rem;
  height:6.25rem;
  text-align:right;
}
#header-search>form #search-text,
#header-search>form #search-btn {
  margin: 0;
  position:absolute;
  top:2rem;
  font-size: 1rem;
}
#header-search>form #search-text {
  border: none;
  font-family: canada-type-gibson, sans-serif;
  background-color: #fff;
  border:solid 0.0625rem transparent;
  width: 12rem;
  height: 1.12rem;
  padding: 0.5rem;
  border-radius:0;
  border-top-left-radius: 0.35rem;
  border-bottom-left-radius: 0.35rem;
  right:2.25rem;
}
#header-search>form #search-btn {
  border: none;
  background-color: #007B67;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0.5rem;
  border-top-left-radius: 0rem;
  border-bottom-left-radius: 0rem;
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  right:0rem;
}
#header-locale {
  background-color: #007B67;
  padding: 0rem;
}
#header-locale a,
#header-locale span {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  padding: 0.35rem 1rem 0.35rem 1rem;
  margin: 0.5rem 0 0.5rem 0;
}
.keynav #header-locale a:focus{
  border: #f7ff96 solid 0.3rem;
  border-radius: 0.5rem;
  text-decoration: none;
  padding: 0.05rem 0.7rem 0.05rem 0.7rem;
}
#header-locale span {
  background-color: #37394B;
  border-radius: 0.5rem;
  cursor: pointer;
}
#header-locale>div {
  text-align: right;
}
#header-breadcrumb {
  background-color: #EEEEF0;
  padding: 0.575rem 1rem 0.575rem 1rem;
}
#header-breadcrumb li {
  display: inline;
  line-height: 2rem;
  margin: 0;
}
#header-breadcrumb li:first-of-type {
  margin-left: 0;
}
#header-breadcrumb li>a {
  text-decoration: underline;
  font-weight: normal;
  color:#37394B;
}
#header-breadcrumb li>a:hover,
#header-breadcrumb li>a:focus {
  text-decoration: none;
  color: #11846A;
}
#header-breadcrumb li>a::after {
  content: '';
  background-image: url('/static/images/dark_arrow.svg');
  background-repeat: no-repeat;
  background-position: center center;
  width: 0.8rem;
  height: 0.8rem;
  display: inline-block;
  margin: 0 0.2rem -0.2rem 0.6rem;
  opacity: 0.75;
}
#header-breadcrumb li:last-of-type>a::after {
  display: none;
}
#page-content,
#header-breadcrumb>ul,
#footer>div,

#header-search>form,
#header-locale>div,
#glossary-page,
#pagination-nav{
  position:relative;
  margin: 0 auto 0 auto;
  padding:0;
}
#page-content{
  padding-left:1rem;
  padding-right:1rem;
}
.sub-index ul {
  margin: 0;
  padding: 0;
}
.sub-index ul>li {
  display: block;
  background-color: #FFF;
  border-top: 1px solid #EAEAEC;
  font-size: 1.25rem;
  line-height: 1.75rem;
  position: relative;
}
.sub-index ul>li:last-of-type {
  border-bottom: 1px solid #EAEAEC;
}
.sub-index li>a {
  color: #37394B;
  font-weight: normal;
  display: block;
  padding: 1rem 6rem 1rem 1rem;
}
.sub-index li>a:hover {
  color: #37394B;
  font-weight: normal;
  text-decoration: underline;
  color: #007B67;
}
.sub-index ul>li>a>strong, .sub-index ul>li>a>b  {
  display: block;
}
.home ul,
.index ul {
  margin: 2rem 0 0 0;
  padding: 0;
}
.home ul>li,
.index ul>li {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: calc(50% - 0.1rem);
  border: none;
  vertical-align:top;
}
.home ul>li>a,
.index ul>li>a {
  position: relative;
  display: block;
  color: #37394B;
  font-size: 1.375rem;
  line-height: 1.875rem;
  height: 4rem;
  background-color: #FFF;
  border: 2px solid #D3D3D7;
  border-bottom: 0.4rem solid #A6A7AF;
  padding: 1.5rem 3rem 1.5rem 1rem;
  margin: 1rem;
  overflow: hidden;
}

.index ul>li>a {
  height: 7.5rem;
  font-size: 1.375rem;
  font-weight: normal;
  padding: 1.5rem 1rem 1.5rem 1rem;
}

.index ul>li>a>strong, .index ul>li>a>b {
  display: block;
  color: #007B67;
  font-size: 1.125rem;
  margin-bottom: 0.5rem;
  font-weight: 700;
}
.home ul>li>a>strong, .home ul>li>a>b {
  font-weight: 700;
}

.home ul>li>a::after,
.index ul>li>a::after,
.sub-index ul>li>a::after {
  content: "";
  display: block;
  position: absolute;
  padding: 1rem;
  top: 1.5rem;
  right: 1rem;
  background-image: url('/static/images/dark_arrow.svg');
  background-repeat: no-repeat;
  background-size: 0.7rem;
  background-position: center center;
  border-radius: 100%;
}
.home ul>li>a:hover::after,
.index ul>li>a:hover::after,
.sub-index ul>li>a:hover::after {
  background-color: #EAEAEC;
}
.keynav .home ul>li>a:hover::after,
.keynav .index ul>li>a:hover::after,
.keynav .sub-index ul>li>a:hover::after {
  background-color: transparent;
}
.sub-index ul>li>a::after {
  top: 1rem;
  right: 1rem;
}

.home ul>li>a:hover,
.home ul>li>a:focus,
.index ul>li>a:hover,
.index ul>li>a:focus {
  text-decoration: underline;
  border: 2px solid #A6A7AF;
  border-bottom: 0.4rem solid #007B67;
}
.index ul>li>a:hover>strong , .home ul>li>a:hover>strong , .index ul>li>a:hover>b , .home ul>li>a:hover>b {
  text-decoration: underline;
  text-decoration-color: #007B67 !important;
}


.home ul>li>a:hover::after,
.home ul>li>a:focus::after,
.index ul>li>a:hover::after,
.index ul>li>a:focus::after {
  text-decoration: underline;
  
}

.home ul>li:nth-child(even)>a,
.index ul>li:nth-child(even)>a {
  margin-right: 0;
}

.home ul>li:nth-child(odd)>a,
.index ul>li:nth-child(odd)>a {
  margin-left: 0;
}

#footer {
  background-color: #EAEAEC;
  width: 100%;
  margin-top: 4rem;
  padding: 2rem 0 3rem 0;
  border-bottom: #37394B 0.75rem solid;
}

#footer>ul {
  line-height: 2rem;
  background-image: url('/static/images/wg_logo.svg');
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 14.2rem;
  list-style-type: none;
  margin-left:auto;
  margin-right:auto;
  padding:0;
}

#footer>ul>li>a {
  display: inline-block;
  font-weight: normal;
  color: #37394B;
  text-decoration: underline;
  line-height: 1.4rem;
  
}

#footer>ul>li>a:hover,
#footer>ul>li>a:focus {
  text-decoration: none;
}

#footer-nav {
  white-space: nowrap;
  vertical-align: top;
  margin-top:4rem;
}

#footer-nav>a {
  display: inline-block;
  width: 40%;
  white-space: normal;
  font-size: 1.125rem;
  color: #37394B;
  font-weight: normal;
  text-decoration: none;
}
.footer-nav-cell {
  display: inline-block;
  width: 40%;
  min-height: 2rem;
}
#footer-nav>a>div {
  font-size: 1.375rem;
}
#footer-nav>a>div>div {
  width: 1.8rem;
  margin: 0 0rem -0.4rem 0.6rem;
  height: 1.8rem;
  border-radius: 50%;
  display: inline-block;
  background-color: #EAEAEC;
  background-image: url('/static/images/dark_arrow.svg');
  background-repeat: no-repeat;
  background-size: 50% 50%;
  background-position: 0.5rem 0.45rem;
}
#footer-nav>.footer-nav-cell{
  display: inline-block;
  vertical-align: top;
}
#footer-nav>.footer-nav-cell:first-child {
  margin-right: 10%;
}

#footer-nav>.footer-nav-cell:last-child {
  margin-left: 10%;
  text-align: right;
}

#footer-nav>.footer-nav-cell:first-child>div>div {
  transform: scaleX(-1);
  margin: 0 0.6rem -0.4rem 0rem;
}

#footer-nav>a:hover,
#footer-nav>a:focus,
#footer-nav>a:hover span,
#footer-nav>a:focus span{
  color: #007B67;
  text-decoration: none;
}
.keynav #footer-nav>a:focus{

  background-color: #f7ff96;
}
#footer-nav>a span{
  color: #37394B;
  text-decoration: underline;
}
#footer-nav>a:hover>div>div,
#footer-nav>a:focus>div>div {
  background-color: #007B67;
  background-image: url('/static/images/white_arrow.svg');
}

details {
  box-sizing: border-box;
}
summary::-webkit-details-marker{
  display:none !important;
}
summary::marker {
  content: "";
}
details>summary {
  cursor: pointer;
  font-size: 1.25rem;
  display: block;
  border-top: 0.0625rem solid #D9DDE0;
  padding: 0.94rem 6rem 0.94rem 0rem;
  text-decoration: none;
  background-image: url('/static/images/glossary_arrow_expand.svg');
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 3.75rem 3.75rem;
  line-height: 1.75rem;
  color: #007B67;
}

details[open]>summary {
  background-image: url('/static/images/glossary_arrow_contract.svg');
}
details>summary:hover{
  text-decoration: underline;
}
details>summary:focus{
  outline:none;
  text-decoration: underline;
}
.keynav details>summary:focus{
  background-color: #f7ff96;
  outline:none;
  color: #37394B;
}

details>div {
  padding: 1rem 6rem 1rem 0;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

details>div>p:first-of-type {
  padding-top: 0;
  margin-top: 0;
}

#pagination-nav {
  height: 4rem;
  margin: 0rem 0rem 2rem 0rem;
  position: relative;
}

#pagination-nav>a {
  display: block;
  position: absolute;
  padding: 1rem 0rem 1rem 0rem;
  color: #37394B;
  font-weight: normal;
}

#pagination-nav>a:hover,
#pagination-nav>a:focus {
  color: #007B67;
  text-decoration: none;
}

#pagination-nav>a>div {
  width: 1.8rem;

  height: 1.8rem;
  border-radius: 50%;
  display: inline-block;
  background-color: #EAEAEC;
  background-image: url('/static/images/dark_arrow.svg');
  background-repeat: no-repeat;
  background-size: 50% 50%;
  background-position: 0.5rem 0.45rem;
}

.paginate-next {
  right: 0;
}

.paginate-next>div {
  margin: 0 0rem -0.6rem 0.5rem;
}

.paginate-prev>div {
  transform: scaleX(-1);
  margin: 0 0.5rem -0.6rem 0rem;
}

#pagination-nav>a:hover>div,
#pagination-nav>a:focus>div {
  background-color: #007B67;
  background-image: url('/static/images/white_arrow.svg');
}

#page-content.search ul {
  margin: 0 0 0 1.5rem;
  padding: 0 0 0 0;
 
}
#page-content.search ul>li {
  list-style: none;
  position: relative;
  padding:0.3rem 0 0.3rem 0;
}
#page-content.search ul:not(.search-breadcrumb){
  margin:0;
}
#page-content.search ul:not(.search-breadcrumb)>li{
  border-top:2px solid #b9bac0;
  border-bottom:2px solid #b9bac0;
  padding:1.5rem 0 1.5rem 0;
  margin:0 0 -2px 0;
}
#page-content.search ul>li>a{
  font-weight: 400;
  margin:0.5rem 0 0.5rem 0;
}
#page-content.search ul>li p{
  margin:0;
}
.search-breadcrumb li{
  display:inline;
}
.search-breadcrumb li a{
  color:#37394B;
  font-weight: 400;
}
#page-content.search ul>li>ul{
  margin:0.75rem 0 0rem 0;
}
#page-content.search ul>li>ul>li{
  padding:0;
  font-size: 1rem;
}
#page-content.search ul>li>ul>li::before {
  content: '';
  display: inline-block;
  height: 0.8rem;
  width: 0.8rem;
  margin:0 0.3rem -0.1rem 0.2rem;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url('/static/images/dark_arrow.svg');
}
#page-content.search ul>li>ul>li:first-of-type::before {
  display: none;
}
.pp-link {
  color: #007B67;
  display: block;
  font-weight:700;
  text-decoration: none;
  position: relative;
  padding-left: 2rem;
}

.pp-link :hover,
.pp-link:focus {
  text-decoration: underline;
}


.pp-link::before {
  content: '';
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  background-repeat: no-repeat;
  position: absolute;
  top:0rem;
  left: 0rem;
  background-size: 100% 100%;
  background-image: url('/static/images/pointer_green.svg');
}

.pointers-for-practice h1 {
  background-color: #EEEEF0;
  margin: 0;
  padding: 1rem calc(33.33% - 3rem) 1rem 4rem;
  font-size: 2rem;
  line-height: 2.5rem;
  background-image: url('/static/images/pointer.svg');
  background-position: 0.9rem 1rem;
  background-repeat: no-repeat;
  background-size: 2.3rem 2.3rem;
}
.pointers-for-practice>#page-content>.block-paragraph {
  padding-right:calc(33.33% - 3rem);
}
.pointers-for-practice {
  background-color: #fff;
}
.pointers-for-practice>#page-content>div {
  padding: 1rem 4rem 1rem 4rem;
}
.practice-guide>#page-content{
  padding-top:3rem;
}
.practice-guide del:first-of-type,.practice-guide s:first-of-type, .awp-header{
  color:#FFF;
	display:block;
	padding:0.9rem 0.9rem 0.9rem 0.9rem;
	margin:0rem 0rem 0rem 0rem !important;
	background-color:#11846A;
	background-image:url('/static/images/practice_header.png') !important;
	background-repeat:no-repeat;
	text-indent:2.375rem;
	background-position:0.9rem 0rem;
	background-size:contain;
	text-decoration:none;
  position: absolute;
  font-size: 1.125rem;
  line-height: 2rem;
  font-weight: 400;
  top:0;
  left:0;
  right:0;
}
#header-locale .nav-back, #header-locale .nav-share{
  color: #FFF;
  font-weight: normal;
  line-height: 1.4rem;
  padding-left: 1.4rem;
  position:relative;
  float:left;
}
#header-locale .nav-share{
  padding-left:1.6rem;
}
.keynav #header-locale .nav-share:focus, .keynav #header-locale .nav-back:focus{
  padding: 0.35rem 1rem 0.35rem 1.6rem;
  margin-top:0.2rem;
  margin-left:-0.3rem; 
}
.keynav #header-locale .nav-back:focus{
  padding-left: 1.4rem;
  padding-right: 0.7rem;
}
.nav-back::before,.nav-share::before  {
  content: '';
  position: absolute;
  top: 0.5rem;
  left: 0;
  width: 1rem;
  height: 1rem;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.nav-back::before {
  background-image: url('/static/images/white_arrow.svg');
  transform: scaleX(-1);
}
.nav-share::before {
  background-image: url('/static/images/share_arrow.svg');
  width: 1.1rem;
  height: 1.1rem;
  top: 0.5rem;
}
@media only screen and (max-width: 62rem) {
  #page-content,
  #header-breadcrumb>ul,
  #footer>div,
  #header-search>form,
  #header-locale>div,
  #glossary-page{
    margin-left: 1rem;
    margin-right: 1rem;
  }
  #footer{
    padding-left: 1rem;
    padding-right: 1rem;
    width:calc(100% - 2rem);
  }
  #page-content{
    padding-left:0;
    padding-right:0;
  }
  #header-breadcrumb ul{
    margin:0;
  }
}
@media only screen and (max-width: 50rem) {

 .sub-index .block-paragraph, .awp-header{
    margin-left:-1rem !important;
    margin-right:-1rem !important;
  }
  .sub-index li>a {
    padding-right: 4rem;
  }
  #header-search>form #search-text,
  #header-search>form #search-btn {
    top:0;
  }
  #header-search{
    height:10rem;
  }
  #header-search>form>div{
    top:6.5rem;
    right:0;
    left:unset;
    height:2.25rem;
    background-color: #fff;
    border-radius: 0.5rem;
    text-align: right;
  }
  #header-search>form>a{
    width:calc(100% - 1rem);
    background-position: left center;
    background-size: 16.08rem 3.6rem;
    margin:0;
    height:6.25rem;
  }

  #header-search>form #search-text {
    width: calc(100vw - 5.4rem);
    max-width:20rem;
    position:absolute;
    top:0;
    right:2.25rem;
  }
  #search-btn{
    position:absolute;
    top:0;
    right:0;
    z-index: 99;
  }
  #page-content.search ul>li>ul>li::after{
    
  }
  .home ul>li,
  .index ul>li {
    display: block; 
    width: auto;
    
  }
  .home ul>li>a,
  .index ul>li>a {
    margin:1rem 0 1rem 0;
    height:auto;
  }
  .tooltip-overlay{ 
    top:10.8rem;
  }
  #footer {
    background-position: bottom 2rem center;
    text-align: center;
    padding: 1rem 0 8rem 0;
    background-size: 14.2rem;
    background-repeat: no-repeat;
    background-image: url('/static/images/wg_logo.svg');
    width:100%;
  }
  #footer>ul{
    display:block;
    text-align: center;
    background-image: none;
  }
  #footer-nav>a {
    width: 50%;
  }
  #footer-nav>.footer-nav-cell:last-child{
    margin-left:0;
  }
  #footer-nav>.footer-nav-cell:first-child{
    margin-right:0;
  }
  .practice-guide del:first-of-type,  .practice-guide s:first-of-type,.awp-header{
    margin-left:-1rem;
    margin-right:-1rem;
  }
  .pointers-for-practice h1 {
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left:-1rem;
    margin-right:-1rem;
    text-indent: 2.8rem;
    background-position: 1.2rem 1rem;
  }
  .pointers-for-practice>#page-content>.block-paragraph {
    padding:0;
    margin:0;
  }
  .pointers-for-practice>#page-content>div {
    padding: 1rem 1rem 1rem 1rem;
  }
  details>div {
    padding: 1rem 1rem 1rem 0;
  }
  .pointers-for-practice #header-search a,   .pointers-for-practice #header-search form{
    display:none;
  }
  .pointers-for-practice #header-search{
    height:1rem;
  }
}