/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Start Accessibility Menu OffCanvas
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.offcanvas{
z-index: 99999;
background: #EFF1F5;
}
.offcanvas-backdrop.show {
opacity: 0 !important;
}
.no-border {
border-width: 0;
background-color: #FFF;
}
h4#offcanvasRightLabel {
font-size: 1.4rem !important;
}
#chcp_font_size button:hover {
color: #EB7B30;
}
#btn-decrease {
font-size: 1.2rem;
}
#btn-orig {
font-size: 1.4rem;
}
#btn-increase {
font-size: 1.6rem;
}
.dyslexia-mode {
letter-spacing: 0.35ch;
word-spacing: 1.225ch; /* 3.5x letter-spacing */
font-variant-ligatures: none; /* explicitly disable ligatures */
font-weight: 600; /* demi-bold */
font-size: 150%; /* assuming 16px base size, convert to 18pt */
}
.dyslexia-mode main {
line-height: 2.0;
}
.dyslexia-mode main p {
margin-top: 3.5em;
}
.dyslexia-mode strong {
color: #000;
}
.dyslexia-mode h2 {
border: none; border-bottom: thin grey solid; /* just keeping the bottom border for this element, to retain some separation */
max-width: 100%; /* standard width */
transform: none; /* do not rotate */
background-color: inherit; /* We no longer look like a label, so we don't require our own background */
margin-bottom: 1em; padding-left:0; /* some spacing adjustments */
}
.dyslexia-mode #dyslexia-toggle {
color: #000000;
}
img.acsb-widget_icon {
max-width: 2.5rem;
width: 100%;
background: #fff;
}
.acsb-widget-item {
position: relative;
width: 100%;
height: 114px;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
-webkit-appearance: none;
cursor: pointer;
background: #fff;
border-radius: 12px;
border: 2px solid #fff;
padding: 0.3125rem 0.625rem;
transition: border-color 0.15s ease;
}
.acsb-widget-item_name {
font-size: 1rem;
letter-spacing: -.00937rem;
color: #000;
font-weight: 600;
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.acsb-trigger .acsb-trigger-icon {
position: static !important;
}
.acsb-trigger.acsb-trigger-size-medium {
width: 45px;
height: 45px;
}
.acsb-trigger.acsb-ready {
display: block !important;
}
.acsb-trigger:active {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.acsb-trigger {
z-index: 99999999;
background-color: #146FF8 !important;
}
.acsb-trigger {
position: fixed;
display: none !important;
visibility: visible;
cursor: pointer;
box-sizing: border-box;
opacity: 1;
line-height: 1;
outline: none 0 !important;
overflow: visible !important;
background-color: #146ff8;
z-index: 999999999999;
-webkit-transition: all .15s ease;
-moz-transition: all .15s ease;
-o-transition: all .15s ease;
transition: all .15s ease;
}
.acsb-trigger .acsb-actions-active-icon {
display: none;
position: absolute;
bottom: 0;
left: -5px;
width: 22px;
height: 22px;
border-radius: 50%;
line-height: 1;
border: solid 2px #146ff8;
background-color: #fff !important;
}
.acsb-trigger .acsb-actions-active-icon {
border-color: #146FF8 !important;
}
.acsb-trigger * {
box-sizing: border-box !important;
}
.acsb-trigger .acsb-trigger-icon svg, .acsb-trigger .acsb-trigger-icon img, .acsb-trigger .acsb-trigger-icon .acsb-entity {
position: absolute;
max-width: 65% !important;
max-height: 65% !important;
overflow: visible !important;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
visibility: visible;
opacity: 1;
}
.acsb-trigger .acsb-trigger-icon svg path, .acsb-trigger .acsb-trigger-icon svg g, .acsb-trigger .acsb-trigger-icon svg circle, .acsb-trigger .acsb-trigger-icon svg rect, .acsb-trigger .acsb-trigger-icon img path, .acsb-trigger .acsb-trigger-icon img g, .acsb-trigger .acsb-trigger-icon img circle, .acsb-trigger .acsb-trigger-icon img rect, .acsb-trigger .acsb-trigger-icon .acsb-entity path, .acsb-trigger .acsb-trigger-icon .acsb-entity g, .acsb-trigger .acsb-trigger-icon .acsb-entity circle, .acsb-trigger .acsb-trigger-icon .acsb-entity rect {
fill: #fff !important;
}
.acsb-trigger .acsb-bg-lead .acsb-trigger-size-medium .acsb-trigger-position-x-right .acsb-trigger-position-y-bottom .acsb-ready {
display: none; inset: auto 20px 20px auto; border-radius: 50%;
}
p, h1, h2, h3, h4, ul {
letter-spacing: normal; /* Set the original letter spacing */
transition: letter-spacing 0.5s; /* Add a transition effect */
}
.hidden {
display: none;
}
.state {
display: inline-block;
margin-right: 10px;
}
.lineheight-active, .align-active, .spacing-active {
font-weight: bold; /* Apply a visual indicator to the active size */
}
.indicator {
display: none;
}
.grayscale-active #onIndicator {
display: inline;
}
.grayscale-inactive #offIndicator {
display: inline;
}
.underline-bold {
text-decoration: underline !important;
font-weight: bold;
}
.acsb-steps {
display: flex;
width: 100%;
margin: 0 -0.15625rem;
opacity: 1;
visibility: visible;
}
.acsb-item-icon {
height: .9rem;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0.4375rem;
margin-top: 1.0625rem;
background: #fff;
}
.size, .alignment, .spacing, .indicator, .inactive-link, .state, .show-image, #status-indicator {
width: 100%;
padding: 0 0.15625rem;
font-size: .9rem;
text-align: center;
}
.acsb-icon {
background-color: #000;
display: inline-block;
width: 24px;
height: 24px;
mask-size: cover;
-webkit-mask-size: cover;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.icon-dyslexia {
width: 1.875rem;
height: 1.375rem;
}
.icon-dyslexia {
mask-image: url('data:image/svg+xml;utf-8,');
-webkit-mask-image: url('data:image/svg+xml;utf-8,');
}
span.acsb-icon.icon-hide-images {}
.icon-highlight-links {
width: 2.25rem;
height: 0.9375rem;
}
.icon-highlight-links {
mask-image: url('data:image/svg+xml;utf-8,');
-webkit-mask-image: url('data:image/svg+xml;utf-8,');
}
.icon-hide-images {
width: 2.25rem;
height: 1.9375rem;
}
.icon-hide-images {
mask-image: url('data:image/svg+xml;utf-8,');
-webkit-mask-image: url('data:image/svg+xml;utf-8,');
}
.icon-line-height {
width: 2.84rem;
height: 1.4325rem;
}
.icon-line-height {
mask-image: url('data:image/svg+xml;utf-8,');
-webkit-mask-image: url('data:image/svg+xml;utf-8,');
}
.icon-spacing {
width: 3.1875rem;
height: 0.8125rem;
}
.icon-spacing {
mask-image: url('data:image/svg+xml;utf-8,');
-webkit-mask-image: url('data:image/svg+xml;utf-8,');
}
.icon-text-align {
width: 1.875rem;
height: 1.375rem;
}
.icon-text-align {
mask-image: url('data:image/svg+xml;utf-8,');
-webkit-mask-image: url('data:image/svg+xml;utf-8,');
}
.icon-contrast {
width: 1.75rem;
height: 1.75rem;
}
.icon-contrast {
mask-image: url('data:image/svg+xml;utf-8,');
-webkit-mask-image: url('data:image/svg+xml;utf-8,');
}
.icon-saturation {
width: 1.15625rem;
height: 1.625rem;
}
.icon-saturation {
mask-image: url('data:image/svg+xml;utf-8,');
-webkit-mask-image: url('data:image/svg+xml;utf-8,');
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
End Accessibility Menu OffCanvas
–––––––––––––––––––––––––––––––––––––––––––––––––– */