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


/***SReader & keyboardNav **/
.VA-SReader [type='checkbox'],
.VA_keyboardNav [type='checkbox'] {
    position: absolute;
    opacity: 1 !important;
    height: 20px !important;
    width: 20px !important;
    border: 1px solid black !important;
    right: 0px;
}

.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;
}

.VA-SReader header .header-secondary-menu-wrapper.sticky-header,
.VA_keyboardNav header .header-secondary-menu-wrapper.sticky-header {
    position: absolute !important;
}

.VA-SReader .form-group .checkbox-container .checkmark,
.VA_keyboardNav .form-group .checkbox-container .checkmark {
    display: none !important;
}

.VA-SReader .select2-container,
.VA_keyboardNav .select2-container {
    display: none !important;
}

.VA-SReader .subscribe-email,
.VA_keyboardNav .subscribe-email {
    top: 11px;
    left: 12px;
    width: 40px;
    height: 25px;
    position: absolute;
}

.VA-SReader .line-item-name a,
.VA_keyboardNav .line-item-name a {
    outline-offset: -3px !important;
}

.VA-SReader .expendColors,
.VA_keyboardNav .expendColors {
    display: none !important;
}

.VA-SReader .attribute .swatchable-radio.color,
.VA_keyboardNav .attribute .swatchable-radio.color {
    margin: 2% 9.5% !important;
}

.VA-SReader .attribute .swatchable-radio input,
.VA_keyboardNav .attribute .swatchable-radio input {
    opacity: 1 !important;
    right: -15px !important;
}

.VA-SReader .attribute .swatchable-radio.width input[type="radio"],
.VA_keyboardNav .attribute .swatchable-radio.width input[type="radio"] {
    right: 8px !important;
}

.VA-SReader a.header-main-menu-link:focus .header-main-menu,
.VA_keyboardNav a.header-main-menu-link:focus .header-main-menu {
    outline: 3px dashed midnightblue !important;
}

.VA-SReader a.header-main-menu-link:focus,
.VA_keyboardNav a.header-main-menu-link:focus {
    outline: 3px dashed none !important;
}

.VA-SReader a.header-main-menu-link .header-main-menu,
.VA_keyboardNav a.header-main-menu-link .header-main-menus {
    outline-offset: -4px;
}

.VA-SReader .beauty-logo:focus img,
.VA_keyboardNav .beauty-logo:focus img {
    outline: 3px dashed midnightblue !important;
}

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

.VA-SReader .form-group .checkbox-container input,
.VA_keyboardNav .form-group .checkbox-container input {
    position: absolute !important;
    opacity: 1 !important;
    height: 20px !important;
    right: -43px !important;
    width: 20px !important;
    top: -13px !important;
}
.VA-SReader .elementor-swiper-button , .VA_keyboardNav .elementor-swiper-button{
    background-color: black !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;
}


/********** 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-bright.VA_keyboardNav :focus {
    outline: 3px dashed white !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;
}

.VA-bright .header-top-banner-wrapper .header-top-banner .shipping-top-banner {
    background-color: white !important;
}

.VA-bright [src="/on/demandware.static/Sites-onlys-Site/-/default/dw5134802d/images/logo-beauty.svg"] {
    filter: brightness(0) !important;
}

.VA-bright .checkout-continue .checkout-btn {
    background-color: white !important;
}

.VA-bright .form-group .invalid-feedback {
    color: black !important;
}

.VA-bright a[href="mailto:support@onlys.co.il"] span {
    color: midnightblue;
}

.VA-bright .pdp-details .product-properties .prices-add-to-cart .cart-and-ipay .attribute .quantityInput .quantityChange {
    border: solid 1px black;
}

.VA-bright .pdp-details .product-properties .prices-add-to-cart .cart-and-ipay .attribute .quantityInput .quantityChange.decrement.disabled {
    opacity: 1;
}

.VA-bright .accordion .card-header.is-accordion .card-header__list-icon {
    border: solid 1px black !important;
}

.VA-bright .product-tile .productUnitDescription {
    color: black !important;
}

.VA-bright .search-results .grid-footer .show-more #center-content .show-more-label,
.VA-bright .swatch .colorAttribute-name {
    color: black !important;
}

.VA-bright #footercontent .footer-menu .footer-menu-item.footer-email-signup .footer-email-signup-approval-msg {
    color: black !important;
}

/*********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;
}

@media (min-width:1024px) {

    .VA-SReader .sub-categories-parent,
    .VA_keyboardNav .sub-categories-parent {
        padding-left: 83px !important;
        padding-top: 29px !important;
        text-align: start !important;
        display: flex !important;
        flex-direction: column !important;
        font-size: 16px !important;
        color: black !important;
    }

    .VA-SReader .product-on-header-menu a,
    .VA_keyboardNav .product-on-header-menu a {
        height: 400px;
        display: inline-block;
    }
}

/*VA-dark*/
.VA-dark .breadcrumb-item+.breadcrumb-item::before {
    color: white !important;
}

.VA-dark img:not([src="/on/demandware.static/Sites-onlys-Site/-/default/dw4b622d5f/images/COMING_SOON-market.svg"]) {
    filter: invert(1);
}

@media only screen and (max-width: 767.98px) {
   

}