/*---------------------------*/

/* Fonts */

/* 6/27/23 */

/*---------------------------*/

@font-face {
  font-family: lato;
  src: url('../fonts/lato-regular.eot');
  src: url('../fonts/lato-regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/lato-regular.woff2') format('woff2'),
    url('../fonts/lato-regular.woff') format('woff'),
    url('../fonts/lato-regular.ttf') format('truetype'),
    url('../fonts/lato-regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: lato-light;
  src: url('../fonts/lato-light.eot');
  src: url('../fonts/lato-light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/lato-light.woff2') format('woff2'),
    url('../fonts/lato-light-webfont.woff') format('woff'),
    url('../fonts/lato-light.ttf') format('truetype'), url('../fonts/lato-light.svg') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: source-sans;
  src: url('../fonts/sourcesanspro-regular.eot');
  src: url('../fonts/sourcesanspro-regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/sourcesanspro-regular.woff2') format('woff2'),
    url('../fonts/sourcesanspro-regular.woff') format('woff'),
    url('../fonts/sourcesanspro-regular.ttf') format('truetype'),
    url('../fonts/sourcesanspro-regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Virginia.gov Header */

#va_aagency_bar .sui-search-box__text-input {
  width: auto !important;
}

#va_aagency_bar strong {
  font-weight: 600 !important;
}

body .va-agency-bar-container img {
  border: none !important;
}

#va_aagency_bar .sui-search-box__wrapper input[type='text'] {
  height: auto;
}

/*---------------------------*/

/* Global Styles */

/*---------------------------*/

html {
  color: #464545;
  font-family: source-sans, arial, sans-serif;
  font-size: 62.5%;
}

body {
  min-width: 124rem;
}

h2,
h3,
h4 {
  color: #464545;
  line-height: 1;
}

h1 {
  color: #fff;
  font-family: lato-light, arial, sans-serif;
  font-size: 7em;
  line-height: 1;
}

h2 {
  font-family: lato-light, arial, sans-serif;
  font-size: 2.2em;
  font-weight: 600;
  margin-bottom: 0.90909em;
  /*20px*/
}

h3 {
  font-family: source-sans, arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 0;
}

h4 {
  font-family: lato, arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  font-style: italic;
  line-height: 1.5;
}

#mobile-page-heading {
  display: none;
}

p {
  color: #464545;
  font-family: source-sans, arial, sans-serif;
  font-size: 1.8rem;
  letter-spacing: 0.1px;
  line-height: 1.5;
  margin-bottom: 3rem;
}

blockquote {
  border-bottom: 1px dotted #a8a8a9;
  border-top: 1px dotted #a8a8a9;
  color: #464545;
  font-family: source-sans, arial, sans-serif;
  font-size: 1.8em;
  font-weight: 600;
  letter-spacing: 0.1px;
  line-height: 1.5em;
  margin: 0.5555555555555556em 0 2.2222222222222223em 0;
  /*10px 0 40px 0*/
  padding: 1.1111111111111112em 0;
  /*20px*/
  width: 20em;
  /*360px*/
}

cite {
  color: #464545;
  display: block;
  font-family: source-sans, arial, sans-serif;
  font-style: italic;
  letter-spacing: 0.1px;
  line-height: 1.5em;
  /*27px*/
  margin-top: 2rem;
  /*20px*/
}

p + p {
  margin-top: -1rem;
}

p.body-bold + p {
  margin-top: 0;
}

p.info-follows {
  margin-bottom: 1rem;
}

p.list-follows {
  margin-bottom: 0;
}

h2 + p {
  margin-top: -0.125em;
}

dd p {
  margin: 0;
}

img {
  border: 1px solid #c2c2c2;
}

dt {
  color: #464545;
  font-family: source-sans, arial, sans-serif;
  font-size: 1.8em;
  letter-spacing: 0.1px;
  line-height: 1.4em;
}

hr.dotted {
  border-bottom: 1px dotted #a8a8a9;
  border-top: none;
  margin-bottom: 4rem;
}

/* list styles */

ul.no-bullet {
  margin-top: 2.5rem;
}

ul.no-bullet li {
  margin-bottom: 2rem;
}

ul.no-bullet li:last-child {
  margin-bottom: 0;
}

ul.no-bullet li p:last-child {
  margin-bottom: 0;
}

ul.unstyled-list {
  list-style: disc;
  margin-bottom: 4rem;
  margin-top: 2.5rem;
}

ol.unstyled-list {
  list-style-type: decimal;
  margin-bottom: 4rem;
  margin-top: 2.5rem;
}

ol.unstyled-list:last-child {
  margin-bottom: 0;
}

ol.unstyled-list ol.unstyled-list li {
  list-style-type: lower-alpha;
  margin-left: 2rem;
}

.unstyled-list li,
li.ui-menu-item {
  color: #464545;
  font-family: source-sans, arial, sans-serif;
  font-size: 1.8rem;
  letter-spacing: 0.1px;
  line-height: 1.5;
  margin-left: 1rem;
  vertical-align: middle;
}

.unstyled-list li {
  margin-bottom: 3rem;
  margin-left: 2rem;
}

.unstyled-list li:nth-last-of-type(1) {
  margin-bottom: 0;
}

.unstyled-list li a {
  font-size: 1em;
}

.unstyled-list li:nth-last-of-type(1) p {
  margin-bottom: 0;
}

.unstyled-list > li > .unstyled-list {
  margin-bottom: 3rem;
  margin-top: 3rem;
}

.unstyled-list.single-line > li > .unstyled-list.single-line {
  margin-bottom: 2rem;
  margin-top: 2rem;
}

.unstyled-list li .unstyled-list li {
  margin-left: 4rem;
  font-size: 1em;
}

ul.unstyled-list.single-line {
  margin-top: 2.5rem;
}

.unstyled-list.single-line li {
  margin-bottom: 2rem;
}

.unstyled-list.single-line li:last-child {
  margin-bottom: 0;
}

.callout-list {
  border: 1px solid #a8a8a9;
  display: inline-block;
  padding: 2rem 2rem 4rem;
  text-align: center;
  vertical-align: top;
  width: 27.8rem;
}

.callout-list li {
  font-family: source-sans, arial, sans-serif;
  font-size: 1.8em;
  line-height: 1.5em;
  margin-bottom: 4rem;
}

.callout-list h3 {
  margin-bottom: 2rem;
}

.callout-list img.stamp {
  border: none;
  height: 8rem;
  margin-bottom: 4rem;
  width: 8rem;
}

.callout-list hr {
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-top: 1px dotted #a8a8a9;
  margin-bottom: 0;
  margin-top: 4rem;
  width: 12rem;
}

.callout-list:nth-of-type(even) {
  margin-left: -4px;
}

.callout-list .disclaimer {
  padding: 3rem 0 2rem 0;
  margin: 8rem 2rem 0 2rem;
  border-bottom: 3px solid #ff5c00;
  border-top: 3px solid #ff5c00;
}

img.li-icon,
ul.icon-list .li-info,
ul.icon-list img.li-icon,
ul.icon-bullet-list .li-info,
ul.icon-bullet-list img.li-icon {
  display: inline-block;
}

ul.icon-list,
ul.icon-bullet-list {
  margin-bottom: 4rem;
  margin-top: 4rem;
}

ul.icon-list .li-info,
ul.icon-list img.li-icon {
  vertical-align: top;
}

ul.icon-list li,
ul.icon-bullet-list li {
  margin-bottom: 4rem;
}

ul.icon-list li:nth-last-of-type(1),
ul.icon-bullet-list li:nth-last-of-type(1) {
  margin-bottom: 0;
}

ul.icon-list li p:nth-last-of-type(1),
ul.icon-bullet-list li p:nth-last-of-type(1) {
  margin-bottom: 0;
}

ul.icon-list .li-info,
ul.icon-bullet-list .li-info {
  margin-left: -3px;
  width: 70rem;
}

.alternate-background ul.icon-list .li-info,
.alternate-background ul.icon-bullet-list .li-info {
  width: 64rem;
}

ul.icon-list img.li-icon,
ul.icon-bullet-list img.li-icon {
  border: none;
  height: 4rem;
  margin-right: 2rem;
  width: 4rem;
}

ul.icon-list img.li-icon {
  margin-top: -0.65rem;
}

ul.icon-bullet-list img.li-icon,
ul.icon-bullet-list .li-info {
  vertical-align: middle;
}

ul.icon-list ol,
ul.icon-bullet-list ol {
  margin-left: 1.8em;
  list-style: decimal;
}

ul.icon-list ul.unstyled-list,
ul.icon-bullet-list ul.unstyled-list {
  margin-bottom: 0;
}

ul.icon-list ul.unstyled-list li {
  margin-bottom: 3rem;
}

ul.icon-list ul.unstyled-list li:last-child {
  margin-bottom: 0;
}

ul.icon-list.icon-numbered > li {
  margin-bottom: 4rem;
}

ul.icon-list.icon-numbered > li:last-child {
  margin-bottom: 0;
}

ul.icon-list.icon-numbered ul.unstyled-list li ul.unstyled-list {
  margin-top: 3rem;
}

ul.icon-list.icon-numbered ul.unstyled-list li ul.unstyled-list li {
  margin-left: 2rem;
}

.col-2-list li {
  display: inline-block;
  text-align: center;
  margin-bottom: 4rem;
}

.col-2-list li:nth-last-of-type(1),
.col-2-list li:nth-last-of-type(2) {
  margin-bottom: 0;
}

.col-2-list li .li-icon {
  border: none;
  height: 6rem;
  margin-bottom: 1rem;
  width: 6rem;
}

.col-2-list li p:last-child {
  margin-bottom: 0;
}

/* Nested unorder list*/
ul.circle-list {
    list-style: circle;
    margin-bottom: 4rem;
    margin-top: 2.5rem;
}
.unstyled-list .circle-list li {
    margin-bottom: 0rem;
}
/* Link Styles */

a {
  color: #075197;
  font-family: source-sans, arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.5;
  overflow-wrap: break-word;
  word-wrap: break-word;
  text-decoration: underline;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

a:hover,
a:visited:hover {
  color: #98002e;
  text-decoration: none;
}

a:visited {
  color: #003768;
}

p > a {
  font-size: 1em;
}

.unstyled-link {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}

.unstyled-link:hover,
.unstyled-link:visited:hover {
  color: inherit;
  text-decoration: underline;
}

.unstyled-link:visited {
  color: inherit;
}

.form-error,
.field-validation-error {
  clear: both;
  display: block;
}

.form-error p,
.field-validation-error {
  color: #98002e;
  font-size: 1.6rem;
  line-height: 1;
  margin: 0.4rem 0 0 0;
}

.image-link {
  background-color: black;
}

.image-link img {
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
}

.image-link:hover img {
  opacity: 0.88;
}

.image-link:hover figcaption.callout {
  background-color: rgba(233, 102, 29, 0.88);
}

figure.image-link {
  line-height: 0;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.image-link a {
  font-size: 1em;
  text-decoration: none;
}

a.read-more {
  display: inline-block;
}

.hyperlink-heading a {
  color: inherit;
  font-family: inherit;
  font-size: 1em;
  font-weight: inherit;
  line-height: 1.2em;
  text-decoration: none;
}

.hyperlink-heading a:hover {
  color: inherit;
  text-decoration: underline;
}

a.icon-link {
  color: inherit;
  text-decoration: none;
}

a.icon-link:hover,
a.icon-link:visited:hover {
  color: inherit;
  text-decoration: underline;
}

a.icon-link:hover img {
  opacity: 0.7;
}

p > a[target='_blank'],
li > a[target='_blank'],
a.read-more[target='_blank'] {
  background-image: url(/images/global/icons/external-icon-blue.svg);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 1.2rem;
  margin-right: 0.2rem;
  padding-right: 2rem;
}

p > a[target='_blank']:hover,
li > a[target='_blank']:hover,
a.read-more[target='_blank']:hover {
  background-image: url(/images/global/icons/external-icon-red.svg);
}

.dark-background p > a[target='_blank'],
.dark-background li > a[target='_blank'],
.dark-background li > a[target='_blank']:hover,
.dark-background p > a[target='_blank']:hover {
  background-image: url(/images/global/icons/external-icon-white.svg);
}

#site-skip-to:focus {
  background-color: #cfe9f7;
  clip: initial;
  color: #003768;
  display: block;
  height: initial;
  left: 0;
  padding: 2rem;
  position: fixed;
  text-decoration: underline;
  top: 0;
  width: initial;
  z-index: 2;
}

/* Form Styles */

label,
button {
  display: block;
}

button {
  line-height: 1;
}

label {
  color: #464545;
  font-size: 1.6em;
  line-height: 1;
  margin-bottom: 2rem;
}

input[type='text'],
input[type='email'],
input[type='tel'],
input[type='number'],
input[type='date'],
input[type='datetime-local'],
input[type='search'] {
    border: 1px solid #a8a8a9;
    border-radius: 2px;
    color: #737373;
    font-family: source-sans, arial, sans-serif;
    font-size: 1.8em;
    height: 3.6rem;
    /*36px*/
    margin-bottom: 2rem;
    /*20px*/
    padding-left: 1rem;
    padding-right: 1rem;
    width: calc(100% - 22px);
}

input.input-err,
select.input-err,
textarea.input-err,
input.input-validation-error:not(.placeholder),
select.input-validation-error:not(.placeholder),
textarea.input-validation-error:not(.placeholder) {
  border-color: #98002e;
  /*box-shadow: inset 0 1px 1px rgba(152,0,46,.075);*/
  box-shadow: inset 0 1px 1px rgba(152, 0, 46, 0.075), 0 0 8px rgba(152, 0, 46, 0.6);
  outline: 0;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

label input[type='text'],
label input[type='email'],
label input[type='tel'],
label input[type='number'],
label input[type='date'],
label input[type='datetime-local'],
label input[type='search'],
label select {
    background-color: #fff;
    font-size: 1.8rem;
    margin-bottom: 0;
    padding-bottom: 1px;
    padding-top: 1px;
}

label span.label {
  display: block;
  margin-bottom: 1rem;
}

label.wrapping-label {
  margin-bottom: 2rem;
}

label.checkbox {
  cursor: pointer;
  padding-left: 4rem;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

label.checkbox input {
  cursor: pointer;
  opacity: 0;
  position: absolute;
  z-index: -1;
}

label.checkbox .box-checkmark {
  background-color: #fff;
  border: 1px solid #a8a8a9;
  height: 23px;
  left: 0;
  position: absolute;
  top: 0;
  width: 23px;
}

label.checkbox input:checked ~ .box-checkmark {
  background-image: url(../images/family-and-friends/visitation-form/check.svg);
  background-repeat: no-repeat;
  background-position: center center;
}

input:focus,
select:focus,
textarea:focus {
  outline: none;
  border: 1px solid #3a7ebc;
  box-shadow: 0 0 2px #3a7ebc;
}

select {
  appearance: none;
  -moz-appearance: none;
  /* Firefox hide default dropdown menu arrow*/
  -webkit-appearance: none;
  /* Safari and Chrome hide default dropdown menu arrow*/
  background-image: url(../images/global/icons/drop-arrows-down.svg);
  background-position: calc(100% - 10px) center;
  background-repeat: no-repeat;
  background-size: 10px;
  border: 1px solid #a8a8a9;
  border-radius: 2px;
  color: #737373;
  font-family: source-sans, arial, sans-serif;
  font-size: 1.7em;
  height: 4rem;
  margin-bottom: 1.17647em;
  /*20px*/
  padding-bottom: 1px;
  padding-left: 0.5882352941176471em;
  padding-right: 0.5882352941176471em;
  padding-top: 1px;
  width: 100%;
}

select::-ms-expand {
  display: none;
  /*Hide default dropdown arrow for i.e. 10-11*/
}

input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
  appearance: none;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  display: block;
  position: relative;
}

input[type='number']:hover::-webkit-inner-spin-button {
  background-image: url(../images/global/icons/drop-arrows-both.svg);
  background-position: right center;
  background-repeat: no-repeat;
  height: 22px;
  width: 16px;
}

textarea {
  border: 1px solid #a8a8a9;
  border-radius: 2px;
  color: #737373;
  font-family: source-sans, arial, sans-serif;
  font-size: 1.8rem;
  margin-bottom: 2rem;
  overflow: auto;
  /*Hide default scrollbar in IE when unnecessary*/
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Custom Radio Input Styles*/

.radio-binary input[type='radio'] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

fieldset span.custom-radio {
  background-color: #fff;
  border: 2px solid #003768;
  border-radius: 50%;
  cursor: pointer;
  height: 1em;
  /*20px*/
  position: absolute;
  top: 0.3rem;
  width: 1em;
  /*20px*/
}

fieldset .binary-positive span.custom-radio:after,
fieldset .binary-negative span.custom-radio:after {
  content: '';
  position: absolute;
  display: none;
  top: 2px;
  left: 2px;
  width: 1.2rem;
  /*12px*/
  height: 1.2rem;
  /*12px*/
  border-radius: 50%;
  background: #003768;
}

fieldset input.positive:checked + label.binary-positive span.custom-radio:after,
fieldset input.negative:checked + label.binary-negative span.custom-radio:after {
  display: block;
}

fieldset .binary-positive,
fieldset .binary-negative {
  float: left;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 2.5em;
  /*40px*/
}

/*--------------------------*/

/* Table Styles */

/*--------------------------*/

table {
  border-collapse: collapse;
}

tr {
  height: 5rem;
}

th,
td {
  border: 1px solid #cfcece;
  background-color: #fff;
  font-family: source-sans, arial, sans-serif;
  font-size: 1.8rem;
  vertical-align: middle;
}

td:nth-of-type(1) {
  padding-left: 2rem;
}

td:nth-of-type(2),
td:nth-of-type(3),
td:nth-of-type(4) {
  text-align: center;
}

th {
  background-color: #003768;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 600;
  font-family: source-sans, arial, sans-serif;
  text-transform: uppercase;
}

th:nth-of-type(1) {
  padding: 1.9rem 1rem 1.9rem 2rem;
  text-align: left;
  width: 13.9rem;
}

th:nth-of-type(2),
th:nth-of-type(3) {
  width: 11.9rem;
}

th:nth-of-type(4) {
  width: 14.9rem;
}

table.zebra-striped tbody tr:nth-of-type(even) td {
  background-color: #eef2f4;
}

/*---------------------------*/

/* Font Class Stylings */

/*---------------------------*/

.body-bold {
  color: #464545;
  font-weight: 600;
}

.date-stamp,
.callout {
  color: #616161;
  font-family: lato, arial, sans-serif;
  font-size: 1.4em;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 1.071428em;
  /*15px*/
  margin-top: 0.571428em;
  /*8px*/
  text-transform: none;
}

h2.over-image {
  margin-bottom: 1em;
}

.multiline-heading {
  line-height: 1.1;
}

.text-only {
  color: #464545;
  font-family: source-sans;
  font-size: 1.7em;
  letter-spacing: 0.1px;
  line-height: 1.4em;
}

.description {
  margin-bottom: 2rem;
}

a.multiline-link {
  line-height: 1.2em;
}

.h2-style {
  color: #464545;
  font-family: lato-light, arial, sans-serif;
  font-size: 2.2em;
  font-weight: 600;
  line-height: 1;
  text-transform: none;
}

.h1-style {
  color: #464545;
  font-family: lato-light, arial, sans-serif;
  font-size: 4rem;
  font-weight: normal;
  line-height: 1;
  margin-bottom: 0.5em;
  text-transform: none;
}

/*---------------------------*/

/* Button Class Stylings */

/*---------------------------*/

.primary-button,
.secondary-button,
.punchout-button,
.location-button {
  border: none;
  border-radius: 6px;
  cursor: pointer;
  display: inline-block;
  font-family: lato, arial, sans-serif;
  font-size: 1.6em;
  font-weight: 400;
  margin-bottom: 3.75em;
  /*60px*/
  padding: 0.6875em 2.3em;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: background 0.2s, color 0.2s, border 0.2s;
  /* Safari */
  transition: background 0.2s, color 0.2s, border 0.2s;
}

.primary-button {
  background-color: #003768;
  border: 1px solid #003768;
  color: #fff;
  display: inline-block;
}

.primary-button:hover {
  background: transparent;
  color: #003768;
}

.secondary-button {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  display: inline-block;
}

.secondary-button:hover {
  background-color: #00274a;
  border-color: #fff;
}

.punchout-button {
  background-color: transparent;
  border: 1px solid #003768;
  color: #003768;
  display: inline-block;
}

.punchout-button:hover {
  background-color: #00274a;
  border-color: #00274a;
  color: #fff;
}

.location-button {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  display: inline-block;
}
.location-button:hover {
    background-color: #00274a;
    border-color: #fff;
}

a.primary-button,
a.secondary-button,
a.location-button {
  font-size: 1.6rem;
  line-height: 1;
}

a.primary-button:visited,
a.secondary-button:visited {
  color: #fff;
}

a.primary-button:visited:hover {
  color: #003768;
}

.link-style {
  background-color: inherit;
  border: 0;
  cursor: pointer;
  display: inline-block;
  color: #3a7ebc;
  font-family: source-sans, arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  margin: 0;
  padding: 0;
  text-decoration: underline;
}

.link-style:hover {
  text-decoration: none;
}

.button-group ul {
  display: inline-block;
  margin-bottom: 2em;
  padding: 0;
}

.button-group li {
  display: inline-block;
  margin: 0;
  text-align: center;
  width: 11.8rem;
}

.button-group li button {
  background-color: #fff;
  border: 1px solid #a8a8a9;
  color: #464545;
  cursor: pointer;
  display: inline-block;
  font-family: source-sans, arial, sans-serif;
  font-size: 1.7em;
  height: 100%;
  padding: 0.647058em 0;
  /*11px*/
  text-decoration: none;
  width: 100%;
}

.button-group li button.active {
  background-color: #eef2f4;
}

.button-group-title {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 6.896552%;
}

a#in-page-contact,
a#in-page-alert {
  display: none;
  background-position: right 2rem bottom 50%;
  background-repeat: no-repeat;
  background-size: 3rem;
  margin-bottom: 3rem;
  padding-left: 2rem;
  padding-right: 6rem;
  text-align: left;
}

a#in-page-contact {
  background-image: url(../images/global/icons/contact.svg);
}

a#in-page-alert {
  background-color: #ff5c00;
  background-image: url(../images/global/icons/exclamation-white.svg);
  border-color: #ff5c00;
}

/*---------------------------*/

/* Icon Stylings */

/*---------------------------*/

.card-icon,
.static-card-icon {
  border: none;
  width: 8em;
  height: 8em;
}

img.inline-pin {
  border: none;
  display: inline-block;
  height: 1.2rem;
  margin-right: 0.5rem;
  margin-top: 0.7rem;
  vertical-align: top;
}

img.info-bubble {
  border: none;
  height: 1rem;
  margin-left: 3px;
  vertical-align: top;
  width: 1rem;
}

.loading-indicator {
  display: none;
  left: calc(50% - 5rem);
  position: fixed;
  top: 47%;
  z-index: 100;
}

.loading-indicator img {
  border: none;
  height: auto;
  width: 10rem;
}

/*---------------------------*/

/* Video Stylings */

/*---------------------------*/

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*---------------------------*/

/* Grid/Container Classes */

/*---------------------------*/

.content-wrapper {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4rem;
  padding-right: 4rem;
  width: 116em;
}

.alternate-background {
  background-color: #eef2f4;
  margin-bottom: 4rem;
  padding: 4rem 4rem 6rem 2rem;
}

.alternate-background:last-child {
  margin-bottom: 0;
}

.alternate-background p:last-child {
  margin-bottom: 0;
}

.with-sidebar-nav {
  float: right;
  padding-top: 0;
  padding-bottom: 6rem;
  width: 76rem;
}

.with-sidebar-nav .col-19 {
  margin-left: 0;
}

.col-1 {
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
  width: 4rem;
}

.col-2 {
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
  width: 8rem;
}

.col-3 {
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
  width: 12rem;
}

.col-3-a {
  display: inline-block;
  vertical-align: top;
  width: 12rem;
}

.col-4 {
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
  width: 16rem;
}

.col-4-a {
  display: inline-block;
  vertical-align: top;
  width: 16rem;
}

.col-5 {
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
  width: 20rem;
}

.col-6 {
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
  width: 24rem;
}

.col-7 {
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
  width: 28rem;
}

.col-7-half {
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
  width: 30rem;
}

.col-8 {
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
  width: 32rem;
}

.col-9 {
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
  width: 36rem;
}

.col-9-a {
  display: inline-block;
  vertical-align: top;
  width: 36rem;
}

.col-10 {
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
  width: 40rem;
}

.col-11 {
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
  width: 44rem;
}

.col-12 {
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
  width: 48rem;
}

.col-13 {
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
  width: 52rem;
}

.col-14 {
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
  width: 56rem;
}

.col-15 {
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
  width: 60rem;
}

.col-16 {
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
  width: 64rem;
}

.col-17 {
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
  width: 68rem;
}

.col-18 {
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
  width: 72rem;
}

.col-19 {
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
  width: 76rem;
}

.col-20 {
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
  width: 80rem;
}

.col-21 {
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
  width: 84rem;
}

.col-22 {
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
  width: 88rem;
}

.col-23 {
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
  width: 92rem;
}

.col-24 {
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
  width: 96rem;
}

.col-25 {
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
  width: 100rem;
}

.col-26 {
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
  width: 104rem;
}

.col-27 {
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
  width: 108rem;
}

.col-28 {
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
  width: 112rem;
}

.mar-r-1 {
  margin-right: 4rem;
}

.mar-r-2 {
  margin-right: 3.7rem;
}

.mar-l-1 {
  margin-left: 4rem;
}

.ib-element {
  display: inline-block;
  margin-left: -4px;
}

.relative-container {
  position: relative;
}

.accessibility-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.info-block {
  margin-bottom: 4em;
}

.dark-background p,
.dark-background h2,
.dark-background label,
.dark-background a,
.dark-background span,
.dark-background h3,
.dark-background {
  color: #fff;
}

.clear-fix:after {
  clear: both;
  content: '';
  display: table;
}

.no-scroll {
  overflow: hidden;
}

/*---------------------------*/

/* Secondary Nav */

/*---------------------------*/

#secondary-nav {
  background-color: #fff;
  width: 100%;
}

#secondary-nav ul#primary-page-links {
  padding-bottom: 4rem;
  padding-top: 4rem;
}

.va-agency-bar-container .va-agency-bar .cardinal-logo img {
  border: none;
}

.bbarServiceResource img,
.va-agency-bar-container button,
.bbar-close img {
  border: none;
}

p.va-agency-bar-header span a {
  font-weight: bold !important;
}

.va-agency-bar-container,
.va-agency-bar-container a,
body .va-agency-bar-container {
  font-family: Roboto, sans-serif !important;
}

#secondary-nav ul#vita-links {
  padding-top: 4rem;
}

#secondary-nav ul#vita-links a {
  color: #616161;
}

#secondary-nav ul#vita-links .skip-to a {
  color: #003768;
}

#secondary-nav ul#vita-links li.right {
  float: right;
  margin: 0;
}

#secondary-nav ul#vita-links li:nth-of-type(4) {
  border-right: 1px solid #969696;
  margin-right: 1rem;
  padding-right: 1rem;
}

#secondary-nav #home-icon {
  height: 1.378rem;
  margin-right: 0.5rem;
  width: 1.7rem;
}

#secondary-nav ul#vita-links li.right a {
  font-size: 1.2rem;
  text-decoration: underline;
}

#secondary-nav ul#vita-links a[target='_blank'] {
  padding-right: 0;
  background-image: none;
}

#secondary-nav ul#vita-links li.right a:hover {
  text-decoration: none;
  background-image: none;
}

#secondary-nav #vita-cardinal {
  color: #616161;
  font-size: 1.2rem;
  line-height: 1;
  margin: 0;
  text-decoration: none;
}

#secondary-nav #vita-cardinal img,
#secondary-nav #vita-cardinal span {
  display: inline;
  vertical-align: middle;
}

#secondary-nav #vita-cardinal img {
  height: 2.1rem;
  margin-right: 1rem;
  width: 2.4rem;
}

#secondary-nav li {
  vertical-align: middle;
}

#secondary-nav li:nth-of-type(1) {
  margin-right: 4rem;
}

#secondary-nav li:nth-of-type(2) {
  margin-right: 9.4rem;
}

#secondary-nav li:nth-last-of-type(3) a {
  display: inline-block;
  padding-right: 2rem;
}

#secondary-nav li.with-divider {
  margin-right: 0;
}

#secondary-nav li.with-divider a {
  display: inline-block;
  padding-right: 3rem;
}

#secondary-nav li:nth-of-type(n + 4) a {
  padding-left: 3rem;
}

#secondary-nav li:last-child a {
  padding-left: 0;
}

#secondary-nav li .divider {
  height: auto;
}

#secondary-nav li a {
  color: #464545;
  font-family: lato, arial, sans-serif;
  font-size: 1.8em;
  text-decoration: none;
}

#secondary-nav li a:hover {
  opacity: 0.7;
  text-decoration: underline;
}

#secondary-nav li.banner-search {
  float: right;
  margin-right: 0;
}

form.site-search {
  display: inline-block;
  position: relative;
  vertical-align: bottom;
  top: -1.4rem;
  width: 100%;
}

.site-search input#search-term {
  border-radius: 5px;
  margin-bottom: 0;
  padding-bottom: 1rem;
  padding-right: 2.1176470588235294em;
  padding-top: 1rem;
  width: calc(100% - 2.823529411764706em);
}

.site-search button[type='submit'] {
  background-color: #fff;
  background-image: url(../images/global/icons/magnifying-glass.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
  border: none;
  cursor: pointer;
  font-size: 1.7em;
  height: 2.1176470588235294em;
  padding: 0;
  position: absolute;
  right: 0.2rem;
  top: 1.2rem;
  width: 2.1176470588235294em;
}

/*---------------------------*/

/* Main Nav */

/*---------------------------*/

header nav li {
  display: inline-block;
}

#main-nav {
  background-color: rgba(0, 55, 104, 0.85);
  padding: 0;
  width: 100%;
}

#main-nav dl#main-nav-list > dd {
  display: inline-block;
  margin-left: -4px;
  position: relative;
}

#main-nav dt#resources-label {
  color: #fff;
  display: inline-block;
  font-family: lato, arial, sans-serif;
  font-size: 1.7em;
  font-style: italic;
  margin-right: 3rem;
  width: 12rem;
}

#main-nav dd.dropdown-navlink > a {
  border-right: 1px solid #a8a8a9;
  display: block;
  font-family: lato, arial, sans-serif;
  font-size: 1.6em;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

#main-nav dl#main-nav-list > dd:nth-of-type(1) > a {
  text-align: left;
  padding-left: 1rem;
  width: 25.9rem;
}

#main-nav dl#main-nav-list > dd:nth-of-type(2) a {
  width: 25.9rem;
}

#main-nav dl#main-nav-list > dd:nth-of-type(3) a {
  width: 23.4rem;
}

#main-nav dl#main-nav-list dd:nth-last-of-type(1) a {
  border-right: none;
  padding-right: 1rem;
  text-align: right;
  width: 24rem;
}

#main-nav dd a span,
#secondary-nav li a span {
  display: inline-block;
  margin-right: 1rem;
  max-width: 9em;
  text-align: center;
  vertical-align: middle;
}

#main-nav dd a img {
  display: inline-block;
  vertical-align: middle;
}

#main-nav dd a img.nav-icon {
  margin-right: 0.625em;
  /*10px*/
  width: 5rem;
  height: 5rem;
}

.dropdown-menu {
  background-color: #fff;
  display: none;
  margin-left: 0;
  padding-top: 2em;
  position: absolute;
  z-index: 50;
}

ul.dropdown-menu {
  padding-bottom: 6rem;
  padding-top: 5rem;
}

#main-nav dd.dropdown-navlink ul:not(.three-col-dropdown) li {
  display: inline-block;
  padding-bottom: 4rem;
  padding-left: 4rem;
  padding-right: 4rem;
  vertical-align: top;
  width: 24rem;
}

#main-nav dd.dropdown-navlink ul:not(.three-col-dropdown) li:nth-of-type(even) {
  margin-left: -4px;
}

#main-nav dd.dropdown-navlink ul:not(.three-col-dropdown) li:nth-of-type(odd) {
  border-right: 1px dotted #a8a8a9;
}

#main-nav dd.dropdown-navlink:nth-last-of-type(1) ul.dropdown-menu {
  right: 0;
}

#main-nav dd.dropdown-navlink:last-child ul li {
  width: 26rem;
}

#main-nav dd.dropdown-navlink:nth-last-of-type(2) ul.dropdown-menu {
  left: -15.7rem;
}

/* Family & Friends */

#main-nav dl#main-nav-list > dd:nth-of-type(1) > a {
  padding-left: 1rem;
}

/* Inmates & Probationers */

#main-nav dd:nth-of-type(2) > a span {
  line-height: 1.7rem;
  margin-right: 0;
  width: 26.9rem;
}

#main-nav dd:nth-of-type(2) a img.nav-icon {
  margin-right: 0;
}

header dd.dropdown-navlink:hover > a {
  background-color: rgba(145, 194, 225, 0.15);
}

header li.dropdown-navlink:hover .dropdown-menu:nth-of-type(1),
header dd.dropdown-navlink:hover .dropdown-menu:nth-of-type(1),
header li.dropdown-navlink a:focus ~ .dropdown-menu:nth-of-type(1),
header dd.dropdown-navlink a:focus ~ .dropdown-menu:nth-of-type(1),
header li.dropdown-navlink a:active ~ .dropdown-menu:nth-of-type(1),
header dd.dropdown-navlink a:active ~ .dropdown-menu:nth-of-type(1) {
  display: block;
}

.dropdown-menu dd a,
.dropdown-menu li a,
#facilities-submenu dd.facility-link-list dd a {
  color: #3a7ebc;
  font-size: 1.8rem;
  line-height: 1.2;
  text-decoration: underline;
}

.dropdown-menu dd a:hover,
.dropdown-menu li a:hover,
#facilities-submenu dd.facility-link-list dd a:hover {
  color: #98002e;
  text-decoration: none;
}

.dropdown-menu .dropdown-menu-list-column:nth-of-type(1) {
  margin-left: 0;
  padding-left: 4rem;
  padding-right: 4rem;
}

.dropdown-menu .dropdown-menu-list-column:nth-of-type(2) {
  padding-left: 4rem;
}

.dropdown-menu .dropdown-menu-list-column:nth-of-type(even) {
  padding-right: 4rem;
}

ul.dropdown-menu.three-col-dropdown {
  left: -31.7rem;
  padding-bottom: 6rem;
  padding-top: 4rem;
}

ul.dropdown-menu.three-col-dropdown li {
  padding-bottom: 0;
  padding-top: 0;
}

.dropdown-menu.three-col-dropdown .dropdown-menu-list-column:nth-of-type(2) {
  border-left: 1px solid #a8a8a9;
  border-right: 1px solid #a8a8a9;
}

.dropdown-menu.three-col-dropdown .dropdown-menu-list-column:nth-of-type(3) {
  padding-left: 4rem;
  padding-right: 4rem;
}

.dropdown-menu.three-col-dropdown .dropdown-menu-list-column dd {
  padding-left: 2rem;
}

.dropdown-menu.three-col-dropdown .dropdown-menu-list-column dt {
  vertical-align: bottom;
}

.dropdown-menu.three-col-dropdown .dropdown-menu-list-column dt a {
  font-weight: 600;
}

.dropdown-menu .dropdown-menu-list-column dt {
  margin-bottom: 4rem;
}

.dropdown-menu .dropdown-menu-list-column dd,
.dropdown-menu .dropdown-menu-list-column li {
  display: block;
  margin-bottom: 4rem;
}

.dropdown-menu .dropdown-menu-list-column dd:nth-last-of-type(1),
.dropdown-menu .dropdown-menu-list-column li:nth-last-of-type(1) {
  margin-bottom: 0;
}

.dropdown-menu .dropdown-menu-list-column dd {
  padding-left: 1.5em;
}

/* Incoming Inmates, Removal of padding-top */

.dropdown-menu.three-col-dropdown .dropdown-menu-list-column:nth-of-type(1) dt a,
.dropdown-menu.three-col-dropdown .dropdown-menu-list-column:nth-of-type(2) dt a,
.dropdown-menu.three-col-dropdown .dropdown-menu-list-column:nth-of-type(3) dt a {
  padding-top: 0;
  text-decoration: none;
}

/* Incoming Inmates, Removal of padding-top */

.dropdown-menu.three-col-dropdown .dropdown-menu-list-column:nth-of-type(1) dt a,
.dropdown-menu.three-col-dropdown .dropdown-menu-list-column:nth-of-type(2) dt a,
.dropdown-menu.three-col-dropdown .dropdown-menu-list-column:nth-of-type(3) dt a {
  text-decoration: none;
}

/* Incoming Inmates, Removal of padding-top */

.dropdown-menu.three-col-dropdown .dropdown-menu-list-column:nth-of-type(1) dt a,
.dropdown-menu.three-col-dropdown .dropdown-menu-list-column:nth-of-type(2) dt a,
.dropdown-menu.three-col-dropdown .dropdown-menu-list-column:nth-of-type(3) dt a {
  padding-top: 0;
}

/* Add border */

ul.dropdown-menu {
  border: 1px solid #cfcece;
  margin-top: 0;
  padding-left: 0;
}

/* Facilities Dropdown Nav */

#facilities-submenu dd.facility-link-list {
  margin-left: 0;
}

#secondary-nav .dropdown-menu li {
  display: block;
}

#secondary-nav li.dropdown-navlink:hover .dropdown-menu:nth-of-type(1) {
  height: 60rem;
}

#secondary-nav .dropdown-menu #facilities-submenu {
  padding: 0;
  position: relative;
}

#secondary-nav .dropdown-menu #facilities-submenu li {
  display: inline-block;
  margin: 0 0 0 -2.04px;
}

#secondary-nav .dropdown-menu #facilities-submenu li:nth-of-type(1) {
  margin-left: 0;
}

#facilities-submenu li dt.submenu-heading {
  display: block;
  background-color: #eef2f4;
  font-size: 1.8rem;
  font-family: lato, arial, sans-serif;
  padding: 1em 0;
  text-align: center;
  width: 9.93rem;
}

#facilities-submenu li:hover dt.submenu-heading {
  background-color: #3a7ebc;
  color: #fff;
  cursor: pointer;
  position: relative;
}

#facilities-submenu li:hover dt.submenu-heading::after {
  border-left: 0.75rem solid transparent;
  border-right: 0.75rem solid transparent;
  border-top: 0.75rem solid #3a7ebc;
  bottom: -0.75rem;
  content: '';
  display: block;
  height: 0;
  left: 4rem;
  position: absolute;
  width: 0;
}

#secondary-nav .dropdown-menu #facilities-submenu dd.facility-link-list {
  display: none;
  margin-left: 0;
}

#secondary-nav .dropdown-menu #facilities-submenu li:hover dd.facility-link-list:nth-of-type(1) {
  display: block;
  left: 4em;
  position: absolute;
  padding-top: 2em;
  top: 5em;
}

#secondary-nav .dropdown-menu #facilities-submenu dd.facility-link-list .left-col {
  float: left;
}

#secondary-nav .dropdown-menu #facilities-submenu dd.facility-link-list .right-col {
  float: left;
  margin-left: 12rem;
  padding-top: 5.66rem;
}

#secondary-nav .dropdown-menu #facilities-submenu dd.facility-link-list .right-col dt:nth-child(1) {
  margin-top: -5.66rem;
}

#secondary-nav .dropdown-menu #facilities-submenu li:hover dd.facility-link-list:nth-of-type(2) {
  display: block;
  left: 40em;
  position: absolute;
  padding-top: 2em;
  top: 5em;
}

#facilities-submenu dd.facility-link-list dt {
  font-size: 4em;
}

#facilities-submenu dd.facility-link-list dd {
  margin-bottom: 2em;
  width: 24em;
}

/*---------------------------*/

/* Mobile Nav */

/*---------------------------*/

#mobile-nav {
  background-color: #fff;
  display: none;
  position: relative;
  padding: 2rem 2rem 2rem 4rem;
}

#mobile-nav button {
  background-color: transparent;
  border: none;
  display: inline-block;
  padding: 0;
  transition: all 0.3s;
}

#mobile-nav button#open-search {
  background-image: url(../images/global/icons/magnifying-glass.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
  float: right;
  height: 3.6rem;
  width: 3.6rem;
  position: relative;
  top: -0.7rem;
}

#mobile-nav .site-search {
  display: none;
  position: absolute;
  right: -1300px;
  top: 1.25rem;
  transition: all 0.3s ease-in-out;
  width: 20rem;
}

#mobile-nav .site-search #search-term {
  padding-bottom: 0;
  padding-top: 0;
}

#mobile-nav .site-search button[type='submit'] {
  top: 0.1rem;
}

#mobile-nav button#open-nav:focus {
  outline: none;
}

#mobile-nav button#open-nav span {
  position: relative;
  display: block;
  border-bottom: 1px solid #454545;
  width: 2.5rem;
  margin-bottom: 0.7rem;
  transition: all 0.3s;
  left: -1.5rem;
}

#mobile-nav button#open-nav span:nth-last-of-type(1) {
  margin-bottom: 0;
}

#mobile-nav figure.doc-logo {
  border: 0.4rem solid #fff;
  border-radius: 50%;
  float: none;
  height: 10em;
  left: 50%;
  right: 50%;
  position: absolute;
  width: 10rem;
  transform: translate(-50%, -5%);
}

#locate-offender-mobile {
  display: none;
}

.mobile-nav-content .resources-for {
  font-family: lato, arial, sans-serif;
  font-size: 1.4rem;
  margin-bottom: 2rem;
  padding: 0 2rem;
  text-transform: uppercase;
}

.mobile-nav-content .top-level {
  display: block;
}

.mobile-nav-content .top-level a,
#mobile-nav .mobile-nav-content .dropdown button.flyout-trigger {
  color: inherit;
  display: block;
  font-family: lato, arial, sans-serif;
  font-size: 1.8rem;
  line-height: 1;
  cursor: pointer;
  padding: 2rem 3rem 2rem 2rem;
  text-decoration: none;
}

#mobile-nav .mobile-nav-content .dropdown button.flyout-trigger {
  display: block;
  margin-bottom: 0;
  position: relative;
  text-align: left;
  width: 100%;
}

#mobile-nav .mobile-nav-content .dropdown button.flyout-trigger:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #464545;
  content: '';
  display: block;
  height: 0;
  position: absolute;
  right: 3rem;
  top: 2.6rem;
  transform: rotate(-90deg);
  webkit-transition: all 0.55s;
  -o-transition: all 0.55s;
  transition: all 0.55s;
  width: 0;
}

.mobile-nav-content ul.mobile-flyout-menu.flyout-level {
  background-color: #fff;
  display: none;
  overflow: scroll;
  position: fixed;
  right: -1000px;
  -webkit-transition: all 0.55s;
  -o-transition: all 0.55s;
  top: 2rem;
  transition: all 0.55s;
  width: calc(100% - 4rem);
  z-index: 200;
}

.mobile-nav-content ul.mobile-flyout-menu.flyout-level .flyout-level {
  z-index: 400;
}

.mobile-nav-content .top-level ul.mobile-flyout-menu li {
  display: block;
}

#mobile-nav .mobile-nav-content ul.mobile-flyout-menu.flyout-level button.flyback-trigger {
  color: #3a7ebc;
  font-family: source-sans, arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 2rem;
  padding-left: 2rem;
}

#mobile-nav .mobile-nav-content ul.mobile-flyout-menu.flyout-level button.flyback-trigger span {
  text-decoration: underline;
}

.mobile-nav-content .top-level ul.mobile-flyout-menu li a,
#mobile-nav .mobile-nav-content .dropdown .mobile-flyout-menu button.flyout-trigger {
  padding-left: 4rem;
}

.mobile-nav-content .top-level ul.mobile-flyout-menu li.level-overview a {
  padding-left: 2rem;
}

.mobile-nav-content .dropdown input[type='checkbox']:checked + label {
  background-color: #003768;
  color: #fff;
}

.mobile-nav-content .dropdown input[type='checkbox']:checked + label:after {
  border-top: 7px solid #fff;
  transform: rotate(180deg);
  transform-origin: 50% 50%;
}

.mobile-nav-content .dropdown input[type='checkbox']:checked ~ ul.mobile-flyout-menu {
  left: 2rem;
  padding-bottom: 2rem;
}

.mobile-nav-content .dropdown input[type='checkbox'] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.mobile-nav-content li#mobile-facilities-link {
  padding-left: 1rem;
  padding-right: 1rem;
  margin: 2rem 0;
}

.mobile-nav-content li#mobile-facilities-link a {
  border-bottom: 1px solid #a8a8a9;
  border-top: 1px solid #a8a8a9;
  padding: 4rem 1rem;
}

/*---------------------------*/

/* Header */

/*---------------------------*/

header #hero-banner {
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #075197;
  width: 100%;
  min-height: 25rem;
}

#hero-banner #home-hero {
  padding-bottom: 7.8rem;
  padding-top: 9rem;
}

#hero-banner #home-hero h1 {
  color: #fff;
  font-family: lato;
  font-size: 8.7rem;
  font-weight: 600;
  letter-spacing: 0.17rem;
  margin-left: 0;
  text-transform: uppercase;
}

#hero-banner #home-hero h1 .spacer {
  margin-right: 0.3rem;
}

#hero-banner #general-hero-wrapper {
  height: 25rem;
  position: relative;
}

#hero-banner #general-hero-wrapper .doc-logo {
  margin-top: 6.5rem;
  margin-right: 2rem;
}

#hero-banner #general-hero-wrapper #heading-wrapper {
  left: 17.5rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 102rem;
}

#hero-banner #general-hero-wrapper #heading-wrapper a ~ h1:after {
  content: '';
  display: block;
  height: 2.7rem;
}

.mobile-hero {
  display: none;
}

#hero-offender-locator {
  display: block;
  margin-left: 0;
  margin-top: 9rem;
}

#hero-offender-locator h2 {
  color: #fff;
  line-height: 1;
  margin-bottom: 3rem;
}

#hero-offender-locator form {
  display: inline-block;
  position: relative;
  vertical-align: top;
}

#hero-offender-locator form#offender-by-id {
  display: block;
  float: right;
}

#hero-offender-locator form#offender-by-name fieldset,
#hero-offender-locator form#offender-by-id fieldset {
  display: inline-block;
}

#hero-offender-locator form#offender-by-name input,
#hero-offender-locator form#offender-by-id input {
  border-radius: 6px;
  display: block;
  height: 5.6rem;
  margin: 0;
}

#hero-offender-locator form#offender-by-name label {
  display: inline-block;
  margin: 0;
  vertical-align: top;
}

#hero-offender-locator form#offender-by-name button[type='submit'],
#hero-offender-locator form#offender-by-id button[type='submit'] {
  top: 1rem;
  float: none;
  margin: 0;
  position: absolute;
  right: 1rem;
}

#hero-offender-locator form#offender-by-name input#first-name {
  width: 23.5rem;
  /*235px*/
}

#hero-offender-locator form#offender-by-name input#last-name {
  width: 27.8rem;
  /*278px*/
}

#hero-offender-locator form#offender-by-id label {
  margin-bottom: 0;
  margin-left: -4px;
}

#hero-offender-locator form#offender-by-id input#offender-id {
  width: 33.8rem;
  /*338px*/
}

#hero-offender-locator .or-divider {
  padding-left: 4em;
  width: 4em;
  margin-left: -4px;
  vertical-align: baseline;
}

#hero-offender-locator .or-divider .vertical-line {
  left: 0;
  height: 1.6em;
  border-left: 1px solid #fff;
}

#hero-offender-locator .or-divider p {
  color: #fff;
  display: inline-block;
  left: -0.5em;
  margin-bottom: 0;
  position: relative;
}

#hero-offender-locator a#advanced-search {
  clear: both;
  color: #fff;
  display: block;
  float: right;
  line-height: 1;
  margin-top: 2rem;
}

#hero-offender-locator a#advanced-search:hover {
  text-decoration: none;
}

header img {
  border: none;
}

figure.doc-logo {
  float: left;
  margin-left: 0;
}

figure.doc-logo img {
  border: none;
  width: 100%;
}

figure.doc-logo a {
  font-size: 0;
  line-height: 1;
}

#home-hero figure.doc-logo {
  margin-top: 2.7rem;
}

/*---------------------------*/

/* Site Wide Alert */

/*---------------------------*/

#site-wide-alert {
  background-color: #98002e;
  padding-bottom: 2rem;
  padding-top: 2rem;
}

#site-wide-alert .site-alert-header,
#site-wide-alert .site-alert-header img,
#site-wide-alert .site-alert-header h2 {
  display: inline-block;
  vertical-align: middle;
}

#site-wide-alert .site-alert-header img {
  border: none;
  height: 4rem;
  width: 4rem;
}

#site-wide-alert .site-alert-header h2 {
  margin-bottom: 0;
  margin-left: 0.75rem;
}

#site-wide-alert .site-alert-text {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 0;
  margin-top: 0.75em;
  vertical-align: middle;
}

#site-wide-alert .site-alert-text > a {
  font-weight: 900;
  color: #fff;
}

/*---------------------------*/

/* Breadcrumbs */

/*---------------------------*/

.breadcrumbs {
  margin-top: 2rem;
  padding-bottom: 4rem;
}

.breadcrumbsBlue {
  margin-top: 0;
  padding-top: 2em;
  background-color: #0a2546;
  color: white;
}

.breadcrumbs li {
  display: inline-block;
  margin-right: 0.75em;
}

.breadcrumbs span {
  margin-left: 0.75em;
}

.breadcrumbs span:after {
  content: '//';
}

.breadcrumbs li:nth-last-child(1) span:after {
  content: '';
}

.breadcrumbs a {
  color: #616161;
  font-family: source-sans, arial, sans-serif;
  font-size: 1.6em;
  line-height: 1;
  text-decoration: none;
}

.breadcrumbsBlue a {
  color: white;
}

.breadcrumbs a:hover {
  color: #a3a3a3;
}

a.section-breadcrumb {
  color: #fff;
  display: inline-block;
  text-decoration: none;
}

a.section-breadcrumb:hover {
  color: #fff;
}

/*---------------------------*/

/* Footer */

/*---------------------------*/

footer {
  background-color: #34475a;
  padding: 8em 0;
}

footer h2 {
  margin-bottom: 3rem;
}

footer a:hover {
  color: #fff;
  text-decoration: none;
}

footer a:visited {
  color: #fff;
}

footer .vcard p {
  margin-bottom: 0;
}

footer .vcard p + p {
  margin-top: 0;
}

footer .vcard .tel {
  margin-top: 3rem;
}

#footer-social,
#footer-policies,
#footer-additional {
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
}

#footer-social li a[target='_blank'] {
  padding-right: 0;
  background-image: none;
}

footer .link-list li {
  margin-bottom: 3em;
}

footer .link-list li a:hover {
  color: inherit;
}

#footer-social {
  margin-left: 0;
}

#footer-social li {
  display: inline-block;
  width: 4em;
  margin-right: 1rem;
}

#footer-social img {
  border: none;
  height: 4rem;
  width: 4rem;
}

#footer-additional .link-list li {
  margin-bottom: 3rem;
}

#footer-additional figure {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  width: 4rem;
}

#back-to-top {
  bottom: 8rem;
  cursor: pointer;
  position: fixed;
  right: 4rem;
}

.fill-white {
  fill: #fff;
  transition: fill 0.3s;
}

.stroke-white {
  stroke: #fff;
  transition: stroke 0.2s;
}

/*-----------------------------*/

/* Info Bubble Tooltips*/

/*-----------------------------*/

.tooltip-container {
  display: inline;
  position: relative;
}

.tooltip-info {
  background-color: #eef2f4;
  border: 1px solid #cfcece;
  bottom: 2rem;
  display: none;
  right: 0.8rem;
  padding: 4rem 4rem 6rem 4rem;
  position: absolute;
  width: 36rem;
  z-index: 100;
}

button.tooltip-trigger {
  background-color: transparent;
  background-image: url(/images/global/icons/information.svg);
  border: none;
  cursor: pointer;
  display: inline;
  height: 1rem;
  margin: 0 0 0 0.5rem;
  padding: 0;
  vertical-align: top;
  width: 1rem;
}

.tooltip-info p {
  font-size: 1.8rem;
  margin-bottom: 0;
}

.tooltip-info .h2-style {
  font-family: lato-light, arial, sans-serif;
  font-size: 4rem;
  font-weight: 400;
}

/*---------------------------*/

/* Modal Displays */

/*---------------------------*/

.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 100;
}

.modal-window {
  display: none;
  height: 100vh;
  margin-top: 10em;
  left: 0;
  position: fixed;
  top: -1300px;
  width: 100%;
  z-index: 110;
}

.modal-window .content-wrapper {
  position: relative;
}

.close-modal {
  background-color: transparent;
  background-image: url(../images/modals/close-x.svg);
  background-repeat: no-repeat;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  height: 4rem;
  position: absolute;
  right: -20px;
  top: -20px;
  width: 4rem;
}

.modal-ctrls {
  position: fixed;
  left: 0;
  top: 22em;
  width: 100%;
}

.modal-ctrl-prev,
.modal-ctrl-next {
  border: none;
  cursor: pointer;
  font-size: 1em;
  position: absolute;
  z-index: 120;
}

.modal-ctrl-prev img,
.modal-ctrl-next img {
  border: none;
  width: 6em;
  height: 6em;
}

.modal-ctrl-prev {
  left: -2.5em;
}

.modal-ctrl-next {
  right: -2.5em;
}

.modal-window nav {
  padding-bottom: 6em;
}

nav ul.modal-nav {
  width: 100%;
}

nav ul.modal-nav li p.h1-style {
  display: none;
  text-align: center;
}

nav ul.modal-nav li:nth-of-type(1) {
  margin-left: -1rem;
}

nav ul.modal-nav li:nth-of-type(1) a:before {
  margin: 0;
}

nav ul.modal-nav li:nth-last-of-type(1) a:after {
  border: 0;
}

nav ul.modal-nav li {
  display: inline-block;
  margin-left: -4px;
}

nav ul.modal-nav li:nth-last-of-type(1) {
  margin-right: -40px;
}

nav ul.modal-nav li a:focus {
  outline: none;
}

nav ul.modal-nav li a:before,
nav ul.modal-nav li a:after {
  border-bottom: 2px solid #a3a2a2;
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 4.3em;
}

nav ul.modal-nav li a:after {
  margin-left: -4px;
}

nav ul.modal-nav li a:before {
  margin-right: -4px;
}

nav ul.modal-nav li.active a:before,
nav ul.modal-nav li.active a:after {
  width: 2.25em;
}

nav ul.modal-nav li.active p.h1-style {
  display: block;
  color: #1a3967;
}

nav ul.modal-nav li:nth-of-type(1) a:before {
  border-bottom: none;
}

nav ul.modal-nav li.active img {
  width: 10em;
}

nav ul.modal-nav a img {
  display: inline-block;
  border: none;
  vertical-align: middle;
  width: 6em;
}

nav ul.modal-nav a {
  color: #a3a2a2;
  display: inline-block;
  font-size: 1em;
  height: 13.4em;
  position: relative;
  text-decoration: none;
}

nav ul.modal-nav li.active a {
  color: #1a3967;
  height: 15.4em;
}

nav ul.modal-nav a span {
  bottom: 0;
  display: block;
  font-family: lato, arial, sans-serif;
  font-size: 1.7em;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
}

.modal-content {
  background-color: #fff;
  box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.5);
  display: block;
  margin: 0 auto;
  opacity: 1;
  padding: 4em 6.896552% 6em 6.896552%;
  position: relative;
  width: 72.413793%;
}

li.slide {
  display: none;
}

ul.modal-slides li.slide figure {
  margin: 4em auto;
  width: 100%;
}

ul.modal-slides li.slide img {
  width: 100%;
}

/*Static Modals*/

.modal-instance {
  display: none;
}

/*------------------------*/

/* Drop-down Drawers*/

/*------------------------*/

.drawer {
  border: 1px solid #a3a3a3;
  margin-bottom: 2rem;
  padding: 2rem 4rem;
  width: 107.8rem;
}

.closed-drawer:hover {
  background-color: #eef2f4;
  cursor: pointer;
}

.drawer-icon {
  background-image: url(../images/global/icons/plus.svg);
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: none;
  height: 4rem;
  margin-right: 0.5em;
  width: 4rem;
  vertical-align: middle;
  text-indent: -2000px;
  overflow: hidden;
}

.drawer h3 {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}

.drawer ul {
  margin-top: 4rem;
}

.drawer ul li {
  margin-bottom: 6rem;
}

.drawer ul li h4 {
  font-family: source-sans, arial, sans-serif;
  font-size: 1.7em;
  text-transform: none;
  font-style: normal;
}

.drawer ul li article .article-text {
  padding-left: 4rem;
  width: 84rem;
}

.drawer ul li article figure {
  display: inline-block;
  float: left;
  height: 6.1rem;
  overflow: hidden;
  width: 12rem;
}

.drawer ul li article figure img {
  width: 100%;
}

.drawer ul li h4 a {
  font-size: 1em;
}

/*------------------------*/

/* Dual Range Slider*/

/*------------------------*/

.dual-range-slider .ui-state-default,
.dual-range-slider .ui-widget-content .ui-state-default {
  background-color: #eef2f4;
  border: 2px solid #3a7ebc;
  border-radius: 50%;
}

.dual-range-slider .ui-state-default:focus,
.dual-range-slider .ui-widget-content .ui-state-default:focus {
  outline: none;
}

.ui-widget-content {
  background-color: #eef2f4;
}

.ui-widget.ui-widget-content {
  background-color: #fff;
  border: none;
  max-height: 16rem;
  overflow-y: scroll;
  width: 32rem;
}

.ui-slider-horizontal {
  margin: 2rem 0.5rem 0 4rem;
  height: 0.3rem;
}

.ui-datepicker {
  width: 22.9rem;
}

.ui-slider .ui-slider-handle {
  height: 4rem;
  width: 4rem;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -2rem;
  margin-left: -4rem;
}

.range-display {
  display: none;
  margin-bottom: 4rem;
  margin-top: 3rem;
  text-align: center;
}

/*------------------------*/

/* Image Slider*/

/*------------------------*/

.image-slider {
  border-bottom: 1px dotted #a8a8a9;
  border-top: 1px dotted #a8a8a9;
  margin-bottom: 6em;
  margin-top: 1em;
  padding: 2em 0;
  position: relative;
}

.image-slider figure {
  display: none;
  margin-bottom: 0;
  width: 100%;
}

.image-slider .default-slide {
  display: block;
}

.image-slider figure img {
  height: auto;
  width: inherit;
}

.image-slider figcaption p {
  font-style: italic;
  margin-bottom: 0;
}

.image-slider figcaption span.date-stamp {
  line-height: 1.5em;
}

.slider-ctrl {
  position: absolute;
}

.slider-ctrl img {
  border: none;
}

.image-slider-ctrls .next {
  right: 1.5em;
}

.image-slider-ctrls .previous {
  left: 1.5em;
  transform: rotate(180deg);
}

.image-slider-ctrls:after {
  display: none;
  content: url('../images/image-slider/block-expand-50.svg')
    url('../images/image-slider/image-nav-50.svg');
}

.image-slider-ctrls .next img,
.image-slider-ctrls .previous img {
  height: 3.5294117647058822em;
  /*60px*/
  width: 3.5294117647058822em;
  /*60px*/
}

.image-slider-ctrls .expand {
  right: 0;
}

.image-slider-ctrls nav.slider-bubble-nav {
  position: absolute;
}

nav.slider-bubble-nav ul {
  margin-after: 0;
}

nav.slider-bubble-nav li {
  display: inline-block;
}

.slider-bubble-link {
  background-color: #a3a3a3;
  border-radius: 50%;
  display: block;
  height: 0.5882352941176471em;
  /*10px*/
  margin-right: 0.5882352941176471em;
  /*10px*/
  width: 0.5882352941176471em;
  /*10px*/
}

.slider-bubble-nav li:nth-last-of-type(1) a.slider-bubble-link {
  margin-right: 0;
}

.active-bubble-link {
  background-color: #464545;
}

.modal-window nav.slider-bubble-nav {
  padding: 0;
}

#rich-news .modal-window {
  max-height: 90vh;
  position: fixed;
  margin-top: 0;
}

#rich-news .modal-content {
  padding: 4em 3.448276% 2em;
  top: 5vh;
  width: 79.310345%;
}

#rich-news .modal-content figure {
  max-height: calc(90vh - 9.2em);
  overflow: hidden;
}

#rich-news .modal-content figcaption {
  display: none;
}

.modal-content .slider-bubble-nav ul {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 40%;
}

/*global icon callout styling*/

img.icon-callout,
.icon-callout-item {
  vertical-align: top;
  display: inline-block;
}

img.icon-callout {
  border: none;
  height: 6rem;
  margin-right: 2rem;
  margin-top: -1.65rem;
  width: 6rem;
}

.icon-callout-item {
  margin-bottom: 4rem;
  margin-left: -3px;
  width: calc(100% - 8rem);
}

.icon-callout-item p:nth-last-of-type(1) {
  margin-bottom: 0;
}

/*------------------------*/

/* Sidebars */

/*------------------------*/

/* Sidebar Nav */

.sidebar-nav {
  margin-bottom: 4rem;
  margin-left: 0;
}

.sidebar-nav li {
  background-color: #eef2f4;
  border-bottom: 1px solid #cfcece;
}

.sidebar-nav li.active,
.sidebar-nav .tier-3 li.active {
  background-color: #cfe9f7;
}

.sidebar-nav li.active a {
  color: #003768;
}

.sidebar-nav li.tier-3-wrapper {
  background-color: transparent;
  border: none;
}

.sidebar-nav .tier-3 li {
  background-color: #fafbfc;
  border-bottom: 1px dotted #cfcece;
}

.sidebar-nav .tier-3 li:nth-last-of-type(1) {
  border-bottom: 1px solid #cfcece;
}

.sidebar-nav .tier-3 li a {
  height: 6rem;
  padding-left: 2rem;
}

.sidebar-nav a {
  color: inherit;
  display: block;
  height: 8rem;
  position: relative;
  text-decoration: none;
}

.sidebar-nav a:hover {
  background-color: #d5dee2;
}

.sidebar-nav li.active a:hover,
.sidebar-nav .tier-3 li.active a:hover {
  background-color: #cfe9f7;
}

.sidebar-nav a:hover,
.sidebar-nav a:visited {
  color: inherit;
}

.sidebar-nav li.active a:hover:after,
.sidebar-nav .tier-3 li a:hover:after {
  border-left-color: #cfe9f7;
}

.sidebar-nav li.parent {
  background-color: #003768;
  color: #fff;
  height: 8rem;
}

.sidebar-nav li.parent a:hover {
  background-color: #072846;
}

.sidebar-nav .tier-3 li a:hover {
  background-color: #d5dee2;
}

.sidebar-nav a span {
  padding: 0 2.1rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.sidebar-nav li.tier-3 a span {
  padding-left: 3.8rem;
}

.sidebar-nav li.active a:after {
  content: '';
  display: block;
  height: 0;
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  border-bottom: 15px solid transparent;
  border-left: 20px solid #cfe9f7;
  border-top: 15px solid transparent;
}

/* Left Sidebar */

aside.left-sidebar {
  float: left;
  margin-bottom: 6rem;
  margin-left: 0;
  top: 6.4rem;
}

#hcard-main-contact {
  background-color: #003768;
  padding: 4rem 4rem 2rem;
  margin-bottom: 4rem;
}

#hcard-main-contact p {
  margin-bottom: 0;
}

#hcard-main-contact .h1-style {
  margin-bottom: 4rem;
}

#hcard-main-contact .disclaimer-text {
  margin-bottom: 4rem;
}

#hcard-main-contact .fn,
#hcard-main-contact .title,
#hcard-main-contact .org {
  font-family: source-sans, Arial, sans-serif;
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 0;
}

#hcard-main-contact .title {
  margin-bottom: 4rem;
  font-style: italic;
}

#hcard-main-contact .org {
  margin-bottom: 4rem;
}

#hcard-main-contact .adr {
  margin-bottom: 4rem;
  padding: 0;
}

#hcard-main-contact .street-address,
#hcard-main-contact .locality,
#hcard-main-contact .region,
#hcard-main-contact .adr .org,
#hcard-main-contact .adr .fn,
#hcard-main-contact .adr .post-office-box,
#hcard-main-contact .postal-code {
  font-family: source-sans, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 0;
}

#hcard-main-contact .email {
  display: block;
  font-family: source-sans, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 1.5;
  margin-bottom: 4rem;
}

#hcard-main-contact .tel .value {
  margin-bottom: 4rem;
}

#hcard-main-contact .hours-of-operation {
  margin-bottom: 4rem;
}

#hcard-main-contact p.body-bold {
  margin-bottom: 0;
  line-height: 1.5;
}

#hcard-main-contact p + p {
  margin-top: 0;
}

.left-sidebar .alert-callout {
  border-top: 2rem solid #ff5c00;
}

.left-sidebar .info-callout {
  border-top: 2rem solid #003768;
}

.left-sidebar .info-callout header,
.left-sidebar .alert-callout header {
  border-left: 1px solid #cfcece;
  border-right: 1px solid #cfcece;
  padding-bottom: 0.9rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 3rem;
}

.left-sidebar .info-callout img.info-icon,
.left-sidebar .info-callout h2.info-text,
.left-sidebar .alert-callout img.alert-icon,
.left-sidebar .alert-callout h2.alert-text {
  display: inline-block;
  vertical-align: middle;
}

.left-sidebar .info-callout h2.info-text,
.left-sidebar .alert-callout h2.alert-text {
  margin-bottom: 0;
  margin-left: -3px;
  width: 21.5rem;
}

.left-sidebar .info-callout p,
.left-sidebar .alert-callout p {
  border-bottom: 1px solid #cfcece;
  border-left: 1px solid #cfcece;
  border-right: 1px solid #cfcece;
  padding-bottom: 6rem;
  padding-left: 8rem;
  padding-right: 1.5rem;
}

.left-sidebar .info-callout img.info-icon,
.left-sidebar .alert-callout img.alert-icon {
  border: none;
  height: 5rem;
  margin-right: 1.5rem;
  width: 5rem;
}

/*------------------------*/

/* Procedure Tags */

/*------------------------*/

.procedure-tag {
  background-color: #cb310b;
  border: none;
  background-image: url(../images/home/flag-triangle-white.svg);
  background-repeat: no-repeat;
  background-position: right;
  color: #fff;
  display: inline-block;
  font-family: lato, arial, sans-serif;
  font-size: 1.8em;
  margin-right: 3rem;
  padding-left: 1.5rem;
  position: relative;
  text-decoration: none;
  width: 7rem;
  vertical-align: top;
  line-height: 2.3em;
  transition: background-color 0.2s;
}

a.procedure-tag {
  color: #fff;
}

a.procedure-tag:hover {
  background-color: #d83402;
  color: #fff;
}

/*-------------------------*/

/* Error Pages */

/*------------------------*/

.error-page header #hero-banner {
  background-image: url(/images/global/header/error-page-header.jpg);
  background-position: center;
  background-size: cover;
}

.error-page main {
  padding-bottom: 18rem;
  padding-top: 12rem;
}

#page-not-found main {
  padding-top: 0;
}

.error-page .col-19 {
  margin-left: 0;
}

.error-page #secondary-nav ul#vita-links {
  padding-bottom: 2.95rem;
  padding-top: 2.95rem;
}

.error-page h2.h1-style img {
  border: none;
  height: 4rem;
  vertical-align: middle;
  width: 4rem;
}

.error-page h2.h1-style span {
  vertical-align: middle;
}

.error-page h2.h1-style {
  margin-bottom: 3rem;
}

.error-page .error-code {
  font-size: 1.3rem;
  margin-bottom: 0;
}

.error-page footer {
  padding-top: 4rem;
}

#page-not-found p:last-child {
  margin-bottom: 0;
}

#page-not-found #mobile-page-heading {
  padding: 0;
}

/*------------------------*/

/* Covid Numbers */

/*------------------------*/

#covid19numbers tr {
  border-bottom: 1px solid #eaeaea;
}

#covid19numbers th {
  border: 0 none;
  min-width: 10.5rem;
  padding: 1.5rem;
  width: auto;
}

#covid19numbers tbody th {
  background-color: #fff;
  color: #464545;
  text-transform: none;
}

#covid19numbers td {
  border: 0 none;
  padding: 0.5rem;
  text-align: center;
  width: auto;
}

#covid19numbers tfoot tr {
  border-bottom: 0px none;
}

#covid19numbers tfoot th,
#covid19numbers tfoot td {
  background-color: #eaeaea;
  color: #464545;
  font-weight: 800;
}

.capturedHolder {
  position: relative;
}

.capturedTxt {
  position: absolute;
  top: 78px;
  color: #f50c0c;
  left: 10px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 3em;
  transform: rotate(32deg);
  border: 2px solid;
}

.hero-heading-mobile {
  display: none;
}

/*---------------------------*/
/*    Datepicker style       */
/*---------------------------*/
#ui-datepicker-div {
  overflow-y: hidden !important;
  max-height: 33rem !important;
}
#ui-datepicker-div .ui-datepicker-header a {
  font-size: 1rem;
}
#ui-datepicker-div table tr {
  height: 0;
}
#ui-datepicker-div table tr th {
  width: 0;
}
/*---------------------------*/

/*------------------------*/

/* Media Queries */

/*------------------------*/

@media screen and (max-width: 800px) {
  body {
    min-width: 100%;
  }
  main {
    padding-top: 3rem;
  }
  #secondary-nav,
  #main-nav,
  .breadcrumbs {
    display: none;
  }
  .col-3-a,
  .col-4-a,
  .col-9,
  .col-9-a,
  .col-10,
  .col-11,
  .col-12,
  .col-13,
  .col-14,
  .col-15,
  .col-16,
  .col-17,
  .col-18,
  .col-19,
  .col-20,
  .col-21,
  .col-22,
  .col-23,
  .col-24,
  .col-25,
  .col-26,
  .col-27,
  .col-28 {
    display: block;
    margin-left: 0;
    width: 100%;
  }
  .alternate-background {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .relative-container.content-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  /*Mobile Header*/
  #general-hero-wrapper {
    height: initial;
  }
  header #hero-banner,
  header #hero-banner #general-hero-wrapper {
    min-height: initial;
    height: 12.5rem;
  }
  #hero-banner #general-hero-wrapper #heading-wrapper {
    display: none;
  }
  #hero-banner #general-hero-wrapper .doc-logo,
  #hero-banner #general-hero-wrapper #heading-wrapper a {
    display: none;
  }
  #mobile-page-heading {
    display: block;
    margin-bottom: 3rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  /*Mobile Nav*/
  .mobile-nav-open {
    overflow: hidden;
  }
  #mobile-nav {
    display: block;
  }
  #locate-offender-mobile {
    display: block;
  }
  .mobile-nav-window {
    display: none;
    right: -1300px;
    position: fixed;
    top: 2rem;
    width: 100%;
    z-index: 110;
  }
  .flyout-level {
    background-color: #fff;
    box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.5);
    display: block;
    height: 80vh;
    opacity: 1;
    overflow: scroll;
    padding: 4rem 0 6rem 0;
  }
  .close-mobile-nav {
    background-color: transparent;
    background-image: url(../images/modals/close-x.svg);
    background-repeat: no-repeat;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    height: 4rem;
    position: absolute;
    right: 0;
    top: -2rem;
    width: 4rem;
    z-index: 500;
  }
  /* Footer Mobile */
  footer #footer-social,
  footer #footer-policies,
  footer #footer-additional,
  footer .vcard {
    display: block;
    margin: 0;
    width: 100%;
  }
  footer #footer-social,
  footer #footer-policies,
  footer .vcard {
    margin-bottom: 6rem;
  }
  footer #footer-social li {
    margin-right: 2rem;
  }
  #footer-additional a span {
    margin-left: 4rem;
    text-align: left;
    width: auto;
    /*For IE and Edge*/
    width: initial;
  }
  .content-wrapper {
    margin-right: 0;
    margin-left: 0;
    padding-right: 2rem;
    padding-left: 2rem;
    width: auto;
    /*For IE and Edge*/
    width: initial;
  }
  /* Sidebars Mobile */
  #sidebars {
    padding: 0;
  }
  /* sidebar nav mobile */
  .sidebar-nav {
    display: none;
  }
  .with-sidebar-nav {
    padding-top: 3rem;
    width: auto;
    /*For IE and Edge*/
    width: initial;
  }
  .with-sidebar-nav .col-19 > * {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  /* Left sidebar mobile */
  aside.left-sidebar {
    float: none;
    margin-bottom: 0;
    margin-left: 0;
    width: 100%;
  }
  aside.left-sidebar #hcard-main-contact {
    background-color: #202d3a;
    margin-bottom: 0;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  aside.left-sidebar .alert-callout,
  aside.left-sidebar .info-callout {
    margin: 4rem 2rem 4rem;
  }
  /* Drawer UI Mobile */
  .drawer {
    padding: 2rem 2rem;
    width: calc(100% - 4.2rem);
  }
  .drawer ul li {
    margin-bottom: 4rem;
  }
  /* Static Modal Mobile */
  .modal-window {
    margin-top: 2.1rem;
  }
  /* Tooltip Mobile */
  .tooltip-info {
    bottom: auto;
    left: 2rem;
    top: 2rem;
    padding: 4rem 2rem;
    position: fixed;
    width: calc(100% - 8rem);
    z-index: 100;
  }
  .tooltip-inner-content {
    max-height: 70vh;
    overflow-y: scroll;
  }
  /* Icon Lists Mobile */
  ul.icon-list .li-info,
  ul.icon-bullet-list .li-info,
  .alternate-background ul.icon-list .li-info,
  .alternate-background ul.icon-bullet-list .li-info {
    width: calc(100% - 6rem);
  }
  /* Callout List Mobile */
  .callout-list {
    margin-bottom: 4rem;
    margin-right: 0;
    width: calc(100% - 4.2rem);
  }
  .callout-list:nth-of-type(even) {
    margin-left: 0;
  }
  /* Error Pages */
  #page-not-found main,
  .error-page main {
    padding-bottom: 6rem;
    padding-top: 4rem;
  }
  .error-page h2.h1-style {
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 2rem;
  }
  /* Display on Mobile Only */
  a#in-page-contact,
  a#in-page-alert {
    display: inline-block;
  }
  a#in-page-contact:hover {
    background-color: #003768;
    color: #fff;
  }
  a#in-page-alert {
    clear: both;
  }
  #site-wide-alert {
    text-align: center;
  }
  #site-wide-alert .site-alert-text {
    margin-top: 0px;
  }
  .site-alert-header h2 {
    margin-bottom: 0.7rem !important;
  }
  #site-wide-alert .site-alert-header img {
    display: none;
  }
  .hero-heading-mobile {
    display: block;
    padding-top: 4.5rem;
    line-height: 1.9rem;
  }
  #hero-heading {
    display: none;
  }
  .site-alert-header h2 {
    margin-left: 0px !important;
    text-align: center;
  }
}
