body{
	font-family: "Albert Sans", sans-serif!important;
}

a{
	text-decoration:none!important
}

p{
	text-align:justify;
}

.dole{
	background-image: url('../images/bg-footer.jpg');
	padding: 110px 0;
}

.novosti{
	margin-top:50px;
}

.lijevi img{
	height:320px;
	width:100%;
	object-fit:cover;
}

.lijevi h2{
	font-size:24px;
}

.vijest-uvod{
	color:#4E4E4EB2!important;
	line-height:1.2
}

.lijevi a{
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

.vijest-datum{
	margin-top:-30px;
}

.vijest-datum span{
	margin:20px;
	background:#006D5B;
	padding:10px;
	color:#fff;
	border-radius:10px 10px 0 0;
	font-size:13px
}

.vijest-autor{
	color: #7D7D7DB2;
	font-size:14px;
}

.vijest-podnaslov{
	color:#006D5B;
	font-size:14px;
	margin:0
}

.vijest-ostale .vijest-naslov {
	font-size:20px;
	border-top: solid 1px #d8d8d8;
	padding:10px 0;
	margin:-1px 0 0 0
}

.vijest-ostale .vijest-naslov:last-child {
	font-size:20px;
	border-bottom: solid 1px #d8d8d8;
	padding:10px 0
}

.sredina img{
	height:160px;
	object-fit:cover;
}

.vijest-jedna h2{
	color:#000;
	font-size:18px;
	font-weight:700;
}

.vijest-jedna h2 a{
	color:#000;
}

.vijesti-tri img{
	height:152px!important;
	width:147px!important;
}

.vijesti-tri h3{
	font-size:14px;
	font-weight:700;
}

.vijesti-tri h3 a{
	color:#000;
}

.vijest-uvod{
	font-size:12px
}

.desno h3{
	color:#006D5B;
	font-size:18px;
	font-weight:700
}

.desno li{
	list-style:none;
	border-top: solid 1px #d8d8d8;
	padding:10px 0
}

.desno li:last-child{
	list-style:none;
	border-bottom: solid 1px #d8d8d8;
	padding:10px 0
}


.desno ul{
	padding:0;
}

.desno {
	font-size:14px;
	font-weight:700;
}

.desno a{
	color:#000!important
}

h2.sik-title{
	background-image: url('../images/ikona.png');
	background-position: right center; 
    background-repeat: no-repeat; 
    background-size: auto;
	padding:9px 0;
	border-bottom:solid 1px #006D5B;
	margin:0 10px 30px 10px
}

.sik-header{
	margin-bottom:20px
}

.sik-header a{
	font-weight:bold;
}


.sik-header a:hover{
	color:#006D5B
}

.banner-910-120 img {
    width: 910px;
    height: 120px;
    max-width: none;
    display: block;
    margin: 0 auto;
}

.banner-300-200 img {
    width: 300px;
    height: 200px;
    max-width: none;
    display: block;
    margin: 0 auto;
}

.banner-300-479 img {
    width: 300px;
    height: 479px;
    max-width: none;
    display: block;
    margin: 0 auto;
}

.desno-banner{
	margin-bottom:30px
}

.dole-banner{
	margin: 50px 0;
}

.dole a{
	color:#000;
	font-weight:bold;
}

.dole a:hover{
	color:#006D5B
}

.social-icons a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 50px; 
    height: 50px;
    border-radius: 50%;
    background-color: #006D5B; 
    color: #fff; 
    font-size: 20px;
    text-decoration: none;
    margin: 0 5px; 
    transition: all 0.3s ease;
}

.social-icons a:hover {
    background-color: #000; 
    transform: scale(1.1); 
}

.dole2{
	background:#006D5B;
	color:#fff;
	text-align:center;
	
}

.dole2 .container{ 
	background:#006D5B;
	color:#fff;
	text-align:center;
	padding:20px;
}

.in-lijevi img {
	height:520px;
	object-fit:cover
}


.in-datum  {
	margin-top:-29px!important;
	font-size:14px
}

.in-datum span {
	background:#006D5B;
	color:#fff;
	padding:10px;
	border-radius:10px 10px 0 0;
	margin:20px 
}

.in-lijevi .card-title {
	font-weight:bold;
	margin:20px 0 10px 0
}

.in-lijevi	.card-text{
	color:#4E4E4EB2
}

.desno-in-prvo .datum  {
	margin-top:-27px!important;
	font-size:13px
}

.desno-in-prvo .datum span {
	background:#006D5B;
	color:#fff;
	padding:10px;
	border-radius:10px 10px 0 0;
	margin:20px 
}

.desno-dvije-in-slika img{
	padding-right:10px!important
}

.desno-dvije-in .card-text{
	font-size:13px
}

.sve-vijesti .datum  {
	margin-top:-27px!important;
	font-size:13px
}

.sve-vijesti  .datum span {
	background:#006D5B;
	color:#fff;
	padding:10px;
	border-radius:10px 10px 0 0;
	margin:20px 
}

.sve-vijesti h3{
	font-weight:bold;
	margin-bottom:10px
}

.sve-vijesti img{
	height:200px;
	object-fit:cover
}

.date-meta {
    color: #006D5B!important; 
}

.entry-header h1{
	border-bottom:1px solid #ededed;
	padding-bottom:20px;
	margin-bottom:20px;
}

.badge.bg-primary-subtle.text-primary-emphasis.text-decoration-none{
	background: #006D5B!important; 
	color:#fff!important
}

.tags-heading {
	display:none
}

.post-thumbnail {
    position: relative;
    display: inline-block;
	width:100%;
}

.post-thumbnail img {
    display: block;
    width: 100%;
    height: auto;
}

.post-thumbnail-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.6); /* Poluprozirna crna pozadina */
    color: #fff; /* Bijeli tekst */
    padding: 5px 10px;
    font-size: 14px;
}

.desni-u-clanku h2{
	color:#006D5B;
	font-weight:bold;
	font-size:20px;
	margin-bottom:15px
}

.desni-u-clanku li{
	list-style:none;
	font-weight:bold;
	border-bottom:solid 1px #dbdbdb;
	padding:10px 0 
}

.desni-u-clanku li a{
	color:#000;
}

.desni-u-clanku ul{
	padding:0;
}

.stranica h1{
	font-weight:900;
	color: #26547C66;
	 text-transform: uppercase;
}

.stranica h4{
	font-size:20px;
	margin-bottom:10px;
	color:#00000099;
	font-weight:bold
}

.btn-primary{
	background:#006D5B!important;
	border:none!important;
}

.stranica h3{
	font-size:20px;
	margin-bottom:10px;
	color:#00000099;
	font-weight:bold
}

.impressum{
	color:#00000080;
	margin-bottom:30px!important
}

.impressum h2{
	color:#000000;
	font-size:20px;
	font-weight:bold
}

.impressum h3{
	color:#00000080;
		font-size:15px;
	font-weight:normal;
	border-bottom:solid 1px #dbdbdb;
	padding-bottom:10px
}

.impressum img{
	width:130px!important;
	height:130px!important;
	border-radius:50%;
	border:solid 2px #006D5B;
	padding:5px;
	object-fit:cover;
}

.hero-section {
    position: relative;
    background-size: cover;
    background-position: center;
    color: white;
    padding: 100px 0 50px;
}

.hero-content {
    position: relative;
    z-index: 1;
}

.hero-content h1 {
    font-size: 60px;
    font-weight: 900;
	margin:50px
}

.hero-stats {
    position: relative;
    z-index: 1;
}

.hero-stats .row div {
    margin-bottom: 20px;
	margin-top:50px;
	text-align:left;
}

.hero-stats h2 {
    font-size: 2rem;
    font-weight: 900;
    margin: 0;

}

.hero-stats p {
    margin: 5px 0 0;
    font-size: 1rem;
    color: #ffffff;
}

.hero-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); 
    z-index: 0;
}

.tabs-container {
    display: flex;
    border: 1px solid #ddd;
}

.tabs-menu {
    flex: 0 0 300px;
    border-right: 1px solid #ddd;
    background: #5a5a5a;
    display: flex;
    flex-direction: column;
	color:#fff!important
}

.tab-link {
    padding: 15px;
    cursor: pointer;
    text-align: left;
    border: none;
    background: none;
    font-size: 16px;
    transition: background 0.3s ease;
	color:#fff!important
}

.tab-link.active {
    background: #000;
    color: white;
    font-weight: bold;
}

.tab-link:hover {
    background: #000000;
}

.tabs-content {
    flex: 1;
    padding: 20px;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}

.tabs-content table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px auto;
            text-align: center;
        }
.tabs-content th, 
.tabs-content td {
            border: 1px solid #CCCCCC;
            padding: 10px;
        }
.tabs-content th {
            background-color: #EFEFEF;
        }
.tabs-content td:first-child {
            color: #006D5B;
        }

@media screen and (min-width: 100px) and (max-width: 992px) {
.row{
    margin-left: 0!important;
    margin-right: 0!important;
	padding:0px!important

}
.container{
	margin:0!important;
	padding:0!important;
	max-width:100%!important;
}

.lijevi{
	padding:0!important
}

.sredina {
	padding:20px 0!important
}

h2.sik-title{
	padding:9px 10px;
	border-bottom:solid 1px #006D5B;
	margin:0 0px 00px 0px
}

.navbar {
	background:#006d5b;
	padding:10px 20px!important;
}

.nav-toggler{
	color:#FFF!important;
	border:none!important
}

.sik-header{
	margin-bottom:0px
}

.sik-padding{
	padding:0 10px;
}

.vijesti-tri .vijest-slika img{
	height:100px!important
}

.uvodna{
	padding:0!important
}

.uvodna .in-lijevi2{
	padding:0 10px!important
}

.tabs-menu {
    flex: 0 0 30%;
    font-size:12px!important
}

.tab-link {
    padding: 10px;
    font-size:13px
}

.tab-content {
    font-size:12px
}


.hero-section {
    position: relative;
    background-size: cover;
    background-position: center;
    color: white;
    padding: 100px 0 50px;
}

.hero-content h1 {
    font-size: 30px;
}


.hero-stats .row div {
	text-align:center;
}

.hero-stats h2 {
    font-size: 25px;

}
}