/* Skip to main content on the page. */

a.skip {
    left:-999px !important;
    position:absolute !important;
    top:auto !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
    z-index:-999 !important;
    color: #ffffff !important;
    background-color:#000000 !important;
}

a.skip:focus, a.skip:active {
    color: #ffffff !important;
    background-color:#000000 !important;
    left: auto !important;
    top: auto !important;
    width: 30% !important;
    height: auto !important;
    overflow:auto !important;
    margin: 10px 35% !important;
    padding: 5px !important;
    border-radius: 15px !important;
    border: 4px solid yellow !important;
    text-align:center !important;
    font-size: 1.2em !important;
    z-index: 999 !important;
}

/* Skip to page navigation on the page. */

a.pagenav {
    left:-999px !important;
    position:absolute !important;
    top:auto !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
    z-index:-999 !important;
    color: #ffffff !important;
    background-color:#000000 !important;
}

a.pagenav:focus, a.pagenav:active {
    color: #ffffff !important;
    background-color:#000000 !important;
    left: auto !important;
    top: auto !important;
    width: 30% !important;
    height: auto !important;
    overflow:auto !important;
    margin: 10px 35% !important;
    padding: 5px !important;
    border-radius: 15px !important;
    border: 4px solid yellow !important;
    text-align:center !important;
    font-size: 1.2em !important;
    z-index: 999 !important;
}

/* Skip to site navigation on the page. */

a.navi {
    left:-999px !important;
    position:absolute !important;
    top:auto !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
    z-index:-999 !important;
    color: #ffffff !important;
    background-color:#000000 !important;
}

a.navi:focus, a.navi:active {
    color: #ffffff !important;
    background-color:#000000 !important;
    left: auto !important;
    top: auto !important;
    width: 30% !important;
    height: auto !important;
    overflow:auto !important;
    margin: 10px 35% !important;
    padding: 5px !important;
    border-radius: 15px !important;
    border: 4px solid yellow !important;
    text-align:center !important;
    font-size: 1.2em !important;
    z-index: 999 !important;
}

/* Hide content only intended for screen readers. */

.visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}