/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/
.youtube-container {
    overflow: hidden;
    width: 100%;
    /* Keep it the right aspect-ratio */
    aspect-ratio: 16/9;
    /* No clicking/hover effects */
    pointer-events: none;
}
.youtube-container iframe {
        width: 300%;
        height: 100%;
    }

@media (max-width: 767px){
html, body {
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    height: 100%;
}

}



/************ START OF HEADER *************/

#glavni-meni .nav-indicator {
    position: absolute;
    height: 8px;
    border-radius: 8px;
    background-color: rgba(0, 255, 182, 1);
    bottom: 0;
    left: 0;
    transform: translateX(0);
    transition: left 0.3s, width 0.3s;
    width: 35px;
    display: none;
}

#glavni-meni .nav-indicator.visible {
    display: block;
}

#glavni-meni .nav-indicator.no-transition {
    transition: none !important;
}


#glavni-meni li.kontakt a {
    text-transform: uppercase;
    border: 2px solid rgba(0, 255, 182, 1);
    border-radius: 8px;
    padding: 0 27px;
}

li.kontakt.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-item.page_item.page-item-21.current_page_item.menu-item-23.active a.elementor-item.elementor-item-active {
    background-color: rgba(0, 255, 182, 1);
    !important;
    color: white !important;
}

@media (max-width:1375px) {

    .elementor-59 .elementor-element.elementor-element-375fe18 .elementor-nav-menu--main .elementor-item {
        font-size: 16px !important;
    }

}


@media (max-width:1375px) {
    .elementor-59 .elementor-element.elementor-element-375fe18 .elementor-nav-menu--main .elementor-item {
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }
}

@media (max-width:1100px) {
    .elementor-59 .elementor-element.elementor-element-375fe18 .elementor-nav-menu--main .elementor-item {
        font-size: 14px !important;
    }

}

/************ END OF HEADER *************/


/************ START OF HOME PAGE *************/

.elementor-counter-title {
    text-align: center !important;
}



.txt-hover .img-txt p {
    color: #fff;
    transition: color 0.5s ease;
}


.txt-hover:hover .img-txt p {
    color: #00E0A0 !important;
}


@media (max-width:1200px) {

    span.elementor-counter-number,
    span.elementor-counter-number-suffix {
        font-size: 50px !important;
    }

    .elementor-counter-title {
        font-size: 15px !important;
    }

    .elementor-counter {
        gap: 0px !important;
    }
}

div#krug:before {
    position: absolute;
    content: url(/wp-content/uploads/2024/07/krug.svg);
    top: -14%;
    left: -13%;
}

div.active#krug:before {
    left: auto;
    right: 0;
    width: fit-content;
    height: fit-content;

    transform: translateX(-3rem);

    animation: movetoleft 1s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

@keyframes movetoleft {
    0% {
        transform: translateX(0rem);
    }

    100% {
        transform: translateX(-30rem);
    }
}

@media (max-width: 768px) {
    div.active#krug:before {
        animation: movetoleft-mobile 1s ease forwards;
    }

    @keyframes movetoleft-mobile {
        0% {
            transform: translateX(0rem);
        }
        100% {
            transform: translateX(-5.8rem);
        }
    }
	
	
}


#krug2:before {
    position: absolute;
    content: url(/wp-content/uploads/2024/07/krug.svg);
    top: -11%;
    left: 0;
    width: fit-content;
    height: fit-content;
    transform: translateX(-3rem);
    animation: move 1s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

@keyframes move {
    0% {
        transform: translateX(0rem);
    }

    100% {
        transform: translateX(20rem);
    }
}


@media (max-width: 768px) {
    #krug2:before {
        animation: move-mobile 1s ease forwards;
    }

    @keyframes move-mobile {
        0% {
            transform: translateX(0rem);
        }
        100% {
            transform: translateX(8rem); 
        }
    }
}

/*linkedin feed*/
.ShareButton__Button-sc-192me2e-0.fUkyoJ:hover, 
.ShareButton__Button-sc-192me2e-0.fUkyoJ:active,
.ShareButton__Button-sc-192me2e-0.fUkyoJ:focus{
  background-color: rgba(0,0,0,.1)!important;
	color:black!important;
}

.ShareButton__Button-sc-192me2e-0.fUkyoJ {
  padding: 2px 10px;
}

/************ END OF HOME PAGE *************/


/************ START OF TEAM PAGE *************/


@media (max-width:900px) {
    .elementor-testimonial-job {
        margin-left: 0px !important;
        margin-right: -3px;
    }

}

/************ END OF TEAM PAGE *************/



/************ START OF COOKIE POLICY *************/

.link p a:hover {
	color: #00E0A0!important;
}

/************ END OF COOKIE POLICY *************/




/************ START OF FOOTER *************/

/************ END OF FOOTER *************/