@import url(https://fonts.googleapis.com/earlyaccess/alefhebrew.css);

.VA-SReader .H1,
.VA_keyboardNav .H1 {
    float: right !important;
}

.VAhalfBtn {
    display: flex !important;
    flex-direction: column;
     height: 7em;
}
.VA-readable-btn , .VA-links-btn {
    display: flex !important;
    flex-direction: column;
}


.VAhalfBtn.ProfilAcc:hover,
.VAhalfBtn.ProfilAcc:focus {
    height: 135% !important;
}

.VAinnerBtn-f:hover,
.VAthirdBtn-2:focus .VAinnerBtn-f {
    background: #e0e1e2;
    color: #656565;
    WIDTH: 133PX;
    FLOAT: right;
}

.VAinnerBtn:hover span,
.VAhalfBtn:focus .VAinnerBtn span,
.VAinnerBtn-h:hover span,
.VAthirdBtn:focus .VAinnerBtn-h span,
.VAinnerBtn-f:hover span,
.VAthirdBtn-2:focus .VAinnerBtn-f span {
    color: #000 !important;
}

.VAhalfBtn img {
    float: right;
    /*margin-top: 2px;*/
}

body.VA-dark .VA-bright-btn img ,body.VA-dark .VA-grayscale-btn img ,body.VA-dark .VA-dark-btn img{
    background-color: white !important;
}


.VAthirdBtn-2 .acces_disable {
    background-image: url(../accessibility/images/acces_disable.png);
}

.VAthirdBtn-2:hover .acces_disable,
.VAthirdBtn-2:focus .acces_disable {
    background-image: url(../accessibility/images/dark_acces_disable.png);
}

.VAthirdBtn-2 .acces_statement {
    background-image: url(../accessibility/images/acces_statement.png);
}

.VAthirdBtn-2:hover .acces_statement,
.VAthirdBtn-2:focus .acces_statement {
    background-image: url(../accessibility/images/dark_acces_statement.png);
}

.VAthirdBtn-2 .acces_send_feedback {
    background-image: url(../accessibility/images/acces_send_feedback.png);
}

.VAthirdBtn-2:hover .acces_send_feedback {
    background-image: url(../accessibility/images/dark_acces_send_feedback.png);
}
.VA-SReader [type='checkbox']:not(.switch-check),
.VA_keyboardNav [type='checkbox']:not(.switch-check) {
    position: absolute;
    opacity: 1 !important;
    top: 10px !important;
}

/*******/
body.VA-dark,
body.VA-dark *:not(.VA):not(#VAopenMenu):not(.VAaccess):not(img):not(#SITE_CONTAINER):not(#SITE_CONTAINER *):not(.fab-button *):not(.qs-num):not(.side-menu-wrap *, .side-menu-wrap):not(.mfp-close) {
    background-color: #000 !important;
    color: #fff !important;
}

html:not(#VAaccessibility) body.VA-dark:not(#VAaccessibility) a:not(.VA):hover,
html:not(#VAaccessibility) body.VA-bright:not(#VAaccessibility) a:not(.VA):hover {
    background-color: lemonchiffon !important;
    color: #000 !important;
}

body.VA-grayscale #site-wrap,
body.VA-grayscale #menuAccessibility ,body.VA-grayscale .fl-page{
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
}

.VA_keyboardNav :focus,
.VA-SReader :focus {
    outline: 3px dashed midnightblue !important;
}
.VA_keyboardNav.VA-dark :focus, .VA-SReader.VA-dark :focus {
    outline: 3px dashed white !important;
}


/********** dark mode ***********/

.VA-dark.VA_keyboardNav :focus {
    outline: 3px dashed gold !important;
    background-color: lemonchiffon !important;
    color: #000 !important;
}

body.VA-dark .fl-row-content-wrap {
    background-image: none !important;
}

/********** bright mode **********/

.VA-dark input,
.VA-dark textarea {
    background-color: #000 !important;
    color: #fff !important;
}


.VA-bright .fl-builder-content .fl-node-61123280992d6 a.fl-button,.VA-bright .fl-builder-content .fl-node-61123280992d6 a.fl-button:visited {
    background-color: #184B66;
}

.ui-helper-hidden-accessible {
    display: none !important;
}

#real-accessability {
    display: none !important;
}

/************ .VA-bright ************/

/*tooltip*/
.selectize-input {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltiptext {
    visibility: hidden;
    width: 250px;
    top: -50px;
    right: 0px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.selectize-input:focus+.tooltiptext {
    visibility: visible;
}

/******************************End tooltip*************************************/
@media only screen and (max-width: 767.98px) {
    
    #VAopenMenu {
        position: absolute !important;
    }
}