.accessibilityBtn
{
    transition: opacity 0.3s;
    background: #404040;
    border-radius: 4px 4px 0 0;
    bottom: 0;
    color: #FFF;
    display: block;
    height: 9px;
    padding: 10px 10px 35px;
    position: fixed;
    left: 10px;
    text-align: center;
    text-decoration: none;
    min-width: 50px;
    z-index: 1041;
    font-size: 1em;
}
.accessibilityBtn:focus {outline: 1px solid !important; outline-offset: 3px; outline-color: #000 !important;}
.accessibilityBtn:hover {color: #FFF; background: #000;}

@font-face {
    font-family: 'OpenDyslexicMono';
    src: url("/css/fonts/OpenDyslexicMono-Regular.otf") format("opentype");
}
html.accessDyslexic body {
	font-family: 'OpenDyslexicMono', "Poppins", Arial, sans-serif;
}
html.accessDyslexic .main
{
	font-family: 'OpenDyslexicMono', Phenomena, Arial, sans-serif;
}
html.accessDyslexic .main h1, html.accessDyslexic .main h2, html.accessDyslexic .main h3, html.accessDyslexic .main h4, html.accessDyslexic .main h5, html.accessDyslexic .main h6
{
	font-family: 'OpenDyslexicMono', Phenomena, Arial, sans-serif;
}
html.accessDyslexic p {line-height: 1.8rem;}

html.accessFontPlus1 #header .header-nav-main nav > ul > li > a {font-size: 0.9rem;}
html.accessFontPlus1 body {font-size: 1.3rem; line-height: 1.6rem;}
html.accessFontPlus1 .main {font-size: 1.4rem;}
html.accessFontPlus1 .dateBox .daytxt {font-size: 1.5rem; line-height: 1.6rem;}
html.accessFontPlus1 .dateBox .daynum {font-size: 2.5em; line-height: 1.8em;}
html.accessFontPlus1 .dateBox .month {font-size: 1.8rem; line-height: 1.9rem;}
html.accessFontPlus1 div.featured-box.calendarListIcon .icon-featured {font-size: 1.8em; line-height: 4.7rem; width: 4.8rem; height: 4.8rem;}
html.accessFontPlus1 .list li.longEvent {font-size: 1.4rem;}
html.accessFontPlus1 p {line-height: 1.8rem;}
html.accessFontPlus1 aside ul.nav-list > li > a {font-size: 1.2rem;}
html.accessFontPlus1 ul.nav-list li a {font-size: 1.2rem; line-height: 1.3rem;}
html.accessFontPlus1 h4 {font-size: 1.5rem; line-height: 1.8rem;}
html.accessFontPlus1 .accessibilityBtn {height: 59px;}
html.accessFontPlus1 .page-header h1 {font-size: 3.1rem; line-height: 1.1;}
html.accessFontPlus1 aside .eventDetailSide div.pb-1 {padding-bottom: 0.65rem !important;}
html.accessFontPlus1 .header-top nav.header-nav-top ul li:not(#liLanguageSelect) {display: none !important;}
html.accessFontPlus1 #header .header-nav-top .dropdown .dropdown-item {font-size: 1.2rem;}
html.accessFontPlus1 li {line-height: 1.8rem;}

html.accessFontPlus2 #header .header-nav-main nav > ul > li > a {font-size: 1rem;}
html.accessFontPlus2 body {font-size: 1.7rem; line-height: 2rem;}
html.accessFontPlus2 .main {font-size: 1.8rem;}
html.accessFontPlus2 .dateBox .daytxt {font-size: 1.8rem; line-height: 1.9rem;}
html.accessFontPlus2 .dateBox .daynum {font-size: 2.8em; line-height: 2.1em;}
html.accessFontPlus2 .dateBox .month {font-size: 2.1rem; line-height: 2.2rem;}
html.accessFontPlus2 div.featured-box.calendarListIcon .icon-featured {font-size: 1.8em; line-height: 4.7rem; width: 4.8rem; height: 4.8rem;}
html.accessFontPlus2 .list li.longEvent {font-size: 1.7rem;}
html.accessFontPlus2 p {line-height: 2.3rem;}
html.accessFontPlus2 aside ul.nav-list > li > a {font-size: 1.5rem;}
html.accessFontPlus2 ul.nav-list li a {font-size: 1.5rem; line-height: 1.7rem;}
html.accessFontPlus2 .accessibilityBtn {height: 72px;}
html.accessFontPlus2 .page-header h1 {font-size: 3.7rem; line-height: 1.1;}
html.accessFontPlus2 aside .eventDetailSide div.pb-1 {padding-bottom: 0.85rem !important;}
html.accessFontPlus2 .header-top nav.header-nav-top ul li:not(#liLanguageSelect) {display: none !important;}
html.accessFontPlus1 #header .header-nav-top .dropdown .dropdown-item {font-size: 1.5rem;}
html.accessFontPlus1 li {line-height: 2.3rem;}

html.accessFontMinus1 #header .header-nav-main nav > ul > li > a {font-size: 0.8rem;}
html.accessFontMinus1 body {font-size: 0.9rem; line-height: 1.1rem;}
html.accessFontMinus1 .main {font-size: 0.9rem;}
html.accessFontMinus1 .dateBox .daytxt {font-size: 0.9rem; line-height: 1.0rem;}
html.accessFontMinus1 .dateBox .daynum {font-size: 1.9em; line-height: 1.8em;}
html.accessFontMinus1 .dateBox .month {font-size: 1.2rem; line-height: 1.3rem;}
html.accessFontMinus1 div.featured-box.calendarListIcon .icon-featured {font-size: 1.2em; line-height: 4.1rem; width: 4.2rem; height: 4.2rem;}
html.accessFontMinus1 .list li.longEvent {font-size: 0.8rem;}
html.accessFontMinus1 p {line-height: 1.2rem;}
html.accessFontMinus1 aside ul.nav-list > li > a {font-size: 0.8rem;}
html.accessFontMinus1 ul.nav-list li a {font-size: 0.7rem; line-height: 0.8rem;}
html.accessFontMinus1 h4 {font-size: 1.1rem; line-height: 1.3rem;}

html.accessSaturation, html.accessSaturation img, html.accessSaturation svg, html.accessSaturation i {filter: saturate(0);}

a:focus, button:focus {outline: 1px solid !important; outline-offset: 3px;}
.nav > li > a:focus {background: rgba(0, 0, 0, 0.04);}
#header .header-nav.header-nav-links nav > ul > li:focus > a, #header .header-nav.header-nav-line nav > ul > li:focus > a {background: #dddddd !important;}

.skip-link {background-color: #fff; border: solid 3px #000; color: #000; padding: 0.625em 0.9375em; text-decoration: none; display: block; text-align: center;}
.skip-link:not(:focus) {border: 0; clip: rect(0 0 0 0); height: 1px; overflow: hidden; padding: 0; white-space: nowrap;width: 1px;}
.skip-link:active, .skip-link:focus {z-index: 999;}

.btn-gradient-primary:not(.btn-outline):focus, .btn-gradient-primary:not(.btn-outline).focus {outline: 2px solid #575757 !important;}

/* 24.09.1 */
/*
html.dark p {color: #A8A8A8;}
html.dark body {color: #A8A8A8;}
html.dark #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {color: #A8A8A8;}
*/

#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {color: #575757;}
body {color: #363636;}
.page-header h1 {color: #272727;}
aside ul.nav-list > li > a {color: #575757;}
a:focus {color: #3d2b73;}
html .btn-light:focus, html .btn-light.focus {color: #ffffff;}
.btn-gradient-primary:not(.btn-outline) {background: linear-gradient(135deg, #58429a 50%, #9283c1 100%) !important;}
.btn-gradient-primary:not(.btn-outline):hover, .btn-gradient-primary:not(.btn-outline).hover {background: linear-gradient(135deg, #58429a 90%, #9283c1 100%) !important;}
.btn-gradient-primary:not(.btn-outline):active, .btn-gradient-primary:not(.btn-outline).active {background: linear-gradient(135deg, #58429a 90%, #9283c1 100%) !important;}

.nav-link:hover {color: #382868;}
.nav-link:focus {color: #382868;}
.nav-link:active {color: #382868;}
p {color: #575757;}

html.dark #header .header-nav-top .nav > li > a, html.dark #header .header-nav-top .nav > li > span {color: #C2C2C2;}
html.dark body {color: #BABABA;}
 html.dark.page-header h1 {color: #272727;}
 html.dark aside ul.nav-list > li > a {color: #575757;}
html.dark a:focus {color: #CBC2E5;}
html.dark .btn-light:focus, html.dark .btn-light.focus {color: #000000;}
 html.dark .btn-gradient-primary:not(.btn-outline) {background: linear-gradient(135deg, #B6A9DA 50%, #9283c1 100%) !important;}
 html.dark .btn-gradient-primary:not(.btn-outline):hover, .btn-gradient-primary:not(.btn-outline).hover {background: linear-gradient(135deg, #B6A9DA 90%, #9283c1 100%) !important;}
 html.dark .btn-gradient-primary:not(.btn-outline):active, .btn-gradient-primary:not(.btn-outline).active {background: linear-gradient(135deg, #B6A9DA 90%, #9283c1 100%) !important;}
 html.dark .nav-link:hover {color: #382868;}
 html.dark .nav-link:focus {color: #382868;}
 html.dark .nav-link:active {color: #382868;}
html.dark p {color: #CCCCCC;}
html.dark a {color: #B6A9DA;}

html.dark .btn-light {border-color: #ffffff; color: #000000;}
html.dark .btn-gradient-primary:not(.btn-outline):focus, html.dark .btn-gradient-primary:not(.btn-outline).focus {outline-color: #ffffff !important;}