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

/* See readme_css in css directory for more information */

@font-face {
    font-family: "Open Sans Hebrew";
    src: url("../../fonts/OpenSansHebrew-Regular.woff") format('woff');
    src: url("../../fonts/OpenSansHebrew-Regular.woff2") format('woff2');
}

@font-face {
    font-family: "Open Sans Hebrew bold";
    src: url("../../fonts/opensanshebrew-bold.woff") format('woff');
    src: url("../../fonts/opensanshebrew-bold.woff2") format('woff2');
}

@font-face {
    font-family: "Open Sans Hebrew extrabold";
    src: url("../../fonts/opensanshebrew-extrabold.woff") format('woff');
    src: url("../../fonts/opensanshebrew-extrabold.woff2") format('woff2');
}

:root{
    --text-color: #4E4D4D;
    --main-color: #d52b1e;
    --measuring-color: #d52b1e;
    --eating-color: #739600;
    --initiating-color: #0088CE;
}
html{
    font-size:1rem;
}
/*----- General -------------------------------- */

/* Using !important to override elementor styles in few different types of buttons */
button:not(.responsive-menu-pro-button),
a.elementor-button,
a.elementor-cta__button.elementor-button,
a.elementor-button-link.elementor-button{
    color: #ffffff !important;
    background-color: var(--text-color);
    padding: 1.1rem 2.1rem;
    border: none;
    font-size: 2rem;
}

a.elementor-button:hover,
a.elementor-cta__button.elementor-button:hover,
.elementor-element a.elementor-button-link.elementor-button:hover,
button:not(#responsive-menu-pro-button):focus,
a.elementor-button:focus,
a.elementor-cta__button.elementor-button:focus,
.elementor-element  a.elementor-button-link.elementor-button:focus,
.searchform-incontent .search-submit:hover{
    background-color: var(--main-color);
    text-decoration: underline;
}

/*TODO: check content entry in page */
#breadcrumbs a,
body:not(.home) .entry-content a:not(.elementor-button-link),
.post-navigation a,
#list-items .entry-title a,
aside#sidebar a,
#copyright a{
    text-decoration: none;
    border-bottom: 1px solid var(--main-color);
    word-wrap: break-word; /* for long urls in the link text */
}

#breadcrumbs a:hover,
body:not(.home) .entry-content a:not(.elementor-button-link):hover,
.post-navigation a:hover,
#list-items .entry-title a:hover,
aside#sidebar a:hover,
a.elementor-cta__button.elementor-button:hover,
#copyright a:hover,
#breadcrumbs a:focus,
body:not(.home) .entry-content a:not(.elementor-button-link):focus,
.post-navigation a:focus,
#list-items .entry-title a:focus,
aside#sidebar a:focus,
#copyright a:hover{
    border-bottom: 1px solid transparent;
    color: var(--main-color);
}

.entry-content ul,
.entry-content ol{
    list-style-type: none;
}

.entry-content ul > li,
.entry-content ol > li{
    position: relative;
}

.entry-content ul > li:before{
    content: "•";
    color: var(--text-color);
    position: absolute;
    right: -4rem;
}

.entry-content ol {
    counter-reset: ol-counter;
}

.entry-content ol >  li {
    counter-increment: ol-counter;
}

.entry-content ol > li::before {
    content: counter(ol-counter) ". ";
    color: var(--text-color);
    position: absolute;
    right: -4rem;
}

.categoty-measuring .entry-content ul > li:before,
.categoty-measuring .entry-content ol > li::before{
    color: var(--measuring-color);
}

.categoty-eating .entry-content ul > li:before,
.categoty-eating .entry-content ol > li::before{
    color: var(--eating-color);
}


.categoty-initiating .entry-content ul > li:before,
.categoty-initiating .entry-content ol > li::before{
    color: var(--initiating-color);
}

#container a:focus,
#container button:focus{
    outline: 2px dotted black;
    outline-offset: 2px;
}

/*-----Responsive-Menu-----*/
#responsive-menu-pro-container#responsive-menu-pro-container{
    height: 50rem;
    padding: 0 2rem;
}

#responsive-menu-pro-container #responsive-menu-pro li.menu-item a:hover{
    background-color:#ffffff!important;
}
#responsive-menu-pro-container #responsive-menu-pro li.menu-item a{
    padding: 0;
}
#responsive-menu-pro-container #responsive-menu-pro li.menu-item a:first-child{
    border-top: none !important;
}
#responsive-menu-pro-wrapper #responsive-menu-pro-search-box#responsive-menu-pro-search-box{
    padding:10px 0 0 0;
}

body.pojo-a11y-light-background #responsive-menu-pro-search-box .responsive-menu-pro-search-box::placeholder{
    color: #000000;
}

body.pojo-a11y-light-background #responsive-menu-pro-search-box .responsive-menu-pro-search-box::-ms-input-placeholder{
    color: #000000;
}

body.pojo-a11y-high-contrast .responsive-menu-pro-inner,
.pojo-a11y-high-contrast .responsive-menu-pro-inner:before,
.pojo-a11y-high-contrast .responsive-menu-pro-inner:after{
    background-color: #ffffff !important;
}

body.pojo-a11y-negative-contrast #responsive-menu-pro-button .responsive-menu-pro-inner,
.pojo-a11y-negative-contrast .responsive-menu-pro-inner:before,
.pojo-a11y-negative-contrast .responsive-menu-pro-inner:after{
    background-color: yellow !important;
}

body.pojo-a11y-light-background #responsive-menu-pro-button .responsive-menu-pro-inner{
    background-color: #000000 !important;
}

/*----- Header --------------------------------- */
.logo{
    line-height: 1;
}

.logo-img a{
    background: url("../images/_sprite11.png") no-repeat;
    display: inline-block;
    text-indent: -9999px;
    margin: 0;
    border-bottom: none;
    overflow: hidden;
}

#menu-main li a:hover,
#menu-main li a:focus,
#menu-main li a:active,
#menu-main li.current-menu-item a{
    border-bottom: 1px solid var(--main-color);
}

.popover-parent-search .search-btn{
   display: inline-block;
}

#menu-main .current-post-ancestor a,
#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item.current-post-ancestor a {
    color: var(--main-color);
    border-color:  var(--main-color);
}
body.pojo-title-bar header#header{
    background-color: #ffffff !important;
    position: static; /*///*/
}

/*----- Search Popover --------------------------*/
.popover-parent-search{
    padding: 0;
    margin-left: 2.5rem;
    overflow: hidden;
}
.popover-parent-search a {
    text-decoration: none;
    border: none;
}
.popover-parent-search a i.fa{
    position: relative;
    width: 3rem;
    height: 2.8rem;
    padding: 0 0.6rem 0 1.5rem;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.4rem;
    font-size: inherit;
    text-rendering: auto;
}

.popover-parent-search a i.fontawesome:before{
    content: "\f002";
    font-family: "FontAwesome";
    position: absolute;
    color:#4E4D4D;
    top: 0.8rem;
}

.popover-parent-search .search-btn:hover i:before,
.popover-parent-search .search-btn:focus i:before{
    color: var(--main-color);
    outline-offset: 4px;
}

.popover-parent-search .search-btn:focus i:before{
    outline: 2px dotted black;
}

.pojo-a11y-high-contrast .popover-parent-search a i.fontawesome:before{
    color:#ffffff;
}
.pojo-a11y-negative-contrast .popover-parent-search a i.fontawesome:before{
    color: yellow;
}

.popover-parent-search span{
    display: inline-block;
    text-indent: -9999px;
}

/* popover search form */
.popover-parent-search.active form {
    visibility: visible;
}
.popover-parent-search form{
    visibility: hidden;
}
.popover-parent-search form {
    visibility: hidden;
    position: absolute;
    right: 0;
    top: 16.9rem;
    width: 100%;
    max-width: 100vw;
    z-index: 2;
    background-color: #4E4D4D;
    padding: 2rem;
}
body.rtl .popover-parent-search .form-search input{
    padding:0 10.8rem 0 0 ;
}

.popover-parent-search input[type="search"] {
    width: 100%;
    border: none;
    padding: 3.7rem 5rem 3.7rem 5rem;
    background-color: #4E4D4D;
    color: #ffffff;
    font-size: 3rem;
    font-family: "Open Sans Hebrew";
    padding-right: 9rem;
}

.popover-parent-search .form-search button{
    margin: 0 0 0 2rem;
}

.popover-parent-search button:hover{
    background-color: var(--text-color);
}

.popover-parent-search.active a i:before{
    content: "\f00d";
}

.popover-parent-search.active .search-submit i{
    position: relative;
}

.popover-parent-search.active .search-submit i:before{
    position: absolute;
    top: -2rem;
    left: -1.2rem;
}


/*----- Home Page -------------------------------*/
/* Top images */
.home .elementor-section.elementor-section-boxed>.elementor-container{
    max-width: 100%;
}

.elementor-2205 .elementor-section-boxed{
    padding: 0 !important;
}

.health-index-cover,
.come-to-measure,
#come-to-measure-cta .elementor-cta__content{
    background-color: #ffffff;
}

#health-index-cover .elementor-element-populated{
    padding: 0 !important;
}

.health-index-cover .elementor-row>.elementor-column{
    width: 100%;
}

.health-index-cover div.elementor-cta__content{
    position: absolute;
    bottom: 2.5rem;
    right: -0.4rem;
    width: 95%;
    background-color: transparent;
    background-size: cover;
    background-repeat: no-repeat;

    /* layout */
    display: grid;
    grid-template-rows: 1fr;
    grid-template-areas: "title arrow" "sub-title arrow";
}

.health-index-cover .elementor-cta__content .elementor-cta__content-item,
.health-index-cover .elementor-cta__content .elementor-cta__content-item .elementor-icon{
    color: #fff;
}

.health-index-cover div.elementor-cta__icon{
    grid-area: arrow;
    align-self: center;
    margin-bottom: 0;
}

.health-index-cover .elementor-cta__content .elementor-cta__title{
    grid-area: title;
    font-family: "Open Sans Hebrew", "Arial";
    font-weight: 900;
    line-height: 1.3;
    margin-bottom: 0;
}

.health-index-cover .elementor-cta__content .elementor-cta__description{
    grid-area: sub-title;
    font-family: "Open Sans Hebrew", "Arial";
    font-weight: 900;
    line-height: 1.3;
}

.health-index-cover-column .elementor-cta__content{
    background-position-x: 0.4rem;
}

.health-index-cover-column.measure .elementor-cta__content{
    background-image: url('../images/red.svg');
}

.health-index-cover-column.eat .elementor-cta__content{
    background-image: url('../images/green.svg');
}

.health-index-cover-column.initiate .elementor-cta__content{
    background-image: url('../images/blue.svg');
}


/* Our campaign and Come To Measure*/
.our-campaign{
    background-color: transparent !important;
}

.our-campaign>.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated,
.come-to-measure>.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated{
    padding: 0;
}

#campaign-description .elementor-heading-title,
#come-to-measure-cta .elementor-cta__title{
    font-family: "Open Sans Hebrew", "Arial";
    font-weight: 900;
    color: var(--text-color);
}

#campaign-description .elementor-text-editor,
#come-to-measure-cta .elementor-cta__description {
    font-size: 2.5rem;
}

.come-to-measure-cta div.elementor-cta{
    display: flex;
    color: var(--text-color);
}

.home .elementor-cta__button.elementor-button{
    border: none !important;
}

/*----- Bread Crumbs ---------------------------*/
#breadcrumbs a{
    color: var(--main-color);
}

#breadcrumbs span.separator:before{
    color: var(--text-color);
}

/*----- Category -------------------------------*/
.category #page-header{
    height: 23.5rem;
    display: flex;
    align-items: center;
}

.category #page-header h1{
    color: #ffffff;
    padding: 1.9rem 10.5rem;
    line-height: 1.5;
}


.category .title-primary{ /* including .category-eating */
    background-color: rgba(115, 150, 0, 0.8);
}

.category.category-measuring .title-primary{
    background-color: rgba(213, 43,30, .8);
}

.category.category-initiating .title-primary{
    background-color: rgba(0, 136, 206, .8);
}

.category #main > h1.entry-title{
    display: none;
}

.category .no-results{
    margin-top: 2rem;
}

#list-items{
    margin-top: 4rem;
}

#list-items .image-link{
    background-color: #000;
}

#list-items .image-link:hover img{
    opacity: 0.2;
}

#list-items .entry-title{
    font-size: 2.5rem;
    color: var(--main-color);
}

#list-items .image-link .overlay-image + .overlay-title figcaption{
    font-family: "Open Sans Hebrew bold", "Open Sans Hebrew", "Arial";
    font-weight: normal;
    font-size: 2.5rem;
    border-color: #ffffff;
    color: #ffffff;
    padding: 2rem 4rem;
    border-radius: 3px;
}

#list-items .small-thumbnail .inbox:hover{
    border-color: var(--main-color);
}

/*----- Inside Post & Page ----------------------------------*/
.page:not(.landing-page) #page-header,
.single:not(.landing-page) #page-header{
    height: 23.5rem;
    display: flex;
    align-items: center;
}

.page #page-header h1,
.single #page-header span{
    font-family: "Open Sans Hebrew", "Arial";
    font-weight: bold;
    color: #ffffff;
    line-height: 1.5;
    border: none;
    letter-spacing: normal;
}

.single #page-header span{
    display: inline-block;
    padding: 1.9rem 3.9rem;
}

.single #page-header .title-primary span{
    border: none;
    letter-spacing: normal;
}

.page #page-header h1{
    padding: 1.9rem 12.1rem;
}

.single .title-primary,
.page .title-primary,
.title-primary.title_category_eating{
    background-color: rgba(115, 150, 0, .8);
}

.single .title-primary.title_category_measuring{
    background-color: rgba(213, 43,30, .8);
}

.single .title-primary.title_category_initiating{
    background-color: rgba(0, 136, 206, .8);
}

.page:not(.home) article.page{
    background-color: #ffffff;
    padding: 4rem;
}

#content header.container{
    display: flex;
}

#primary #content #main header.container div#breadcrumbs{
    line-height: 1;
}



/*----- Elementor Elements ---------------------*/
section.elementor-element.elementor-section-boxed.elementor-top-section.elementor-section{
    background-color: #ffffff;
}

body:not(.home) .elementor-element.elementor-widget.elementor-widget-heading .elementor-heading-title{
    font-size: 2.5rem;
    font-family: "Open Sans Hebrew", "Arial";
    font-weight: 900;
    color: #4e4d4d;
}

.elementor-element .elementor-tab-title,
.elementor-widget-wrap .elementor-element .elementor-image-box-wrapper div.elementor-image-box-content .elementor-image-box-title{
    color: var(--main-color);
}

.elementor-widget-image-box .elementor-image-box-wrapper figure.elementor-image-box-img a{
    border: none;
}

.elementor-accordion .elementor-accordion-item .elementor-tab-title{
    line-height: 1.5;
}

/*----- Tag ------------------------------------*/
.tag .entry-title{
    font-size: 6rem;
}

/*----- Aside ----------------------------------*/
aside#sidebar .widget-title{
    font-size: 2.5rem;
    font-family: "Open Sans Hebrew", "Arial";
    font-weight: 900;
    color: #4E4D4D;
}
#sidebar .widget-title::after{
    width: 30%;
    max-width: 10rem;
    border-color: #4E4D4D;
}

aside#sidebar a {
    font-family: "Open Sans Hebrew", "Arial";
    font-size: 2rem !important;
    color: var(--main-color);
}

aside#sidebar a:hover{
    background: transparent;
    color: var(--main-color);
}

.widget_tag_cloud a{
    border: none;
    margin: 0 0 0 2rem;
    padding: 0;
    display: inline;
    line-height: 1.8;
}


/*---- Footer ----------------------------------*/
#footer{
    background-color: #4E4D4D;
}

#footer #sidebar-footer .widget,
#footer #sidebar-footer li{
    color: #ffffff;
    font-size: 2rem;
    line-height: 1.5;
}

#footer #sidebar-footer .widget-title{
    color: #ffffff;
    font-family: "Open Sans Hebrew bold", "Open Sans Hebrew", "Arial";
    font-size: 2.5rem;
}

#footer #sidebar-footer .widget-title:after{
    border-color: #FFF;
    width: 6.8rem;
    max-width: 100%;
}

#footer #sidebar-footer a{
    text-decoration: underline;
}

#footer #sidebar-footer a:hover{
    color: #ffffff;
    text-decoration: none;
}

#footer #sidebar-footer a:focus{
    outline: 2px dotted white;
    outline-offset: 4px;
}

footer .widget_nav_menu li{
    margin-bottom: 1rem;
}


#footer #sidebar-footer .footer-partners-logo{
    list-style: none;
    background: url("../images/_sprite11.png") no-repeat;
}

#footer #sidebar-footer .footer-partners-logo.logo-ort{
    background-position: -56px -178px;
    width: 130px;
    height: 50px;
}

#footer #sidebar-footer .logo-ort.colored-logo{
    background-image: url(../images/_sprite11.png) !important;
    background-position-x: -56px !important;
    background-position-y: -655px !important;
    background-repeat: no-repeat !important;
}

#footer #sidebar-footer .logo-ort.white-logo{
    background-image: url(../images/_sprite11.png) !important;
    background-position-x: -56px !important;
    background-position-y: -178px !important;
    background-repeat: no-repeat !important;
}


#footer #sidebar-footer .footer-partners-logo.logo-ortov{
    background-position: -54px -295px;
    width: 130px;
    height: 74px;
}

#footer #sidebar-footer .logo-ortov.colored-logo{
    background-image: url(../images/_sprite11.png) !important;
    background-position-x: -56px !important;
    background-position-y: -761px !important;
    background-repeat: no-repeat !important;
}

#footer #sidebar-footer .logo-ortov.white-logo{
    background-image: url(../images/_sprite11.png) !important;
    background-position-x: -56px !important;
    background-position-y: -295px !important;
    background-repeat: no-repeat !important;
}

#footer #sidebar-footer .footer-partners-logo.logo-straus{
    background-position: -44px -424px;
    width: 141px;
    height: 98px;
}

#footer #sidebar-footer .footer-partners-logo.logo-straus{
    background-image: url(../images/_sprite11.png) !important;
    background-position-x: -44px !important;
    background-position-y: -424px !important;
    background-repeat: no-repeat !important;
}

.pojo-scroll-up-button span{
    padding-bottom: 0.3rem;
}


div#copyright{
    background-color: #ffffff;
    color: var(--text-color);
    font-family: "Open Sans Hebrew", "Arial";
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    padding: 6px;
}

#copyright .container{
    text-align: center;
}

#copyright .pull-right{
    float: none !important;
}

/* IE11 hack to set bold to sans hebrew */
*::-ms-backdrop, .health-index-cover .elementor-cta__content .elementor-cta__title,
*::-ms-backdrop, .health-index-cover .elementor-cta__content .elementor-cta__description,
*::-ms-backdrop, #campaign-description .elementor-heading-title,
*::-ms-backdrop, #come-to-measure-cta .elementor-cta__title,
*::-ms-backdrop, .page #page-header h1,
*::-ms-backdrop, .single #page-header span,
*::-ms-backdrop, body:not(.home) .elementor-element.elementor-widget.elementor-widget-heading .elementor-heading-title,
*::-ms-backdrop, aside#sidebar .widget-title,
*::-ms-backdrop, #footer #sidebar-footer .widget-title,
*::-ms-backdrop, #list-items .image-link .overlay-image + .overlay-title figcaption{
    font-weight: bold;
}


/*---- Small Screens ---------------------------*/
@media screen and (max-width:767px)  {
    /*-- Header --------------------------------*/
    .logo-img a{
        background-position: -27px -882px;
        width: 174px;
        height: 29px;
    }

    #header .logo-img a.colored-logo{
        background-image: url(../images/_sprite11.png) !important;
        background-position-x: -27px !important;
        background-position-y: -882px !important;
        background-repeat: no-repeat !important;
    }

    #header .logo-img a.white-logo{
        background-image: url(../images/_sprite11.png) !important;
        background-position-x: -27px !important;
        background-position-y: -978px !important;
        background-repeat: no-repeat !important;
    }

    .popover-parent-search{
        display: none; /* dispaly in responsive menu plugin */
    }

    /*-----Responsive-Menu-----*/
    #responsive-menu-pro-container.slide-right{
        top: 58px;
    }

    /*--Landing-Page----------------------------*/
    body .logo-left.logo-left .container{
        margin-right:5px;
    }
    .landing-page.landing-page #header.logo-left .logo{
        margin-bottom: 0;
    }
    body.landing-page #page-header#page-header{
        display: none;
    }
    .hebrew-text, .arb-text {
        display: none;
    }
    body .logo-left div.container{
        margin-right: 0;
    }
    body .elementor-row .first-column{
        box-shadow: none;
        height: auto;
    }
    body .elementor-row .first-column .elementor-column-wrap .elementor-widget-wrap{
        width: auto;
    }
    .button-landing-arb .elementor-widget-container  .elementor-button-wrapper,
    .button-landing-heb .elementor-widget-container  .elementor-button-wrapper
    {
        text-align: center;
    }
    .elementor-row .first-column.first-column .button-landing-arb,
    .elementor-row .first-column.first-column .button-landing-heb {
        width:225px;
    }
    .elementor-row .first-column.first-column .button-landing-arb.elementor-widget-button a.elementor-button-link,
    .elementor-row .first-column.first-column .button-landing-heb.elementor-widget-button a.elementor-button-link{
        padding: 15px;
    }
    body .elementor-row .first-column .elementor-column-wrap.elementor-element-populated{
        padding: 30px calc( 44% - 24% ) 25px;
    }
    body .elementor-row .first-column .elementor-column-wrap.elementor-element-populated .elementor-widget-wrap{
        justify-content: center;
    }
    body .elementor-row .first-column .button-landing-arb .elementor-button-content-wrapper,
    body .elementor-row .first-column .button-landing-heb .elementor-button-content-wrapper{
        font-size: 25px;
    }
    body .elementor-row .first-column .button-landing-arb .elementor-button-content-wrapper .elementor-button-icon,
    body .elementor-row .first-column .button-landing-heb .elementor-button-content-wrapper .elementor-button-icon{
        margin-right: 104px;
    }
    @supports (-ms-ime-align:auto) { /*in edge miss  2 pixel in width of button*/
        body .elementor-row .first-column .button-landing-heb .elementor-button-content-wrapper .elementor-button-icon{
            margin-right:113px;
        }}
    *::-ms-backdrop,body .elementor-row .first-column .button-landing-arb .elementor-button-content-wrapper .elementor-button-icon {
        margin-right:113px;
    }
    .first-column .elementor-widget:not(:last-child){
        margin-bottom: 10px;
    }
    .elementor-row .second-column .elementor-column-wrap.elementor-element-populated,
    .elementor-row .third-column .elementor-column-wrap.elementor-element-populated,
    .elementor-row .fourth-column .elementor-column-wrap.elementor-element-populated
    {
       padding: 90px !important;
    }
    body .elementor-row .second-column .elementor-column-wrap{
        background-size: cover;
        background-position: 0% 72%;
        box-shadow: inset 0 16px 23px -9px rgba(0,0,0,0.3);

    }
    body .elementor-row .third-column .elementor-column-wrap{
        background-size: cover;
        background-position: 0% 72%;
        box-shadow: inset 0 16px 23px -9px rgba(0,0,0,0.3);
    }
    body .elementor-row .fourth-column .elementor-column-wrap{
        background-size: cover;
        background-position: 0% 39%;
        box-shadow: inset 0 16px 23px -9px rgba(0,0,0,0.3);
    }
    body .button-column{
        display: none;
    }
    div#copyright{
        font-size: 16px;
    }


    /*-- Home ----------------------------------*/
    .health-index-cover-column{
        margin-bottom: 15px;
    }

    button.navbar-toggle{
        background-color: #ffffff !important;
        border: none !important;
        padding: 0;
        margin: 15px;
    }

    button.navbar-toggle .icon-bar{
        width: 27px;
    }

    button.navbar-toggle .icon-bar + .icon-bar{
        margin-top: 6px;
    }

    .health-index-cover div.elementor-cta__content{
        grid-template-columns: 72% 28%;
        max-width: 316px;
        padding: 8px 17px 21px 0;
    }

    .health-index-cover .elementor-cta__icon{
        top: 5px;
    }

    .health-index-cover .elementor-cta__content .elementor-cta__title{
        font-size: 25px;
        margin-bottom: 0;
    }

    .health-index-cover .elementor-cta__content .elementor-cta__description{
        font-size: 15px;
    }

    /* Our campaign and Come To Measure */
    .our-campaign .elementor-container{
        padding: 40px 0 50px;
    }

    .our-campaign>.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated,
    .come-to-measure>.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated{
        padding: 0;
    }

    .campaign-description{
        text-align: center;
        margin-bottom: 40px;
    }

    #campaign-description .elementor-heading-title,
    #come-to-measure-cta .elementor-cta__title{
        text-align: center;
        font-size: 40px;
        margin-bottom: 10px;
    }

    #campaign-description .elementor-text-editor,
    #come-to-measure-cta .elementor-cta__description{
        margin-bottom: 25px;
    }

    #campaign-description .elementor-text-editor p,
    #campaign-description .elementor-widget-text-editor{
        margin-bottom: 0;

    }

    .campaign-portfolio article.elementor-portfolio-item{
        margin-bottom: 9px;
    }

    .come-to-measure-cta div.elementor-cta{
        flex-direction: column-reverse;
        padding-bottom: 40px;
    }

    #come-to-measure-cta .elementor-cta__content > *{
        text-align: center;
    }

    /*----- Inside Post & Page ---------------------*/
    .page #page-header h1,
    .single #page-header span,
    .category #page-header .title-primary h1{
        font-size: 3rem;
        padding: 1.9rem 4rem;
    }

    /*----- Category -------------------------------*/
    body.rtl .media figure.pull-left{
        margin-left: 0;
    }

    /*-- Footer -----------------------------------*/
    footer#footer #sidebar-footer{
        padding: 23px 21px;
    }

    .partners-logos li{
        margin-top: 20px;
    }
}

/*---- Tablet Screens General (1299)---------------------------*/
@media screen and (min-width:768px) and (max-width:1430px)  {
    /*-- Header --------------------------------*/
    .landing-page #header{
        height: auto;
    }

    .landing-page #page-header .page-header-title.container{
        padding-top: 0;
    }

    /* Menu (doesn't appear in landing page) */
    #header .container{
        display: flex;
        margin: 0 44px 17px;
        max-width: 100%;
    }

    .popover-parent-search{
        display: none;
    }

    /*-----Responsive-Menu-----*/
    #responsive-menu-pro-container.slide-right{
        top: 100px;
    }

    button#responsive-menu-pro-button.responsive-menu-pro-button{
        left: 44px;
    }

    /* Our campaign and Come To Measure */
    #campaign-description .elementor-heading-title,
    #come-to-measure-cta .elementor-cta__title{
        margin-bottom: 0;
        line-height: 1;
    }

    #campaign-description .elementor-text-editor p,
    #campaign-description .elementor-widget-text-editor{
        margin-bottom: 0;
    }

    .campaign-portfolio .elementor-portfolio{
        grid-gap: 10px;
    }

    /*----- Landing Page ------*/

    .elementor-row.elementor-row .first-column.first-column{
        height: 500px;
    }
    .first-column.first-column.first-column .elementor-column-wrap.elementor-element-populated{
        padding: 20px 15px;
    }
    .elementor-widget-wrap.elementor-widget-wrap .arb-text.arb-text{
        margin-bottom: 5px;
    }
    .arb-text.arb-text.elementor-element .elementor-widget-container.elementor-widget-container{
        font-size: 18px;
        padding: 0px;
    }
    .hebrew-text.hebrew-text.elementor-element .elementor-widget-container.elementor-widget-container{
        padding: 0;
    }
    .hebrew-text.hebrew-text .elementor-widget-container .elementor-text-editor{
        font-size: 16px;
    }
    .first-column.first-column .elementor-element.button-landing-arb{
        margin-bottom: 10px;
    }
    .first-column.first-column .elementor-element.button-landing-heb .elementor-button,
    .first-column.first-column .elementor-element.button-landing-arb .elementor-button
    {
        font-size: 25px;
        width: 100%; /*to custom width button*/
    }
    .elementor-row .first-column.first-column .button-landing-arb.elementor-widget-button a.elementor-button-link,
    .elementor-row .first-column.first-column .button-landing-heb.elementor-widget-button a.elementor-button-link{
        padding: 15px;
    }
    .first-column.first-column .elementor-element.button-landing-arb .elementor-button-content-wrapper .elementor-button-icon{
        margin-right: 60px;
    }
    .first-column.first-column .elementor-element.button-landing-arb .elementor-button-content-wrapper .elementor-button-text,
    .first-column.first-column .elementor-element.button-landing-heb .elementor-button-content-wrapper .elementor-button-text
    {
        text-align: right;
    }

    .first-column.first-column .elementor-element.button-landing-heb .elementor-button-content-wrapper .elementor-button-icon{
        margin-right: 44px;
    }
    body .elementor-row .second-column .elementor-column-wrap{
        background-size: cover;
        background-position-x:32%;
    }
    body .elementor-row .third-column .elementor-column-wrap{
        background-size: cover;
        background-position-x: 44%;
    }
    body .elementor-row .fourth-column .elementor-column-wrap{
        background-size: cover;
        background-position: 38%;
    }
    .second-column .elementor-element.elementor-element .elementor-widget-container .elementor-heading-title,
    .third-column .elementor-element.elementor-element .elementor-widget-container .elementor-heading-title,
    .fourth-column .elementor-element.elementor-element .elementor-widget-container .elementor-heading-title
    {
        font-size: 26px;
    }
    div#copyright{
        font-size:11px ;
    }

    /*----- Category -------------------------------*/
    .category #page-header{
        margin-top: 0;
    }

    /*-- Inside Post & Page -----------------------*/
    .page #page-header h1,
    .single #page-header span,
    .category #page-header .title-primary h1{
        font-size: 4.5rem;
    }

    #content{
        display: flex;
        flex-direction: column;
    }

    #main,
    #sidebar{
        width: 100%;
    }

    /*-- Footer ----------------------------------*/

}

/*---- Tablet-Vertical ----------------------------------*/
@media (min-width:768px) and (max-width:900px){
    /*-- Header --------------------------------*/
    .logo-img a{
        background-position: -27px -882px;
        width: 174px;
        height: 29px;
    }

    #header .logo-img a.colored-logo{
        background-image: url(../images/_sprite11.png) !important;
        background-position-x: -27px !important;
        background-position-y: -882px !important;
        background-repeat: no-repeat !important;
    }

    #header .logo-img a.white-logo{
        background-image: url(../images/_sprite11.png) !important;
        background-position-x: -27px !important;
        background-position-y: -978px !important;
        background-repeat: no-repeat !important;
    }

    /*-----Responsive-Menu-----*/
    button#responsive-menu-pro-button.responsive-menu-pro-button{
        top: 3px;
    }

    /*-- Home ----------------------------------*/
    .health-index-cover .elementor-row{
        display: flex;
    }

    .health-index-cover .elementor-row .elementor-column{
        margin-bottom: 25px;
    }

    .health-index-cover div.elementor-cta__content{
        grid-template-columns: 76% 24%;
        padding: 27px 17px 37px 0;
        max-width: 530px;
    }

    .health-index-cover .elementor-cta .elementor-cta__bg-wrapper{
        min-height: 251px;
    }

    .health-index-cover .elementor-cta__content .elementor-cta__title{
        font-size: 33px;
    }

    .health-index-cover .elementor-cta__content .elementor-cta__description{
        font-size: 19px;
    }

    /* Our campaign and Come To Measure */
    .our-campaign .elementor-container{
        padding: 35px 98px 56px;
        margin-bottom: 39px;
    }

    #campaign-description,
    #campaign-portfolio{
        width: 100%;
    }


    #campaign-description .elementor-widget-wrap,
    #campaign-description h2{
        text-align: center;
    }

    #campaign-description .elementor-heading-title,
    #come-to-measure-cta .elementor-cta__title{
        font-size: 40px;
    }

    #campaign-description .elementor-widget-heading,
    #campaign-description .elementor-text-editor,
    #come-to-measure-cta .elementor-cta__description{
        margin-bottom: 18px;
    }

    #campaign-description .elementor-widget-button{
        margin-bottom: 40px;
    }

    #come-to-measure-cta{
       margin: 60px 75px 54px;
   }

    /*----- Category -------------------------------*/

    /*-- Inside Post & Page ---------------------*/

    /*-- Footer ----------------------------------*/
    #footer .row{
        display: flex;
        flex-direction: column;
        padding: 0 55px;
    }

    #footer section{
        width: 100%;
    }

    #footer section:not(:last-child){
        max-width: 435px;
    }

    .partners-logos{
        display: flex;
        align-items: center;
    }

    .partners-logos li{
        margin-left: 60px;
    }

    .first-column .elementor-text-editor p{
        line-height: 2.1rem;
    }
}

/*---- Tablet Horizontal ----------------------------------*/
@media (min-width:901px) and (max-width:1299px){
    /*-- Header --------------------------------*/
    .logo-img a{
        background-position: -29px -14px;
        width: 85px;
        height: 57px;
        background-size: 165%;
    }

    #header .logo-img a.colored-logo{
        background-image: url(../images/_sprite11.png) !important;
        background-position-x: -29px !important;
        background-position-y: -14px !important;
        background-repeat: no-repeat !important;
        background-size: 165% !important;
    }

    #header .logo-img a.white-logo{
        background-image: url(../images/_sprite11.png) !important;
        background-position-x: -29px !important;
        background-position-y: -661px !important;
        background-repeat: no-repeat !important;
        background-size: 165% !important;
    }

    .landing-page #page-header .page-header-title.container{
        padding-top: 0;
    }

    /*-----Responsive-Menu-----*/
    button#responsive-menu-pro-button.responsive-menu-pro-button{
        top: 17px;
    }

    /*-- Home ----------------------------------*/
    #health-index-cover{
        margin-bottom: 21px;
    }

    .health-index-cover .elementor-row{
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        column-gap: 18px;
        padding-bottom: 32px;
    }

    .health-index-cover div.elementor-cta__content{
        grid-template-columns: 76% 24%;
        padding: 21px 17px 21px 0;
    }


    .health-index-cover .elementor-cta .elementor-cta__bg-wrapper{
        min-height: 418px;
    }

    .health-index-cover .elementor-cta__content .elementor-cta__title{
        font-size: 25px;
    }

    .health-index-cover .elementor-cta__content .elementor-cta__description{
        font-size: 18px;
    }

    .health-index-cover div.elementor-cta__icon{
        margin-top: -2px;
    }

    .health-index-cover .elementor-cta__content .elementor-icon{
        font-size: 21px;
    }

    /* Our campaign and Come To Measure */
    .our-campaign .elementor-container{
        padding: 21px 137px 39px;
        margin-bottom: 39px;
    }

    #campaign-description{
        width: 40%;
    }

    #campaign-portfolio{
        width: 60%;
    }

    #campaign-description .elementor-widget-wrap{
        align-content: center;
    }

    #campaign-description .elementor-heading-title,
    #come-to-measure-cta .elementor-cta__title{
        font-size: 31px;
    }

    #campaign-description .elementor-widget-heading,
    #campaign-description .elementor-text-editor,
    #come-to-measure-cta .elementor-cta__description{
        margin-bottom: 20px;
    }

    .come-to-measure .elementor-widget-wrap{
        justify-content: center;
    }

    #come-to-measure-cta{
        width: 43%;
        margin: 57px 0 64px;
    }

    #come-to-measure-cta .elementor-cta{
        max-height: 144px;
    }

    #come-to-measure-cta .elementor-cta__bg-wrapper{
        width: 44%;
        min-width: auto;
    }

    #come-to-measure-cta .elementor-cta__content{
        flex-direction: column;
        justify-content: space-between;
        width: 56%;
        padding: 0 15px 0 0;
    }


    /* IE11 */
    *::-ms-backdrop, #health-index-cover .elementor-row>.elementor-column{
        width: 33%;
    }

    *::-ms-backdrop, #health-index-cover .elementor-row>.elementor-column:not(:last-child){
        margin-left: 1%;
    }

    *::-ms-backdrop, #health-index-cover .elementor-cta__content{
        display: block;
    }

    *::-ms-backdrop, #health-index-cover .elementor-cta__content > *{
        width: 50%;
    }

    *::-ms-backdrop, #health-index-cover .elementor-cta__content .elementor-cta__icon {
        float: left;
        width: 35%;
        text-align: center;
        margin-top: 5%;
    }

    *::-ms-backdrop, #come-to-measure-cta .elementor-cta{
        max-height: none;
    }

    /*-- Footer ----------------------------------*/
    #footer .row{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, auto);
        grid-template-areas: "about menu contact"
                             "partners partners partners";
    }

    #footer .row section{
        width: 100%;
    }

    footer section:first-child{ /*about*/
        grid-area: about;
    }

    footer section:nth-child(2){ /*menu*/
        grid-area: menu;
    }

    footer section:nth-child(3){ /*contact*/
        grid-area: contact;
    }

    footer section:nth-child(4){ /*partners*/
        grid-area: partners;
    }

    .partners-logos{
        display: flex;
        align-items: center;
    }

    .partners-logos li{
        margin-left: 60px;
    }

    /*---- Footer ------------------------------*/
    footer .widget:first-child div{
        max-width: 300px;
    }

}
/*---- Large Screens ---------------------------*/
@media screen and (min-width:1300px) {
    #pojo-a11y-toolbar.pojo-a11y-toolbar-left{
        top: 40px !important;
    }

    header > .container,
    #primary > .container,
    #sidebar-footer > .container{
        max-width: 1640px;
    }

    /*-- Header --------------------------------*/
    .logo-img a {
        background-position: -50px -18px;
        width: 137px;
        height: 94px;
        margin: 10px 10px 0 10px;
    }
    #header .logo-img a.colored-logo{
        background-image: url(../images/_sprite11.png) !important;
        background-position-x: -50px !important;
        background-position-y: -23px !important;
        background-repeat: no-repeat !important;
    }

    #header .logo-img a.white-logo{
        background-image: url(../images/_sprite11.png) !important;
        background-position-x: -50px !important;
        background-position-y: -1070px !important;
        background-repeat: no-repeat !important;
    }

    /* Menu (doesn't appear in landing page) */
    body:not(.landing-page) #header .container{
        /*position: relative;*/
        display: flex;
        align-items: flex-end;
        padding: 1.5rem  0.7rem 1.5rem 0;
        margin: 0 auto;
        justify-content: space-between;
    }

    body:not(.landing-page) #header .nav-main{
        flex-grow: 1;
        max-width: 100%;
    }

    body:not(.landing-page) .nav-main .sf-menu li:last-child{
        float: left;
    }

    body:not(.landing-page) .nav-main .menu-item a{
        font-family: 'Open Sans Hebrew', Arial, sans-serif;
        font-size: 2rem;
        padding: 0;
        margin-right: 4rem;
        border-bottom: 1px solid transparent;
    }

    .popover-parent-search{
        display: inline-block;
    }

    /*-- Home ----------------------------------*/
    #health-index-cover{
        margin-bottom: 7rem;
    }

    .health-index-cover .elementor-row{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        column-gap: 3.4rem;
        padding-bottom: 5rem;
    }

    .health-index-cover .elementor-row>.elementor-column{
        width: auto;
    }

    #health-index-cover .health-index-cover-column.elementor-bg-transform-zoom-in:hover .elementor-bg{
        transform: scale(1);
    }

    .health-index-cover div.elementor-cta__content{
        grid-template-columns: 76% 24%;
        padding: 2.8rem 1.7rem 2.8rem 0;
    }

    #health-index-cover .elementor-cta__icon i:before {
        transition: left;
        transition-duration: 1s;
        margin-top: 0.4rem;
    }

    #health-index-cover .health-index-cover-column:hover .elementor-cta__icon i:before {
        left: 10%;
    }

    .health-index-cover .elementor-cta .elementor-cta__bg-wrapper{
        min-height: 78.5rem;
    }

    .health-index-cover .elementor-cta__content .elementor-cta__title{
        font-size: 4rem;
    }

    .health-index-cover .elementor-cta__content .elementor-cta__description{
        font-size: 2.5rem;
    }


    /* Our campaign and Come To Measure */
    .our-campaign .elementor-container{
        padding: 0 15%;
        margin-bottom: 8rem;
    }

    #campaign-description{
        width: 40%;
    }

    #campaign-description .elementor-widget-wrap{
        align-content: center;
    }

    #campaign-description .elementor-heading-title,
    #come-to-measure-cta .elementor-cta__title{
        font-size: 6rem;
        margin-bottom: 0;
        line-height: 1;
    }

    #campaign-description .elementor-widget-heading,
    #campaign-description .elementor-text-editor,
    #come-to-measure-cta .elementor-cta__description{
        margin-bottom: 3rem;
    }

    #campaign-description .elementor-text-editor p,
    #campaign-description .elementor-widget-text-editor{
        margin-bottom: 0;

    }

    #campaign-portfolio{
        width: 60%;
    }

    .campaign-portfolio .elementor-portfolio{
        grid-gap: 1rem;
    }

    .come-to-measure .elementor-widget-wrap{
        justify-content: center;
    }

    #come-to-measure-cta{
        width: 43%;
        margin: 6rem 0 5.4rem;
    }

    #come-to-measure-cta .elementor-cta__bg-wrapper{
        width: 44%;
        min-width: auto;
    }

    #come-to-measure-cta .elementor-cta__content{
        flex-direction: column;
        justify-content: space-between;
        width: 56%;
        padding: 0 1.5rem 0 0;
    }

    /* IE11 */
    _:-ms-lang(x), #health-index-cover .elementor-row > .elementor-column {
        width: 33%;
    }

    *::-ms-backdrop, #health-index-cover .elementor-row>.elementor-column:not(:last-child) {
        margin-left: 1%;
    }

    *::-ms-backdrop, #health-index-cover .elementor-cta__content{
        display: block;
    }

    *::-ms-backdrop, #health-index-cover .elementor-cta__content > * {
        width: 50%;
    }

    *::-ms-backdrop, #health-index-cover .elementor-cta__content .elementor-cta__icon {
        float: left;
        width: 35%;
        text-align: center;
        margin-top: 5%;
    }

    _:-ms-lang(x), .our-campaign .campaign-portfolio .elementor-portfolio-item {
        width: calc( 100% /2 - 5px) !important;
    }

    *::-ms-backdrop, .campaign-portfolio .elementor-portfolio-item:not(:last-child),
    *::-ms-backdrop, .campaign-portfolio .elementor-portfolio-item:not(:nth-last-child(2)){
        margin-bottom: 1rem;
    }

    *::-ms-backdrop, .campaign-portfolio .elementor-portfolio-item:nth-child(2n-1){
        margin-left: 1rem;
    }

    /*----- Inside Post & Page -------------------*/
    .page:not(.landing-page) #page-header,
    .single #page-header{
    /*margin-top: 16.8rem; ///*/
    }

    .page #page-header h1,
    .single #page-header span,
    .category #page-header .title-primary h1{
        font-size: 6rem;
    }

    .single .elementor-section.elementor-section-boxed > .elementor-container{
        max-width: 122rem;
    }

    /*-- Footer ----------------------------------*/
    footer .widget{
        display: flex;
        flex-direction: column;
    }

    footer .widget:nth-child(2){
        align-items: center;
    }

    footer .widget:nth-child(3),
    footer .widget:last-child{
        align-items: flex-end;
    }

    footer .widget:first-child div{
        max-width: 30rem;
    }

    .partners-logos > li:not(:last-child){
        margin-bottom: 2rem;
    }

}


/*----- Accessibility ---------------------------*/
#pojo-a11y-toolbar{
    z-index: 10000;
}

/*Make the font of the accessibility plugin get the same styles in all pages*/
#pojo-a11y-toolbar p,
#pojo-a11y-toolbar span{
    font-family: OpenSansHebrewCondensed-Regular, Arial, sans-serif;
    font-size: 1.8rem;
}

/* Fix for the position:fixed issue in grayscale mode */
/* Override pojo style*/
body.pojo-a11y-grayscale {
    filter: none;
    -webkit-filter: none;
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
}

/* Apply new filter to other elements*/
body.pojo-a11y-grayscale > *{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;
}

/* Add micro-animations on elements in home page when :focus */
.home .health-index-cover .elementor-cta:focus .elementor-cta__bg-overlay{
    background-color: rgba(0,0,0,.3);
}
.health-index-cover .elementor-cta:focus .elementor-cta__icon i:before {
    left: 10%;
}

.home .elementor-post__thumbnail__link:focus .elementor-portfolio-item__overlay,
.home .elementor-post__thumbnail__link:hover .elementor-portfolio-item__overlay {
    opacity: 1;
    transition: opacity .5s;
    background-color: rgba(0, 0, 0, 0.8);
}

/* IE11 */
*::-ms-backdrop, .pojo-a11y-toolbar-left#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle{
    left: 195px;
}

*::-ms-backdrop, .pojo-a11y-toolbar-toggle .pojo-a11y-toolbar-link svg{
    max-height: 30px;
}

*::-ms-backdrop, .pojo-a11y-toolbar-item .pojo-a11y-toolbar-link svg{
    max-height: 25px;
}

*::-ms-backdrop, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.pojo-a11y-btn-grayscale {
    display: none;
}

    /*-----LANDING PAGE------*/
body .logo-left .container{
    margin-right: 114px;
}

body.landing-page .nav-main,body.landing-page .popover-parent-search,
body.landing-page .container #content #main header.container,body.landing-page .title-primary
{
    display: none;
}
#main.col-sm-12{
    padding: 0;
}
body.landing-page #pojo-scroll-up.pojo-scroll-up-righ.pojo-scroll-up-righ{
    display: none !important;
}

body.landing-page .elementor-column-gap-default > .elementor-row > .elementor-column.center-zone > .elementor-element-populated{
    padding:10px 0  !important;
}

.elementor-row .first-column{
    height: 667px;
}
.elementor-row .first-column .elementor-column-wrap .elementor-widget-wrap{
    align-content: center;
}
@supports (-ms-ime-align:auto) { /*in edge miss  2 pixel in width of button*/
    body .elementor-row .first-column .button-landing-heb .elementor-button-content-wrapper .elementor-button-icon{
        margin-right:113px;
    }}
*::-ms-backdrop,    body .elementor-row .first-column .button-landing-heb .elementor-button-content-wrapper .elementor-button-icon {
    margin-right:113px;
}
.elementor-row .first-column .button-landing-arb.elementor-widget-button a.elementor-button-link,
.elementor-row .first-column .button-landing-heb.elementor-widget-button a.elementor-button-link{
    min-width: 100%;
    height: 100%;
    padding: 30px;
}
.elementor-row .second-column .elementor-column-wrap{
    background-position: 41% 0%;
    position: relative;
    box-shadow: inset -7px 0 9px -2px rgba(0,0,0,0.3);
}
.elementor-row .third-column .elementor-column-wrap{
    background-position: 38% 0%;
    position: relative;
    box-shadow: inset -7px 0 9px -2px rgba(0,0,0,0.3)
}
.elementor-row .fourth-column .elementor-column-wrap{
    background-position: 34% 0%;
    position: relative;
    box-shadow: inset -7px 0 9px -2px rgba(0,0,0,0.3)
}
.elementor-row .second-column .button-column,.elementor-row .third-column .button-column,
.elementor-row .fourth-column .button-column
{
    position: absolute;
    bottom:10px;
    left: 10px;
}
.sub { /*----to hide the arb word in menu-navbar-----*/
    border: 0;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*----- 404 Page ----------------------------------*/
body.error404 #content{
    background-color: #EEF1F2;
}

body.error404 section.elementor-element.elementor-section-boxed.elementor-top-section.elementor-section{
    background-color: transparent;
}

.error404 #primary #content #main{
    margin-bottom: 17rem;
}

body.error404 #content article .entry-page{
    text-align: right;
}

body.error404 #content h1{
    font-size: 6rem;
    font-weight: 900;
    color: var(--text-color);
    margin-bottom: 1.5rem;
}

body.error404 #content h2,
body.error404 #content h3{
    font-size: 2.5rem;
    margin: 0.5rem;
}

body.error404 .langs-btns-area .elementor-widget-wrap{
    align-content: space-between;
}

body.error404 .lang-btn a{
    width: 100%;
}

body.error404 .lang-btn .elementor-button-text{
    text-align: right;
}

form.searchform-incontent{
    width: 33.4rem;
    margin-top: 2.3rem;
    padding-bottom: 0;
}

.searchform-incontent input[type=search]{
    height: 4.5rem;
    border-radius: 5px;
}

.searchform-incontent button{
    width: auto;
    padding: 0 1.2rem;
    font-weight: normal;
    border-radius: 5px;
}

/*-------CALCULATOR------*/
.frm_verify{
    display: none;
}
section.elementor-element.elementor-section-boxed.elementor-top-section.elementor-section.calculator-form{
    background-color:#EEF1F2 ;
    padding: 3rem;
    border-radius: 0.5rem;
}
body:not(.home) .elementor-element.elementor-widget.elementor-widget-heading.calculator-title .elementor-heading-title{
    font-family: Open Sans Hebrew;
    font-weight: bold;
    color: #4E4D4D;
}
.form-field{
    margin-bottom: 2.5rem;
}
.form-field label{
    display: block;
    padding-right: 2.5rem;
}
.form-field .description{
    display: block;
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}
.form-field.age label{
    padding-right: 0;
    margin-bottom: 0;
}
.form-field.age .description{
    color: #d52b1e;
}
.declaration{
    padding-bottom: 3rem;
    font-size:1.5rem ;
    color: #d52b1e;
}
.form-field select{
    width: 37.8rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 0.8rem;
    background-position-y: 1rem;
    background-color: #ffffff;
    border-radius: 5px;
    padding:0.8rem;
}
.frm_form_field{
    position: relative;
}
.frm_form_field label:before{
    position: absolute;
    content: "";
    background-image: url("../images/sprite-calc.png");
    background-size: 170% auto;
    height: 3rem;
    width: 3rem;
    right: 0;
}
.age label:before{
    display: none;
}
.active label:before{
    background-position-x: -107px;
    background-position-y: -8px;
}
.pulse label:before{
    background-position-x: -107px;
    background-position-y: -49px;
}
.sleeping-hours label:before{
    background-position-x: -107px;
    background-position-y: -90px;
}
.drink-water label:before{
    background-position-x: -107px;
    background-position-y: -130px;
}
.fruits-day label:before{
    background-position-x: -107px;
    background-position-y: -172px;
}
.vagtables-day label:before{
    background-position-x: -107px;
    background-position-y: -211px;
}
.frm_submit button{
    padding: 0.8rem 3.1rem;
    border-radius: 0.5rem;
}
.frm_submit button:hover{
    background-color:#d52b1e ;
}
.frm_form_fields {
    margin-bottom:1.5rem;
}
.quest{
    margin-bottom: 2rem;
    background-color: #ffffff;
    display: flex;
    border-radius: 5px;
}
.ilustrator img{
    max-width:none !important;
}
.quest div{
    padding:4rem 2rem;
}
.quest div:not(.ilustrator){
    font-size: 1.8rem;
    padding-right:8rem;
    padding-top: 4rem;
    position: relative;
}
.quest div:not(.ilustrator):before{
    position: absolute;
    content: "";
    background-image: url("../images/sprite-calc.png");
    height: 6rem;
    width:7.5rem;
    right:-7px;
    background-size: auto;
    background-repeat: no-repeat;
}
.quest div:first-child:not(.ilustrator):before{ /*if ilustrator image not display*/
    top:auto;
    bottom: 1.9rem;
}
.quest .body-active:before{
    background-position-x: -52px;
    background-position-y: -45px;
}
.quest .pulse-active:before{
    background-position-x: -46px;
    background-position-y: -163px;
}
.quest .sleeping-hours:before{
    background-position-x: -48px;
    background-position-y: -283px;
}
.quest .drink-water:before{
    background-position-x: -48px;
    background-position-y: -398px;
}
.quest .fruits-day:before{
    background-position-x: -48px;
    background-position-y: -518px;
}
.quest .vegetables-day:before{
    background-position-x: -50px;
    background-position-y: -635px;
}

/*-----calculator-mobile------*/

@media (min-width: 320px) and (max-width:600px){
    section.elementor-element.elementor-section-boxed.elementor-top-section.elementor-section.calculator-form{
        padding: 0.5rem;
    }
    body:not(.home) .elementor-element.elementor-widget.elementor-widget-heading.calculator-title .elementor-heading-title{
        font-size: 1.8rem;
    }
    .form-field label{
        font-size:1.8rem;
    }
	.form-field select{
        width:100%;
    }
    .quest{
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .quest div{
        padding: 1rem 2rem;
    }
    .quest .ilustrator{
        margin-right: 3rem;
        padding-bottom: 0;
}
    .quest div:not(.ilustrator){
        padding-top:1rem;
        padding-bottom:2rem;
        font-size: 1.6rem;
        padding-right: 5rem;
    }
    .quest div:not(.ilustrator)::before {
        background-size: 140%;
    }
    .quest div:first-child:not(.ilustrator)::before {
        bottom: auto;
    }
    .quest .body-active::before {
        background-position-x: -11px;
        background-position-y: -28px;
    }
    .quest .pulse-active:before{
        background-position-x: -12px;
        background-position-y: -112px;
    }
    .quest .sleeping-hours:before{
        background-position-x: -11px;
        background-position-y: -196px;
    }
    .quest .drink-water:before{
        background-position-x: -15px;
        background-position-y: -277px;
    }
    .quest .fruits-day:before{
        background-position-x: -13px;
        background-position-y: -364px;
    }
    .quest .vegetables-day:before{
        background-position-x: -16px;
        background-position-y: -444px;
    }
}
    @media (min-width: 601px) and (max-width:1300px) {
        .quest div:first-child:not(.ilustrator)::before {
            bottom: auto;
        }

        .quest .body-active::before {
            background-position-x: -52px;
            background-position-y: -47px;
        }
    }