@import "../../../everest/assets/css/style.min.css";

/* Your CSS code goes here
-------------------------------------- */

a:active{
   outline: 2px dotted black !important;
}
.nav-main .sf-menu li a:focus,.nav-main .sf-menu li a:active{
    outline: 2px dotted black ;
}

#sidebar-footer ul li a:focus,div h2 a:focus{
    outline: 2px dotted white;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
     ul li a:focus,ul li:focus{
        outline: 2px dotted black;
    }
    a:active, a:focus a:hover{
        outline: 2px dotted black !important;
    }
    #sidebar-footer ul li:focus{
        outline: 2px dotted white;
    }
}

#sidebar-footer .row{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.skip-top{
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}
h6{
    color:#595959 !important;
}
#sidebar .elementor-element-populated{
    padding-right: 0;
}

.page-id-2612 #breadcrumbs,.page-id-2612 #sidebar{
    display: none;
}

/*----the next lines were written becuase the accessibilty plugin */

.flex-control-paging li a{
    background:#e95045 !important;
}
.pojo-a11y-negative-contrast .container .flex-control-paging li a{
    background:yellow !important;
}
 body.pojo-a11y-negative-contrast :not(#pojo-a11y-toolbar) .flex-control-paging li a {
    background:yellow !important;
}
 body.pojo-a11y-light-background :not(#pojo-a11y-toolbar) .flex-control-paging li a {
     background: #000000 !important;
 }