/* Light Theme Variables */
:root[data-theme='light'],
html[data-theme='light'] {
    --primarybgColor: #ffffff;
    --secondarybgColor: #cccccc;
    --textColor: #000000;
    --linkColor: #0000ee;
    --borderColor: #000000;
}
/* Dark Theme Variables */
:root[data-theme='dark'],
html[data-theme='dark'] {
    --primarybgColor: #000000;
    --secondarybgColor: #333333;
    --textColor: #ffffff;
    --linkColor: #ffcc00;
    --borderColor: #ffffff;
}
/* Grey Theme Variables */
:root[data-theme='grey'],
html[data-theme='grey'] {
    --primarybgColor: #cccccc;
    --secondarybgColor: #eeeeee;
    --textColor: #333333;
    --linkColor: #000000;
    --borderColor: #999999;
}
html[data-theme='grey'] .accessible_on #Container {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.accessible_on *,
.accessible_on *::before,
.accessible_on *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    transition: none !important;
    scroll-behavior: auto !important;
    animation: none !important;
}
/*----- Accessibility -----*/
.dfwOff,
.dfwOn {
    display: none;
}
.adaActive.dfwOff,
.adaActive.dfwOn {
    display: block;
}
.dfwOff {
    position: fixed;
    z-index: 99999;
    left: 10px;
    bottom: 10px;
    width: 60px;
    height: 60px;
}
.dfwOff ul {
    width: 100%;
    height: 100%;
}
.adaOn {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
}
.adaOn a {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 100%;
    background: var(--themeOneBg);
    color: var(--fontLight);
}
.adaOn span {
    width: 100%;
    height: 100%;
    display: block;
    font-family: 'fontello';
    font-size: 36px;
}
.adaOn span::before {
    content: '\f29a';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.dfwOff li.adaClose {
    position: absolute;
}
.dfwOff.adaHide {
    left: -50px;
}
.adaClose {
    font:
        bold 11px/24px Verdana,
        Arial,
        Helvetica,
        sans-serif;
    color: var(--fontLight);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.adaClose a {
    border-radius: 5px;
    display: block;
    padding: 0px 10px;
    background: var(--themeOneBg);
}
.dfwOff:hover .adaClose,
.dfwOff:focus .adaClose {
    left: 85%;
    transform: translate(0, -50%);
}
.dfwOff:focus-within .adaClose {
    left: 85%;
    transform: translate(0, -50%);
}
.dfwClose {
    position: absolute;
    font:
        bold 11px/24px Verdana,
        Arial,
        Helvetica,
        sans-serif;
    left: 50%;
    top: 0px;
    z-index: -1;
}
.dfwClose a {
    border-radius: 0px 5px 5px 0px;
    display: block;
    padding: 0px 10px;
    background: var(--primarybgColor);
    border: 1px solid var(--borderColor);
    color: var(--textColor);
}
.dfwOn.adaActive.dfwHide .dfwClose {
    visibility: visible;
    left: 70%;
}
.dfwOn.adaActive.dfwHide .dfwClose a {
    padding: 0px 30px 0px 8px;
}
.dfwOn.adaActive.dfwHide .dfwClose a::before {
    position: absolute;
    z-index: 1;
    content: '\f29a';
    left: calc(100% - 24px);
    top: 50%;
    transform: translate(0, -50%);
    font: 400 20px/24px 'fontello';
}
.dfwOn:hover .dfwClose,
.dfwOn:focus .dfwClose,
.dfwOn.adaActive.dfwHide:hover .dfwClose,
.dfwOn.adaActive.dfwHide:focus .dfwClose {
    left: 100%;
}
.dfwOn:focus-within .dfwClose,
.dfwOn.adaActive.dfwHide:focus-within .dfwClose {
    left: 100%;
}
.dfwOn {
    position: fixed;
    left: 0px;
    top: 50%;
    transform: translate(0, -50%);
    font: normal 12px/20px var(--siteFont);
    z-index: 9999;
    width: 200px;
    background: var(--primarybgColor);
    border: 1px solid var(--borderColor);
    color: var(--textColor);
}
html[data-theme='grey'] .dfwOn {
    background: var(--fontLight);
}
.dfwOn.adaActive li.dfwActive a {
    background: var(--primarybgColor);
    color: var(--linkColor);
}
.dfwOn.dfwHide {
    left: -200px;
}
.dfwOn li:not(:last-child) {
    border-bottom: 1px dotted var(--borderColor);
}
.dfwOn li a {
    padding: 10px 15px;
    display: block;
}
.dfwOn li a::before {
    margin-right: 10px;
}
.dfwOff,
.dfwOff.adaHide,
.adaClose,
.dfwOff:hover .adaClose,
.dfwOff:focus .adaClose,
.dfwClose,
.dfwOn:hover .dfwClose,
.dfwOn:focus .dfwClose,
.dfwOn.adaActive.dfwHide:hover .dfwClose,
.dfwOn.adaActive.dfwHide:focus .dfwClose,
.dfwOn,
.dfwOn.dfwHide {
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.dfwOff:focus-within .adaClose,
.dfwOn:focus-within .dfwClose,
.dfwOn.adaActive.dfwHide:focus-within .dfwClose {
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.dfwHead {
    font: bold 14px/20px var(--siteFont);
    padding: 15px;
    position: relative;
    z-index: 1;
    background: var(--primarybgColor);
}
html[data-theme='grey'] .dfwHead {
    background: var(--fontLight);
}
.dfwHide .dfwHide a {
    padding-left: 20px;
}
.dfwHide.dfwOn:hover .dfwHide,
.dfwHide.dfwOn:focus .dfwHide {
    right: -65px;
}
.dfwHide.dfwOn:focus-within .dfwHide {
    right: -65px;
}
.dfwHide.dfwOn:hover .dfwHide a,
.dfwHide.dfwOn:focus .dfwHide a {
    padding-left: 50px;
}
.dfwHide.dfwOn:focus-within .dfwHide a {
    padding-left: 50px;
}
.dfw-skip {
    overflow: hidden;
    vertical-align: top;
    right: 5px;
    top: 0px;
    position: absolute;
    font: normal 12px/20px var(--siteFont);
    display: none;
    z-index: 99;
    padding: 2px;
}
.dfw-skip a {
    display: block;
    padding: 0px 5px;
}
.accessible_on a:focus {
    outline: 1px solid red;
    box-shadow: 0px 0px 5px 2px rgba(255, 0, 0, 0.2);
    outline-offset: 1px;
}
.accessible_on a:focus-within {
    outline: 1px solid red;
    box-shadow: 0px 0px 5px 2px rgba(255, 0, 0, 0.2);
    outline-offset: 1px;
}
/*----- Accessible Dark Mode -----*/
html[data-theme='dark'] .accessible_on #Container.slideRight.slideContainer,
html[data-theme='dark'] .accessible_on #Container.slideLeft.slideContainer {
    background: rgba(255, 255, 255, 0.4);
}
/*----- Accessible Light Mode -----*/
html[data-theme='light'] .accessible_on #Container.slideRight.slideContainer,
html[data-theme='light'] .accessible_on #Container.slideLeft.slideContainer {
    background: rgba(0, 0, 0, 0.4);
}
/*----- Accessible Grey Mode -----*/
html[data-theme='grey'] .accessible_on #Container.slideRight.slideContainer,
html[data-theme='grey'] .accessible_on #Container.slideLeft.slideContainer {
    background: rgba(204, 204, 204, 0.4);
}
/*----- Accessible Default CSS -----*/
.accessible_on,
.accessible_on #Accessibility,
.accessible_on .dfw-skip,
.accessible_on #gdpCookie,
html[data-theme='grey'] .accessible_on #dfw-GreyMode.dfwActive a {
    background: var(--primarybgColor);
}
.accessible_on #Container,
.accessible_on #Container:not(a) *,
.accessible_on #Container *:not(a),
.accessible_on #gdpCookie,
.accessible_on #gdpCookie * {
    border-color: var(--borderColor) !important;
    color: var(--textColor);
}
.accessible_on #Container a,
.accessible_on #Container a:hover,
.accessible_on #Container a *,
.accessible_on #Container a:hover *,
.accessible_on #Container * a,
.accessible_on #Container * a:hover,
.accessible_on #Container * a *,
.accessible_on #Container * a:hover *,
.accessible_on #dfw-WhiteMode.dfwActive a,
.accessible_on #gdpCookie a,
.accessible_on #gdpCookie * a {
    color: var(--linkColor) !important;
    transition: none !important;
}
.accessible_on #Container * u {
    text-decoration: none !important;
}
.accessible_on .menu ul,
.accessible_on .Wrapper {
    background: var(--secondarybgColor);
}
.accessible_on .menu,
.accessible_on .menu li.menu-home,
.accessible_on .socLogo,
.accessible_on .socLogo li {
    width: auto;
}
.accessible_on .socLogo li,
.accessible_on .menu li {
    height: auto;
}
.accessible_on .socLogo li a {
    border-radius: 0px;
    padding: 5px 10px;
}
.accessible_on .hr {
    background: url(/images/hr-b.gif) repeat-x left center;
}
html[data-theme='dark'] .accessible_on .hr {
    background: url(/images/hr-w.gif) repeat-x left center;
}
.accessible_on .textMain ul li {
    background: url(/images/bullet-b.gif) no-repeat 5px 15px;
}
html[data-theme='dark'] .accessible_on .textMain ul li {
    background: url(/images/bullet-w.gif) no-repeat 5px 15px;
}
.accessible_on [class*='logo'],
.accessible_on #Container *::selection {
    isolation: isolate;
    mix-blend-mode: difference;
}
/* ---------- ADA CSS ---------- */
.accessible_on #Container *:not(.menu *, .dfw-skip a, .textMain a) {
    color: inherit;
}
.accessible_on .theme-L,
.accessible_on .theme-R,
.accessible_on #Container *::after,
.accessible_on #Container *:not(.font-icon, .notImg, .thankImg, [class$='icon'])::before,
.accessible_on #Container [class$='Appoint'] span,
.accessible_on #Container [class$='More'] span,
.accessible_on #Container .menu-home a::before,
.accessible_on .socLogo li a::before {
    display: none;
}
.accessible_on .menu li.menu-home span,
.accessible_on .socLogo li span,
.accessible_on .dfw-skip {
    display: block;
}
.accessible_on #Container *:not(.dfw-skip, .menu ul, .ypoLogo *, .logo *, .pdf-icon, .hr, .textMain li, .thankImg),
.accessible_on .textMain *:not(.accessKeys) ul li,
.accessible_on #gdpCookie *,
.accessible_on .blogMain li[class^='blog-post'],
.accessible_on .blogMain li[class^='pagelet-post'] {
    background: none !important;
}
.accessible_on [id$='Container'] {
    padding: 0px !important;
}
.accessible_on [class$='More'] a,
.accessible_on [class$='Appoint'] a,
.accessible_on [class$='Tabs'] li a {
    padding: 10px 20px !important;
}
.accessible_on [class$='Appoint'] li,
.accessible_on [class$='Tabs'] li,
.accessible_on [class$='List'] li a {
    padding: 5px;
}
.accessible_on [class$='Head'] {
    padding-bottom: 20px;
}
.accessible_on [class$='Sub'] {
    padding-bottom: 10px;
}
.accessible_on .dfw-skip,
.accessible_on #Sidebar,
.accessible_on #gdpCookie,
.accessible_on .socLogo li,
.accessible_on [class$='More'] a,
.accessible_on [class$='Appoint'] a,
.accessible_on [class$='List']:not(.keysList) li a {
    border: 1px solid var(--borderColor);
}
.accessible_on header,
.accessible_on nav,
.accessible_on section,
.accessible_on #Container > [id],
.accessible_on #Container section > [id] {
    border-bottom: 1px solid var(--borderColor);
}
.accessible_on [class$='Tabs'] li a,
.accessible_on [class$='Border'],
.accessible_on #gdpCookie .cookie-main .cookie-button .accept {
    border: 2px solid var(--borderColor);
}
.accessible_on #Container > [id],
.accessible_on #Container section > [id] {
    padding: 40px 20px;
    min-height: unset;
    height: auto;
}
.accessible_on [class$='Main']:not(.conMain) {
    min-height: unset;
    height: auto;
    width: auto;
    max-width: unset;
    display: block;
    margin: 0px;
    border: 0px;
    padding: 0px;
}
/*----- Accessible Dark Mode -----*/
/*----- Accessible Light Mode -----*/
/*----- Accessible Grey Mode -----*/
html[data-theme='grey'] .accessible_on {
    background: var(--fontLight);
}
@media screen and (max-width: 640px) {
    .dfwOn li.table-cell {
        text-align: center;
        padding: 5px 0px;
    }
    .accessible_on .dfw-skip {
        display: none;
    }
}
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        transition: none !important;
        scroll-behavior: auto !important;
        animation: none !important;
    }
}
