/* ------ WCAG ------ */
/* ------------ main menu - start ------------ */

/* --- hover indicator --- */
.main_menu a span.avia-menu-text:hover, .main_menu a:hover span.avia-menu-text {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 0.2em;
}

/* --- focus indicator --- */
.main_menu .menu ul li a:focus, #top .header_color .main_menu .menu ul li > a:focus, #top .av-main-nav ul a:focus, .main_menu .av-main-nav > li a:focus {
    outline: 2px solid var(--enfold-main-color-primary);
    background-color: #ffffff !important;
}
#top .header_color .main_menu .menu ul li > a:focus, .main_menu .av-main-nav > li a:focus {
    z-index: 1001;
    outline: 3px solid var(--enfold-main-color-primary);
    position: relative;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 0.2em;
    box-shadow: 1px 1px 20px #000000;
}
#top .header_color .main_menu .menu ul li:focus, #top .header_color .main_menu .menu ul li:hover {
    z-index: 999;
}
#top .header_color .main_menu .menu ul li {
    padding: 3px;
}


/* --- link icon --- */
.main_menu .menu ul li > a:hover:after, .main_menu .menu ul li > a:focus:after {
    content:"";background:url("data:image/png;base64,R0lGODdhCgAKAIAAAGhoaP///ywAAAAACgAKAAACFIwPCcfq5hZKgUJbZ2OwcyltVWQVADs=") no-repeat scroll 100% 40%;margin-right:5px;padding-right:15px
}

/* --- font --- */
.main_menu span.avia-menu-text {
    font-weight: 600;
}
/* ------------ main menu - end ------------ */


/* ------------ floating menu - start ------------ */

/* --- height --- */
#top .av-subnav-menu > li {
    padding: 4px 0;
}
.av-subnav-menu a {
    padding-top: 5px !important;
    padding-bottom: 6px !important;
}

/* --- hover indicator --- */
.av-subnav-menu a span.avia-menu-text:hover, .av-subnav-menu a:hover span.avia-menu-text {
/*    color: #ffffff;*/
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 0.2em;
}

/* --- focus indicator --- */
#top .av-subnav-menu ul li > a:focus {
    outline: 2px solid var(--enfold-main-color-primary);
    outline-offset: 2px;
    color: #000000;
    background-color: #ffffff !important;
}
#top .av-subnav-menu li > a:focus {
    z-index: 1001;
    outline: 3px solid var(--enfold-main-color-primary);
    position: relative;
    /*text-decoration: underline;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 0.2em !important;*/
    box-shadow: 1px 1px 20px #ffffff;
    color: #000000;
    background-color: #ffffff !important;
}

/* --- font --- */
#services-menu .container {
    font-weight: 600;
    background: #007bb8;
}
/* ------------ floating menu - end ------------ */


/* ------------ socket menu - start ------------ */

/* --- height --- */
#socket .menu-item {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
#socket .menu-item a span.avia-menu-text {
    padding: 6px 10px;
}
#socket .sub_menu_socket ul li {
    min-height: 32px;
    vertical-align: middle;
    line-height: 25px;
}

/* --- hover indicator --- */
#socket .menu-item a span.avia-menu-text:hover, #socket .menu-item a:hover span.avia-menu-text {
    color: #ffffff;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 0.2em;
}

/* --- focus indicator --- */
#socket .menu-item a:focus span.avia-menu-text, #socket .menu-item:focus span.avia-menu-text {
    z-index: 1001;
    outline: 3px solid var(--enfold-main-color-primary);
    position: relative;
    color: #007bb8;
    background-color: #ffffff !important;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 0.2em;
    box-shadow: 1px 1px 20px #000000;
    margin: 6px;
} 

/* --- font --- */
#socket .sub_menu_socket a span.avia-menu-text {
    font-size: 13px;
}
/* ------------ socket menu - end ------------ */


/* ------------ scoll to top buttom - start ------------ */
#scroll-top-link:focus {
    outline: 3px solid #007bb8;
    color: #000000;
    background-color: #ffffff;
    border-radius: 4px;
    transition: background-color 0.2s ease-in-out;
    box-shadow: 1px 1px 20px #000000;
}
/* ------------ scoll to top buttom - end ------------ */


/* ------------ text links - start ------------ */

/* --- links underline --- */
#top .avia-section a:where(:not(.wp-element-button, .button-link, .avia-button, .av-section-tab-title, .apply-btn.local)), .main_color .toggle_content a, .main_color a:where(:not(.wp-element-button, .button-link, .avia-button, .av-section-tab-title, .apply-btn.local)), .job-content .job-title a {
    text-decoration-line: underline !important;
    text-decoration-thickness: 3px !important;
    text-underline-offset: 0.2em !important;
}

/* --- focus indicator --- */
.more-link a:focus, .html_modern-blog a.more-link:focus, .main_color a:focus, .footer_color a:focus, a.job-pdf-export:focus, .jobs-template-default #main a:focus {
    z-index: 1001;
    outline: 3px solid var(--enfold-main-color-primary);
    position: relative;
    text-decoration: underline !important;
    text-decoration-thickness: 3px !important;
    text-underline-offset: 0.2em !important;
    box-shadow: 1px 1px 20px #000000;
    color: var(--enfold-main-color-primary) !important;
    background-color: #ffffff;
}

#top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a {
    text-decoration: underline;
}
/* ------------ text links - end ------------ */


/* ------ wcag accessability tools ------ */
/*#pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle {
    left: 180px !important;
    width: 40px !important;
}
#pojo-a11y-toolbar.pojo-a11y-toolbar-right .pojo-a11y-toolbar-toggle {
    right: 180px !important;
    width: 40px !important;
}*/

#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 1.2em;
    background: #444;
    color: white;
    cursor: pointer;
    border-radius: 2px;
}

#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle-link svg {
    width: 24px;
    height: 24px;
    padding-bottom: 3px;
    fill: currentColor;
}
.pojo-a11y-toolbar-link:focus {
    outline: 3px solid #005fcc;
    outline-offset: 2px;
    border-radius: 4px;
}

#pojo-a11y-toolbar.pojo-a11y-toolbar-right {
    right: -180px;
    transition: right 0.5s ease;
    position: fixed;
    top: 100px;
    z-index: 9999;
}

#pojo-a11y-toolbar.pojo-a11y-toolbar-right.pojo-a11y-toolbar-open {
    right: 0 !important;
}

#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle-link {
    border-radius: 0px;
}