/* 
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*/
::-webkit-scrollbar {
-webkit-appearance: none;
}
::-webkit-scrollbar {
width: 8px;
}
  
::-webkit-scrollbar-track {
background: #333132;
/*border-left:1px solid #ccc;*/
}
  
::-webkit-scrollbar-thumb {
background: #00fff7;
/*border:1px solid #eee;*/
height:100px;
border-radius:5px;
transition: background .3s ease;
}
  
::-webkit-scrollbar-thumb:hover {
background: white;
}

body, img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    user-select: none;
}


 /* Improved 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-field-type-acceptance {
    order: 2;
}


input#form-field-name:focus, input#form-field-phone:focus, input#form-field-email:focus {
    color: #D7C6BF;
    border-bottom: 1px solid #D7C6BF;
    }

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

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

/*about page*/
.gallery-carousel .swiper-pagination-bullet {
    outline: 1px solid rgba(255,255,255,0.7);
    outline-offset: 2px;
}

.gallery-carousel .swiper-pagination{
    text-align: right;
    padding-right: 3em;
    padding-bottom: 0.5em;

}



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

    
    
}

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 (min-width: 768px) {
    
}

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