/* For Smartphones from 0 to 768 px (Mobile First)*/
.div-prima {
	/*width:94%;*/
	width: var(--width-prima-mobile);
	margin:0 auto;
	overflow: hidden;
}



.div-lista-vesti a.btn-link {
	text-decoration:none;
	color:darkblue;
	filter: drop-shadow(6px 4px 2px rgba(255, 255, 255, 0.9));
}
.table .btn-link:hover {color:#00aa66; }
.table .btn-delete, .table .btn-revive {
	border:none;
	background:none;
	color:red;
	filter: drop-shadow(2px 1px 0 rgba(80, 80, 80, 0.8));
}
.table .btn-delete:hover {
	color:darkred;
}
.table .btn-revive {
	color:lightgreen;
}
.table .btn-revive:hover {
	color:rgb(90,200,90);
}

.main-link-header {
	text-decoration:none;
}
.div-prima.logo h3, .div-prima.logo p {
	text-transform:uppercase;
	color: black;
}

.login-form {
	background-color: red;
	display:inline-block;
	width:100%;
	padding: 30px 40px;
	color:white;
	font-size:large;
	font-family: var(--font-menu);
	text-align: left;
}
.login-form .input-pole {
	height:36px;
	width:100%
	
}
.login-form .login-btn {
	padding: 6px 12px;
}
 

.div-news a {
	text-decoration: none;
	color:black;
}
.div-news a:hover {
	text-decoration:underline;
	text-underline-offset: 3px;
	text-decoration-thickness:3px;
}
.div-news-single, .div-news {
	width: 100%;
	overflow: hidden;
}
.div-news-single .datum, .div-news .datum{
	font-size:;
	font-weight: bold;
	color: #555;
	margin: 16px 0 12px 16px;
}
.div-side-panel .datum {
	font-weight: bold;
	color: white;
	background-color:red;
	text-align:center;
	padding:1px 8px;
	display:inline-block;
	border-radius: 0 0 0 8px;
	position:absolute;
	right:0px;
	
	
}

.div-news .vest{
	overflow: hidden;
	padding: 20px 0;
	border-bottom: 1px solid lightgray;
}
.div-news .div-block{
	width:100%;
	overflow: hidden;
}
.div-news .vest-wrap{
	overflow: hidden;
	padding:;
	width:100%;
}


.div-news .datum{margin: 16px 0 12px; color: #876;}

.div-news-single .news-img, .div-news .vest-img{
	overflow: hidden;
	width: 100%;
	height: 260px;
}



.div-news-single .news-img img, .div-latest-news-block .div-left img, .div-news .vest-img img, .div-news .div-top-vest-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.div-news-single .news-text {
	font-family: var(--font-menu);
	font-size: 20px;
	text-align:justify;
}
.div-news-single .news-text p{
	margin: 20px 0;

}

.div-news .div-block.top-vest {
	padding: 20px 0 26px;
	border-bottom: 1px solid lightgray;
}

.div-news .div-top-vest-img {
	height:320px; background-color:; width:100%; overflow:hiden;
}
.div-news .div-top-vest-txt {
	width:100%; overflow:hiden;
}
.div-news .div-top-vest-txt h1{
	line-height:36px;
}


.div-nova-vest .form-nova-vest{
	background-color: Aqua ;
	padding: 20px;
	overflow:hidden;
	font-family: var(--font-menu);
}
.div-nova-vest .form-nova-vest input {
	font-size:large;
	height: 44px;
}
#naslov_id, #naslovLat_id {
	padding: 3px 6px;
	width:100%;
}
#kategorija_id, .form-nova-vest .btn-submit {
	padding: 3px 8px;
	font-size:large;
}
#sodrzina_id {
	width:100%;
}
.div-nova-vest h1 {
	text-align:center;
	font-family: var(--font-menu);
	margin: 30px 0;
}

.div-prima.kategorija {
	text-align:center;
	border-bottom: 2px solid black;
	/*width:57.4%;*/
	width: var(--div-cat-width-mobile);
	margin: 32px auto 20px 3%;
}
.div-prima.kategorija p {
	font-family: var(--font-menu);
	display:inline-block;
	background-color:red;
	color:white;
	border-radius: 20px 20px 0 0;
	padding:8px 20px 5px;
	font-size:large;
	font-weight:bold;
	text-transform:uppercase;
}

.div-reklami {
	display:none;
}
.div-reklami-mb {
	width: 100%;
	overflow: hidden;
	/*font-family: var(--font-menu);*/
	padding-bottom:20px;
}

	
.div-side-panel, .div-reklami {
	width: 100%;
	overflow: hidden;
	/*font-family: var(--font-menu);*/
	padding-bottom:20px;	
}


.div-side-panel h2{
	text-align:center;
	background-color:lightgray;
}

.div-side-panel a{
	text-decoretion:none;
	
}
.div-side-panel .div-right h3{
	color: black;
	margin-top:22px;
	
}
.div-latest-news-block:hover {
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
	filter: brightness(92%);
}
.div-latest-news-block {
	width:100%;
	overflow: hidden;
	margin:16px 0 0;
	/*box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);*/
	background-color: rgb(250,247,245);
	border:1px solid lightgray;
}
.div-latest-news-block .div-left {
	width:30%;
	height:120px;
}

.div-latest-news-block .div-right {
	width:70%;
	height:120px;
	padding: 0 0 0 8px;
}

.div-latest-news-block div {
	float:left;
	overflow:hidden;
}

.div-news-single h1{
	font-size: 42px;
	line-height: 40px;
}
.div-news .vest h1{
	line-height: 34px;
	margin-top:10px;
}
.div-prima.div-lista-vesti {
	background-color:;
	font-family: var(--font-menu);
}
.div-lista-vesti .table {
	margin: 40px 0;
	background-color:;
	width:100%;
}
.div-lista-vesti .table tr{
	height:40px;
}
.div-lista-vesti .table td{
	padding:3px 5px;
}

.div-stranici {
	width:100%;
	text-align:center;
	padding: 30px 0;
	font-family: var(--font-menu);
	color: #888;
}
.div-stranici .sledna, .div-stranici .prethodna {
	text-decoration:none;
	color:white;
	font-weight:bold;
	display: inline-block;
	background-color: var(--color-prima);
	padding:5px 8px;
	border-radius:5px;
}
.div-stranici .sledna:hover, .div-stranici .prethodna:hover {
	text-decoration:none;
	background-color: rgb(0,100,140);
}



/* Start of Kajron */
.ticker-wrap {
    width: 100%;
    overflow: hidden;
    background: navy;
    padding: 2px 0;
  }

  .ticker {
    display: flex;
    white-space: nowrap;
  }

  .ticker span {
    color: #fff;
    font-size: 1rem;
    padding-right: 80px;
    flex-shrink: 0;
  }
/*End of Kajron */


#div_change_password_form {
	text-align:center;
	margin-top:40px;
}
#div_change_password_form form input, #div_change_password_form form label{
	font-size:large;
}


.div-kontakt-data, .div-kontakt-form {
	overflow:hidden;
	width: 100%;
	background-color:Aqua;
	margin:20px auto;
	border-radius: 10px;
}

.div-kontakt-data .adr-tel, .div-kontakt-data .mail-social {
	width:100%
}
.div-kontakt-data .blok {
	font-size:x-large;
	width:100%;
	text-align: center;
	overflow:hidden;
	padding-top:16px;
	margin-bottom: 40px;
}
.div-kontakt-form {
	font-size:x-large;
	width:100%;
	text-align: center;
	overflow:hidden;
	padding:12px;
}
.div-kontakt-form form input {
	width:100%; border:none; height:40px; font-size:medium; padding:0 5px; border-radius:6px;
}
.div-kontakt-form form textarea{
	width:100%; border:none; height:; font-size:large; padding:5px;
}
.div-kontakt-form form button {
	padding:10px 20px; font-size:large;
}


.news-text iframe {
	width:100%;
	height: 360px;
}

.div-privatnost h1 {
	text-align:center; font-size:40px; margin-bottom: 20px;
}
.div-privatnost .h3 {
	font-size:26px;
}

.div-privatnost p {
	font-size:x-large; margin-bottom: 20px;
}
.div-privatnost h2 {
	font-size:30px; margin: 18px 0 6px 0;
}
.div-privatnost h2.h2 {
	margin-top:32px;
}
.div-privatnost ul {
	list-style-type: square; margin: 0 0 20px 30px;
}
.div-privatnost ul li {
	font-size:x-large;
}

#potpis {
	margin-bottom:16px;
	color:rgb(100,110,130);
	font-family: var(--font-menu);
}
#potpis img {
	width:16px;
}

/* For Tablets from 769 to 1023 px */
@media screen and (min-width: 769px) {
	
	.div-privatnost {
		padding:10px;
	}

	.div-kontakt-data .blok {
		font-size:x-large;
		width:50%;
		
	}
	
	.div-latest-news-block .div-left {
		width:100%;
		height:120px;
	}
	.div-latest-news-block .div-right {
		width:100%;
		height:auto;
	}
	
	
	.login-form {
		width:340px;
	}
	
	.div-prima.kategorija {
		width: var(--div-cat-width-tablet);
		margin: 32px auto 20px var(--div-cat-margin-tablet);
	}
	
	.div-prima {
		/*width:96%;*/
		width: var(--width-prima-tablet);
	}
	
	.div-news-single, .div-news {
		width: 70%;
		
	}
	.div-news .vest {
		width: 50%;
	}
	
	
	.div-news .vest-wrap.left {
		border-right:1px solid lightgray;
		padding-right:16px;
	}
	.div-news .vest-wrap.right {
		padding-left:15px;
	}
	
	
	.div-news .vest .vest-img{
		height: 260px;
	}
	
	.div-reklami {
		display:block;
	}
	.div-reklami-mb {
		display:none;
	}

	.div-side-panel, .div-reklami {
		width: 30%;
	}
	
	.div-prima div {
		float:left;
		overflow:hidden;
	}
	
	.div-news-single h1{
		font-size: 52px;
		line-height: 50px;
	}
	
	.div-news .vest h1{
		font-size: 28px;
		line-height: 30px;
		margin-top:10px;
	}
	
	.div-news .vest{
		border-bottom: 0;
	}
	.div-news .div-block{
		border-bottom: 1px solid lightgray;
	}
	
	.div-side-panel, .div-reklami {
		padding-left: 16px;
	}
	
	.div-news .div-top-vest-img {
		height:320px; background-color:; width:58%; overflow:hiden;
		float:left; margin-right:2%;
	}
	.div-news .div-top-vest-txt {
		width:40%; overflow:hiden;
	}
	.div-news .div-top-vest-txt h1{
		font-size: 38px;
		line-height:42px;
	}
	
	.div-news-single .news-img {
		height:360px;
	}
	
	.news-text iframe {
	width:100%;
	height: 460px;
}
	
	
}


/* For Laptops from 1024 to 1440 px */
@media screen and (min-width: 1024px) {
	
	.div-latest-news-block .div-left {
		width:30%;
		height:120px;
	}
	.div-latest-news-block .div-right {
		width:70%;
		height:120px;
	}
	
	.div-prima.kategorija {
		width: var(--div-cat-width-laptop);
		margin: 32px auto 20px var(--div-cat-margin-laptop);
	}
	
	.div-prima {
		/*width:82%;*/
		width: var(--width-prima-laptop);
	}
	
	.div-side-panel, .div-reklami {
		padding-left: 20px;
	}
	
	.div-news-single .news-img {
		height:480px;
	}
	
	.news-text iframe {
		width:100%;
		height: 580px;
	}
	
	/*
	.div-news-single .news-text {
		text-align:justify;
	}
	*/
	
}



/* For Big Screens from 1441 to ??? px */
@media screen and (min-width: 1441px) {
	
	.div-prima {
		
	}
}