/* 
    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;}
.pa-gallery-whole-link{z-index:1 !important;}
.comments-area a, .page-content a{text-decoration:none;}
.sr-only{display:none;visibility:hidden;}

main ul,
main ol{margin-left:1rem;margin-bottom:1rem;}

.xpro-elementor-horizontal-menu-toggler{box-shadow:none !important;}

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

.elementor-button-content-wrapper{transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);}
.elementor-button-content-wrapper:hover i{transform: translateX(5px);}


/*Home*/
.home-pic-spin{animation: rotate 8s linear infinite;}

@keyframes rotate {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

/*Textboxs*/
.home-textboxes{opacity: 0;}
.home-textboxes-1{animation:homeDropIn 0.75s cubic-bezier(.4,0,.2,1) forwards 0.6s;}
.home-textboxes-2{animation:homeDropIn 0.75s cubic-bezier(.4,0,.2,1) forwards 1.8s;}
.home-textboxes-3{animation:homeDropIn 0.75s cubic-bezier(.4,0,.2,1) forwards 2.6s;}
.home-textboxes-4{animation:homeDropIn 0.75s cubic-bezier(.4,0,.2,1) forwards 3.2s;}

@keyframes homeDropIn {
    0%   { opacity: 0; transform: rotateX(-55deg) translateY(-40px) scale(0.9); }
    65%  { transform: rotateX(6deg) translateY(4px) scale(1.01); }
    100% { opacity: 1; transform: rotateX(0deg) translateY(0) scale(1); }
}

/*About*/

/* =========================
    POSITIONING
========================= */

.home-ball-1-pos,
.home-ball-2-pos,
.home-ball-3-pos {
    position: absolute;
}

/* positions */
@media screen and (max-width: 767px){
    .home-ball-1-pos { top: 5%; left: 1%; }
    .home-ball-2-pos { top: 15%; left: 85%; }
    .home-ball-3-pos { top: 17%; left: 5%; }
    .home-ball-1{width:2rem !important;height:2rem !important;}
    .home-ball-2{width:2rem !important;height:2rem !important;}
    .home-ball-3{width:2rem !important;height:2rem !important;}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .home-ball-1-pos { top: 10%; left: 17%; }
    .home-ball-2-pos { top: 5%; left: 77%; }
    .home-ball-3-pos { top: 35%; left: 2%; }
}

@media screen and (min-width: 1025px) and (max-width: 1180px) {
    .home-ball-1-pos { top: 10%; left: 20%; }
    .home-ball-2-pos { top: 10%; left: 77%; }
    .home-ball-3-pos { top: 35%; left: 3%; }
}

@media screen and (min-width: 1181px) and (max-width: 1280px) {
    .home-ball-1-pos { top: 10%; left: 23%; }
    .home-ball-2-pos { top: 27%; left: 83%; }
    .home-ball-3-pos { top: 40%; left: 3%; }
}

@media screen and (min-width: 1281px) and (max-width: 1366px) {
    .home-ball-1-pos { top: 10%; left: 23%; }
    .home-ball-2-pos { top: 25%; left: 82%; }
    .home-ball-3-pos { top: 40%; left: 5%; }
}

@media screen and (min-width: 1367px) and (max-width: 1440px) {
    .home-ball-1-pos { top: 10%; left: 30%; }
    .home-ball-2-pos { top: 17%; left: 70%; }
    .home-ball-3-pos { top: 37%; left: 20%; }
    
}

@media screen and (min-width: 1441px) and (max-width: 1650px) {
    .home-ball-1-pos { top: 25%; left: 30%; }
    .home-ball-2-pos { top: 27%; left: 80%; }
    .home-ball-3-pos { top: 40%; left: 10%; }
}

@media screen and (min-width: 1651px) {
    .home-ball-1-pos { top: 10%; left: 30%; }
    .home-ball-2-pos { top: 17%; left: 70%; }
    .home-ball-3-pos { top: 37%; left: 20%; }
}

/* =========================
    BALL BASE STYLE
========================= */

.home-ball-1,
.home-ball-2,
.home-ball-3 {
    border-radius: 50%;
    background: linear-gradient(to right, #0e98e3, #011017);
    will-change: transform;
}

/* sizes */
.home-ball-1 { width: 2.5rem; height: 2.5rem; }
.home-ball-2 { width: 5rem; height: 5rem; }
.home-ball-3 { width: 10rem; height: 10rem; }

/* =========================
    PARTICLE ANIMATIONS
========================= */

/* SMALL BALL */
.home-ball-1 {
    animation: floatA 4.2s ease-in-out infinite;
}

/* MEDIUM BALL */
.home-ball-2 {
    animation: floatB 6.5s ease-in-out infinite;
}

/* BIG BALL */
.home-ball-3 {
    animation: floatC 8.8s ease-in-out infinite;
}

/* =========================
    KEYFRAMES (UNSYNCED MOTION)
========================= */

/* small + quick */
@keyframes floatA {
    0% {
        transform: translate(0px, 0px) scale(1);
    }
    25% {
        transform: translate(6px, -10px) scale(1.03);
    }
    50% {
        transform: translate(-4px, -18px) scale(1.05);
    }
    75% {
        transform: translate(3px, -8px) scale(1.02);
    }
    100% {
        transform: translate(0px, 0px) scale(1);
    }
}

/* medium slower */
@keyframes floatB {
    0% {
        transform: translate(0px, 0px) scale(1);
    }
    30% {
        transform: translate(-10px, -14px) scale(1.04);
    }
    60% {
        transform: translate(8px, -26px) scale(1.06);
    }
    100% {
        transform: translate(0px, 0px) scale(1);
    }
}

/* big slow + heavy feel */
@keyframes floatC {
    0% {
        transform: translate(0px, 0px) scale(1);
    }
    20% {
        transform: translate(10px, -12px) scale(1.02);
    }
    50% {
        transform: translate(-12px, -30px) scale(1.08);
    }
    80% {
        transform: translate(6px, -18px) scale(1.03);
    }
    100% {
        transform: translate(0px, 0px) scale(1);
    }
}

/*How We Work*/
.benefit-box{min-height:120px;}

/*services*/
@media (max-width:767px){
    .e-n-tabs-heading{
        position:relative;
        display:flex;
        flex-wrap:nowrap;
        overflow-x:auto;
        -webkit-overflow-scrolling: touch;
        scroll-behavior:smooth;
    }
    
    /* חשוב: לא לשים snap על items */
    .e-n-tabs-heading{
        scroll-snap-type:x proximity;
    }
    
    /* tabs */
    .e-n-tab-title{
        flex:0 0 auto;
        white-space:nowrap;
        font-size:14px;
        padding:14px 14px !important;
        line-height:1.2;
        overflow:visible !important;
        text-overflow:unset !important;
        scroll-snap-align:center;
    }
}

/*main form*/
.mainform{}
.mainform {margin-bottom:10px;}
.mainform  label{font-weight:normal;}
.mainform  input[type="text"]{border:solid 1px #6B6868;width:100%;font-size:1em;color:#6B6868;}
.mainform  input[type="email"]{border:solid 1px #6B6868;width:100%;font-size:1em;color:#6B6868;}
.mainform  input[type="url"]{border:solid 1px #6B6868;width:100%;font-size:1em;color:#6B6868;}
.mainform  input[type="tel"]{border:solid 1px #6B6868;width:100%;font-size:1em;color:#6B6868;}
.mainform  textarea{min-height:80px;height:80px;border:solid 1px #6B6868;width:100%;font-size:1em;color:#6B6868;}
.mainform  input[type="submit"]{border:none;background-color:#1791CF;color:#ffffff;padding:15px 20px 15px 20px;font-size:1em;}
.mainform .wpcf7-recaptcha-cell .wpcf7-not-valid-tip{margin-top:45px;} 

@media screen and (min-width: 1000px){
	.mainformCell{width:49%;float:left;padding:5px;}
	.mainformRow{margin-bottom:10px;}
	.mainformRow2{margin-bottom:10px;}
	.mainformRow3{margin-bottom:10px;height:170px;}
	.mainformCommandHalf{width:49%;float:left;padding:0 5px 5px 5px;}
	.mainformCommandFull{margin:5px;}
}
@media screen and (max-width: 1000px){
	.mainformCell{width:100%;float:none;padding:5px;}
	.mainformRow{margin-bottom:10px;}
	.mainformCommandHalf{width:100%;float:none;}
	.mainformCommandFull{margin:5px;}
}


/*footer*/
.footer-form{}
.footer-form input::placeholder{color:#6B6868;}
.footer-form input[type="text"],
.footer-form input[type="email"]{color:#6B6868;border-radius:10px;}
.footer-form input[type="submit"]{color:#ffffff;background-color:#1791CF;border:none;border-radius:10px;}
.footer-form input[type="submit"]:hover{color:#ffffff;background-color:#1791CF;border:none;}
.footer-form .wpcf7-response-output{color:#ffffff;}

@media screen and (max-width: 769px) {
    .footer-form .uacf7-row .uacf7-col-3{flex:0 0 100%;margin-bottom:10px;}
}