﻿#accessibility-trigger {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background: #FFFFCC;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

#accessibility-trigger i {
    font-size: 42px;
    background: linear-gradient(145deg, #2f86c9 0%, #005ea2 55%, #003f73 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    border-radius: 50%;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.35);
}

#accessibility-trigger:hover {
    background: #F9BDBD;
}

.accessibilityModal {
    position: fixed;
    bottom: 80px;
    right: 20px;
    max-width: 450px;
    max-height: calc(100vh - 140px);
    margin-left: 20px;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    border-radius: 10px;
    background: white;
    box-shadow: 0 20px 60px rgba(0,0,0,.25);
    padding: 20px;
    opacity: 0;
    pointer-events: none;
    transform: translateY(10px);
    transition: opacity .2s ease, transform .2s ease;
    z-index: 10000;
}

.accessibilityModal::-webkit-scrollbar {
    display: none;
}

.accessibilityModal.open {
    opacity: 1;
    pointer-events: auto;
    transform: none;
}

.statementModal {
    position: fixed;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease;
    z-index: 10002;
    background: white;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 250px;
    height: fit-content;
    padding: 30px;
    border-radius: 12px;
}

.customColorModal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease;
    z-index: 10005;
}

.customColorDialog {
    background: white;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0,0,0,.25);
}

.customColorHeading {
    padding-bottom: 10px;
}

.customColorHeading span {
    font-size: 28px;
}

.customColorInput {
    display: flex;
    flex-direction: column;
    align-items: center; 
    gap: 12px;
    width: 100%;
}

.customColorInput input {
    width: 232px;
    height: 40px;
    box-sizing: border-box;  
}

.customColorDialog div button {
    color: black;
    background-color: #E9E9ED;
    width: 45px;
    height: 25px;
}

.statementModal.open, .customColorModal.open {
    opacity: 1;
    pointer-events: auto;
}

#modal-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease;
    z-index: 10000;
}

#modal-backdrop.open {
    opacity: 1;
    pointer-events: auto;
}

#statementModal .close {
    font-size: 32pt;
    font-weight: bold;
    border: 0;
    background: transparent;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9999;
    color: gainsboro;
    cursor: pointer;
    outline: none;
}

#statementModal .close:hover {
    opacity: .7;
}

body.modal-open {
    overflow: hidden;
}

.accessibilityModal h2 {
    font-size: 36px;
    text-align: center;
    color: black;
}

.accessibilityModal p,
.accessibilityModal .block-title {
    color: black;
}

.accessibilityModal .block-title {
    font-size: 28px;
    padding-left: 30px;
    font-family: 'IM Fell DW Pica', serif;
}

.accessibility-statement {
    display: grid;
    width: inherit;
    justify-items: center;
    text-decoration: none;
    outline: none;
}

.accessibility-utilities, .contrast-accessible,
.assistive-overlay {
    max-width: 500px;
}

.accessibility-utilities, .contrast-accessible,
.assistive-overlay, .content-adjustments,
.color-adjustments {
    display: flex;
    gap: 30px;
    padding: 10px 0 30px 30px;
}

.accessibility-utilities, .contrast-accessible,
.assistive-overlay, .content-adjustments {
    flex-wrap: wrap;
}

.accessibilityModal .fa-solid {
    font-size: 36px;
    color: #4d23d5;
}

.accessibility-statement, .reset-settings-container,
.light-mode-container, .dark-mode-container,
.big-cursor-container, .highlight-focus-container,
.reading-mask-container, .disable-animation-container {
    width: 115px;
    height: 66px;
    background-color: #C3CDE6;
    border: 2px solid transparent;
    border-radius: 10px;
    padding: 10px 15px;
    display: grid;
    justify-content: center;
    box-shadow: 1px 1px 5px black;
    cursor: pointer;
}

.accessibility-statement:hover, .reset-settings-container:hover,
.light-mode-container:hover, .dark-mode-container:hover,
.big-cursor-container:hover, .highlight-focus-container:hover,
.reading-mask-container:hover, .disable-animation-container:hover {
    border: 2px solid black;
}

.suggested-fonts-container, .font-resize-container,
.line-height-container, .paragraph-spacing-container,
.letter-spacing-container, .word-spacing-container,
.heading-color-container, .link-color-container,
.text-color-container, .background-color-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 157px;
    height: 80px;
    background-color: #C3CDE6;
    border-radius: 10px;
    padding: 10px 15px;
    box-shadow: 1px 1px 5px black;
    cursor: pointer;
}

.suggested-fonts-container .suggested-fonts-text,
.font-resize-text, .line-height-text, .paragraph-spacing-text,
.letter-spacing-text, .word-spacing-text {
    display: flex;
    place-items: center;
}

.reset-settings, .light-mode, .dark-mode, .big-cursor,
.highlight-focus, .reading-mask, .disable-animation {
    display: grid;
    justify-items: center;
    width: inherit;
}

#highlight-focus-overlay {
    position: fixed;
    pointer-events: none;
    z-index: 9999;
    border: 3px solid #ff8c00;
    background-color: rgba(255, 80, 80, 0.15);
    box-sizing: border-box;
    display: none;
}

.suggested-fonts-select {
    padding-top: 10px;
}

.suggested-fonts-select select {
    width: 125px;
    height: 31px;
    outline: none;
}

.suggested-fonts-select select, div.suggested-fonts-select select option {
    padding-left: 5px;
}

.font-resize-text .fa-solid:first-of-type, .line-height-text .fa-solid:first-of-type,
.paragraph-spacing-text i:first-of-type, .letter-spacing-text .fa-solid:first-of-type {
    margin: 0;
}

.font-resize-text .fa-font {
    width: 31.5px;
}

.font-resize-text .fa-arrows-up-down {
    width: 12px;
}

.font-resize-text .fa-solid:nth-child(2), .line-height-text .fa-solid:nth-child(2) {
    font-size: 24px;
    margin: 0 10px 0 3px;
}

.line-height-text .fa-arrows-up-down, .paragraph-spacing-text .fa-arrows-up-down {
    width: 18px;
}

.line-height-text .fa-bars, .letter-spacing-text .fa-font {
    width: 21px;
}

.paragraph-spacing-text div {
    width: 30px;
}

.paragraph-spacing-text p {
    width: 113px;
}

.paragraph-spacing-text div .fa-solid {
    font-size: 18px;
    margin: 0 10px 0 3px;
}

.paragraph-spacing-text .fa-bars {
    width: 15.75px;
}

.letter-spacing-container .icon-container {
    height: 44.41px;
}

.letter-spacing-text .fa-solid:nth-child(2):not(.letter-chars .fa-solid) {
    font-size: 18px;
    transform: scaleX(1.5);
    margin-left: 12px;
}

.letter-spacing-text .letter-chars .fa-solid:nth-child(1) {
    font-size: 24px;
}

.letter-spacing-text .letter-chars .fa-solid:nth-child(2) {
    font-size: 18px;
    margin: 0 3px 0 0;
}

.word-spacing-container .icon-container {
    width: 40px;
    height: 44.41px;
    margin-right: 5px;
}

.word-spacing-container .icon-container span {
    font-size: 18px;
    font-weight: bold;
    color:#4d23d5; 
}

.word-spacing-container .icon-container .fa-solid {
    margin: 0;
    font-size: 18px;
    transform: scaleX(1.5);
    margin-left: 7px;
}

.color-adjustments {
    flex-wrap: wrap;
}

.font-resize-slider, .line-height-slider {
    width: 100%;
    padding-top: 15px;
}

.paragraph-spacing-slider, .letter-spacing-slider, .word-spacing-slider {
    width: 100%;
    padding-top: 10px;
}

[class$="-slider"] button {
    background-color: gainsboro;
}

[class$="-slider"] button, [class$="-color-picker"] button {
    border: 0;
    border-radius: 40px;
    width: 19px;
    height: 19px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

[class$="-slider"] button:hover, [class$="-color-picker"] button:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

[class$="-slider"] .fa-solid {
    display: contents;
    color: black;
    font-size: smaller;
}

.arrow-button-decrease {
    float: left;
}

.arrow-button-increase {
    float: right;
}

.slider-value-container {
    display: flex;
    justify-content: center;
}

.heading-color-picker button, .link-color-picker button, .text-color-picker button,
.background-color-picker button {
    margin: 0;
}

[class*="color-picker"] {
    padding-top: 15px;
}

/** Begin light mode style **/
.light-mode-enabled .agency-header.agency-library {
    background: white;
}

.light-mode-enabled :is(
    .agency-header .agency-navigation .nav-item, 
    .agency-header .agency-navigation .nav-logo .nav-logo-text 
) {
    color: black;
}

.light-mode-enabled .agency-header .nav-logo-image.logo-ingov {
    filter: invert(1);
}

.light-mode-enabled :is( 
    .top-bar,
    .home-page, 
    .body-container,
    .library-footer 
) {
    background-color: #FFFFFF;
}

.light-mode-enabled .top-bar {
    padding-top: 10px;
}

.light-mode-enabled .top-bar li {
    border-left: solid 1px #D0D4DA;
}

.light-mode-enabled :is(
    h1,
    h2:not(.accessibilityModal, .site-title) h2,
    h3,
    h4,
    label:not(.radio td label),
    .home-page .intro h1,
    table tr th,
    table.library-footer-table table.footer-table th,
    .update-panel dl dt,
    .menu-text,
    table.ui-datepicker-calendar tr th
) {
    color: #003B73;
}

.light-mode-enabled :is(
    .page-map li:not(.connector),
    .home-page .intro p,
    .admin-link span,
    .footer-tag, 
    ul:not(.validation ul) li,
    table tr td,
    .update-panel dl dd,
    fieldset.block p,
    fieldset span,
    .body p,
    .account-name p,
    .menu-item:last-child .menu-link,
    .isl-contact span,
    ol li
) {
    color: #1A1A1A;
}

.light-mode-enabled :is(
    .site-menu td, 
    .main-menu td,
    .mobile-main-navigation,
    .menu-header,
    .ui-widget-header
) {
    background-color: #F5F6F8;
}

.light-mode-enabled :is(
    .site-menu td:hover, 
    .main-menu td:hover 
) {
    background-color: #E8EBF1;
}

.light-mode-enabled :is(
    .form, 
    fieldset.form,
    table tr.header-row th,
    .update-panel,
    .button-tab-form .button-tab-view,
    .options-menu,
    .ui-datepicker
) {
    background: #D6D9DF;
}

.light-mode-enabled table tr.alt-row td {
    background-color: #F6F8FC;
}

.light-mode-enabled :is(
    .top-bar a:link,
    .top-bar a:visited,
    .page-map li a,
    .site-menu td,
    .main-menu td,
    .admin-link span a,
    table.library-footer-table table.footer-table a:link,
    table.library-footer-table table.footer-table a:visited,
    table tr th a,
    table:not(.ui-datepicker-calendar) tr td a,
    fieldset.block span a,
    .body p a,
    ul:not(.mobile-menu) li a, 
    .menu-item a:not(.login-btn a):link,
    .menu-item a:not(.login-btn a):visited
) {
    color: #005EA2;
}

.light-mode-enabled .body-container {
    border-top-color: #D0D4DA;
    border-bottom: solid 1px #D0D4DA;
}

.light-mode-enabled hr {
    background-color: #D0D4DA;
}

.light-mode-enabled :is(
    .menu-header,
    .ui-widget.ui-widget-content,
    div.update-panel,
    div.user-grid,
    table.bordered,
    div.contact-table,
    div.wikiformatting
) {
    border-color: #D0D4DA;
}

.light-mode-enabled :is( 
    .body-container button, 
    input[type=button], 
    input[type=submit]:not(.close-button),
    .home-page .intro .intro-button,
    .login-btn *,
    .ui-widget-content .ui-state-default
) {
    background: #005EA2;
    color: white;
}

.light-mode-enabled :is(
    .body-container button:hover, 
    input[type=button]:hover, 
    input[type=submit]:not(.close-button):hover,
    .home-page .intro .intro-button:hover,
    .login-btn *:hover,
    .ui-widget-content .ui-state-default:hover
){
     background: #004B85;
}

.light-mode-enabled .button-tab-form .button-tab-nav input.tab-button.active {
    background-color: #004B85;
    color: white;
}

.light-mode-enabled .button-tab-form .button-tab-nav input.tab-button.active:hover {
    background-color: #005EA2;
}

.light-mode-enabled :is(
    .form, 
    fieldset.form,
    .button-tab-form .button-tab-view,
    div.options-menu,
    .ui-widget-header
) {
    border: solid 1px #D0D4DA;
}

.light-mode-enabled :is(
    .validation ul li,
    .status
) {
    color: #8A1F11;
}

.light-mode-enabled .status {
    background-color: #FFF4C2;
    border: solid 1px #8A1F11;
}

.light-mode-enabled :is(
    input.invalid, 
    textarea.invalid, 
    select.invalid
) {
    border: solid 2px #8A1F11;
}

.light-mode-enabled .ui-widget-header .ui-icon {
    filter: hue-rotate(200deg) saturate(250%) brightness(80%);
}

.light-mode-enabled .ui-widget-header .ui-state-hover
{
    background: #004B85;
}

.light-mode-enabled .fa-facebook-f {
    background: #1B4F9C;
}

.light-mode-enabled .fa-twitter {
    background: #0A66C2;
}

.light-mode-enabled .fa-youtube {
    background: #B31217;
}

.light-mode-enabled .fa-instagram {
    background: #A13584;
}

/** End light mode style **/

/** Begin dark mode style **/

.dark-mode-enabled .agency-header.agency-library {
    background: #1C1E22;
}

.dark-mode-enabled #accessibility-trigger i {
    box-shadow: 0 6px 10px rgba(255, 255, 255, 0.35);
}

.dark-mode-enabled .site-title {
    background-color: white;
    mask-image: radial-gradient(circle, black 85%, transparent 100%);
}

.dark-mode-enabled :is(
    .agency-header .agency-navigation .nav-item,
    .agency-header .agency-navigation .nav-logo .nav-logo-text
) {
    color: #F2F2F2;
}

.dark-mode-enabled :is(
    .top-bar,
    .header,
    .home-page,
    .body-container,
    .library-footer
) {
    background-color: #1C1E22;
}

.dark-mode-enabled .top-bar {
    padding-top: 10px;
}

.dark-mode-enabled .top-bar li {
    border-left: solid 1px #3A3F48;
}

.dark-mode-enabled :is(
    h1,
    h2:not(.accessibilityModal, .site-title) h2,
    h3,
    h4,
    label:not(.radio td label),
    .home-page .intro h1,
    table tr th,
    .update-panel dl dt,
    .menu-text
) {
    color: #8FB3FF;
}

.dark-mode-enabled :is(
    .page-map li:not(.connector),
    .home-page .intro p,
    .admin-link span,
    .footer-tag,
    ul:not(.validation ul) li,
    table tr td,
    .update-panel dl dd,
    fieldset.block p,
    fieldset span,
    .body p,
    .account-name p,
    .menu-item:last-child .menu-link,
    .isl-contact span,
    ol li,
    div.hamburger-text
    
) {
    color: #F2F2F2;
}

.dark-mode-enabled :is(
    .site-menu td,
    .main-menu td,
    .mobile-main-navigation,
    .menu-header,
    .ui-widget-header
) {
    background: #2A2D33;
}

.dark-mode-enabled :is(
    .site-menu td:hover,
    .main-menu td:hover
) {
    background-color: #343842;
}

.dark-mode-enabled :is(
    .form,
    fieldset.form,
    table tr.header-row th,
    .update-panel,
    .button-tab-form .button-tab-view,
    .options-menu,
    .ui-datepicker
) {
    background: #23262C;
}

.dark-mode-enabled table.grid tr.alt-row td {
    background-color: #30343C;
}

.dark-mode-enabled :is(
    .top-bar a:link,
    .top-bar a:visited,
    .page-map li a,
    .site-menu td,
    .main-menu td,
    .admin-link span a,
    table.library-footer-table table.footer-table a:link,
    table.library-footer-table table.footer-table a:visited,
    table tr th a,
    table:not(.ui-datepicker-calendar) tr td a,
    fieldset.block span a,
    .body p a,
    ul:not(.mobile-menu) li a,
    .menu-link
) {
    color: #6CA6FF;
}

.dark-mode-enabled .body-container {
    border-top-color: #3A3F48;
    border-bottom: solid 1px #3A3F48;
}

.dark-mode-enabled hr {
    background: #3A3F48;
}

.dark-mode-enabled :is(
    .menu-header,
    .ui-widget.ui-widget-content,
    div.update-panel,
    div.user-grid,
    table.bordered,
    div.contact-table,
    div.wikiformatting
) {
    border-color: #3A3F48;
}

.dark-mode-enabled :is(
    .bar-one, 
    .font-scale-enabled .bar-one, 
    .bar-two, 
    .font-scale-enabled .bar-two, 
    .bar-three,
    .font-scale-enabled .bar-three
) {
    background: #F2F2F2;
}

.dark-mode-enabled :is(
    .body-container button,
    input[type=button],
    input[type=submit]:not(.close-button),
    .home-page .intro .intro-button,
    .login-btn *,
    .ui-widget-content .ui-state-default
) {
    background: #6CA6FF;
    color: #1C1E22;
}

.dark-mode-enabled :is(
    .body-container button:hover,
    input[type=button]:hover,
    input[type=submit]:not(.close-button):hover,
    .home-page .intro .intro-button:hover,
    .login-btn *:hover,
    .ui-widget-content .ui-state-default:hover
) {
    background-color: #8FB3FF;
}

.dark-mode-enabled .button-tab-form .button-tab-nav input.tab-button.active {
    background-color: #8FB3FF;
    color: #1C1E22;
}

.dark-mode-enabled .button-tab-form .button-tab-nav input.tab-button.active:hover {
    background-color: #6CA6FF;
}

.dark-mode-enabled :is(
    .form,
    fieldset.form,
    .button-tab-form .button-tab-view,
    div.options-menu,
    .ui-widget-header
) {
    border: solid 1px #3A3F48;
}

.dark-mode-enabled :is(
    .validation ul li,
    .status
) {
    color: #FF0966;
}

.dark-mode-enabled .status {
    background-color: #3B2F00;
    border: solid 1px #FF0966;
}

.dark-mode-enabled :is(
    input.invalid,
    textarea.invalid,
    select.invalid
) {
    border: solid 2px #FF0966;
}

.dark-mode-enabled .ui-widget-header .ui-icon {
    filter: hue-rotate(200deg) saturate(260%) brightness(105%);
}

.dark-mode-enabled .ui-widget-header .ui-state-hover {
    background: #8FB3FF;
}

.dark-mode-enabled .fa-facebook-f {
    background: #2C4F7A;
}

.dark-mode-enabled .fa-twitter {
    background: #2E5A86;
}

.dark-mode-enabled .fa-youtube {
    background: #7A2A2D;
}

.dark-mode-enabled .fa-instagram {
    background: #6A3A6C;
}

/** End dark mode style **/

/** Being big cursor **/

:root {
    --cursor-default: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M2 1 L2 27 L8 21 L14 31 L17 29 L11 19 L21 19 Z' fill='white' stroke='black' stroke-width='1'/%3E%3C/svg%3E") 2 1, auto;
    --cursor-grab: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 256 256'%3E%3Cg transform='translate(-6 0) scale(1.05 1)'%3E%3Cpath fill='%23ffffff' stroke='%23000000' stroke-width='10' stroke-linejoin='round' stroke-linecap='round' d='M216,64v90.93c0,46.2-36.85,84.55-83,85.06A83.71,83.71,0,0,1,72.6,215.4C50.79,192.33,26.15,136,26.15,136a16,16,0,0,1,6.53-22.23c7.66-4,17.1-.84,21.4,6.62l21,36.44a6.09,6.09,0,0,0,6,3.09l.12,0A8.19,8.19,0,0,0,88,151.74V48a16,16,0,0,1,16.77-16c8.61.4,15.23,7.82,15.23,16.43V112a8,8,0,0,0,8.53,8,8.17,8.17,0,0,0,7.47-8.25V32a16,16,0,0,1,16.77-16c8.61.4,15.23,7.82,15.23,16.43V120a8,8,0,0,0,8.53,8,8.17,8.17,0,0,0,7.47-8.25V64.45c0-8.61,6.62-16,15.23-16.43A16,16,0,0,1,216,64Z'/%3E%3C/g%3E%3C/svg%3E") 8 6, grab;
    --cursor-grabbing: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 256 256'%3E%3Cpath fill='%23ffffff' stroke='%23000000' stroke-width='10' stroke-linejoin='round' stroke-linecap='round' d='M216,104v48a88,88,0,0,1-176,0V136a16,16,0,0,1,32,0v8a8,8,0,0,0,16,0V88a16,16,0,0,1,32,0v16a8,8,0,0,0,16,0V88a16,16,0,0,1,32,0v16a8,8,0,0,0,16,0,16,16,0,0,1,32,0Z'/%3E%3C/svg%3E") 8 8, grabbing;
    --cursor-pointer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='white' d='M13 2C11.355469 2 10 3.355469 10 5L10 16.8125L9.34375 16.125L9.09375 15.90625C7.941406 14.753906 6.058594 14.753906 4.90625 15.90625C3.753906 17.058594 3.753906 18.941406 4.90625 20.09375L4.90625 20.125L13.09375 28.21875L13.15625 28.25L13.1875 28.3125C14.535156 29.324219 16.253906 30 18.1875 30L19.90625 30C24.441406 30 28.09375 26.347656 28.09375 21.8125L28.09375 14C28.09375 12.355469 26.738281 11 25.09375 11C24.667969 11 24.273438 11.117188 23.90625 11.28125C23.578125 9.980469 22.394531 9 21 9C20.234375 9 19.53125 9.300781 19 9.78125C18.46875 9.300781 17.765625 9 17 9C16.648438 9 16.316406 9.074219 16 9.1875L16 5C16 3.355469 14.644531 2 13 2Z'/%3E%3Cpath fill='none' stroke='black' stroke-width='1' d='M13 2C11.355469 2 10 3.355469 10 5L10 16.8125L9.34375 16.125L9.09375 15.90625C7.941406 14.753906 6.058594 14.753906 4.90625 15.90625C3.753906 17.058594 3.753906 18.941406 4.90625 20.09375L4.90625 20.125L13.09375 28.21875L13.15625 28.25L13.1875 28.3125C14.535156 29.324219 16.253906 30 18.1875 30L19.90625 30C24.441406 30 28.09375 26.347656 28.09375 21.8125L28.09375 14C28.09375 12.355469 26.738281 11 25.09375 11C24.667969 11 24.273438 11.117188 23.90625 11.28125C23.578125 9.980469 22.394531 9 21 9C20.234375 9 19.53125 9.300781 19 9.78125C18.46875 9.300781 17.765625 9 17 9C16.648438 9 16.316406 9.074219 16 9.1875L16 5C16 3.355469 14.644531 2 13 2Z'/%3E%3C/svg%3E") 13 2, auto;
    --cursor-text: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12,13 L12,5.5 C12,4.67157288 11.3284271,4 10.5,4 L9.5,4 C9.22385763,4 9,3.77614237 9,3.5 C9,3.22385763 9.22385763,3 9.5,3 L10.5,3 C11.3177995,3 12.0438856,3.39267155 12.5,3.99975627 C12.9561144,3.39267155 13.6822005,3 14.5,3 L15.5,3 C15.7761424,3 16,3.22385763 16,3.5 C16,3.77614237 15.7761424,4 15.5,4 L14.5,4 C13.6715729,4 13,4.67157288 13,5.5 L13,19.5 C13,20.3284271 13.6715729,21 14.5,21 L15.5,21 C15.7761424,21 16,21.2238576 16,21.5 C16,21.7761424 15.7761424,22 15.5,22 L14.5,22 C13.6822005,22 12.9561144,21.6073285 12.5,21.0002437 C12.0438856,21.6073285 11.3177995,22 10.5,22 L9.5,22 C9.22385763,22 9,21.7761424 9,21.5 C9,21.2238576 9.22385763,21 9.5,21 L10.5,21 C11.3284271,21 12,20.3284271 12,19.5 L12,13 Z'/%3E%3Cpath fill='black' stroke='none' d='M12,13 L12,5.5 C12,4.67157288 11.3284271,4 10.5,4 L9.5,4 C9.22385763,4 9,3.77614237 9,3.5 C9,3.22385763 9.22385763,3 9.5,3 L10.5,3 C11.3177995,3 12.0438856,3.39267155 12.5,3.99975627 C12.9561144,3.39267155 13.6822005,3 14.5,3 L15.5,3 C15.7761424,3 16,3.22385763 16,3.5 C16,3.77614237 15.7761424,4 15.5,4 L14.5,4 C13.6715729,4 13,4.67157288 13,5.5 L13,19.5 C13,20.3284271 13.6715729,21 14.5,21 L15.5,21 C15.7761424,21 16,21.2238576 16,21.5 C16,21.7761424 15.7761424,22 15.5,22 L14.5,22 C13.6822005,22 12.9561144,21.6073285 12.5,21.0002437 C12.0438856,21.6073285 11.3177995,22 10.5,22 L9.5,22 C9.22385763,22 9,21.7761424 9,21.5 C9,21.2238576 9.22385763,21 9.5,21 L10.5,21 C11.3284271,21 12,20.3284271 12,19.5 L12,13 Z'/%3E%3C/svg%3E") 12 12, text;
}

body.big-cursor-enabled,
body.big-cursor-enabled :is(
    select,
    input[type=radio]
) {
    cursor: var(--cursor-default);
}

.big-cursor-enabled :is( 
    button,
    button i,
    input[type=button],
    input[type=submit]:not(.close-button),
    .home-page .intro .intro-button,
    .login-btn *,
    .ui-widget-content .ui-state-default,
    .top-bar a:link,
    .top-bar a:visited,
    .page-map li a,
    .site-menu td,
    .main-menu td,
    .admin-link span a,
    table.library-footer-table table.footer-table a:link,
    table.library-footer-table table.footer-table a:visited,
    table tr th a,
    table:not(.ui-datepicker-calendar) tr td a,
    fieldset.block span a,
    .body p a,
    ul:not(.mobile-menu) li a,
    a:not(.site-title a),
    .site-title a img,
    .menu-link
) {
    cursor: var(--cursor-pointer);
}

body.big-cursor-enabled :is(
    h1,
    h2,
    h3,
    h4,
    p,
    label,
    ul li,
    dt,
    dd,
    div.status,
    table tr th,
    table tr td,
    input[type="text"],
    input[type="password"],
    textarea,
    .isl-contact
) {
    cursor: var(--cursor-text);
}

/** End big cursor **/

/** Being reading mask **/

.reading-mask-overlay {
    position: fixed;
    inset: 0;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.6);
    display: none;
    z-index: 9998;
    mask-image: linear-gradient(to bottom, black calc(var(--strip-top, 50%) - 6em), transparent calc(var(--strip-top, 50%) - 6em), transparent calc(var(--strip-top, 50%) + 6em), black calc(var(--strip-top, 50%) + 6em) );
    mask-composite: exclude;
    mask-repeat: no-repeat;
    mask-mode: alpha;
    mask-size: 100% 100%;
    /* Safari/WebKit Support */
    -webkit-mask-image: linear-gradient(to bottom, black calc(var(--strip-top, 50%) - 6em), transparent calc(var(--strip-top, 50%) - 6em), transparent calc(var(--strip-top, 50%) + 6em), black calc(var(--strip-top, 50%) + 6em) );
    -webkit-mask-composite: destination-out;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
}

/** End reading mask **/

/** Begin disable animation **/

body.disable-animation-enabled :is(
    .bar-one,
    .bar-two,
    .bar-three,
    .mobile-main-navigation,
    .accessibilityModal,
    .statementModal,
    .customColorModal,
    #modal-backdrop,
    [class$="-slider"] button,
    [class$="-color-picker"] button
) {
    transition: none;
}

body.disable-animation-enabled :is(
    .mobile-main-navigation,
    .accessibilityModal,
    [class$="-slider"] button,
    [class$="-color-picker"] button
) {
    transform: none;
}

/** End disable animation **/

/** Begin font style adjustment **/

.font-adjust-enabled :is(
    .top-bar,
    .header, 
    .body-container, 
    .footer
) :not([class*="fa-"]) {
    font-family: var(--user-font), sans-serif !important;
}

/** End font style adjustment **/

/** Begin font resize adjustment **/

.font-resize-slider .slider-value::before {
    content: var(--font-scale-slider-text);
}

.font-scale-enabled :is(
    .top-bar, 
    ul.main-menu,
    .account-name
) {
    display: none;
}

.font-scale-enabled .login-btn {
    margin: 0 20px;
    width: 140px;
    height: 30px;
    background: #3663ae;
    box-shadow: 1px 1px 2px black;
    color: white;
    top: 26px;
    position: absolute;
}

.font-scale-enabled .login-btn:hover {
    background-color: #5e82be;
    cursor: pointer;
}

.font-scale-enabled .login-btn a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    color: white;
}

.font-scale-enabled .login-btn a:hover {
    text-decoration: none;
}

.font-scale-enabled .mobile-toggle {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 2rem;
    height: 2rem;
    background: transparent;
    z-index: 9999999;
    right: 21px;
    top: 76px;
    position: absolute;
    z-index: 11;
}

.font-scale-enabled .hamburger-text {
    display: block;
    right: 26px;
    top: 63px;
    position: absolute;
    z-index: 9;
    font-size: 14px;
}

.font-scale-enabled div.mobile-main-navigation {
    display: block;
    visibility: hidden;
}

.font-scale-enabled .bar-one,
.font-scale-enabled .bar-two,
.font-scale-enabled .bar-three {
    width: 2rem;
    height: 0.25rem;
    background: #333b54;
    border-radius: 10px;
    position: relative;
    transform-origin: 1px;
    box-shadow: 0.1px 0.1px 0px white;
    transition: all 0.3s linear;
}

.font-scale-enabled .bar-two {
    width: 1.5rem;
}

.font-scale-enabled .bar-one {
    transform: rotate(0);
}

.font-scale-enabled .bar-two {
    opacity: 1;
    transform: translateX(0);
}

.font-scale-enabled .bar-three {
    transform: rotate(0);
}

.font-scale-enabled .open.bar-one {
    transform: rotate(45deg);
}

.font-scale-enabled .open.bar-two {
    opacity: 0;
    transform: translateX(20px);
}

.font-scale-enabled .open.bar-three {
    transform: rotate(-45deg);
}

.font-scale-enabled .mobile-main-navigation {
    background-color: #2A4D87;
    box-shadow: 0px 2px 6px black;
    overflow-y: hidden;
    position: fixed;
    top: 50px;
    right: 0;
    z-index: 0;
    transition: all .25s linear;
    height: 95vh;
}

.font-scale-enabled .mobile-main-navigation {
    opacity: 0;
    transform: translateX(-80px);
}

.font-scale-enabled .animated.mobile-main-navigation {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
    overflow-y: scroll;
    z-index: 10;
}

.font-scale-enabled .animated.mobile-main-navigation .menu-link-item:hover {
    cursor: pointer;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.font-scale-enabled .mobile-main-navigation::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.font-scale-enabled .mobile-main-navigation {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.font-scale-enabled .mobile-menu {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    width: 270px;
}

.font-scale-enabled .menu-item:nth-child(1) {
    height: 78px;
}

.font-scale-enabled .menu-text {
    color: #AE8534;
    font-family: Trebuchet MS, Sans-Serif;
    font-size: 18px;
    font-weight: 900;
}

.font-scale-enabled .menu-link {
    display: flex;
    align-items: center;
    min-height: 40px;
    height: auto;
    padding: 0 20px;
    color: #EBBB99;
}

.font-scale-enabled .menu-item:not(.menu-item:nth-last-child(1)) .menu-link:not(.menu-header):hover {
    color: #9999FF;
    text-decoration: underline;
}

.font-scale-enabled .menu-header {
    min-height: 50px;
    height: auto;
    background-color: #1e3760;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    margin-bottom: 8px;
    cursor: text;
}

.font-scale-enabled .socials {
    padding: 20px 0 0 20px;
    text-align: left;
}

.font-scale-enabled .menu-item:nth-last-child(1) {
    padding: 15px 0;
}

.font-scale-enabled .menu-item:nth-last-child(1) .menu-link {
    height: fit-content;
    justify-content: left;
    cursor: text;
}

.font-scale-enabled table.library-footer-table > tbody {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
}

.font-scale-enabled :is(
    table.library-footer-table,
    table.library-footer-table table.footer-table
) {
    margin: 0 10px;
}

.font-scale-enabled table.library-footer-table tr:last-child td.library-footer-col:last-child {
    padding-left: 0; 
}

.font-scale-enabled div.footer-tag {
    display: block;
    margin: 0 30px;
}

.font-scale-enabled div.footer-tag p {
    margin: 0 0 3px 0;
}

.font-scale-enabled div.footer-tag p span {
    display: none;
}

.font-scale-enabled h1 {
    font-size: calc(24px * var(--font-scale));
    word-wrap: break-word;
}

.font-scale-enabled :is(
    table.site-menu th,
    .menu-text 
) {
    font-size: calc(18px * var(--font-scale));
}

.font-scale-enabled h2:not(:where(.accessibilityModal, .site-title, .update-panel) *) {
    font-size: calc(16px * var(--font-scale));
}

.font-scale-enabled :is(
    table.library-footer-table table.footer-table th,
    table.login label, 
    table.login tbody tr:nth-child(5) td a, 
    table.password-reset span, 
    table.recovery label,
    dl dt,
    dl dd
) {
    font-size: calc(14px * var(--font-scale));
}

.font-scale-enabled :is(
    h3,
    div.home-page div.intro-paragraph,
    select:not(#fontSelect),
    input.date,
    fieldset.block label,
) {
    font-size: calc(13px * var(--font-scale));
}

.font-scale-enabled :is(
    table:not(.site-menu) tr th,
    table tr td,
    .master-container,
    table.library-footer-table table.footer-table td,
    div.footer-tag, 
    span.footer-tag,    
    div.home-page div.intro input.intro-button,
    input[type="text"]:not(.customColorInput input[type="text"]),
    input[type="password"],
    textarea
) {
    font-size: calc(12px * var(--font-scale));
}

.font-scale-enabled :is(
    ul.page-map,
    button:not([class*="arrow-button"]):not(.customColorModal button), 
    input[type=button], 
    input[type=submit],
    div.button-tab-form div.button-tab-nav input.tab-button
) {
    font-size: calc(11px * var(--font-scale));
}

.font-scale-enabled .mobile-menu {
    width: clamp(270px, calc(270px + (var(--font-scale) - 1) * 91px), 361px);
}

.font-scale-enabled fieldset.login {
    width: min(100%, clamp(317.33px, calc(317.33px + (var(--font-scale) - 1) * 74.67px), 392px));
    margin: 0 auto;
}

.font-scale-enabled :is(
    input[type=button].submission, 
    input[type=submit].submission,
    div.home-page div.intro input.intro-button,
    input[type=button], 
    input[type=submit],
    select:not(#fontSelect)
){
    height: auto;
}

.font-scale-enabled input.date {
    width: clamp( 10.5ch, calc(5rem + (var(--font-scale) - 1) * 3.125rem), 8.125rem );
}

.font-scale-enabled .ui-datepicker {
    width: auto;
}

.font-scale-enabled .ui-icon {
    width: calc(16px * var(--font-scale));
    height: calc(16px * var(--font-scale));
    background-size: calc(256px * var(--font-scale)) calc(240px * var(--font-scale));
}

.font-scale-enabled .ui-icon-circle-triangle-w {
    background-position: calc(-82px * var(--font-scale)) calc(-192px * var(--font-scale));
}

.font-scale-enabled .ui-icon-circle-triangle-e {
    background-position: calc(-48px * var(--font-scale)) calc(-192px * var(--font-scale));
}

.font-scale-enabled :is(
    .ui-datepicker .ui-datepicker-prev span, 
    .ui-datepicker .ui-datepicker-next span 
) {
    left: 50%;
    top: 50%;
    margin: 0;
}

.font-scale-enabled .ui-datepicker .ui-datepicker-prev span {
    transform: translate(-39%, -50%);
}

.font-scale-enabled .ui-datepicker .ui-datepicker-next span {
    transform: translate(-50%, -50%);
}


.font-scale-enabled .ui-datepicker .ui-datepicker-prev {
    left: 5px;
}

.font-scale-enabled .ui-datepicker .ui-datepicker-next {
    right: 5px;
}

.font-scale-enabled :is( 
    .ui-datepicker-prev, 
    .ui-datepicker-next 
) {
    width: clamp( 1.8em, calc(1.8em + (var(--font-scale) - 1) * 0.5em), 2.3em );
    height: clamp( 1.8em, calc(1.8em + (var(--font-scale) - 1) * 0.2em), 2em );
    top: 5px;
}

.font-scale-enabled div.home-page div.intro {
    width: 465px;
}

.font-scale-enabled :is(
    table.site-menu,
    table.main-menu,
    div.main-menu-left
) {
    width: 250px;
}

.font-scale-enabled div.notification-section {
    display: flex;
    gap: 20px;
}

.font-scale-enabled :is(
    div.notification-section textarea,
    div.notification-section fieldset.inline
) {
    width: 100%;
}

.font-scale-enabled :is(
    input.integer, 
    input.numeric, 
    input.price, 
    input.method, 
    input.division, 
    input.status
) {
    width: clamp(80px, calc(80px + (var(--font-scale) - 1) * 30px), 110px);
}

/*.font-scale-enabled :is(
    input.email, 
    input.first, 
    input.last, 
    input.title, 
    input.phone, 
    input.password,
    input.address
) {
    width: 100%;
}*/

.font-scale-enabled input.phone {
    width: clamp( 100px, calc(100px + (var(--font-scale) - 1) * 100px), 200px );
}

.font-scale-enabled input.state {
    width: 25px;
}

.font-scale-enabled input.city {
    width: 168px;
}

.font-scale-enabled input.zipcode {
    width: 70px;
}

.font-scale-enabled fieldset.contact-information {
    margin-left: 0;
    margin-right: 0;
}

.font-scale-enabled div.participant-div p.print-participants-message {
    margin: 24px 0;
}

.font-scale-enabled a.fa-brands {
    font-size: clamp( 20px, calc(20px + (var(--font-scale) - 1) * 7px), 27px );
    height: clamp( 21px, calc(21px + (var(--font-scale) - 1) * 6px), 27px );
    width: clamp( 25px, calc(25px + (var(--font-scale) - 1) * 6px), 31px );
}

.font-scale-enabled .login-btn {
    width: clamp(140px, calc(140px + (var(--font-scale) - 1) * 30px), 170px);
}

.font-scale-enabled div.only-notification-users {
    margin-top: 10px;
    margin-left: 0;
}

.font-scale-enabled div.options-menu {
    width: clamp(179px, calc(179px + (var(--font-scale) - 1) * 116px), 295px);
    min-height: 101px;
    height: 100%;
    margin-top: clamp( 46px, calc( 46px + (var(--font-scale) - 1) * 12px + (var(--font-scale) - 1) * (var(--font-scale) - 1) * 16.5px ), 68px );
}

.font-scale-enabled div.user-manager div.button-tab-form div.button-tab-nav {
    width: clamp(155px, calc(155px + (var(--font-scale) - 1) * 100px), 255px);
}

.font-scale-enabled.font-adjust-enabled:is(
    [data-font="Verdana"],
    [data-font="Century Gothic"]
) div.user-manager div.button-tab-form div.button-tab-nav {
    width: clamp( 175px, calc(175px + (var(--font-scale) - 1) * 98px), 273px );
}



/** End font resize adjustment **/
/** Begin letter spacing adjustment **/
.letter-spacing-slider .slider-value::before {
    content: var(--letter-spacing-slider-text);
}

.letter-spacing-enabled :is(
    h1,
    h2:not(.accessibilityModal, .site-title) h2,
    h3,
    h4,
    p:not(.accessibilityModal, .statementModal) p,
    span:not(.accessibilityModal):not(.customColorModal):not(.menu-link) span
    div.home-page div.intro-paragraph p,
    table th,
    table td,
    ul li:not(.menu-item:nth-last-child(1)),
    .admin-link span,
    button:not(.customColorModal button):not(#accessibility-trigger), 
    input[type=button], 
    input[type=submit],
    label,
    .status,
    dl dt,
    dl dd
) {
    letter-spacing: var(--letter-spacing-scale);
}

.letter-spacing-enabled span.login-btn {
    letter-spacing: calc(1.5px + var(--letter-spacing-scale));
}

/** End letter spacing adjustment **/

/** Begin line height adjustment **/

.line-height-slider .slider-value::before {
    content: var(--line-height-slider-text);
}

.line-height-enabled :is(
    h1,
    h2:not(.accessibilityModal, .site-title) h2,
    h3,
    h4,
    p:not(.accessibilityModal, .statementModal) p,
    span:not(.accessibilityModal, .customColorModal) span,
    div.home-page div.intro-paragraph p,
    table th,
    table td,
    ul li,
    .admin-link span,
    label,
    .status,
    dl dt,
    dl dd,
    fieldset.inline

) {
    line-height: calc(1.18 * var(--line-height-scale, 1));
}

.line-height-enabled div.account-name p.current-date {
    margin-top: -22px;
}

/** End line height adjustment **/
/** Begin paragraph spacing adjustment **/
.paragraph-spacing-slider .slider-value::before {
    content: var(--paragraph-spacing-slider-text);
}

.paragraph-spacing-enabled div.home-page div.intro p {
    margin-bottom: calc(1em * var(--paragraph-spacing-scale, 1));
}

/** End paragraph spacing adjustment **/

/** Being word spacing adjustment **/

.word-spacing-slider .slider-value::before {
    content: var(--word-spacing-slider-text);
}

.word-spacing-enabled :is(
    h1,
    h2:not(.accessibilityModal, .site-title) h2,
    h3,
    h4,
    p:not(.accessibilityModal, .statementModal) p,
    span:not(.accessibilityModal):not(.customColorModal):not(.menu-link) span,
    div.home-page div.intro-paragraph p,
    table th,
    table td,
    ul li:not(.menu-item:nth-last-child(1)),
    .admin-link span,
    button:not(.customColorModal button), 
    input[type=button], 
    input[type=submit],
    .manifest-link a,
    label,
    .status,
    dl dt,
    dl dd
) {
    word-spacing: var(--word-spacing-scale);
}

/** End word spacing adjustment **/

/** Begin color select **/

.heading-color-enabled :is(
    h1,
    h2:not(.accessibilityModal, .site-title) h2,
    h3,
    h4,
    label:not(.radio td label),
    .home-page .intro h1,
    table tr th,
    table.library-footer-table table.footer-table th,
    .update-panel dl dt,
    .menu-text,
    table.ui-datepicker-calendar tr th
) {
  color: var(--heading-color) !important;
}

html.link-color-enabled :is(
    .top-bar a:link,
    .top-bar a:visited,
    .page-map li a,
    .site-menu td,
    .main-menu td,
    .admin-link span a,
    table.library-footer-table table.footer-table a:not(.fa-brands):link,
    table.library-footer-table table.footer-table a:not(.fa-brands):visited,
    table tr th a,
    table:not(.ui-datepicker-calendar) tr td a:not(.fa-brands),
    fieldset.block span a,
    .body p a,
    ul:not(.mobile-menu) li a, 
    .menu-item a:not(.login-btn a):link,
    .menu-item a:not(.login-btn a):visited
) {
  color: var(--link-color) !important;
}

html.text-color-enabled :is( 
    .page-map li:not(.connector),
    div.home-page div.intro-paragraph p,
    .admin-link span,
    .footer-tag, 
    ul:not(.validation ul) li,
    ol li,
    table tr th:not(.footer-table tr th):not(.ui-datepicker-calendar tr th):not(.site-menu tr th),
    table tr td,
    .update-panel dl dd,
    fieldset.block p,
    fieldset span,
    .body p,
    .account-name p
) {
  color: var(--text-color) !important;
}

html.background-color-enabled, html.background-color-enabled :is(
    .home-page, 
    .body-container
) {
	background: var(--background-color);
}


/** End color select **/

.light-mode-enabled .light-mode-container,
.dark-mode-enabled .dark-mode-container,
body.big-cursor-enabled .big-cursor-container,
body.reading-mask-enabled .reading-mask-container,
body.highlight-focus-enabled .highlight-focus-container,
body.disable-animation-enabled .disable-animation-container {
    border: 2px solid black;
}

/*****************End Accessibility*******************/

/*****************Breakpoints Start*******************/

@media only screen and (max-width: 991px) {
    
    .font-adjust-enabled.letter-spacing-enabled:is(
        [data-font="Verdana"],
        [data-font="Century Gothic"],
        [data-font="Open Sans"]
    ) table.library-footer-table > tbody {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }

    .font-adjust-enabled.letter-spacing-enabled:is(
        [data-font="Verdana"],
        [data-font="Century Gothic"],
        [data-font="Open Sans"]
    ) :is(
        table.library-footer-table,
        table.library-footer-table table.footer-table
    ) {
        margin: 0 10px;
    }

    .font-adjust-enabled.letter-spacing-enabled:is(
        [data-font="Verdana"],
        [data-font="Century Gothic"],
        [data-font="Open Sans"]
    ) table.library-footer-table tr:last-child td.library-footer-col:last-child {
        padding-left: 0;
    }

    .font-adjust-enabled.letter-spacing-enabled:is(
        [data-font="Verdana"],
        [data-font="Century Gothic"],
        [data-font="Open Sans"]
    ) div.footer-tag {
        display: block;
        margin: 0 30px;
    }

    .font-adjust-enabled.letter-spacing-enabled:is(
        [data-font="Verdana"],
        [data-font="Century Gothic"],
        [data-font="Open Sans"]
    ) div.footer-tag p {
        margin: 0 0 3px 0;
    }

    .font-adjust-enabled.letter-spacing-enabled:is(
        [data-font="Verdana"],
        [data-font="Century Gothic"],
        [data-font="Open Sans"]
    ) div.footer-tag p span {
        display: none;
    }
}

@media only screen and (max-width: 863px) {
    :is(
      .letter-spacing-enabled,
      .word-spacing-enabled,
      .font-adjust-enabled:is(
        [data-font="Verdana"],
        [data-font="Century Gothic"],
        [data-font="Open Sans"]
      )
    ) table.library-footer-table > tbody {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    :is(
      .letter-spacing-enabled,
      .word-spacing-enabled,
      .font-adjust-enabled:is(
        [data-font="Verdana"],
        [data-font="Century Gothic"],
        [data-font="Open Sans"]
      )
    ) :is(
        table.library-footer-table,
        table.library-footer-table table.footer-table
    ) {
        margin: 0 10px;
    }

    :is(
      .letter-spacing-enabled,
      .word-spacing-enabled,
      .font-adjust-enabled:is(
        [data-font="Verdana"],
        [data-font="Century Gothic"],
        [data-font="Open Sans"]
      )
    ) table.library-footer-table tr:last-child td.library-footer-col:last-child {
        padding-left: 0;
    }

    :is(
      .letter-spacing-enabled,
      .word-spacing-enabled,
      .font-adjust-enabled:is(
        [data-font="Verdana"],
        [data-font="Century Gothic"],
        [data-font="Open Sans"]
      )
    ) div.footer-tag {
        display: block;
        margin: 0 30px;
    }

    :is(
      .letter-spacing-enabled,
      .word-spacing-enabled,
      .font-adjust-enabled:is(
        [data-font="Verdana"],
        [data-font="Century Gothic"],
        [data-font="Open Sans"]
      )
    ) div.footer-tag p {
        margin: 0 0 3px 0;
    }

    :is(
      .letter-spacing-enabled,
      .word-spacing-enabled,
      .font-adjust-enabled:is(
        [data-font="Verdana"],
        [data-font="Century Gothic"],
        [data-font="Open Sans"]
      )
    ) div.footer-tag p span {
        display: none;
    }

    .font-scale-enabled div.home-page div.intro {
        width: 100%;
    }

}

@media only screen and (max-width: 682px) {
   
    .font-scale-enabled div.notification-section {
        flex-direction: column;
    }

    .font-scale-enabled div.notification-section .notification-dates {
        flex: none;
        width: 100%;
    }

    .font-scale-enabled :is(
        div.user-manager div.button-tab-form div.button-tab-view input.button-tab-nav-control,
        div.user-manager h2
    ) {
        float: none;    
    }

    .font-scale-enabled div.user-manager div.button-tab-form div.button-tab-view input.button-tab-nav-control {
        margin: 0;
    }

    .font-scale-enabled div.user-manager h2 {
        margin-top: 10px;
    }

}

@media only screen and (max-width: 600px) {

    .font-scale-enabled fieldset.contact-information {
        max-width: 450px;
    }

    .font-scale-enabled .mobile-menu {
        width: 100%;
    }

}

@media only screen and (max-width: 400px) {
    .accessibilityModal .block-title {
        padding-left: 0;
        font-size: 25px;
    }
}