/* 
    Theme Name: Hello Elementor Child
    Theme URI: https://github.com/elementor/hello-theme-child/
    Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
    Author: Elementor Team
    Author URI: https://elementor.com/
    Template: hello-elementor
    Version: 2.0.0
    Text Domain: hello-elementor-child
    License: GNU General Public License v3 or later.
    License URI: https://www.gnu.org/licenses/gpl-3.0.html
    Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/* Add your custom styles here */

a{text-decoration:none;}
a:hover{text-decoration:none;}
.comments-area a, .page-content a{text-decoration:none;}
.sr-only{display:none;visibility:hidden;}

/*sub menus*/
.main-mega-menu .premium-mega-content-container a,
.main-mega-menu .premium-mega-content-container a:hover{color:#ffffff;}

.main-mega-menu .premium-mega-content-container .elementor-widget-image{
    position:relative;
    overflow:hidden;
    border-radius:10px;
}

.main-mega-menu .premium-mega-content-container .elementor-widget-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.35);
    opacity:0;
    transition:opacity .35s ease;
    pointer-events:none;
}

.main-mega-menu .premium-item-hovered > .premium-mega-content-container .elementor-widget-image::after{
    opacity:1;
}

.main-mega-menu .premium-sub-menu,
.main-mega-menu .premium-mega-content-container{
    opacity:0;
    visibility:hidden;
    
    transform:
    translateY(-24px)
    scaleY(.96);
    
    transform-origin:top center;
    
    clip-path:inset(0 0 100% 0);
    
    transition:
    opacity .55s ease .15s,
    transform .85s cubic-bezier(.22,.61,.36,1),
    clip-path .85s cubic-bezier(.22,.61,.36,1),
    visibility 0s linear 1s;
}

.main-mega-menu .premium-mega-content-container{max-height:265px;}

.main-mega-menu .premium-item-hovered > .premium-sub-menu,
.main-mega-menu .premium-item-hovered > .premium-mega-content-container{
    
    opacity:1;
    visibility:visible;
    
    transform:
    translateY(0)
    scaleY(1);
    
    clip-path:inset(0 0 0 0);
    
    transition:
    opacity .45s ease,
    transform .85s cubic-bezier(.22,.61,.36,1),
    clip-path .85s cubic-bezier(.22,.61,.36,1),
    visibility 0s;
}

main#content{
    position:relative;
}

main#content::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.35);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .35s ease;
    z-index:10;
}

header{
    position:relative;
    z-index:20;
}

main#content.mega-overlay-active::after{
    opacity:1;
    visibility:visible;
}

main ul,
main ol{margin-right:1%;}

.img-container {
    display: inline-block;
    overflow: hidden;            /* clip the excess when child gets bigger than parent */
}

.img-container::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.img-container img {
    display: block;
    transition: transform .4s;   /* smoother zoom */
}
.img-container:hover img {
    transform: scale(1.2);
    transform-origin: 50% 50%;
}

/*גלילה בתפריט האפור*/
.icon-menu-list{
    position:relative;
}

.icon-menu-track{
    position:relative;
}

.icon-scroll-prev,
.icon-scroll-next{
    display:none;
}

@media (max-width: 767px){
	.grey-nav{display:none;visibility:hidden;}
}

@media (max-width:1600px){

    .icon-menu-list{
        display:flex;
        align-items:center;
        gap:10px;
    }

    .icon-menu-track{
        flex:1;
        min-width:0;
        overflow-x:auto;
        scrollbar-width:none;
        scroll-behavior:smooth;
    }

    .icon-menu-track::-webkit-scrollbar{
        display:none;
    }

    .icon-menu-track ul.elementor-icon-list-items{
        display:flex;
        flex-wrap:nowrap;
        width:max-content;
        gap:30px;
        margin:0;
        cursor:grab;
        user-select:none;
        touch-action:pan-y;
    }

    .icon-menu-track li{
        flex:0 0 auto;
    }

    .icon-menu-track.dragging ul.elementor-icon-list-items{
        cursor:grabbing;
    }

    .icon-menu-track a{
        user-select:none;
    }


    .icon-scroll-prev,
    .icon-scroll-next{

        display:flex;
        align-items:center;
        justify-content:center;

        width:36px;
        height:36px;

        flex:0 0 36px;

        border:0;
        border-radius:50%;

        background:#1e1f1f !important;
        color:#fff !important;

        cursor:pointer;
        padding:0;

        transition:
        opacity .3s ease,
        transform .3s ease;

    }


    .icon-scroll-prev:hover,
    .icon-scroll-next:hover,
    .icon-scroll-prev:focus,
    .icon-scroll-next:focus,
    .icon-scroll-prev:active,
    .icon-scroll-next:active{

        background:#1e1f1f !important;
        color:#fff !important;
        outline:none;

    }


    .icon-scroll-prev:before{
        content:"‹";
        font-size:28px;
        line-height:1;
    }


    .icon-scroll-next:before{
        content:"›";
        font-size:28px;
        line-height:1;
    }


    .icon-scroll-prev:hover,
    .icon-scroll-next:hover{
        transform:scale(1.08);
    }


    .icon-scroll-prev.is-hidden,
    .icon-scroll-next.is-hidden{

        opacity:0;
        pointer-events:none;

    }

}

/*carousel border raduis*/
.carousel-border-raduis .elementor-image-carousel-wrapper{border-radius:10px;line-height:0;}
.carousel-border-raduis .elementor-swiper-button{
    opacity:0;
    visibility:hidden;
    transform:translateY(15px) scale(.9);
    transition:
        opacity .4s cubic-bezier(.22,1,.36,1),
        transform .4s cubic-bezier(.22,1,.36,1),
        visibility .4s;
}

.carousel-border-raduis:hover .elementor-swiper-button{
    opacity:1;
    visibility:visible;
    transform:translateY(0) scale(1);
}

/*contact form*/
.contact-form{}
.contact-form-row{margin-bottom:20px !important;}
.contact-form input::placeholder{text-align:right;color:#000000;}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"]{color:#000000;}
.contact-form textarea::placeholder{color:#000000;}
.contact-form textarea{color:#000000;}
.contact-form input[type="submit"]{background-color:#1e1f1f;color:#ffffff;border:none;}

/*footer*/
.footer-form{}
.footer-form-row{margin-bottom:10px;}
.footer-form-row input::placeholder{color:#ffffff !important;text-align:right !important;}
.footer-form-row input[type="text"],
.footer-form-row input[type="tel"],
.footer-form-row input[type="email"]{border:none;border-bottom:solid 1px #ffffff;border-radius:0 !important;color:#ffffff;background-color:#303134;}
.footer-form-row textarea::placeholder{color:#ffffff !important;text-align:right !important;}
.footer-form-row textarea{border:none;border-bottom:solid 1px #ffffff;color:#ffffff;background-color:#303134;min-height:120px !important;height:120px !important;border-radius:0 !important;}
.footer-form-row input[type="submit"]{color:#ffffff;background-color:#303134;font-size:1.3em;border:none;}
.footer-form-row input[type="submit"]:hover{color:#ffffff;background-color:#303134;font-size:1.3em;border:none;}
.footer-form-row .wpcf7-acceptance{color:#ffffff !important;}
.footer-form-row .wpcf7-acceptance span{color:#ffffff !important;}
.footer-form-row .wpcf7-acceptance span a{color:#ffffff !important;}
.footer-form-row .wpcf7-acceptance span a:hover{color:#ffffff !important;}
.footer-form-row .wpcf7-response-output{color:#ffffff !important;}

@media screen and (max-width: 767px){
	h2.elementor-heading-title{font-size:1.8rem !important;}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	h2.elementor-heading-title{font-size:1.6rem !important;}
}

@media screen and (min-width: 1025px) and (max-width: 1180px) {
	h2.elementor-heading-title{font-size:1.8rem !important;}
}

@media screen and (min-width: 1181px) and (max-width: 1280px) {
    h2.elementor-heading-title{font-size:2rem !important;}
}

@media screen and (min-width: 1281px) and (max-width: 1366px) {
    h2.elementor-heading-title{font-size:2.2rem !important;}
}

@media screen and (min-width: 1367px) and (max-width: 1440px) {
    h2.elementor-heading-title{font-size:2.4rem !important;}
}

@media screen and (min-width: 1441px) and (max-width: 1650px) {
	
}

@media screen and (min-width: 1651px){
	
}