.logo-image {
    height: 120px;
    
}

#sp-header {
    height: 360px;
    position: absolute;
    background: #142038;
	display: flex;
	justify-content: center;
	align-items: center;
}


.sppb-articles-scroller-date-left-content .sppb-addon-articles-scroller-title {

    font-size: 18px;
    margin-bottom: 15px;

}

#sppb-addon-1536586772173 .sppb-articles-scroller-introtext, #sppb-addon-1536586772173 .sppb-articles-ticker-modern-text {

       font-size: 14px;

}

#column-wrap-id-1536586772146 {

	background: url("./images/obavijesti_pozadina.png");
	background-repeat: no-repeat;
	background-position: center;
	}
.sppb-panel-body {

    padding: 5px;
	padding-bottom: 0px !important;
   
}

a {

    color: #0e349f;

}

.sppb-panel-modern {
	margin-bottom: 0px;
}

.sppb-panel-modern > .sppb-panel-heading {

    padding: 17px 30px 17px 15px;
    background: #ccc;
    color: #46474a;

}

sppb-panel-title {

    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: bolder;
    color: inherit;

}

.sp-megamenu-parent > li > a {

    color: #fff;
	font-size: 15px;

}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {

    color: #fff;

}

#sp-menu {
	display: flex;
	justify-content: center;
	align-items: center;
}

.sp-megamenu-parent > li:hover > a {

    color: #a7a7a7;

}

div.k2LatestCommentsBlock ul li, div.k2TopCommentersBlock ul li, div.k2ItemsBlock ul li, div.k2LoginBlock ul li, div.k2ArchivesBlock ul li, div.k2AuthorsListBlock ul li, div.k2CategoriesListBlock ul li, div.k2UsersBlock ul li {

    margin: 0 0 8px 0;

}

.sppb-btn-primary.sppb-btn-outline {

    color: #2e364b;
    background-color: transparent;

}

.btn-primary, .sppb-btn-primary {

    border-color: #303646;
}

.sppb-btn-primary.sppb-btn-outline:hover {

    color: #fff;
    background-color: #7171714d !important;
    border-color: #c99847;
    border: 1px solid #f1ad32 !important;
    
}

#sppb-addon-1536613886196 .sppb-addon-content .sppb-btn {

   margin-bottom: 15px !important;

}

.sppb-btn-lg {
	font-size: 16px;
}

.sppb-addon-article a {

color: #424242;

}


.sppb-addon-article a:hover{

color: #113496 !important;
}

.sppb-addon-article h3 {
	
	font-size: 21px;
    height: 100px;
	
}
.sppb-article-introtext{
	
	font-size: 15px;
    text-align: justify;
}

.sppb-meta-category,
.sppb-meta-author {
	display: none !important;
}

.sppb-addon-articles .sppb-article-meta > span {

    color: #fff;
    padding: 3px;
    font-weight: bold;

}

div.itemImageBlock {

    display: flex;
    justify-content: center;
    align-items: center;

}

div.itemToolbar {

    padding: 8px;
    margin: 0px;
    background: none;
    border-radius: 4px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px dotted #142038;
    font-size: 10px;

}

#sp-footer, #sp-bottom {

    background: #142038;
    color: #fff;
	padding: 0px;

}


h1.sppb-addon-title {

    text-align: center;
    font-size: 50px;
}

.sppb-article-meta {

    text-align: right;
}


.sppb-addon-articles .sppb-article-meta {
    
    background-color: #EAA62A;
}

.sppb-meta-date::before{

    content: "Objavljeno: ";
    font-size: 10px;
}

.sppb-meta-date{

    font-size: 10px !important;
}

.sppb-readmore {
    
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 5px;
    font-size: 12px;
}


.sppb-addon-articles .sppb-article-meta {
    background-color: #2F3648;
}

.sppb-addon-articles .sppb-addon-article {
    margin-bottom: 30px;
    border-top: 3px solid #e4ab43;
}


#sppb-addon-1536672549800 .sppb-btn-lg {

    font-size: 12px;
}

#sppb-addon-1536672549800 .sppb-addon-content {

    display: flex;
    justify-content: center;
    align-items: center;
    
}

#sppb-addon-1536672549800 .sppb-addon-content > a {

    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 60px;

}

#sp-main-body {

    padding-bottom: 20px !important;
}


/*
#sppb-addon-1536586772161 h4
{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    position: relative;
    width: 100%;
    background: linear-gradient(113deg,#0e349f 19% , black 80%);
    color: white;
    font-weight: bold;
    font-size: 28px;
    letter-spacing: 4px;
    margin-bottom: 1px !important;
}
*/

/*#btn-1536648834010,
#btn-1536611379414{
	background-size: 125% !important;
	background-position: 0% !important;
	background-image: linear-gradient(45deg, #0e349f 0%, #363636 100%) !important;
	transition: all 0.3s ease !important;
}
#btn-1536648834010:hover,
#btn-1536611379414:hover{
	background-position: -400% !important;
}*/


#sp-logo > .sp-column,
#sp-header .container-inner > .row{
	display:flex;
	justify-content:center;
	align-items:center;
	max-width:100%;
	width:100%;
	padding:0;
	margin:0;
}

#sp-header > .container{
	max-width:100%;
	margin: 0px;
	padding: 0px;
}


#sp-logo{
	height:310px;
}
#sp-logo > .sp-column{
position: relative;
width: 100%;
height: 100%;
max-height: 250px;
}

.logo > a,
.logo{
	position:relative !important;
	height:100% !important;
	width:100% !important;
	display:flex !important;
    flex-direction: column;
}

.logo > a{
	display:flex;
	justify-content:center;
	align-items:center;
    height: 150px !important;
}

.logo > a > .logo-image{
	position:relative !important;
	height:100% !important;
	width:100% !important;
	object-fit: contain;
	padding:5px;
}

.logo > #sppb-addon-1536657997392 .sppb-addon-title{
	font-size:25px !important;
}

#sp-header{
	position:relative !important;
}

#column-id-1536617849778 {

border-left: 1px solid rgb(246, 176, 54);
border-right: 1px solid rgb(246, 176, 54);
}


.footer_pz
{
    z-index:10;
    display:flex;
    justify-content: flex-start;
    align-items: center;
    transform: scale(0.658);
    bottom: 10px;
    position: relative;
    float: left;
}
.meridies_link{
    background-image: url("./images/meridies_c.png");
    width: 164px;
    height: 68px;
    visibility:visible;
    transform:scale(1);
    transition:all 0.3s ease;
    animation-duration:3s;
    animation-iteration-count:infinite;
    animation-name: merida;
    animation-timing-function:ease;
}
.meridies_link:hover{
    filter:grayscale(100%);
    transform:scale(1.1);
    animation-name:unset;
}

#sp-footer1 {

    display: flex;
    justify-content: center;
}


body.ltr #offcanvas-toggler.offcanvas-toggler-right {
    float: unset;
    margin-left: 0px;
}

#offcanvas-toggler > .fa {

    color: white;
    font-size: 33px;
}


.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {

    line-height: 40px;
}

.sp-megamenu-parent > .sp-menu-item a {

    border:1px solid #303646;
    border-radius: 5px;
    margin: 5px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
	
	border: none !important;
}


#sp-header #sppb-addon-1536657997392 h1,
#sp-header #sppb-addon-1536657997392 {

    margin: 5px !important;
    color: white;
}

h3.catItemTitle a {
    
    color: #142038 !important;
    
}

h3.catItemTitle a:hover {
    
    color: #0f33a1 !important;
    
}

span.catItemImage img {
    max-width: 100%;
    height: auto;
    border-top: 4px solid #fdb733;

}

div.catItemHeader h3.catItemTitle {
    padding: 10px 0 4px 0;
    margin: 0;
    font-size: 40px;
    display: flex;
    justify-content: center;
}


div.itemHeader h2.itemTitle {
    padding: 10px 0 4px 0;
    margin: 0;
    display: flex;
    justify-content: center;
    border-bottom: 1px dotted #f4ae34;
}

.sppb-btn-primary {

    border-color: #303646 !important;
}

#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
    margin: 0 0 30px;
    padding: 10px;
    font-size: 18px;
    font-weight: 700;
    border-top: 2px solid #f5af36;
    background: #142038;
    color: white;
}

#sp-left .sp-module, #sp-right .sp-module {
    padding: 15px;
}

#sp-right .sp-module ul.menu-child {

    margin-left: 15px;
    font-size: 15px;
}

#sp-logo {

    position: relative;
    width: 100% !important;
    max-width: 100% !important;
    flex: unset !important; 
}


#sppb-addon-1536751681016 .sppb-btn-lg {

    font-size: 15px;
    color: #2e364b;
}


#sppb-addon-1536751681016 .sppb-btn-primary.sppb-btn-outline:hover {

    background-color: #33363e;
    color: white;
}

#sp-left .sp-module, #sp-right .sp-module {

    border: none;
}

div.itemBackToTop {
    
    display: none;
}

.sppb-addon-article img 

{
    max-height: 200px;
    min-width: 100%;
    object-fit: none;
}


.point-prilagodba-pristupacnosti {
    position: relative;
    z-index: 100000;
    background: transparent;
    left: 0% !important;
    transform: translateX(0%);
    padding: 6px 10px;
    top: 0;
    font-size: 18px !important;
    transition: all 0.3s ease;
    cursor: pointer !important;
    order: 0;
    display: flex;
    flex-direction: row;
    width: 100%;
	justify-content:center;
	align-items: first baseline;
}
.point-prilagodba-pristupacnosti > a{
	margin:0px 3px;
	color:white !important;
}
.point-prilagodba-pristupacnosti .point-font-small,
.point-prilagodba-pristupacnosti .point-font-small i{
	font-size:15px !important;
	transition:all 0.3s ease;
	
}
.point-prilagodba-pristupacnosti .point-font-normal,
.point-prilagodba-pristupacnosti .point-font-normal i{
	font-size:18px !important;
	transition:all 0.3s ease;
}
.point-prilagodba-pristupacnosti .point-font-big,
.point-prilagodba-pristupacnosti .point-font-big i{
	font-size:21px !important;
	transition:all 0.3s ease;
}

.point-prilagodba-pristupacnosti .point-color-invert{
	font-weight:bold;
	margin-right:20px;
}
.point-prilagodba-pristupacnosti .point-color-invert,
.point-prilagodba-pristupacnosti .point-color-invert i{
	font-size:18px !important;
	transition:all 0.3s ease;
}

.point-prilagodba-pristupacnosti .point-font-small:hover,
.point-prilagodba-pristupacnosti .point-font-small:active,
.point-prilagodba-pristupacnosti .point-font-small:focus,
.point-prilagodba-pristupacnosti .point-font-normal:hover,
.point-prilagodba-pristupacnosti .point-font-normal:active,
.point-prilagodba-pristupacnosti .point-font-normal:focus,
.point-prilagodba-pristupacnosti .point-font-big:hover,
.point-prilagodba-pristupacnosti .point-font-big:active,
.point-prilagodba-pristupacnosti .point-font-big:focus,
.point-prilagodba-pristupacnosti .point-color-invert:hover,
.point-prilagodba-pristupacnosti .point-color-invert:active,
.point-prilagodba-pristupacnosti .point-color-invert:focus{
	color: rgb(136, 136, 136) !important;
}

@media screen and (max-width:991px){
	
	.point-prilagodba-pristupacnosti {
		left: 50%;
		width: 100%;
		text-align: center;
		
	}
	
	.point-prilagodba-pristupacnosti > a i,
	.point-prilagodba-pristupacnosti > a{
		color:white !important;
	}
}

@media screen and (max-width:500px){
	
	.point-prilagodba-pristupacnosti .point-color-invert, 
	.point-prilagodba-pristupacnosti .point-color-invert i {
		font-size: 12px !important;
	}
	
	
}