body, .sp-preloader {
    background-color: #FFF!important;
    color: #1E1E1E;
}


#modal-menu .sp-megamenu-parent>li:hover>a, #modal-menu .sp-megamenu-parent>li:hover>span, #modal-menu .sp-megamenu-parent>li.active>a, #modal-menu .sp-megamenu-parent>li.active>span {
    color: #999;
}


#sp-header.celestia-header .modal-menu-right {
    background-color: #fff!important;
    background-image: url(../images/bg-pattern-2.svg);
    width: 100%;
    height: 100%;
    padding-left: 240px;
    display: flex;
    align-items: center;
}

.offcanvas-menu {
    background-color: #fff !important;
    background-image: url(../images/bg-pattern-2.svg);
	font-family: 'Inter', sans-serif!important;
    font-weight: 900!important;
    font-size: 20px;
   
}
.offcanvas-menu .offcanvas-inner ul.menu li.active a {
    color: #000000!important;
}

.offcanvas-menu .offcanvas-inner ul.menu>li a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, .offcanvas-menu .offcanvas-inner ul.menu>li span:hover, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus {
    color: #000000!important;
}



/* Definiranje animacije izvan selektora */
@keyframes text-focus-in {
  0% {
    filter: blur(12px);
    opacity: 0;
  }
  100% {
    filter: blur(0px);
    opacity: 1;
  }
}

/* Primjena animacije na element */
div.sppb-addon.sppb-addon-header.naslov1 h1.sppb-addon-title {
  -webkit-animation: text-focus-in 1.5s cubic-bezier(0.550, 0.055, 0.675, 0.190) both!important;
  animation: text-focus-in 1.5s cubic-bezier(0.550, 0.055, 0.675, 0.190) both!important;
}

.burger-icon>span {
    display: block;
    height: 2px;
    background-color: #000!important;
    margin: 5px 0;
    transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
}



#sp-header.celestia-header.header-sticky {
    position: fixed !important;
    background-color: #fff !important;
}


#sp-footer {
    padding: 50px 0px 50px 0px!important;
    font-size: 14px;
    background-image: url(../images/bg-pattern.svg);
}
span.sppb-icons-label-text.right {color: #fff !important;}

.sppb-icons-group-list li {
    text-align: left!important;
}


#sp-header.celestia-header .modal-menu-left {
    background-image: none !important; /* Uklanja pozadinsku sliku */
    background-color: transparent !important; /* Transparentna pozadina */
	z-index: 999 !important; /* Podesi z-index da element bude u ispravnom sloju */
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

#modal-menu {
    background: none!important;
    position: fixed !important;
    top: 120px;
    left: 0;
    right: 0;
    transition: 0.5s;
    bottom: 120%;
    overflow: hidden;
    display: flex;
    z-index: 10;
}



/************************* PORTOFOLIO *********************/
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info {
    background: #1A1A1A!important;
    padding: 20px;
    font-size: 13px;
    line-height: 13px;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info h3>a {
    text-decoration: none;
    color: #fff!important;
    -webkit-transition: color .4s;
    transition: color .4s;
	font-family: 'Inter', sans-serif!important;
    font-weight: 900!important;
    font-size: 20px;
	line-height: normal!important;
	
}

.sp-simpleportfolio .sp-simpleportfolio-description {
    width: 100%!important;
    float: left;
}




div.ba-form-footer { display: none!important;}