@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 .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;
}

.VA-SReader .elementor-portfolio-item__overlay ,.VA_keyboardNav .elementor-portfolio-item__overlay{
  opacity: 1 !important;
}
.VA-SReader .elementor-6 .elementor-element.elementor-element-b92bdda a .elementor-portfolio-item__overlay ,
.VA_keyboardNav a .elementor-6 .elementor-element.elementor-element-b92bdda a .elementor-portfolio-item__overlay{
    background-color: transparent !important;
}
.VA-SReader .elementor-6 .elementor-element.elementor-element-b92bdda a .elementor-portfolio-item__title , 
.VA_keyboardNav .elementor-6 .elementor-element.elementor-element-b92bdda a .elementor-portfolio-item__title{
    color:black !important;
    background-color: white;
}
#SliderAcc , #SliderAcc1{
    display:flex ;
    flex-wrap: wrap;
}
#SliderAcc1 *{
    width: 420px !important;
    height: 340px !important;
    opacity: 1 !important;
}
/*.VA-SReader [data-id="3e4a795"] > .elementor-container , .VA_keyboardNav [data-id="3e4a795"] > .elementor-container{
  display: contents;
  font-size: 50px;
}*/
.VA-SReader .page-header,.VA-SReader .site-header , 
.VA_keyboardNav .page-header,.VA_keyboardNav .site-header 
{
    display: block !important;
    color: black;
    padding-top: 100px;
}
.VA-SReader .elementor-slideshow__header  > i:focus ,.VA-SReader .elementor-slideshow__header > div:focus,
.VA_keyboardNav .elementor-slideshow__header  > i:focus ,.VA_keyboardNav .elementor-slideshow__header > div:focus{
    outline: 3px dashed white !important;
}
.VA-SReader .dialog-close-button:focus ,.VA_keyboardNav .dialog-close-button:focus{
    outline: 3px dashed white !important;
}
.VA-SReader .dialog-widget-content .elementor-swiper-button:focus ,.VA_keyboardNav .dialog-widget-content .elementor-swiper-button:focus{
 outline: 3px dashed white !important;
}
.VA-SReader .elementor-posts-container.elementor-has-item-ratio .elementor-post__thumbnail img,
.VA_keyboardNav .elementor-posts-container.elementor-has-item-ratio .elementor-post__thumbnail img  {
    outline-offset: -30px;
}
.VA-SReader .elementor-portfolio.elementor-has-item-ratio .elementor-post__thumbnail__link:focus h3,
.VA_keyboardNav .elementor-portfolio.elementor-has-item-ratio .elementor-post__thumbnail__link:focus h3{
    outline: 3px dashed midnightblue !important;

}
.VA-SReader a .elementor-portfolio-item__overlay ,.VA_keyboardNav a .elementor-portfolio-item__overlay{
    background-color: transparent !important;
}
.VA-SReader a .elementor-portfolio-item__title ,.VA_keyboardNav a .elementor-portfolio-item__title{
    color: black !important;
    background-color: white !important;
}
/*n-icon*/
.VA-SReader .ee-image-comparison__handle.nicon.nicon-resize-horizontal-filled,
.VA_keyboardNav .ee-image-comparison__handle.nicon.nicon-resize-horizontal-filled{
    display: none !important;
}
.VA-SReader .ee-image-comparison img ,.VA_keyboardNav .ee-image-comparison img{
    width: 50% !important;
    margin: -3px !important;
}
.VA-SReader .ee-image-comparison.is--visible div.ee-image-comparison__image > img.attachment-full.size-full,
.VA_keyboardNav .ee-image-comparison.is--visible div.ee-image-comparison__image > img.attachment-full.size-full{
    width: auto !important;
}
/*gallery*/
.VA-SReader .elementor-slideshow--ui-hidden .elementor-slideshow__footer, .elementor-slideshow--ui-hidden .elementor-slideshow__header,
.VA_keyboardNav .elementor-slideshow--ui-hidden .elementor-slideshow__footer, .elementor-slideshow--ui-hidden .elementor-slideshow__header{
    opacity: 1 !important;
}
/*sub menu*/
.VA-SReader .ubermenu-retractor.ubermenu-retractor-mobile ,
.VA_keyboardNav .ubermenu-retractor.ubermenu-retractor-mobile{
    display: none !important;
}

.VA-SReader .elementor-widget-text-editor , .VA_keyboardNav .elementor-widget-text-editor {
    color:black !important;
}
.VA-SReader h5.elementor-heading-title , .VA_keyboardNav h5.elementor-heading-title{
    color: black !important;
}
.VA-SReader .elementor-post__read-more ,.VA_keyboardNav .elementor-post__read-more{
    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):not(h1.elementor-headline.elementor-headline-animation-type-clip, span.elementor-headline-plain-text.elementor-headline-text-wrapper,span.elementor-headline-dynamic-text,  .elementor-widget-container, .elementor-element.elementor-element-3c4c1ca.elementor-headline--style-rotate.elementor-widget.elementor-widget-animated-headline,


) {
    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;
}
.VA-dark [data-id="3c4c1ca"]{
    margin-top: 46px;
}
.VA-dark [type="submit"]{
    border:2px solid ;
}
/********** 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 span.elementor-headline-plain-text.elementor-headline-text-wrapper,
.VA-bright .elementor-headline-dynamic-text, 
.VA-bright .elementor-6 .elementor-element.elementor-element-3c4c1ca .elementor-headline-plain-text,
.VA-bright span.elementor-headline-plain-text.elementor-headline-text-wrapper ,
.VA-bright #footercontent .footer-menu .footer-menu-item.footer-email-signup .footer-email-signup-approval-msg {
    color: black !important;
}
.VA-bright button.elementor-button.elementor-size-sm.elementor-animation-bob,
.VA-bright button.elementor-button.elementor-size-lg.elementor-animation-wobble-horizontal,
.VA-bright button.elementor-button.elementor-size-lg.elementor-animation-wobble-horizontal {
    background: #fff !important;
    color: #000 !important;
    border: #000 solid 2px !important;
}
.VA-bright .elementor-widget-wrap.elementor-element-populated, 
.VA-bright .elementor-heading-title{
background-color: #fff !important;
color: #000 !important;
}
.VA-bright span.ee-image-comparison__label.ee-image-comparison__label--original,
.VA-bright .elementor-807 .elementor-element.elementor-element-eb30475 .elementor-search-form__submit{
    background: #fff !important;
    color: #000 !important;
    border: #000 solid 2px !important; 
}
.VA-bright .elementor-portfolio-item__title{
    color: midnightblue !important;
    background-color: white !important;
}
.VA-bright .elementor-icon-list-icon i {
    color: midnightblue !important;
}
.VA-bright .elementor-widget-text-editor {
    color: black !important;
}
.VA-bright .ee-image-comparison__handle ,.VA-dark .ee-image-comparison__handle{
    border:1px solid;
}
.VA-bright .elementor-8 .elementor-element.elementor-element-5a65595 .ee-button{
    background-color: white !important;
    border:1px solid !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;
}

body.VA-grayscale .elementor-element-82a324a, 
body.VA-grayscale .elementor-element.elementor-element-eb30475, 
body.VA-grayscale .elementor-element-ebad077{
    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%);
}

@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);
}
.VA-dark button.elementor-button.elementor-size-lg.elementor-animation-wobble-horizontal{
border: #fff 1px solid;
}
.VA-dark li#menu-item-38:hover, 
.VA-dark li#menu-item-37:hover, 
.VA-dark li#menu-item-28:hover, 
.VA-dark li#menu-item-842:hover, 
.VA-dark li#menu-item-106:hover, 
.VA-dark li#menu-item-455:hover {
    border: #fff solid 1px;
}


.VA-dark button.elementor-search-form__submit, 
.VA-dark span.ee-button-content-wrapper{
    border: #fff solid 1px;
}
.VA-dark span.swiper-pagination-bullet{
    border: #fff solid 1px;
}
.VA-dark span.swiper-pagination-bullet.swiper-pagination-bullet-active{
    border: #fff solid 1px;
    background: #fff !important;
}

@media only screen and (max-width: 767.98px) {
   

}