/* 
Theme Name: Brnd
Theme URI: https://github.com/elementor/hello-theme/
Description: Israpol Theme
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: brnd
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
*/
/*FOR MOBILE HERE*/

/*
body, img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    user-select: none;
}
*/
    body{
            cursor: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="%23000" d="M4.5.79v22.42l6.56-6.57h9.29L4.5.79z"></path></svg>'), auto;
    }

/*
a{
    cursor: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="%23000000" stroke="%23000" stroke-width="2" stroke-linejoin="round" d="M10 11V8.99c0-.88.59-1.64 1.44-1.86h.05A1.99 1.99 0 0 1 14 9.05V12v-2c0-.88.6-1.65 1.46-1.87h.05A1.98 1.98 0 0 1 18 10.06V13v-1.94a2 2 0 0 1 1.51-1.94h0A2 2 0 0 1 22 11.06V14c0 .6-.08 1.27-.21 1.97a7.96 7.96 0 0 1-7.55 6.48 54.98 54.98 0 0 1-4.48 0 7.96 7.96 0 0 1-7.55-6.48C2.08 15.27 2 14.59 2 14v-1.49c0-1.11.9-2.01 2.01-2.01h0a2 2 0 0 1 2.01 2.03l-.01.97v-10c0-1.1.9-2 2-2h0a2 2 0 0 1 2 2V11Z"></path></svg>'), auto;
}
*/
  .hover-light-bg:hover {
    cursor: none;
  }

  /* The custom “light” */
  .custom-hover-light {
    position: fixed;
    top: 0; left: 0;
    width: 120px; height: 120px;
    margin-left: -60px;  /* half width  */
    margin-top:  -60px;  /* half height */
    border-radius: 50%;
    pointer-events: none;
/*    background: radial-gradient(circle, rgba(255,255,230,0.8) 0%, rgba(255,255,230,0) 60%);*/
/*    box-shadow: 0 0 15px rgba(255,255,200,0.6);*/
    opacity: 0;
    transition: all 0.1s ease-out;
    z-index: 9999;
      animation-duration: 4s;
  animation-name: glow;
  animation-iteration-count: infinite;
      mix-blend-mode: color-dodge;
  }
@keyframes glow{
    0%
    {    box-shadow: 0 0 20px rgba(255,255,200,0.7);
        background: radial-gradient(circle, rgba(255,255,230,0.9) 0%, rgba(255,255,230,0) 60%);
    }
    50%
    {
            box-shadow: 0 0 5px rgba(255,255,200,0.6);
        background: radial-gradient(circle, rgba(255,255,230,0.9) 0%, rgba(255,255,230,0) 60%);
    }
    100%
    {
            box-shadow: 0 0 20px rgba(255,255,200,0.7);
        background: radial-gradient(circle, rgba(255,255,230,0.9) 0%, rgba(255,255,230,0) 60%);
    }
}
  /* Fade it in when hovering */
  .custom-hover-light.active {
    opacity: 1;
  }
::-webkit-scrollbar {
-webkit-appearance: none;
}
::-webkit-scrollbar {
width: 10px;
}
  
::-webkit-scrollbar-track {
background: #292929;
/*border-left:1px solid #ccc;*/
}
  
::-webkit-scrollbar-thumb {
background: #FCF6EE;
border-radius: 0;
    transition: background .3s ease-in-out;

/*border:1px solid #eee;*/
height:100px;
border-radius:5px;
}
  
::-webkit-scrollbar-thumb:hover {
background: rgba(252, 246, 238, 0.8);
}

.post-type-archive-projects .header-logo path, .post-type-archive-projects .popup-menu-wrapper path{
    fill: white!important;
}
.post-type-archive-projects .cpel-switcher__code, .post-type-archive-projects a.glink{
    color: white!important;
    
}
.cpel-switcher__code{
    opacity: 1;
    transition: all 0.3s ease;
}
.cpel-switcher__code:hover{
    opacity: 0.7;
}

/************* Customer Carousel ****************/
.customers-carousel .swiper-wrapper{
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important; 
}
.customers-carousel img.swiper-slide-image {
    filter: grayscale(1);
}

.reveal{
    --speed: .5s !important;
    animation: none !important;
}
.reveal > *{
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0) !important;
    transition: all var(--speed) ease-in-out !important;
}
.reveal.animated > *{
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%) !important;

}

    /************** Services Home ******************/
    .service-wrap, .service-icon, .service-text, .service-hover{
        transition: opacity .5s ease;
    }
    .service-wrap:hover .service-icon, .service-wrap:hover .service-text{
        opacity:0;

    }
    .service-hover{
        opacity: 0;
    }
    .service-wrap:hover .service-hover{
        opacity: 1;
    }
    .service-wrap{
/*        cursor: url('https://tester.buzzers.co.il/doram/wp-content/themes/brnd/service-cursor.svg'), auto;*/
/*        cursor: url('https://tester.buzzers.co.il/doram/wp-content/themes/brnd/star-4pt-round.svg'), auto;*/

    }

    /************** Language Translator ******************/

a.glink.gt-current-lang {
  display: none;
}
a.glink {
  text-decoration: none;
  font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
  font-size: 24px;
  color: black;
}




/********************** Brands Grid *****************************/
        .brands-grid {
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          gap: 40px; /* adjust gutter */
        }

        /* Each item */
        .brand-item {
          display: block;
          overflow: hidden; /* ensure no spill */
            height: 100px;
            display: flex;
            align-items: center;
        }

        /* Force the image to fit within its box */
        .brand-image {
/*          width: 100%;*/
          width: 220px;
          margin: auto;
          height: 80px!important;        /* set a fixed height (adjust as needed) */
          object-fit: contain;  /* contain, not cover */
/*          display: block;*/
            transition: all .3s ease-in-out;
            filter: brightness(0);
        }
        .brand-image:hover {
            filter: brightness(1);
        }
            .elementor-posts-container.elementor-has-item-ratio .elementor-post__thumbnail.elementor-fit-height img {
                height: auto;
                width: 100%;
            }
        .brand-single-logo{filter: brightness(0);}



.elementor-widget-search .e-search .e-search-submit>svg:is(svg){
    fill: none!important;
}



.numbers{
    text-align: center;
}

.expand-btn button{
    border: none;
    font-family: "ezer", sans-serif;
    font-size:24px;
    font-weight: regular;
    color: #002110;
    margin: auto;
    text-decoration: underline;

}
.expand-btn button:hover, .expand-btn button:active, .expand-btn button:focus{
    letter-spacing: 2px;
    background: none;
    border: none;
    outline:none;
    color: #002110;
    text-decoration: underline;

}

.hover-wrap .hover-letter{
    opacity: 0;
    transition: opacity .3s ease-in-out;
}

.hover-wrap:hover .hover-letter{
    opacity: 1;
}







span.elementor-counter-number {
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    background-image: url(https://tester.buzzers.co.il/doram/wp-content/uploads/2025/05/a61cfe92024c7c1f7721e1c5ab50edae0bde016f.jpg);
    background-size: 400%;
    background-position: left;
}

/*post page*/





/*
p {
    margin: 0!important;
}
*/

.soon:before, .soon:after{
    -webkit-animation: AnimationName 10s ease infinite;
    -moz-animation: AnimationName 10s ease infinite;
    animation: AnimationName 10s ease infinite;
}
@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 0%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 0%}
    100%{background-position:0% 50%}
}



 /* Improved Animations Stylesheet from https://element.how/elementor-improve-entrance-animations/ , works for the 'fade' animations */

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}




/*
#elementor-popup-modal-40 .dialog-widget-content{
    opacity: .97;
}
.close-popup{cursor: pointer;
}
*/

.elementor-field-type-acceptance {
    order: 2;
}



.rotate {
  -webkit-animation: rotate 15s normal linear infinite;
  animation: rotate 15s normal linear infinite;
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
  25% {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
  }
  50% {
    -webkit-transform: rotate3d(0, 0, 1, 180deg);
    transform: rotate3d(0, 0, 1, 180deg);
  }
  75% {
    -webkit-transform: rotate3d(0, 0, 1, 270deg);
    transform: rotate3d(0, 0, 1, 270deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
    transform: rotate3d(0, 0, 1, 360deg);
  }
}

figure.elementor-image-box-img {
    clip-path: border-box;
}

figure.elementor-image-box-img img {
    height: 400px;
    object-fit: cover;
}
.elementor-widget-image-box .elementor-image-box-content {
    width: 100%!important;
}

figure.elementor-image-box-img:before {
    content: "External";
    position: absolute;
    top: 20px;
    right: -50px;
    width: 170px;
    padding: 4px;
    background: white;
    text-align: center;
    transform: rotate(45deg);
    z-index: 9;
    font-family: "'Heebo'", sans-serif;
    font-weight: 600;
}

p.elementor-image-box-description {
    transition: all .3s ease;
}
.elementor-image-box-wrapper:hover p.elementor-image-box-description {
    letter-spacing: 1px;
}

.elementor-image-box-wrapper:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 0%;
    background: #121212;
    bottom: 0;
    transition: width .8s ease;
}
.elementor-image-box-wrapper:hover:after {
width: 100%;
}

input#form-field-name:focus, input#form-field-phone:focus, input#form-field-email:focus {
    color: var( --e-global-color-a189a5d );
    border: 0;
    border-bottom: 3px solid var( --e-global-color-a189a5d );
    }

input::placeholder {
    text-align: right;
    transition: opacity .3s ease;
}

input:focus::placeholder {
    opacity: 1 !important;
}




/*DESKTOP ONLY*/
@media only screen and (min-width: 769px) {

    .shrinking-logo img {
	width: 100px!important;
}

.shrinker.elementor-sticky--effects img {
	width: 50px!important;
}


    
}

TABLET ONLY*/
@media (max-width: 1024px) and (min-width: 768px) {

}


/* Media query for small screens (e.g., mobile) */
@media only screen and (min-width: 600px) {
    
}

/* Media query for medium screens (e.g., tablets) */
@media only screen and (max-width: 767px) {
    .brands-grid{
        grid-template-columns: repeat(2, 1fr);
        gap:10px;
    }
    .brand-image{
        width: 70%;
    }
}

/* Media query for large screens (e.g., desktops) */
@media only screen and (max-width: 1024px) {
    
}
/*****************************************************************************/