/* 
Theme Name: dejanpetkovic.art theme - Elementor child theme
Theme URI: https://github.com/elementor/hello-elementor/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team adopted by Vladan Krstic
Author: krstatzardesign
Author URI:
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: Custom MultiBase theme
*/
        /*
    Add your custom styles here
*/
      

        /*STICKY HEADER*/

        
        .sticky-header .elementor-image a {
            display: block !important;
        }

      
        .sticky-header a img {
            display: block;
            width: 140px !important;
            height: auto !important;
        }
		
		
		
		.sec-head .elementor-image a {
            display: block !important;
        }

       
        .sec-head a img {
            display: block;
            width: 140px !important;
            height: auto !important;
        }
		
	

       
        .sec-head .current-menu-item {
            text-decoration: underline;
            text-underline-position: under;
        }

        
        .sec-head .elementor-item-active {
            text-decoration: underline;
            text-underline-position: under;
        }
		
		
		
		/* Extra Deki Stuff */
		
		.usluge a img {
			width:100px !important;
			height: auto !important;
			transition:all 0.3s ease;
		}
		
		.usluge a img:hover {
			 transform: rotate(15deg);
		}
		
		
		
		
		.bubble {
    position: relative;
    background: #413C3A;
    color: #FFFFFF;
    font-family: 'Source Sans Pro';
    font-size: 1.125rem;
   
    text-align: left;
   
    
    border-radius: 10px;
    padding: 1rem;
}
.bubble:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-color: transparent #413C3A;
    border-width: 20px 20px 20px 0;
    top: 30%;
    left: -20px;
    margin-top: -20px;
}

.grey-bubble{
	display:flex;
	max-width:800px;
	background-image:url('https://dejanpetkovic.art/wp-content/uploads/2024/07/greytexture.jpg');
	padding:1rem;
	font-family: 'Source Sans Pro';
    font-size: 1.125rem;
	border-radius:10px;
	text-align:center;
	margin:2rem 0;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.29);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	
}



.top-soc-holder{
	border-left:2px solid #FFF;
	display: block;
	height: 24px;
}

.top-soc-holder a{
display:inline-block;
margin: 0 10px 0 0;
} 

.top-soc-holder a img:hover{
	filter: invert(0%) sepia(20%) saturate(3157%) hue-rotate(301deg) brightness(107%) contrast(79%);
}

.top-soc-holder a:first-child{
	margin-left:20px;
}

.top-soc-holder a:last-child{
	margin-right:0 !important;
}

.top-soc-holder a img{
	
	width:24px !important;
	height:auto;
}


.posts-teaser .elementor-post__thumbnail {
	border:4px solid #FFF;
	transition: border-color 0.6s linear;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.posts-teaser .elementor-post__thumbnail:hover {
	border:4px solid #333;
}

#main-menu .elementor-item-active {
	text-decoration:underline !important;
}

.elementor-post__read-more:hover {
	text-decoration:underline;
}
        

        /* Mini framework */
        /*  Essentials  */

        .flex-container {
            display: flex;
            flex-wrap: wrap;
        }

        .container {
            clear: both;
            margin: 0 auto;
            max-width: 1280px;
            padding: 0 20px;
            position: relative;
        }

        .one-half {
            padding: 10px;
            box-sizing: border-box;
            width: 50%;
        }

        .one-third {
            padding: 10px;
            box-sizing: border-box;
            width: 33.3%;
        }

        .two-third {
            padding: 10px;
            box-sizing: border-box;
            width: 66.6%;
        }

        .one-quater {
            padding: 10px;
            box-sizing: border-box;
            width: 25%;
        }

        .one-fifth {
            padding: 10px;
            box-sizing: border-box;
            width: 20%;
        }

        .one-sixth {
            padding: 10px;
            box-sizing: border-box;
            width: 16.6%;
        }

        .responsive img {
            width: 100%;
            height: auto;
        }

        .inner {
            padding: 0.75rem;
        }
		
		
		
		

        /* Small only */

        @media screen and (max-width: 766px) {
			
			
			.bubble {
    
   
    font-size: 1rem;
   
    text-align: center;
	margin:0 10px;
   
    
    
}
.bubble:after {
    display:none;
}
           
			
		
        }

        /* Tablet */

        @media screen and (min-width: 766px) and (max-width: 1023px) {
           
        }

        /* 1024-1440 */

        @media screen and (min-width: 1024px) and (max-width: 1440px) {
         

           
        }


        @media screen and (min-width: 1024px) and (max-width: 1100px) {
           
    
          
    }



    @media screen and (min-width: 1101px) and (max-width: 1280px) {
           
    
      
}
        


        @media screen and (min-width: 64em) {}

        /* Large only */

        @media screen and (min-width: 64em) and (max-width: 74.9375em) {}

        /* Ultra Large only */

        @media screen and (min-width: 75em) and (max-width: 90em) {}

        /* 1200-1440 */

        @media screen and (min-width: 115em) and (max-width: 200em) {}