a {
    color: #9CB38F!important;
}

#offcanvas-toggler {
    float: right!important;
    line-height: 40px!important;
    margin-right: 15px!important;
    margin-left: 5px!important;
    font-size: 24px!important;
}



#sp-header a.roko { color:#fff!important; font-weight: 600!important;}



.sp-megamenu-parent {
    font-family: Open Sans, sans-serif!important;
    font-size: 15px!important;
    font-weight: 300!important;
	
	
}


.sp-megamenu-parent >li.active>a, .sp-megamenu-parent >li:hover>a {
    background: none!important;
}
#sp-header a {
  color: #fff!important;
}




#sp-header {
    background-color:#9CB38F!important;
    height: 85px;
    left: 0;
    position: absolute;
    top: 0px!important;
    width: 100%;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    z-index: 99;
	padding:15px!important;
}


#sp-header.menu-fixed {
    position: fixed;
    z-index: 9999;
    box-shadow: 0 3px 3px rgb(0 0 0 / 5%);
    background: rgba(156,179,143,0.95);
    top: 0;
    animation-name: fadeInDown;
	padding:10px!important;
}


.customNavigation >a {
    position: absolute;
    font-size: 120px!important;
    top: 50%;
    z-index: 100;
    left: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: none!important;
    padding: 8px 15px;
    display: inline-block;
    border-radius: 4px;
    line-height: 1;
    cursor: pointer;
    -webkit-box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    color: #fff!important;
}

div.sp-module.language_dekstop {margin-top: 16px;}

#sp-header.menu-fixed .sp-module ul >li {
    display: inline-block;
    padding: 10px 5px 0px 5px;
    border-bottom: 0px solid #e8e8e8!important;
    -webkit-transition: 300ms;
    transition: 300ms;
  
}


div.offcanvas-menu  .sp-module ul >li {
    display: block!important;
    padding: 0px 5px 0px 5px;
    border-bottom: 0px solid #e8e8e8!important;
    -webkit-transition: 300ms;
    transition: 300ms;
  
}




.sp-module ul >li {
    display: inline-block;
    padding: 0px 5px 0px 5px;
    border-bottom: 0px solid #e8e8e8!important;
    -webkit-transition: 300ms;
    transition: 300ms;
  
}


.sp-module ul >li >a:before {
    font-family: FontAwesome;
    content: none!important;
    margin-right: 8px;
}


	
footer#sp-footer {
    background-color: #fff;
    padding: 15px 0 15px 0;
	text-align:center;
}

#sp-footer .sp-copyright {
	font-family: Open Sans, sans-serif!important;
    font-weight: 300 !important;
    font-size: 14px;
    color: #9CB38F!important;
}





.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right {
    left: 0;
    display: none!important;
}
	
	
	.sp-megamenu-parent >li.sp-has-child>a:after, .sp-megamenu-parent >li.sp-has-child>span:after {
     display: none!important;
	 
}



table#prices tr#naslovi  {background-color:  #9cb38f!important; color:#fff; font-family: Open Sans, sans-serif!important;
        font-size: 16px;}

table#prices { color: #000!important;font-family: Open Sans, sans-serif!important;
    font-weight: 300!important;
    font-size: 16px;}
	
	
	
	
div.sppb-addon.sppb-addon-module.smjestaj_navigacija a {color:#fff!important;}	


div.sppb-addon.sppb-addon-module.smjestaj_navigacija a:hover {background:none!important;}	


/* Sakrij na mobitelima i tabletima (do 1024px širine) */
@media (max-width: 1024px) {
    .mod-languageslanguage_desktop {
        display: none !important;
    }
}


@media (max-width: 768px) {
    .mod-languageslanguage_desktop {
        display: none !important;
    }
}


@media (min-width: 768px) and (max-width: 1024px) {
    .mod-languageslanguage_desktop {
        display: none !important;
    }
}



@media (max-width: 768px) {
    #sp-header {
        position: relative;
    }

    #offcanvas-toggler {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 999; /* Osigurava da je iznad ostalih elemenata */
        display: block; /* Osigurava da je vidljiv */
    }
}


@media (max-width: 768px) {
    #sp-header {
        position: relative;
    }

    #offcanvas-toggler {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 999; /* Osigurava da je iznad ostalih elemenata */
        display: block; /* Osigurava da je vidljiv */
    }
}