/* ------------------------------ */
/*       The Media Section       */
/* ------------------------------ */

/* Container for the entire media section */
.media-section {
  margin: 0 auto;
  color: #333;
  
/* background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 10%, rgba(204, 199, 188, 0.3) 100%),
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"><rect width="1" height="1" x="0" y="0" fill="rgba(0,0,0,0.04)"/><rect width="1" height="1" x="5" y="5" fill="rgba(0,0,0,0.04)"/></svg>');
    background-size: 3px 3px;
	background-color: #ededf2; */
	
	
	
    background-size: 100%;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: left top;
background-position: top center;	
    background-attachment: fixed;
}

.navAndMedia{
    width: 100%;
    max-width: 1800px;
	max-width: 1160px;
    margin: auto;
/*     background-color: #fcf9f2;
	background-color: #ededf2; */
	min-height: calc(100vh - 40px);
	min-height: 100vh;
	background-color:#FFF;
    max-width: 1380px;
	    max-width: 1340px;

    position: relative;
    z-index: 1;
}




/* Content layout: left articles + right sidebar */
.media-content {
	display: flex;
/*     max-width: 1040px;
    max-width: 1300px; */
    margin: auto;

    justify-content: center; /* Center the whole grid block */
    justify-items: center;   /* Center items inside each cell */
    margin-bottom: 300px;
}


.nemaDesneStrane .media-content {
    padding-top: 20px;	
}

.media-left {
	flex: 2;
    padding-right: 25px;
    
    border-right: 1px solid #e8e8e8;
	max-width: 810px;
	max-width: 640px;
    max-width: 750px;
}
.trazilicaIsOn .media-left{
	border-right: none;
}
.nemaDesneStrane .media-left{
    padding-right: 0px;
	border-right: none;
}

.media-right {
    flex: 1;
    margin-left: 0px;
    padding: 0px 30px;
    padding-top: 22px;
    padding-bottom: 22px;
    padding-right: 0px;
    max-width: 300px;
    height: fit-content;
    border-top: 1px dashed #a9a9a9;
    border-right: 1px solid #d2d2d2;
    /* border-radius: 0px 16px 0px 0px; */
    /* background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 10%, rgba(204, 199, 188, 0.2) 100%), url(data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"><rect width="1" height="1" x="0" y="0" fill="rgba(0,0,0,0.04)"/><rect width="1" height="1" x="5" y="5" fill="rgba(0,0,0,0.04)"/></svg>); */
    background-size: 3px 3px;
    /* border-bottom: 4px solid #d3ccc7; */
    /* border-left: 15px solid #c7c2bd; */
    /* border-left: 15px solid #ded8d1; */
    border-right: none;
	    padding-left: 40px;
}

.media-complementary{

}
/* .nwsItemNoImage{
    max-width: 80%;
    position: relative;
    text-align: center;
    margin: auto;	
}
 */

.lexikon_space{
	width:380px;
}


.clanakOKategoriji {
    flex: 1;
    /* margin-left: 45px; */
    max-width: 600px;
	width:400px;
	    width: 378px;
    font-size: 16px;
    line-height: 140%;

    /* padding: 30px 40px; */
    text-align: justify;
    text-align: justify;
    text-align: justify;
    text-justify: inter-word;
    hyphens: auto;
    word-break: break-word;
    overflow-wrap: break-word;
 font-family: 'Source Serif Pro', serif;
 height: fit-content;
margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 4px double #c1c1c1;
}
#categoryArticleTitle{
    margin-bottom: -20px;	
}




#categoryDescTitle{
	    line-height: 110%;
		    /* font-family: Merriweather; */
		    margin-top: 10px;
}
.category-desc{
font-family: 'rnd';
    line-height: 140%;
    font-size: 92%;
}



.clanakOKategoriji h2{
	margin:0px;
	padding:0px;
    margin-bottom: 20px;
	line-height:100%;
	    font-size: 18px;
	    font-family: 'Source Sans Pro', sans-serif;
		color: #6d6d6d;
		text-align: center;

}
.clanakOKategoriji h2 a{
color: #6d6d6d;	
}
.clanakOKategoriji table {
    /* width: calc(100% + 50px); */
    border-collapse: collapse;
    /* margin: 2rem 0; */
    font-family: 'Georgia', serif;
    font-size: 14px;
    line-height: 130%;
    background-color: #fff;
    border: 1px solid #ddd;
    font-family: 'Poppins', sans-serif;
    font-family: 'Source Sans Pro', sans-serif;
    position: relative;
    /* margin-left: -15px; */
    margin-bottom: -25px;
	text-align: left;
}
.clanakOKategoriji table::after {
content: "";
    display: block;
    width: 17px;
    height: 24px;
    background-image: url(/2025/assets/various/ppclip3.png);
    background-position: center;
    position: absolute;
    right: 8px;
    top: -14px;
    background-size: contain;
    background-repeat: no-repeat;
}



.clanakOKategoriji thead th {
    text-align: left;
    padding: 1rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    border-bottom: 2px solid #ccc;
    color: #FFF;
}
.clanakOKategoriji tbody tr {
    border-bottom: 1px solid #eee;
    transition: background-color 0.2s ease;
}
.clanakOKategoriji tbody tr:nth-child(odd) {
    background-color: #fafafa;
}
.clanakOKategoriji td {
    padding: 9px 10px;
    color: #333;
    vertical-align: top;
    border: 1px solid #cfcfcf;
}

.complementaryArticlesOn .media-content{

}
.complementaryArticlesOn .modkat_desc_hh {

}




.complementaryArticlesOn .media-left{
	flex: 3;
}


figure{
/* background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 10%, rgba(47, 13, 102, 0.23) 100%),
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"><rect width="1" height="1" x="0" y="0" fill="rgba(0,0,0,0.04)"/><rect width="1" height="1" x="5" y="5" fill="rgba(0,0,0,0.04)"/></svg>');
    background-size: 3px 3px;
    background-color: #38364d; */
  /* angle | color-stop1 | color-stop2 | color-stop3 | color-stop4 */

}

figure noscript{
	width:100%;
}


.clanakOKategoriji figure{
    margin: 0px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
    margin: 0px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 0px;
	cursor:pointer;
}
.clanakOKategoriji figure iframe{
    width: 100%;	
}
.clanakOKategoriji figure img{
	max-width:100%;
}

/* Breadcrumb Styles */
.breadcrumb-nav ol {
  list-style: none;
  padding: 0;
  margin: 0 0 1rem 0;
  display: flex;
  gap: 0.5rem;
      margin-left: -13px;
	      margin-bottom: 0px;
}
.media-headerNoSubCat .breadcrumb-nav ol{
	margin-left: 0px;
}
.breadcrumb-nav li::after {
	content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin: 0px 8px;
    color: #b2afd1;
    font-size: 10px;
}
.breadcrumb-nav li a{
  color: #777;
}
.breadcrumb-nav li a span{
    color: #393563;
}


.breadcrumb-nav li h1{
    margin: 0px;
    font-size: initial;
    /* margin-bottom: -20px; */
    display: inline-block;
}
.breadcrumb-nav li h1 a{

}


.breadcrumb-nav li:last-child::after {
  content: "";
  margin: 0px;
}
.breadcrumb-nav li:last-child:nth-child(n+3) {
    border-bottom: 3px solid #7f76d8;
/* 	    border-bottom: 2px dotted #bbb7e0;
		border:none; */
}

.breadcrumb-nav li:last-child:nth-child(n+2) a{
color:#000;	
}
.breadcrumb-nav a {
font-size: 16px;
    /* text-transform: uppercase; */
    letter-spacing: 1px;
    margin: 0 0 0.25rem 0;
    /* text-transform: uppercase; */
    /* font-weight: bold; */
    padding-bottom: 6px;
    border-bottom: 2px solid transparent;
    transition: border-bottom 0.25s 
ease;
}
.breadcrumb-nav a:hover {
	border-bottom: 2px solid #c5bab4;
}
.breadcrumb-nav li:last-child:nth-child(n+3) a:hover{
    border-bottom: none;
}






.category_moto_box {
    margin-top: 4px;
    font-size: 1.1em;
    color: #333;
    /* font-style: italic; */
    line-height: 1.2;
    text-align: center;
    margin-bottom: -10px;
    max-width: 740px;
    max-width: 100%;
    max-width: 650px;

}

.category_moto_text {
	color: #545454;
    text-align: center;
    letter-spacing: 0.1px;
    word-spacing: 1px;
	
letter-spacing: 0.2px;
    word-spacing: 2.2px;	
	
    font-family: 'Lavishly Yours', cursive;
    font-size: 39px;
    line-height: 100%;
	
    font-style: italic;	
	font-size: 30px;
    line-height: 120%;
	    line-height: 175%;
    font-family: 'Playwrite AR', serif;
}
.category_moto_autor::first-letter {
    color: #CCC;
}
/* .category_moto_text {
    color: #757575;
    text-align: center;
    letter-spacing: 0.8px;
    font-size: 30px;
    font-family: 'Slabo 13px', serif;
    font-family: "Ingrid Darling";
    line-height: 100%;
} */
.moto_size_1 { font-size: 32px; }  /* 40px -> 32px */
.moto_size_2 { font-size: 26px; }  /* 32px -> 25.6px */
.moto_size_3 { font-size: 21px; }  /* 26px -> 20.8px */
.moto_size_4 { font-size: 18px; }  /* 22px -> 17.6px */
.moto_size_5 { font-size: 18px; }  /* 18px -> 14.4px */



.category_moto_text.title-long{
/* 	font-size: 33px;
	letter-spacing: 1px; */
}

.category_moto_autor {
    color: #6a6a6a;
    font-style: normal;
    font-size: 15px;
    /* padding-top: 12px; */
    letter-spacing: 1.2px;
    /* font-family: 'Pochaevsk', serif; */
    /* margin-right: -20px; */
    max-width: 350px;
    /* float: right; */
    vertical-align: text-bottom;
	    white-space: nowrap;
	    display: inline-block;
    padding-top: 10px;
}
.category_moto_autor b{
	color: #527187;
}










/* IBM Plex Serif
<link href="https://fonts.googleapis.com/css?family=Petrona" rel="stylesheet" type="text/css">
<style>
.category_moto_text {
 font-family: 'Petrona', sans-serif;
}
</style>
<link href="https://fonts.googleapis.com/css?family=Reenie Beanie" rel="stylesheet" type="text/css">
<style> */





.kolekcijaKat_sidebar_title{
    margin: 0;
    font-size: 16px;
    letter-spacing: 0.8px;	
}
/* .kolekcijaKat_sidebar_list{
    margin: 0px;
    padding: 0px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 4px double #c1c1c1;	
}
.kolekcijaKat_sidebar_list li{
	display:block;
	width:50%;
	width:50%;
} */
.katsidebar_thumb{
    width: 100%;
    height: 200px;
    object-fit: cover;
	margin-bottom: 10px;
}

.kolekcijaKat_sidebar_list {
  display: grid;
  /* create up to two equal-width columns, but let items shrink if needed */
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 1rem; /* space between boxes */
  padding: 0;
  margin: 0;
  list-style: none;
  
     margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 4px double #c1c1c1;	
    margin-top: 8px;
}

.kolekcijaKat_sidebar_list li {
  /* make each li look like a box */
  
 	background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 10%, rgba(204, 199, 188, 0.2) 100%),
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"><rect width="1" height="1" x="0" y="0" fill="rgba(0,0,0,0.04)"/><rect width="1" height="1" x="5" y="5" fill="rgba(0,0,0,0.04)"/></svg>');
    background-size: 3px 3px; 
  
    background-color: #dbdbcb;
  border: 1px solid #ddd;

  box-sizing: border-box;
  /* optional: force a minimum height/alignment */
  display: flex;
  align-items: center;
  justify-content: center;
  
     text-align: center;
    font-size: 24px;
    border-radius: 2px;
    font-family: 'Oswald', sans-serif;
}
.kolekcijaKat_sidebar_list li:hover{
	background-color: #5c5065;
}
.kolekcijaKat_sidebar_list li a{
  padding: 1rem;
      padding-bottom: 10px;
	display:block;
}
.kolekcijaKat_sidebar_list li:hover a{
	color:#FFF;
}


/* ----------------------------------------- */
/*     Refined Header Styles for "The Media" */
/* ----------------------------------------- */

/* Container for the entire media header */
.media-header {
    text-align: center;
    padding: 16px 0;
max-width: 1450px;
    margin: auto;
    margin-bottom: 40px;
	    padding-top: 25px;
	padding-top: 16px;	
    margin-left: -60px;
    margin-right: -60px;
    

/*     background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 10%, rgba(204, 199, 188, 0.3) 100%),
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"><rect width="1" height="1" x="0" y="0" fill="rgba(0,0,0,0.04)"/><rect width="1" height="1" x="5" y="5" fill="rgba(0,0,0,0.04)"/></svg>');
    background-size: 3px 3px;
    background-color: #ffd2d2; */
	
	/* border-bottom: 1px solid #ccc; */
	
	
}	
	
}
.mdhnobrdcrmbs{
	padding-top: 60px;
}

.media-headerNoSubCat{
    margin-bottom: 55px;
	
padding-top: 30px;
    padding-bottom: 0px;
    border-bottom: 1px solid #eaeaea;
}



.media-header-inner {
  /* max-width: 800px; */          /* Adjust as needed */
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  position:relative;
  



  
}
.media-headerNoSubCat .media-header-inner{
      padding-bottom: 20px;
	  padding-bottom: 50px;
	  padding-bottom: 27px;
	  padding-bottom: 37px;
	      padding-bottom: 0px;
		     padding-bottom: 14px;
   /*  align-items: flex-start;
    margin-left: 70px; */
	background:none;
}
.imaMotoClass .media-header-inner{
	padding-bottom: 44px;
}

.numberOfArticlesHere{
	position:absolute;
    left: 0px;
    bottom: 0px;
    padding:3px;	
	    font-size: 14px;
    color: #949494;
}
.numberOfArticlesHere i{
    display: inline-block;
    margin-left: 15px;

}
.numberOfArticlesHere:hover{
	cursor:pointer;
	color:#000;
}


.listingSettings{
    position: absolute;
    right: 0px;
    right: 70px;
	right: 110px;
right: 227px;
right:148px;
    bottom: 0px;
    font-size: 14px;
    color: #949494;
    bottom: -44px;
	    bottom: -38px;
	    letter-spacing: 0.5px;
		    right: 162px;
			    white-space: nowrap;
				display:block;
}
.listingSettings i{
    display: inline-block;
    padding: 8px;
    font-size: 14px;
    color: #949494;
	transition: transform 0.2s ease;
	
    padding-left: 5px;
    padding-right: 5px;
}
.listingSettings i:hover{
	cursor:pointer;
	color:#444;
	transform: scale(1.5);
}


.media-headerNoSubCat .listingSettings{
    bottom: -43px;	
}


/* Small "STYLE" text */
.media-subtitle {
  font-size: 0.875rem;       /* ~14px */
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 0.25rem 0;
  color: #555;
	  text-transform:uppercase;
}

/* Large "THE MEDIA" title */
.media-title{

}
/* .media-title span{
color: #393563;	
color: #000;
color: #2a2a2a;
color: #111;
    color: #4d493b;
transition-delay:0.05s;
transition: color 0.5s;
    letter-spacing: -1px !important;

}
.media-title span:hover{
    color:#9d8873;
} */


.nazivKatNajcit{
color: #a3988b;	
}
.najcitDivider{
    color: #acacac;
    font-weight: normal;
    padding-left: 1px;
    padding-right: 1px;		
}

.media-headerNoSubCat .media-title{
    margin-bottom: -15px;
/*     padding-left: 0px;
    padding-right: 0px; */
    margin-top: 5px;
    font-size: 30px;
    border-bottom: 0px solid #e6e5ec;
}

.media-headerNoSubCat .media-title span {
    /* font-weight: bold; */
    letter-spacing: 2px;
	    font-size: 160%;
}
.relaxBgSpan{
    display: inline !important;	
/*     font-family: 'Source Serif Pro', serif !important;	
    font-size: inherit !important;	
    font-weight: bold !important;	 */
}

.media-title small{
    display: inline-block;
    font-size: 14px;
    margin-bottom: -21px;
    vertical-align: middle;
    letter-spacing: 0.8px;
    
    font-weight: bold;
    /* position: absolute; */
    left: 12px;
    top: 23px;
    white-space: nowrap;
	color: #6d6b80;
	color: rgb(var(--fontColor, 109, 107, 128)) !important;
}

.media-title i{
    color: #78728c;
    border-radius: 2px;
    /* font-size: 50%; */
    left: 12px;
    top: 3px;
    /* line-height: 200%; */
    font-size: 20px;
}
.flagLrgr i{
    left: -2px;
    top: 5px;
	font-size: 24px;
}


.media-title i.ti{
	font-size: 30px;
	left: 4px;
}

.mvfpg{
    margin-bottom: 14px !important;	
}
.media-headerNoSubCat .mvfpg small{
    right: -30px;
}



.media-title span{

}





.xtracss_regular .media-left[data-modulid="11"] .news-item-image { width: 100%; }
.xtracss_regular .media-left[data-modulid="11"] .news-item-image img { width: 100%; height: 100%; object-fit: cover; }
.xtracss_regular .media-left[data-modulid="8"] .news-item-image { width: 100%; }
.xtracss_regular .media-left[data-modulid="8"] .news-item-image img { width: 100%; height: 100%; object-fit: cover; }





.media-title.flagLrgr span {
    padding-right: 22px;
    margin-right: -12px;
}



.media-headerNoSubCat .media-title span{
	display: inline-block;
}


/* Navigation under the title */
.media-nav {
    /* border-bottom: 1px solid #e5e5e5; */
    width: 100%;
    padding-bottom: 8px;
	    padding-top: 2px;
		
		
  background: linear-gradient(
    to bottom,
    white 0%,
    #f7f7f7 100%
  );
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);		
		
}
.mediaNavUdalji{
padding-top: 60px;	
}

/* Center the nav items horizontally */



.media-nav ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    display: inline-flex;
    /* row-gap: 0.5rem; */
    border-bottom: 1px solid #eaeaea;
    max-width: 1200px;
	max-width: 1450px;
    max-width: 1010px;
	max-width: 1180px;
    justify-content: center;
    flex-wrap: wrap;
    /* width: 1440px; */
    width: 100%;
	    padding-inline: 0px;
    margin-block: 0px;
}


.breadcrumb-nav{
    margin-bottom: 10px;	
}

/* Remove default bullet and spacing from list items */
.media-nav li {
  position: relative;
  line-height: 100%;
}

/* Nav links */
.media-nav a,.media-nav h1,.seeAllCategories{
    text-decoration: none;
    font-size: 16px;
    padding: 4px 0;
    white-space: nowrap;
    display: block;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 4px;
    letter-spacing: -0.2px;
    margin-bottom: -1px;
    transition: color 0.1s ease;
    font-family: 'Poppins', sans-serif;
    letter-spacing: -0.5px;
    letter-spacing: -0.1px;
    border-radius: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
	
    margin-right: 5px;
    margin-bottom: 8px;
	
	font-family: 'rnd';
	font-size: 20px;
	    font-size: 18px;
	    color: #555555;
		

}

.visokaNavigacija_kat_od_modula li a{
	border-radius:0px;
	/* transition:background-color 0.2s, color 0.2s; */
	position:relative;
	display:block;
	transition: box-shadow 1s;
	transition-delay:0s;
    box-shadow: 0px 80px 0px transparent;
}
/* .visokaNavigacija_kat_od_modula li a::before{
    content: "";
    position: absolute;
    bottom: -30px;
    top: -30px;
    left: 0px;
    width: 100%;
    height: calc(100% + 60px);
    background-color: transparent;
} */

.visokaNavigacija_kat_od_modula[data-modulid="1"] li a:hover,.visokaNavigacija_kat_od_modula[data-modulid="4"] li a:hover{

    border-radius: 0px;
    text-decoration: none;
    border-radius: 0px;
    text-decoration: none;
    box-shadow: 0px 50px 30px #b0b2c4;
    border-radius: 0px 0px 3px 3px;
    /* background: #ece8f6; */
    color: #000;
    text-decoration: underline;
	transition-delay:0.25s;
	
}


.seeAllCategories{
    display: inline-block;
    margin-top: -2px;
    color: #a6a098;
    width: 20px;
    height: 20px;
}
.seeAllCategories:hover i{
	color:#000;
}








.pretraziKategorije {
  appearance: none;       /* remove default OS styling */
  background: none;       /* no background color */
  border: none;           /* no border */
  padding: 0;             /* remove default padding */
  margin: 0;              /* remove default margin */
  font: inherit;          /* inherit font family & size */
  color: inherit;         /* inherit text/icon color */
  cursor: pointer;        /* pointer cursor on hover */
}

/* OPTIONAL: add a clear focus indicator for keyboard users */

.settingsZaKat {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}


.bookmarkCategory {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}


/* ------- Spin animation ------- */
@keyframes spinOnceSave {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* ------- Trigger spin when saved ------- */
.bookmarkCategory.animateOnce  {
  animation: spinOnceSave 0.8s ease-in-out;
}

.seeAllCategories {
    width: 20px;
    height: 20px;
    padding: 0;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: inherit; /* arrow color follows text color */
}

/* The arrow */
.seeAllCategories::before {
    content: "";
    width: 6px;
    height: 6px;
    border-bottom: 2px solid currentColor;
    border-right: 2px solid currentColor;
    transform: rotate(45deg);
    display: block;
    box-sizing: border-box;
    margin-bottom: 3px;
}
.seeAllCategories {
    border: 2px solid currentColor;
    border-radius: 12px !important;
}

.seeAllCategories {
    appearance: none;
    background: none;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
    vertical-align: bottom;
    margin-top: 2px;
    margin-left: 0px;
    font-size: 20px;
    margin-top: -7px;
	    display: inline-grid;
}


.seeAllCategories i{
    display: inline-block;
    color: #a6a098;
}
.listingSettings__count span{
	border-bottom: 0px double #000;
	transition: border 0.1s, color 0.1s;	
}
.listingSettings__count .emphnmartcl{
    color: #000000;
    border-bottom: 3px double #000;
	transition: border 0.1s, color 0.1s;
}






#form-display-options {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 10px;
    max-width: 687px;
}

.option-box {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 2px;
    min-width: 59px;
    flex: 1 1 auto;
    background: #f3f0ed;
    width: min-content;
    line-height: 18px;
    letter-spacing: 0.5px;
}
label.option-box:hover{
    border: 1px solid #777;	
}

.option-box label {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
	
    font-size: 14px;
    font-family: 'Source Sans 3';
}

#filter-actions {
    margin-top: 10px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
.icon-checkbox i {
    margin-right: 1px;
    font-size: 20px;
    vertical-align: middle;
    color: #a69580;
    color: #807a6a;
}
.icon-checkbox label {
  display: flex;
  align-items: center;
  gap: 0.4em;
}

.slikaZaOptChoice_novinari{
    width: 140px;
    margin-left: 21px;	
}
.slikaZaOptChoice_press{
    width: 100px;
    margin-left: 21px;		
}

.ui-dialog {
  left: 50% !important;
  transform: translateX(-50%);
}

.ui-dialog .ui-dialog-content {
  max-width: 100%;
}



.opBoxIsOn,.opBoxIsOn:hover{
    background-color: #f0f9f2;
    outline: 4px solid #93b192;
	border: 1px solid transparent !important;	
}
.opBoxIsOn i{
	color:#20751d !important;
}



.slikaZaOptChoice{
        width: 218px;
    object-fit: cover;
    object-position: top;
    margin-top: -34px;
	    margin-top: -18px;
}

#author_select,#date_start,#date_end{
    font-size: 16px;
    padding: 7px;
    border-radius: 4px;
    border: 1px solid #cdcdcd;
    width: 212px;
}
#author_select{
    width: 165px;	
}

.nijepotrpret{
    font-size: 90%;
    color: #7d7d7d;	
}

#sort_direction{
    padding: 5px;
    /* border-radius: 20px; */
    margin-left: 5px;	
}
/* Animate rotation on the span, not the <i> */
#sort_direction .sort-icon {
  display: inline-block;
  transition: transform 0.3s ease;
}

/* Rotate when ascending */
#sort_direction.asc .sort-icon {
  transform: rotate(180deg);
}

/* ------- Custom border radius for specific dialog ------- */
.custom-radius-dialog.ui-dialog {
  border-radius: 14px;
}

.custom-radius-dialog .ui-dialog-titlebar {
  border-radius: 10px 10px 0 0; /* Top rounded only */
}


.additionalListingHelpers {
    flex-basis: 100%;
}
.sorting-option,.results-per-page-option{
	float:left;
	    width: max-content;
}
.sort-controls{
	display:inline-block;
}
.results-per-page-option{
    margin-left: 15px;	
    padding-bottom: 10px;
}
.results-per-page-option i{
    font-size: 24px;
    vertical-align: middle;
    margin-bottom: 1px;
    display: inline-block;
    margin-right: 4px;
    color: #807a6a;	
}


.prikazujslikebxx{
width: max-content;
    padding-bottom: 10px;
    margin-left: 20px;
    padding-top: 13px;
    padding-bottom: 11px;
    margin-left: 15px;
}

.form-control{
    font-size: 16px;
    padding: 7px;
    border-radius: 4px;
    border: 1px solid #cdcdcd;
}



/* ------- Full-screen fixed Tabler spinner ------- */
/* ------- Full-screen fixed Tabler spinner ------- */
#tabler-spinner-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ------- Spinner icon style and loop ------- */
#tabler-spinner-overlay i {
font-size: 10em;
    color: #716d94;
  animation: spinLoop 2s linear infinite;
}

/* ------- Spin keyframes ------- */
@keyframes spinLoop {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* .settingsZaKat:focus {
    outline: 2px dashed rgb(235 235 235);
    outline-offset: 2px;
    border-radius: 20px;
}
.pretraziKategorije:focus {
    outline: 2px dashed rgb(235 235 235);
    outline-offset: 2px;
    border-radius: 20px;
}
.bookmarkCategory:focus {
    outline: 2px dashed rgb(235 235 235);
    outline-offset: 2px;
    border-radius: 20px;
}

.seeAllCategories:focus {
    outline: 2px dashed rgb(235 235 235);
    outline-offset: 2px;
    border-radius: 20px;
} */


/* .media-nav a::after{
content: "\f111";
    font-family: "Font Awesome 5 Free";
    font-size: 10px;
    margin-right: -19px;
    margin-left: 5px;
    vertical-align: middle;
    color: #e1ca9a;
}
.media-nav a:hover::after{
	color: #000;
	text-decoration:none;
} */


.listanjeStyle_vijesti{
	background:none;
    -webkit-mask-image: none;
    mask-image: none;
	    padding-top: 13px;
}
.remMaskk .media-nav{
	background:none;
    -webkit-mask-image: none;
    mask-image: none;
}
.remMaskk .visokaNavigacija_kat_od_modula li a:hover {
    background: #ffffff14;
}


.media-nav[data-modulid="13"],.media-nav[data-modulid="3"]{
	background:none;
    -webkit-mask-image: none;
    mask-image: none;
}


.listanjeStyle_vijesti a{
	margin-right: 8px;
	font-size: 18px;
}


.seeAllCategories{
	
}
.allCatsList{
    max-height: 60vh;	
}
.listanjeStyle_vijesti li a,.listanjeStyle_telegrafska-zica li a{
    border: 1px solid #c7c7c7;
	
}



/* ------- Grid raspored: 3 kolone ------- */
.allCatsList {
    display: grid
;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 0px;
    list-style: none;
    padding: 0;
    margin: 0;
    max-width: 600px;
    max-width: 1190px;
    margin-top: 10px;
}


/* ------- Stiliziraj linkove ------- */
.allCatsList li a {
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    padding: 10px 25px;
    border-radius: 1px;
 background-image: 
  radial-gradient(circle, rgba(255,255,255,0.4) 10%, rgba(104,104,104,0.02) 100%),
  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12'><rect x='1' y='3' width='1' height='1' fill='rgba(0,0,0,0.04)'/><rect x='7' y='5' width='1' height='1' fill='rgba(0,0,0,0.05)'/><rect x='9' y='9' width='1' height='1' fill='rgba(0,0,0,0.06)'/></svg>");
    background-size: 3px 3px;
    background-color: #f2f2f2;
    color: #333;
    font-weight: 500;
    /* transition: background-color 0.1s, color 0.1s, border-radius 0.1s; */
    box-sizing: border-box;
    min-height: 100px;
    display: flex
;
    align-items: center;
    justify-content: center;
    line-height: 130%;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Source Sans Pro', sans-serif;
    border: 6px solid #ffffff;
    /* max-width: 110px; */
    hyphens: auto;
}
.allCatsList li a i{
    margin-right: 10px;
    font-size: 160%;
    border-radius: 3px;
	    color: #614e99;
}

/* ------- Hover efekt ------- */
.allCatsList li a:hover {
 background-image: 
  radial-gradient(circle, rgba(255,255,255,0.2) 10%, rgba(104,104,104,0.02) 100%),
  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12'><rect x='1' y='3' width='1' height='1' fill='rgba(0,0,0,0.04)'/><rect x='7' y='5' width='1' height='1' fill='rgba(0,0,0,0.05)'/><rect x='9' y='9' width='1' height='1' fill='rgba(0,0,0,0.06)'/></svg>");
    background-size: 2px 2px;
    background-color: #2f1f5b;
	border-radius:10px;
    color: #ffffff;
}
.allCatsList li:last-child {
    /* margin-bottom: 10px; */
    border-bottom: 8px solid #ffffff;
}
.allCatsList li a:hover i{
	    color: #EEE;	
}


.media-nav a:hover,.seeAllCategories:hover {
  color: #776558;
   color: #145f8b;
   color:#777;
  cursor:pointer;
  /* text-decoration:underline; */
  color: #776558;
    border-radius: 20px;
  /* transition: border-bottom-color 0.2s, color 0.2s ease; */
}



.listanjeStyle_vijesti .circlflagg{
border-radius: 3px;
    vertical-align: middle;
    position: absolute;
    bottom: 46px;
    border: 2px solid #aebfe1;
    transform: translateX(-50%);
    left: 50%;
    font-size: 42px;
    opacity: 0;
    transition: opacity 0.12s;
    transition-delay: 0.05s;
    box-shadow: 0px 6px 10px #000000;
    outline: 8px solid #f2f3f3d1;
    border: 2px solid #ffffff;
    pointer-events: none;
    margin-left: -5px;
}


.listanjeStyle_vijesti li a:hover .circlflagg{
    opacity: 1;
}
.listanjeStyle_vijesti a::after{
    content: "";
    position: absolute;
    top: 0px;
    /* right: 0px; */
    width: calc(100% + 7px);
    height: 100%;
    pointer-events: none;
    border-bottom: 13px solid #d9d9d9;
    border-radius: 20px 20px 23px 20px;
    opacity: 0;
    box-shadow: 0px 10px 10px #dedede;
    transition: opacity 0.12s;
    transform: translateX(-50%);
    left: 50%;
    transform: translateX(-50%);
    margin-left: -4px;
}
.media-nav a:hover{
	text-decoration:underline;
}
.listanjeStyle_vijesti a:hover{
	text-decoration:none;
    border: 1px solid transparent;
}
.listanjeStyle_vijesti a:hover::after{
	opacity:1;
}

/* .media-nav a:not(:hover) {
  transition: border-bottom-color 0.05s ease-out 0.05s, color 0.02s ease;
} */


/* Indicate active/selected nav item */
.media-nav a.active {
border-bottom: 3px solid #7f76d8;
    padding-bottom: 12px;
	color:#000;
}


































/* ------------------------------ */
/*        Single News Item        */
/* ------------------------------ */
.news-item {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 30px;
	margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d5d5d5;
border-bottom: 1px dashed #dfdfdf;
position:relative;
}



.media-section{
	position:relative;
}
.media-section::before {
    content: "";
    position: var(--pozadinaWay);
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: linear-gradient(
        180deg,
        var(--grad-color1) var(--grad-stop0),
        var(--grad-colorSecond) var(--grad-stop),
        var(--grad-color3) var(--grad-stop2)
    );
	
	
	
}
.trazilicaIsOn::before{
	display:none;
}
.media-section {
    background-image: var(--cat-bg) !important;
    background-attachment: fixed;
	background-size: cover;
	position:relative;
}

/* .media-section::after{
	content:"";
	position:absolute;
	left:0px;
	top:100vh;
	width:100%;
	height:100vh;
    background: linear-gradient(0deg, #ffffff 0px, #ffffff 320px, #ffffff00 100vh);

} */
.media-section {
 
}

/* ------- Fade overlay ------- */
/* .media-section::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: var(--bg-rendered-height);
    height: 500px;
    margin-top: -500px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #f7f6f2 100%);
    pointer-events: none;
}

 */

.news-item-image video{
    width: 280px;
    object-fit: cover;
	pointer-events: none;
}
.news-item-image video::-webkit-media-controls {
  display: none !important;
}












.news-item:hover .news-item-title span{
	text-decoration:underline;
}
.news-item:hover .news-item-title b{
	text-decoration:underline;
}


#prrez_smalll{
	
}
#prrez_smalll .news-item-summary{
	display:none;
}
#prrez_smalll .news-item-image img {
    height: 70%;
    width: 130px;
}
#prrez_smalll .news-item-image{
align-items: center;
}
#prrez_smalll .news-item-title {
    font-size: 20px;
}
#prrez_smalll .categoryNameShowOption {
    display:none;
}


#prrez_mini .news-item-summary,#prrez_mini .news-item-image,#prrez_mini .news-item-pretitle,#prrez_mini .articleDetails_icons{
	display:none;
}


#prrez_mini .news-item-title {
    font-size: 20px;
    margin-bottom: -3px;
	    line-height: 140%;
}
#prrez_mini .news-item {
    margin-bottom: 20px;
	border-bottom: none;
}

#dialog-prikaz-rezultata label{
	display:inline-block;
}
#dialog-prikaz-rezultata input[type="checkbox"] {
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin-left: 0px;
    margin-bottom: 3px;
}

.infoOnResults {
    text-align: center;
    font-size: 28px;
    font-family: 'Bodoni Moda', serif;
    border-bottom: 1px dashed #dddddd;
    width: fit-content;
    margin: auto;
    padding-left: 20px;
    padding-right: 20px;
    color: #96886d;
    background-color: #FFF;
    border-radius: 20px;
}
.infoOnResults_turnOffFilters{
    color: #000;
    font-size: 20px;
    text-decoration: underline;
    padding-bottom: 20px;
    margin-top: 14px;
    font-family: 'Source Sans 3';
    letter-spacing: 0.8px;
    cursor: pointer;	
}
.infoOnResults_turnOffFilters:hover{
	color:#324f65;
}


.nemaTekstRezultata{
    display: block;
    width: 200px;	
	    border-radius: 20px;
		
}









#filter-off{
	display:none;
}
/* ------- Button spacing ------- */
.filter-actions-wrapper .btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  padding: 8px 14px;
  border-radius: 8px;
  transition: background-color 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
    border: 1px solid #d4d4d4;
}

/* ------- Primary button hover ------- */
.filter-actions-wrapper .btn-primary:hover {
  background-color: #2b8a3e;
  color:#FFF;
  box-shadow: 0 0 0 2px rgba(43, 138, 62, 0.2);
}

/* ------- Secondary button hover ------- */
.filter-actions-wrapper .btn-secondary:hover {
  background-color: #868e96;
  box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.2);
  color:#FFF;
}


.ui-datepicker-header .ui-icon {
  background-image: url("/2025/css/local/jquery/images/ui-icons_ffffff_256x240.png");
}


.ui-datepicker-header .ui-state-hover,
.ui-datepicker-header .ui-button:hover,
.ui-datepicker-header .ui-button:focus {
  background: #2a1a59 !important;
  margin-top:2px;
  cursor:pointer;
}
.ui-datepicker-prev:hover{
	margin-left:2px;
}
.ui-datepicker-next:hover{
	margin-right:2px;
}

/* .settingAreActive{
    outline: 2px solid #13a412;
    border-radius: 20px;
    outline-offset: 0px;	
}
 */

@keyframes pulseSettingAcc {
  0% {
    border-radius: 20px;
    outline-offset: 0px;
  }
  50% {
    border-radius: 10px;
    outline-offset: 3px;
  }
  100% {
    border-radius: 20px;
    outline-offset: 0px;
  }
}

.settingAreActive {
  outline: 2px solid #13a412;
  animation: pulseSettingAcc 1.5s infinite ease-in-out;
}





.news-item-text {
  flex: 1;                       /* Let the text column grow */
  /* max-width: 60%; */
  position: relative;
}
.news-item-pretitle{
    color: #4a4a4a;
    font-size: 13px;
    padding-bottom: 6px;
    letter-spacing: 1.1px;
    font-family: 'Bree Serif', serif;
    /* text-transform: uppercase; */
    padding: 5px 10px;
    background: linear-gradient(to bottom, white, #000000);
    width: fit-content;
    font-weight: bold;
    font-family: 'Roboto';
    margin-bottom: 10px;
    border-bottom: 1px solid #dfdfdf;
    border-radius: 1px;
    background: linear-gradient(to bottom, white 40%, #f7f7f7 100%);
    border-radius: 3px;
    padding-left: 14px;
	padding-right: 20px;
    letter-spacing: 1.6px;
    border-left: 0px solid #d1d0e0;
	    margin-bottom: 17px;
}
.news-item-pretitle {
    position: relative;
    overflow: hidden; /* ensures fade stays within bounds */
    margin-right: -12px;
    margin-left: -12px;
	font-family: 'rnd', serif;
	    float: right;
}

.news-item-pretitle::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 14px; /* adjust width as needed */
    height: 100%;
    background: linear-gradient(to right, white 0%, rgba(255,255,255,0) 100%);
    pointer-events: none; /* lets clicks through */
}
.news-item-pretitle::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 20px; /* adjust width as needed */
    height: 100%;
    background: linear-gradient(to left, white 0%, rgba(255,255,255,0) 100%);
    pointer-events: none; /* lets clicks through */
}


.news-item-title {
    font-size: 20px;
	font-weight: normal;
    margin: 0 0 8px;
    line-height: 140%;
    line-height: 160%;
    width: 100%;
    letter-spacing: 0.2px;
    margin-bottom: 18px;
	    margin-bottom: 7px;
    font-family: 'Source Serif Pro', serif;
	
font-family: 'Source Sans 3';	
	
    /* font-family: 'Libre Baskerville', 'Lora', serif; */
}
.ftws1{
    line-height: 130%;	
}

.news-item-title{
    color: #000;
	    clear: both;
}
.news-item-title span{
    color: #292929;
    /* font-family: 'Poppins', sans-serif; */
    font-size: 170%;
    line-height: 100%;
    letter-spacing: 0.1px;
    word-spacing: 0px;
    font-weight: bold;
    padding-right: 3px;
    display: block;
    font-family: 'Oswald', sans-serif;
    /* font-family: Lora; */
    font-family: 'Barlow Condensed';
    /* font-family: Domine; */
    /* font-family: 'Playfair Display'; */
    padding-bottom: 10px;
    margin-left: 0px;
    text-align: left;
	    line-height: 110%;
		    /* font-family: 'rnd'; */
}
.title-long.news-item-title span{
	margin-bottom: 8px;
}
.nwsItemNoImage{
	
}

.nwsItemNoImage .news-item-title span{
margin-bottom: 7px;
	
}

.news-item-title b{
    color: #333;
	letter-spacing: 0.4px;
	
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    font-size: 130%;
	    font-size: 170%;
}




/* .news-item-title.title-short {
    font-size: 30px;
    line-height: 1.25;
}

.news-item-title.title-medium {
    font-size: 26px;
    line-height: 1.2;
}

.news-item-title.title-long {
    font-size: 20px;
    line-height: 1.15;
} */

.news-item-title.title-long {
    font-size: 18px;
	    line-height: 130%;
}


.news-item:hover{
	cursor:pointer;
    border-bottom: 1px solid #dedede;
}
.news-item:hover .news-item-title{
/* 	text-decoration:underline;
	color:#f9daa6; */
}
.news-item:hover .news-item-title a{
	color:#636363;
}
.news-item:hover .categoryNameShowOption{
	background-color:#221a3e;
}
.news-item:hover .contBezSlike .categoryNameShowOption{
	background-color:transparent;
}

.


.news-item-summary {
font-size: 16px;
    line-height: 1.7;
    line-height: 140%;
    color: #595959;
    margin: 0px 0 5px;
    /* font-family: 'Libre Baskerville', 'Lora', serif; */
    /* padding-left: 20px; */
    width: 98%;
    /* text-align: justify; */
    /* text-align: justify; */
    text-justify: inter-word;
    /* hyphens: auto; */
    /* word-break: break-word; */
    /* overflow-wrap: break-word; */
    letter-spacing: 0px;
    margin-bottom: 30px;
/*     border-top: 1px dashed #9e9995;
	border-top: 1px dashed #d1d1d1; */
	
    padding-top: 4px;
}


.quoteZaSnippet{
    font-size: 160%;
    margin-left: -13px;
    color: #72659f;	
}
.onlysnippetResult{
    padding-left: 20px;
    width: calc(98% - 20px);
}
.onlysnippetResult::before{
content: "Pronađeno u tekstu:";
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    padding-right: 10px;
    letter-spacing: 0.8px;
    color: #a0a0a0;
    display: block;
    text-decoration: underline;
	    margin-left: -20px;
}

.news-item-details {
    font-size: 14px;
    color: #000000;
    margin: 0;
    letter-spacing: 0.3px;
    font-family: 'rnd';
    padding-top: 10px;
	    margin-bottom: -4px;
}
.news-item-details time{
	white-space:nowrap;
/* 	    margin-right: 20px;
		    margin-left: -7px; */
}
.articleDetails_icons{
	padding-left:0px;
	/* font-size: 0; */
}
.articleDetails_icons i{
    padding: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #cacaca;
    font-size: 80%;
    margin-bottom: -10px;
    margin-top: -10px;
    display: inline-block;
	font-size: 11px;
	transition:margin 0.3s;
}
.cmntcountsmall{
    font-size: 13px;
    margin-left: 10px;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 5px;
    padding-right: 11px;
    padding-left: 4px;
    border-radius: 6px;
    background-color: #f8f7f5;
    color: #4f4f4f;
    padding-top: 6px;
    white-space: nowrap;
    margin-top: 8px;
    display: inline-block;
}
.cmntcountsmall i{
	font-size: 11px;	
	color:#cdc5b9;
}
.articleDetails_icons i:hover{
	color:#cbaea0;
}
.cmntcountsmall:hover i{
    color: cadetblue;
}






.author_nameSmall{
    color: #737373;
    padding-right: 11px;
    font-family: 'tac';
    font-size: 18px;
    font-size: 16px;
    letter-spacing: 0.3px;
    padding-left: 3px;
}

/* Single image on the right */
.news-item-image {
    flex-shrink: 0;
	position:relative;
    display: flex;              /* Needed to pass height to the image */
    align-items: stretch;       /* Makes img fill the entire container height */
    border-radius: 0px 0px 3px 0px;
    overflow: hidden;
	    margin: 0px;
}

.news-item-image img {
    height: 100%;               /* Make image fill parent vertically */
    width: 280px;
    object-fit: cover;
	transition: height 0.2s ease;
	    max-height: 200px;
    min-height: -webkit-fill-available;
}


.noImageDisplay .news-item-image img{
	display:none;
}


/* Start invisible and smoothly transition opacity */
img.lazy {
  background: /* your hatched‑placeholder */;
  opacity: 0;
  transition: opacity .3s;
}
img.lazy.loaded {
  opacity: 1;
  background: none;    /* clear out the placeholder */
}


/* .news-item:hover .news-item-image img {
	height: 95%;
} */





.bookmarkCategory.isSaved i {
    color: #76a077; /* or any highlight color */
}






/* ------------------------------ */
/*         Most Read Section      */
/* ------------------------------ */
.most-read {
  /* Optional border or spacing, adjust as needed */
  padding: 1rem 0;
  color: #333;
  padding-top: 0px;
  border-bottom: 2px dotted #c1c1c1;
  margin-bottom: 20px;
	position:relative;
}

/* Header: “Most Read >” */
.most-read-header {
/*   display: flex;
  align-items: center; */
  font-size: 1rem;          /* ~16px */
  font-weight: bold;
  margin-bottom: 1rem;
  
    width: 244px;
	    line-height: 130%;
}



.icon-button_kmr {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  border: none;
  background: transparent;
  cursor: pointer;
    border-radius: 100px;
    font-size: 18px;
	    color: #949494;
		    margin-left: 15px;
			border: 2px dashed transparent;
}
.icon-button_kmr:hover{
	color: #000;
}
.kmr_comm{
    font-size: 15px;
    margin-left: -5px;
    height: 36px;
    vertical-align: middle;
    margin-top: -4px;
    width: 35px;
}
/* .icon-button_kmr:focus {
  outline: 2px solid #005fcc;
} */



.kmread_on{
border: 2px solid #c6c6c6;
    color: #000;
}
.kmread_on:hover{
border: 2px dashed #c6c6c6;	
}

.most-read-actions{
	position:absolute;
    top: -5px;
    right: -8px;
	    display: block;
}




.most-read-header h2 {
    margin: 0;
    font-size: 15px;
    letter-spacing: 0.8px;
	    letter-spacing: 0.5px;
}

.arrow {
  margin-left: 0.5rem;
  font-size: 1.25rem;       /* Slightly larger arrow */
  line-height: 1;
}

/* Featured item (rank #1) */
.most-read-feature {
  margin-bottom: 1.5rem;    /* Space below the featured item */
  height:300px;
  width:300px;
}

.most-read-feature img,.most-read-feature video {
  width: 300px;
  height: auto;
  display: block;
  margin-bottom: 0.5rem;
  
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.most-read-feature p {
  margin: 0;
  font-size: 1rem;          /* ~16px */
  line-height: 1.4;
  font-weight: 500;         /* Slightly heavier text, but not bold */
}

/* Numbered list for items #2–5 */
.most-read-list {
  list-style: decimal;       /* Automatic numbering */
  margin: 0;
  padding-left: 1.5rem;      /* Indent the list so numbers are clear */
   list-style: none;
    counter-reset: roman;
	    margin-left: 6px;
}





.most-read-list li {
    margin-bottom: 9px;
    line-height: 1;
    font-size: 24px;
    color: #cd4631;
    font-weight: bold;
    counter-increment: roman;
    counter-increment: roman;
    position: relative;
    border-bottom: 1px dashed #bcbcbc;
    padding-bottom: 9px;
}
.most-read-list li a{
    font-family: 'Barlow Condensed';
    font-weight: normal;
    font-size: 18px;
    width: 300px;
    display: block;
    line-height: 134%;
	    letter-spacing: 0.2px;

	
}
.most-read-list li .cmntcountsmall{
font-family: 'im';
font-weight: normal;
white-space: nowrap;
}
.most-read-list li .cmntcountsmall i {
	padding-right:6px;
	    color: #7e7e7e;
}
.now_commented  li a{
    display: inline;	
}


.most-read-list li:hover a{
	text-decoration: underline;
}

.most-read-list li::before {
    content: counter(roman, upper-roman) ". ";
    position: absolute;
    /* left: -33px; */
    width: 30px;
    /* background-color: aliceblue; */
    text-align: right;
    left: -38px;
    top: 5px;
}


/*---- icon management */
.thisArticleIsSaved i, .thisArticleIsSaved i:hover {
    /* background-color: #95c79d; */
    border-radius: 5px;
    color: #7561bf !important;
    outline: 2px solid #d6e1d8;
    padding-top: 7px !important;
    padding-bottom: 6px !important;
    margin-right: 3px;
	margin-left: 10px;
	transition:margin 0.3s;
}
button.save-article{
    background-color: transparent;
    border: none;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
    margin-left: 10px;
    margin-right: -2px;
	
margin-left: -6px;
    margin-right: -2px;
}


.nothingtolistnow li::before{
	    content: "";
}

.nothingtolistnow li {
    all: unset;
    font-size: 16px;
    letter-spacing: 0.5px;
    font-style: italic;
    color: #868686;
}
.onforcom li a{
	display:inline;
}

.most-read-range{
    background-color: #efece8;
    width: max-content;
    padding: 4px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 5px 16px 16px 24px;
    margin-top: 12px;
    padding-bottom: 1px;
    margin-bottom: -2px;
    font-family: "Source Sans 3";
    position: relative;
    padding-left: 12px;
}
/* the little triangle */
.most-read-range::before {
  content: "";
  position: absolute;
  top: -8px;                    /* adjust vertical offset */
  left: 20px;                   /* horizontal position from left edge */
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #efece8;
  width: 0;
  height: 0;
}

.most-read-range i{
    vertical-align: middle;
    color: #bcad9f;
    margin-top: -2px;
    display: inline-block;
    margin-right: 3px;	
}
.most-read-range label{
	display:inline-block;
	    color: #646464;
    letter-spacing: 0.6px;
}


.most-read-range select{
    font-size: 0.9rem;
    border-radius: 16px;
    padding: 2px 5px;
    vertical-align: middle;
    border-color: #9d9d9d;
    margin-left: 2px;
	  font-family: "Source Sans 3";	
	  font-size:14px;
	      padding-left: 8px;
}





.most-read-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;               /* sit above everything else */
  pointer-events: none;       /* let clicks pass through */
  text-align: center;         /* center the <i> inside it */
  width: 100%;                /* optional, to cover full width */
}
.most-read-spinner i{
color: #7c55a3;
    font-size: 50px;
}

/* Optional: semi-opaque overlay behind spinner */
.most-read-spinner::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: -1;                /* underneath the spinner icon */
}





.loadKats_spinner {
    position: absolute;
    top: 170px;
    left: 50%;
    transform: translate(-50%);
    z-index: 999;
    pointer-events: none;
    text-align: center;
    width: 100%;
	display:none;
}
.loadKats_spinner i {
    color: #5568a3;
    font-size: 120px;
}





.media-content_outer{
	position:relative;
}
.ellipsisWrap{
    display: inline-block;
    position: absolute;
    left: 30px;
    top: -42px;
    width: 34px;
    /* background-color: antiquewhite; */
    text-align: center;
    padding-right: 19px;
    height: 33px;
    border: 1px solid #e7e7e7;
	border: 1px solid transparent;
    border-radius: 20px;
	cursor:pointer;
	    opacity: 0.5;
	transition:background 0.2s,border-color 0.2s;
}
.ellipsis {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #a3988b;
    border-radius: 50%;
    box-shadow: 10px 0 0 #a3988b, 20px 0 0 #a3988b;
	transition:background 0.2s,box-shadow 0.2s;
	
}

/* .lstr_1{
    top: -33px;
} */


.ellipsisWrap:hover{
    background-color: #f7f5f3;
    border: 2px solid #a0a0a0;
    margin-left: -1px;
    margin-top: -1px;
	    opacity: 1;
}
.ellipsisWrap:hover .ellipsis{
    background: #222;
    box-shadow: 10px 0 0 #222, 20px 0 0 #222;
}

.upper-breadcrumbs {
  font-size:14px;
    margin-top: -25px;
    padding: 6px 20px;
    margin-bottom: 30px;
    border-bottom: 1px dashed #bcbcbc;

  
}
.upper-breadcrumbs ul {
  list-style: none;
  padding: 0;
  display: flex;
  gap: 1em;
  margin:0px;
}
.upper-breadcrumbs li.active a {
  font-weight: bold;
  text-decoration: underline;
}
.upper-breadcrumbs a {
  color: #555;
  text-decoration: none;
}










/* Today's Headlines section */
.todays-headlines {
  margin-top: 2rem;
}

.section-subtitle {
  font-size: 1.25rem;
  margin: 0 0 0.75rem 0;
  font-weight: bold;
}

.todays-headlines ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.todays-headlines li {
  margin-bottom: 0.5rem;
}




.no-results-msg {
  padding: 1em;
  color: #555;
    font-size: 150%;
    text-align: center;
}

.trazilicaIsOn .no-results-msg {
    text-align: center;
    font-size: 26px;
	    margin-top: -58px;
}
.trazilicaIsOn .no-results-msg::after{
	content:" Pokušajte s nekim drugim terminom.";
	display:block;
}


.no-results-msg .doAllSearchInstead {
  cursor: pointer;
  text-decoration: underline;
  color: #7e7c99;
}
.no-results-msg .doAllSearchInstead:hover {
  text-decoration: none;
}

.no-results-msg i{
    color: #9775cc;
    font-size: 120%;
    margin-right: 10px;	
}

mark{
background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 10%, rgba(204, 199, 188, 0.3) 100%),
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"><rect width="1" height="1" x="0" y="0" fill="rgba(0,0,0,0.04)"/><rect width="1" height="1" x="5" y="5" fill="rgba(0,0,0,0.04)"/></svg>');
    background-size: 3px 3px;
    background-color: #c68f2117;
    padding: 7px 20px;
    border-radius: 100px;
    margin-left: -18px;
    margin-right: -18px;
    /* outline: 2px solid #ffffffb3; */
    text-decoration: underline;
    font-size: 116%;
    color: #a22707;
    letter-spacing: 0.8px;
}
#searchTerm{
    width: 100%;
    padding: 6px 10px;
    box-sizing: border-box;
    font-size: 110%;
    border: 1px solid #acacac;
    border-radius: 10px;
    letter-spacing: 0.3px;
    font-family: 'Source Serif Pro', serif;	
}
/* ------- Search wrapper ------- */
.search_wrapper {
  position: relative;
  width: 100%;
}

/* ------- Input padding to avoid overlap with X ------- */
#searchTerm {
  width: 100%;
  padding-right: 24px;
  box-sizing: border-box;
}

/* ------- Clear (X) button ------- */
.clear_button {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: bold;
  color: #aaa;
  cursor: pointer;
  display: none;
  user-select: none;
     padding-left: 10px;
    padding-right: 10px;
}
.clear_button:hover{
	color:#000;
}

/* LOAD MORE WRAPPER */
#load-more-wrapper {
  text-align: center; 
  margin: 2rem 0; /* space above/below */
}

#loadMoreBtn,#searchLoadMore,.loadMore_ns{
  background-color: #4e4892; 
  color: #fff; 
  border: none;
  font-size: 1rem;
  padding: 0.75rem 1.25rem;
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 0.3s, transform 0.4s cubic-bezier(0.85, 0, 0.15, 1);
      font-family: 'Rnd',serif;
  letter-spacing: 1px;
}

#loadMoreBtn i{
    display: inline-block;
    transition: transform 0.6s cubic-bezier(0.85, 0, 0.15, 1), color 0.6s;
    font-size: 26px;
    vertical-align: middle;
    margin-top: -5px;
    margin-left: -9px;
    color: #bcdcf8;
}
#loadMoreBtn:hover i{
	transform:rotate(360deg);
	    color: #cba8f2;
}

.loadMore_ns{
    color: #FFF !important;
    padding: 10px 22px;
}

#loadMoreBtn:hover,#searchLoadMore:hover{
background-color: #523895;
transform: translateY(-3px);
}

#loadMoreBtn:disabled,#searchLoadMore:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}

/* The <noscript> link (for no-JS fallback) */
#load-more-wrapper noscript a {
  display: inline-block;
  margin-top: 10px;
  font-size: 0.9rem;
  color: #4e4892;
  text-decoration: none;
}
#load-more-wrapper noscript a:hover {
  text-decoration: underline;
}

/* PAGINATION */
.pagination {
text-align: center;
    margin: 20px 0;
    margin-bottom: -20px;
    padding-top: 20px;
    border: 1px solid #cfcfcf;
    border-bottom: none;
    padding-bottom: 10px;
background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 10%, rgba(204, 199, 188, 0.3) 100%),
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"><rect width="1" height="1" x="0" y="0" fill="rgba(0,0,0,0.04)"/><rect width="1" height="1" x="5" y="5" fill="rgba(0,0,0,0.04)"/></svg>');
    background-size: 3px 3px;
    background-color: #d0dce5;
    margin-left: -112px;
    margin-right: -25px;
    border-radius: 0px 0px 4px 4px;
    background-color: #adb5bb;
    box-shadow: 0px 20px 50px #d4d4d4;
}

.searchTerm_lbl{
    display: inline-block;
	font-weight:bold;
}
.slikaZaPretragu{
    width: 240px;
    margin: auto;
    display: block;	
}


.formjumppage{
display:inline-block; margin-left:10px;	
}

/* Links and the "strong" current page */
.pagination a,
.pagination strong {
  display: inline-block;
  margin: 0 0.25rem; /* small spacing between items */
  padding: 0.5rem 0.75rem;
  border: 1px solid #ccc;
  text-decoration: none;
  color: #333;
  border-radius: 4px;
  font-size: 0.9rem;
  transition: background-color 0.3s;
  background-color: #f5f4f2;
}
.pagination a{
margin-bottom: 13px;	
}
/* Hover effect on links */
.pagination a:hover {
  background-color: #ffffff; 
}

/* Current page styling (strong) */
.pagination strong {
  background-color: #4e4892;
  color: #fff;
  border-color: #4e4892;
}

/* The small "Jump to page" form */
.pagination form {
  display: inline-block; 
  margin-left: 1rem; 
  /* vertical-align: bottom; */ /* aligns nicely next to page links */
}

.pagination form label,.pagination form input{
  margin-right: 0.5rem;
  font-weight: bold;
  font-size: 0.9rem;
}

.pagination form select,.pagination form input{
    width: 78px;
    padding: 0.4rem;
    margin-right: 0.5rem;
    font-size: 0.9rem;
    /* text-align: center; */
    border: 1px solid #ccc;
    border-radius: 4px;
}

.pagination form button[type="submit"] {
  padding: 0.4rem 0.8rem;
  background-color: #4e4892;
  border: none;
  color: #fff;
  font-size: 0.9rem;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.pagination form button[type="submit"]:hover {
  background-color: #0056b3;
}



.news-item-summary{
    font-size: 16px;
    line-height: 140%;
	font-family: 'Source Sans 3';
	
  word-wrap: break-word;        /* Break long words if needed */
  overflow-wrap: break-word;    /* Modern standard for word breaking */
  word-break: break-word;       /* Optional, for more aggressive breaking */
}


.potragaUTIjeku{
    text-align: center;
    font-size: 20px;
    color: #777;
    letter-spacing: 1px;	
}




.modkat_desc{
    font-size: 16px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #717171;
    /* border-top: 2px dashed #c4c4c4; */
    /* padding-top: 32px;	 */
}
.modkat_desc_hh{
    padding: 0px;
    margin: 0px;
    line-height: 140%;
    padding-bottom: 6px;
    margin-top: -3px;	
}





.visokaNavigacija_kat_od_modula{
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.pokreniNovuRaspravu{
    display: block;
    background-color: #3f375a;
    color: #FFF;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 4px 10px;
    border-radius: 3px 2px 2px 3px;
    margin-left: -4px;
    margin-top: -20px;
    width: fit-content;
    margin-bottom: 18px;
	cursor:pointer;
}
.pokreniNovuRaspravu:hover{
	
}
.pokreniNovuRaspravu:hover i{
	color: #CCC;
}




#naslov_rasprave{
    box-sizing: border-box;
	    padding: 7px 10px;
}
#sadrzaj_rasprave{
	    box-sizing: border-box;
		    padding: 7px 10px;
}


/* vertical category label -------------------- */
.categoryNameShowOption {
    font-family: 'rnd', sans-serif;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px 0px 0px 0px;
    text-transform: uppercase;
    letter-spacing: 1.1px;
    display: inline-block;
    text-align: right;
	    text-align: center;
    color: #ffffff;
    background-color: #3f375a;
    /* text-shadow: 0 0 3px black; */
    width: fit-content;
    font-weight: bold;
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.categoryNameShowOption i{
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 1px;	
}
.contBezSlike .categoryNameShowOption{
	    width: max-content;
		    max-width: 310px;
			background-color: transparent;
			color:#333;
			bottom: -6px;
}
.contBezSlike{
			overflow:visible;
			    height: auto;
}

.category-description{
    margin-bottom: 40px;	
}


.dodkatzagrada{
    color: #b7aeba;
    text-transform: initial;
    padding-bottom: 3px;
    display: inline;
	    margin-left: 3px;
}
.dodkatzagrada i{
filter: contrast(0.6);
}
.dodkatzagrada span{
    white-space: nowrap;	
}



.vrobjstyl{
/* 	color:#c36969;
    font-family: 'Bree Serif', serif; */
}
.vrojucer{
	color:#b49f7c;
color:#c36969;
}
.vrobjstyl i{
/* 	color:#758bbe;
	    padding-right: 3px; */
}
.vrobjstyl .ti-corner-down-right{
	color:#b2b2b2;
}
.kalendarcic{
padding-right: 10px;
    color: #9e9e9e;	
}



.uWord{
	color:#000;
	    font-family: 'rnd';
}
.tmhmstr{
	color:#000;
	    font-family: 'rnd';	
		    color: #9e7575;
			padding-right:5px;
}


.inheritOn .media-title span{
	color:inherit !important;
}
.inheritOn .breadcrumb-nav li a {
	color:inherit !important;
}






.inheritOn .breadcrumb-nav li a span {
	color:inherit !important;
}
.inheritOn .category_moto_box {
	color:inherit !important;
}
.inheritOn .category_moto_text {
	color:inherit !important;
}
.inheritOn .category_moto_autor {
	color:inherit !important;
}
.inheritOn .listingSettings {
	color:inherit !important;
}
.inheritOn .category_moto_autor b {
	color:inherit !important;
}
.inheritOn .listingSettings i {
	color:inherit !important;
}




.newsletter-signup {
    background: #f9f9f9;
    border-radius: 0px;
    padding: 20px;
    text-align: center;
    margin-bottom: 20px;
    margin-bottom: 50px;
    width: 380px;
    box-sizing: border-box;
	
background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 10%, rgba(204, 199, 188, 0.2) 100%),
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"><rect width="1" height="1" x="0" y="0" fill="rgba(0,0,0,0.04)"/><rect width="1" height="1" x="5" y="5" fill="rgba(0,0,0,0.04)"/></svg>');
    background-size: 3px 3px;
    background-color: #f9f9f9;	
	    margin-top: 50px;
	position:relative;
	    border-top: 2px solid #cd4631;
}
/* .newsletter-signup::before{
	content:"";
	width:50px;
	height:50px;
	background-color:#069;
	left:0px;
	top:0px;
	position:absolute;
} */


.newsletter-signup::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #e7e7e7;
    bottom: -15px;
    left: 0px;
}


.newsletter-signup h2 {
  font-size: 1.25rem;
  margin-bottom: 10px;
  display: inline-flex;
  align-items: center;
      font-family: 'Bodoni Moda', serif;
}
.newsletter-signup h2 i {
  margin-right: 8px;
  color: #6e5689; /* accent color */
}
.newsletter-signup p {
  font-size: 0.95rem;
  margin-bottom: 15px;
      font-family: 'Source Sans 3';
}
.newsletter-signup p u{

    letter-spacing: 0.7px;
}

.newsletter-form {
  display: flex;
  max-width: 100%;
}
.newsletter-form input[type="email"] {
    flex: 1;
    padding: 10px 0px;
    border: 1px solid #ccc;
    border-radius: 4px 0 0 4px;
    font-size: 1rem;
    padding-left: 20px;
    max-width: 194px;
}
.newsletter-form button {
  background: #6e5689;
  border: none;
  padding: 10px 15px;
  color: #fff;
  font-size: 1rem;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
}
.newsletter-form button i {
  margin-right: 5px;
}
.newsletter-form button:hover {
  background: #59397d;
}
/* Visually hide labels but keep them accessible */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}









/* ─────────────────────────────────────────────────────────────────────────
   Container & Header
   ───────────────────────────────────────────────────────────────────────── */
.poll_section {
  margin-top: 30px;
  padding: 20px;
background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 10%, rgba(204, 199, 188, 0.2) 100%),
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"><rect width="1" height="1" x="0" y="0" fill="rgba(0,0,0,0.04)"/><rect width="1" height="1" x="5" y="5" fill="rgba(0,0,0,0.04)"/></svg>');
    background-size: 3px 3px;
    background-color: #f3eeea;
	background-color:#FFF;
    border-radius: 3px;
	position:relative;
}
.poll_section::after {
    content: "";
    display: block;
    width: 17px;
    height: 24px;
    background-image: url(/2025/assets/various/ppclip3.png);
    background-position: center;
    position: absolute;
    right: 18px;
    top: -14px;
    background-size: contain;
    background-repeat: no-repeat;
}

.poll_section .section_title {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 15px;
  color: #333;
  margin-top:0px;
}

.poll_section .section_title i {
  margin-right: 8px;
  color: #6e5689;
}

/* ─────────────────────────────────────────────────────────────────────────
   Question
   ───────────────────────────────────────────────────────────────────────── */
.poll_container h3 {
  font-size: 1rem;
  margin: 0 0 12px;
  line-height: 1.3;
}

/* ─────────────────────────────────────────────────────────────────────────
   Results List
   ───────────────────────────────────────────────────────────────────────── */
.poll_results_list {
  margin: 0;
  padding: 0;
}

.poll_result_row {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.poll_result_row.poll_voted_option .poll_option_text {
  font-weight: 600;
  color: #222;
}

.poll_option_text {
  flex: 1;
  font-size: 0.875rem;
  color: #444;
}

/* ─────────────────────────────────────────────────────────────────────────
   Bar & Percentage
   ───────────────────────────────────────────────────────────────────────── */
.poll_bar_container {
  flex: 2.5;
  background: #e6e6e6;
  height: 8px;
  margin: 0 10px;
  border-radius: 4px;
  overflow: hidden;
}

.poll_bar_fill {
  height: 100%;
  background: #6c63ff; /* match your accent color */
  border-radius: 4px 0 0 4px;
  transition: width 0.4s ease;
}

.poll_percentage {
  width: 35px;
  text-align: right;
  font-size: 0.875rem;
  color: #333;
}

/* ─────────────────────────────────────────────────────────────────────────
   Total Votes
   ───────────────────────────────────────────────────────────────────────── */
.poll_total_votes {
  font-size: 0.75rem;
  color: #666;
  margin-top: 15px;
}

/* ─────────────────────────────────────────────────────────────────────────
   (Optional) Voting Form Styles
   ───────────────────────────────────────────────────────────────────────── */
.poll_options_list {
  margin-bottom: 15px;
}

.poll_option_label {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
  font-size: 0.9rem;
  color: #444;
  cursor: pointer;
  user-select: none;
     font-family: 'Poppins', sans-serif;
}
.poll_option_label:hover{
    color: #2a5b36;
	text-decoration:underline;
}



.poll_option_label input[type="radio"] {
  position: absolute;
  left: 0;
  top: 2px;
}

.poll_vote_btn {
    display: block;
    background: #edebe7;
    color: #3a3a3a;
    padding: 8px 16px;
    font-size: 0.875rem;
    font-weight: bold;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.1s ease, color 0.1s ease;
    border-bottom: 1px solid #d8d8d8;
    margin-top: 20px;
}
.poll_vote_btn i{
	margin-right:10px;
	font-size:130%;
}

.poll_vote_btn:hover {
  background: #6e5689;
  color:#FFF;
}
#listPollContainer p{
font-family: 'Source Sans 3';
}







.media-nav ul li:last-child {
  display: flex;
  align-items: center;
  white-space: nowrap;
}








/* ─────────────────────────────────────────────────────────────────────────
   Responsive tweaks (if sidebar gets narrower)
   ───────────────────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
  .poll_section {
    padding: 15px;
  }
  .poll_bar_container {
    margin: 0 6px;
  }
  .poll_option_label {
    font-size: 0.85rem;
  }
}
/* Prepend a green checkmark before the voted‐for option */
.poll_result_row.poll_voted_option .poll_option_text::before {
  content: '✔';
  display: inline-block;
  margin-right: 6px;
  color: #28a745;  /* Bootstrap‑style success green */
  font-weight: bold;
  font-size: 1rem;
  line-height: 1;
}









/* ─────────────────────────────────────────────────────────────────────────
   “Jutarnja advance kava” section
   ───────────────────────────────────────────────────────────────────────── */
.caffe_section {
    margin: 0px 0;
    padding: 18px 20px;
    text-align: center;
    /* width: 380px; */
    padding-left: 45px;
	    margin-bottom: -40px;
		cursor:pointer;
}




.caffe_title {
/*     display: flex;
    align-items: flex-start; */
    font-size: 25px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
    font-family: 'pos';
    font-weight: normal;
    line-height: 100%;
    font-family: Comfortaa;
}
.caffe_title span{
    font-size: 25px;	
}
.caffe_title u{
    color: #9d9581;
}
.caffe_section:hover .caffe_title u {
  color: #7d6657;
}

.caffe_section:hover .caffe_link u {
      border-bottom: 2px solid #8174b3;
}





.caffe_title i{
	/* margin-right:20px; */
	color:#493e76;
}

.caffe_text {
  font-size: 18px;
  color: #444;
  line-height: 1.4;
      text-align: left;
}

.caffe_link {
  color: #493e76;
  text-decoration: none;
  font-weight: 500;
}

.caffe_link:hover {
  text-decoration: underline;
}
.swing-coffee {
  display: inline-block;
  animation: swingKf 5s ease-in-out infinite;
  transform-origin: bottom center;
}

@keyframes swingKf {
  0%   { transform: rotate(0deg); }
  25%  { transform: rotate(7deg); }
  45%  { transform: rotate(0deg); }
  55%  { transform: rotate(0deg); }
  75%  { transform: rotate(-7deg); }
  100% { transform: rotate(0deg); }
}



/* Dramatic shake on hover */
@keyframes shakeKf {
  0% { transform: rotate(0deg); }
  20% { transform: rotate(15deg); }
  40% { transform: rotate(-15deg); }
  60% { transform: rotate(10deg); }
  80% { transform: rotate(-10deg); }
  100% { transform: rotate(0deg); }
}

.caffe_section:hover .swing-coffee {
  animation: shakeKf 0.4s ease;
}

.caffe_notice{
    font-size: 11px;
    font-family: 'Source Sans 3';
    /* line-height: 7px; */
    text-align: center;
    margin-left: 54px;
    color: #7f6f62;
    letter-spacing: 0.7px;
	    white-space: nowrap;
}
.caffe_notice b{
	font-weight:normal;
	color:#000;
}




.stylechoserWrapper{
    display: inline-block !important;
    margin-left: 6px;
	    margin-bottom: 4px;
}
.stylechoser_ilustracija{
    width: 240px;
    vertical-align: bottom;
    margin-left: 50px;
    margin-bottom: -7px;
    margin-top: 16px;
    margin-right: 32px;
}	
.stylechoserWrapper label{
    font-size: 120%;	
}
.stylechoserWrapper label:hover span{
	text-decoration:underline;
}


#styleSwitchOverlay {
    position: fixed;
    top: 40px;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    opacity: 0;
    z-index: 9999;
    display: none;
}


/* ------- Base loading dot animation ------- */
.dot-anim span {
  opacity: 0;
  animation: pulseDot 1.5s infinite;
  font-weight: bold;
  font-size: 1.2em;
  display: inline-block;
  transform: scale(1);
}

/* ------- Stagger each dot ------- */
.dot-anim span:nth-child(1) {
  animation-delay: 0s;
}
.dot-anim span:nth-child(2) {
  animation-delay: 0.3s;
}
.dot-anim span:nth-child(3) {
  animation-delay: 0.6s;
}

/* ------- Keyframes for pulsing effect ------- */
@keyframes pulseDot {
  0%   { opacity: 0; transform: scale(1); }
  20%  { opacity: 1; transform: scale(1.3); }
  40%  { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(1); }
}






.loading{
	    text-align: center;
    font-family: 'Bodoni Moda', serif;
    font-size: 200%;
	display:none;
}
.loading img{
width: 410px;
    border: 10px solid #3b3554;
    border-radius: 40px;
    display: block;
    margin: auto;
    margin-top: 30px;	
}



.pronadjenoRezultata {
    text-align: center;
    margin-bottom: 50px;
    font-size: 180%;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 0px;
    font-family: 'Source Sans 3';
    position: relative;
    line-height: 110%;
    height: fit-content;
    margin-top: 10px;
}
.pronadjenoRezultata span{
    font-weight: bold;
    color: #d87b7b;	
}
.pronadjenoRezultata img{
    position: absolute;
    width: 100px;
    margin-left: -125px;
    margin-top: -35px;
}
.pronadjenoRezultata i{
    vertical-align: middle;
    color: #42386d;	
}





.prikaziSveBtn{
display: block;
    margin: 30px auto;
    padding: 6px 12px;
    background: rgb(68, 68, 68);
    color: rgb(255, 255, 255);
    border: none;
    cursor: pointer;
    font-size: 30px;
    border-radius: 6px;	
}



.cat-bg-credit-wrap{
    position: absolute;
    left: 0px;
    bottom: 19px;
    color: #FFF;
    /* background-color: #3f3b54; */
    width: max-content;
    padding: 2px 11px;
    padding-top: 5px;
    font-size: 12px;
    letter-spacing: 0.5px;
    border-radius: 5px 5px 0px 0px;
    z-index: 2;
    font-family: monospace;
    font-family: 'Source Sans 3';
    text-transform: uppercase;
    color: #b4b4b4;
    background: linear-gradient(180deg, #3b2f59, #332d46);
}
.cat-bg-credit-wrap{
    left: auto;
    right: 20px;
    transform: none;	
}
.donjiPadding_use .cat-bg-credit-wrap{
    margin: auto;
    left: 50%;
	right: auto;
    transform: translate(-50%, 0%);	
}

.cat-bg-credit{
    color: #FFF;
    font-size: 100%;
    text-transform: none;	
}




.media-section .cat-bg-video {
position: fixed;
    top: 0;
    width: 100%;
    object-fit: cover;
    z-index: -1;
}

.parentriNaModuluInfo{
padding: 5px 10px;
    background-color: #d5e1eb;
    display: block;
    width: fit-content;
    font-size: 14px;
    border: 2px dashed #8a8a8a;
    margin-bottom: 15px;	
}
.parentriNaModuluInfo div{
    font-size: 16px;
    text-decoration: underline;
    color: #414a5d;	
}

/* .hasBGV.media-section::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 180vh;
    background: linear-gradient(180deg, #ffffff 0px, #ffffff 10px, #ffffff00 100vh);
} */

/* .hasBGV:not(.xtracss_gallery) .media-header, */
.notFF:not(.xtracss_gallery) .media-header {
    margin-left: 0px;
    margin-right: 0px;
}







.abskonstrukt.media-section::before {
    position: absolute;
}




/* ------- Specific elements ------- */
.bgpofont .media-title span,.bgpofont .media-title i { 
color: rgb(var(--fontColor)) !important;
border-color: rgb(var(--fontColor)) !important; 
}


.bgpofont .media-nav a{ 
color: rgb(var(--fontColor)) !important;
}
.bgpofont .media-nav a:hover{
color: rgb(var(--fontColor)) !important;
}
.bgpofont .media-nav a:hover,.bgpofont_hover .media-nav a:hover{
color: rgb(var(--fontColor_hover)) !important;
}






.bgpofont .breadcrumb-nav li a {
color: rgb(var(--fontColor)) !important;
}
.bgpofont .breadcrumb-nav li a:hover,.bgpofont_hover .breadcrumb-nav li a:hover {
color: rgb(var(--fontColor_hover)) !important;
}
 

.bgpofont .seeAllCategories i{ 
color: rgba(var(--fontColor),0.6);
}
.bgpofont .seeAllCategories:hover i{ 
color: rgb(var(--fontColor)) !important;
}
.bgpofont .seeAllCategories:hover i,.bgpofont_hover .seeAllCategories:hover i{ 
color: rgba(var(--fontColor_hover),0.6) !important;
}





.bgpofont .listingSettings i {
color: rgba(var(--fontColor),0.6);
}
.bgpofont .listingSettings button:hover i {
color: rgb(var(--fontColor));
}
.bgpofont .listingSettings button:hover i ,.bgpofont_hover .listingSettings button:hover i {
color: rgb(var(--fontColor_hover));
}






.bgpofont .listingSettings .bookmarkCategory.isSaved i {
color: #76a077;
}
.bgpofont .listingSettings__count{
color: rgba(var(--fontColor),0.8);
}
.bgpofont .listingSettings__count:hover{
color: rgba(var(--fontColor),0.8);
}
.bgpofont .listingSettings__count:hover,.bgpofont_hover .listingSettings__count:hover{
color: rgba(var(--fontColor_hover),0.8);
}

.bgpofont .listingSettings__count .emphnmartcl{
color: rgb(var(--fontColor));
border-color: rgb(var(--fontColor)) !important; 
}







.bgpofont .media-nav ul{ 
border-color: rgba(var(--fontColor),0.2) !important; 
}
.bgpofont .media-title i { 
opacity: 0.6;
}
.bgpofont .media-headerNoSubCat {
border-bottom-color: rgb(var(--fontColor)) !important;
}
.bgpofont .ellipsis {
    background: rgba(var(--fontColor),1); 
	box-shadow: 10px 0 0 rgba(var(--fontColor),1), 20px 0 0 rgba(var(--fontColor),1);
}










.listingSettings__count b{
	font-weight:normal;
}



/* #media-section-title{
	display:none;
} */

#media-section-title{
    margin: 0px;
    /* margin-bottom: -20px; */
    display: inline-block;
    vertical-align: text-top;
    border-radius: 0px;
    /* background: #3f3854; */
    /* color: #ffffff; */
    /* margin-right: 20px; */
    /* border-right: 1px solid #a3a3a3; */
    font-family: 'Playfair Display';
    letter-spacing: 1.8px;
    text-align: center;
    /* font-size: 40px; */
    margin-top: -4px;
    /* text-decoration: underline; */
    margin-bottom: 8px;
    /* display: none; */
    color: #3e3e3e;
    border-bottom: 3px double #b5b5b5;
    padding-left: 20px;
    padding-right: 20px;
	    font-size: clamp(26px, 3vw, 36px);
}
#media-section-title i{
    display: inline-block;
    margin-top: -7px;
}


/* No background by default (nothing gets downloaded) */
.media-section { background-image: none;
    margin-bottom: -20px;
    padding-bottom: 20px;

}

/* Load & show the dynamic image only ≥1500px */
@media (min-width: 1500px){
  .media-section{
    background-image: var(--cat-bg) !important;
  }
}




@media (max-width: 1500px){
.cat-bg-credit-wrap{
	display:none;
}
.media-header {
    max-width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}
.newsletter-signup {
    width: 100%;
}
.newsletter-form input[type="email"] {
    max-width: 164px;
}
}
@media (max-width: 1350px){
.lexikon_space {
    width: 100%;
}	
.pagination {
    margin-left: -25px;
    margin-right: -25px;
}	

.clanakOKategoriji {
    width: 100%;
	padding-right: 0px;
        box-sizing: border-box;
	margin-right:-30px;
}
.clanakOKategoriji figure {
    border-radius: 0px;
}	
}












.donjiPadding_use{
    padding-bottom: 100vh;
}




@media (max-width: 1250px){
	
.ui-widget.ui-widget-content {
        width: calc(100% - 20px) !important;
        /* margin: 0px; */
        box-sizing: border-box;
}

.media-header {
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 14px;
        margin-left: 0px;
        margin-right: 0px;
}
.most-read-actions {
    right: 12px;
}
.most-read-list li a {
    width: 100%;
}
.most-read-list li {
    padding-right: 30px;
}
.media-left {
    max-width: 700px;
}

}
@media (max-width: 1150px){
.clanakOKategoriji {
    width: 100%;
	padding-right: 0px;
        box-sizing: border-box;
	padding-right: 30px;
}	
}
@media (max-width: 1100px){
.listingSettings {
    right: 0px;
}
.media-content {
    overflow: hidden;
}	
.pagination a, .pagination strong {
    margin: 0 2px;
}
}



@media (max-width: 1000px){
.listingSettings {
        transform: translateX(-50%);
        left: 50%;

}
.listanjeStyle_vijesti {
    padding-top: 3px;
}
.category_moto_text {
    line-height: 120%;
}
.category_moto_autor {
display: block;
        margin: auto;
        white-space: initial;
        vertical-align: text-top;
        padding-top: 20px;
}
.moto_size_2 {
    font-size: 22px;
}
.moto_size_3 {
    font-size: 18px;
}

.mdhnobrdcrmbs .listingSettings{
		    bottom: -20px;	
}
.ellipsisWrap {
        display:none;
}
.category-description {
    margin-bottom: 0px;
}
.newsletter-signup {
    margin-top: 30px;
}
.media-content {
    display: block;
}	
.media-right {
	    max-width: 100%;
    padding-left: 30px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
    gap: 20px;
    padding-right: 30px;
    box-sizing: border-box;
}	
.category-description {
    grid-column: 1 / -1;
    order: -1;
}
.most-read-feature img, .most-read-feature video {
    width: 100%;
    height: 300px;
    object-position: top;
}
#listExtras_placeholder{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 0px;
	        column-gap: 20px;
}
.most-read-actions {
    top: 15px;
}
}

.media-left article:nth-of-type(7) video{
	width:100%
}

@media (max-width: 750px) {
    .media-left {
        max-width: 100%;
    }
.media-header {
			        padding-top: 14px;
}	
.news-itemWrapper:nth-of-type(even) .news-item {
    margin-right: -34px !important;
    margin-left: -20px;
}	
.news-item-image {
    max-width: 37%;
}
.news-item-image img {
    width: 100%;
}	
.media-left article:nth-of-type(1) .news-item-title b {
    font-size: 240% !important;
}
.news-item-title b {
    font-size: 160% !important;
}
.media-left article:nth-of-type(7) .news-item-image, .media-left article:nth-of-type(13) .news-item-image {
    max-width: 100% !important;
}
.media-left article:nth-of-type(7), .media-left article:nth-of-type(13) {
    margin-right: -10px !important;
    margin-left: 10px !important;
}
    .media-left article:nth-of-type(7) .news-item-image img, .media-left article:nth-of-type(13) .news-item-image img {
        max-height: 230px;
    }
	
	
    .media-left article:nth-of-type(3) .news-item-image, .media-left article:nth-of-type(9) .news-item-image, .media-left article:nth-of-type(17) .news-item-image{
max-width: 45%;
    margin-right: 15px;
    }	
	
	

    .media-left article:nth-of-type(1) .news-item-title b {
        font-size: 210% !important;
    }
    .news-item-title b {
        font-size: 140% !important;
    }
}


@media (max-width: 700px) {
    .pagination {
		padding-left:12px;
		padding-right:12px;
    }
}

@media (max-width: 650px) {
    .pagination {
        margin-left: 12px;
        margin-right: -12px;
    }
}






@media (max-width: 550px) {
.categoryNameShowOption {
    right: revert;
	    text-align: left;
}
    .pagination {
        margin-left: 0px;
        margin-right: -24px;
	        padding-left: 16px;
        padding-right: 16px;
    }
.homeWrdLi{
	display:none;
}	
.news-item {
    gap: 1.5rem;
    gap: 20px;
}
.news-item-text {
    padding-right: 10px;
}
}


@media (max-width: 500px) {
.media-left article:nth-of-type(1) .news-item-title span {
    font-size: 220% !important;
}
.pagination a, .pagination strong {
    margin-bottom: 10px !important;
}

}

@media (max-width: 450px) {
    .media-left article:nth-of-type(1) .news-item-title b {
        font-size: 190% !important;
    }
.media-left article:nth-of-type(1) .news-item-title span {
    font-size: 190% !important;
}
    .news-item-image {
        max-height: 300px !important;
    }
.author_nameSmall {
    padding-left: 0px;
}
}
@media (max-width: 400px) {
    .media-left article:nth-of-type(1) .news-item-title b {
        font-size: 170% !important;
    }
    .news-item-title b {
        font-size: 120% !important;
        line-height: 80%;
    }
.news-item-pretitle {
    line-height: 14px;
}
.news-item-summary {
    font-size: 16px;
    line-height: 120%;
}
.news-item {
    gap: 16px;
}
.media-left article:nth-of-type(3) .news-item, .media-left article:nth-of-type(9) .news-item, .media-left article:nth-of-type(17) .news-item {
    padding-left: 15px;
}
.newsletter-form {
    display: block;
}
.newsletter-form button {
    border-radius: 4px;
    display: block;
        margin: auto;
        margin-top: 10px;
}
    .media-right {
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    }
    #listExtras_placeholder {
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    }
}


@media (max-width: 350px) {
.citkom_word{
	display:none;
}
    .media-right {
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
    .media-left article:nth-of-type(3) .news-item-image, .media-left article:nth-of-type(9) .news-item-image, .media-left article:nth-of-type(17) .news-item-image {

        width: 120px;
    }
.news-item-title span {
    font-size: 140%;
}
.listingSettings__count b{
	display:none;
}
    .media-left article:nth-of-type(1) .news-item-title b {
        font-size: 140% !important;
    }
.media-left article:nth-of-type(1) .news-item-title span {
    font-size: 140% !important;
}
.news-item {
    gap: 10px;
}
.news-item-text {
    margin-left: 12px;
}
    .news-item-image {
        max-height: 250px !important;
    }
}

@media (max-width: 300px) {
.news-item-title {
    line-height: 110%;
}
    .media-left article:nth-of-type(1) .news-item-title b {
        font-size: 120% !important;
    }
    .news-item-title b {
        font-size: 110% !important;
		line-height: 70%;
    }


}



.homeWrdLi{
	font-style:normal;
}
@media (max-width: 500px) {

}






















@media (max-width: 1000px){
.media-nav{
	background:none;
    -webkit-mask-image: none;
    mask-image: none;
width: calc(100% - 0px);
        padding-bottom: 0px;
        margin-bottom: 20px;
}	
.hscroll-inner {
    overflow-x: auto;
    overflow-y: hidden;
}
.media-nav ul{
    width: max-content;
    max-width: max-content;
	        padding-bottom: 4px;
        padding-left: 15px;
        padding-right: 15px;
}
.media-nav[data-modulid="2"] ul li:first-child {
  margin-left: 40px;
}

.mediaDownCrumbs[data-modulid="2"] ul li:first-child {
  margin-left: 0px;
} 
 
.circlflagg{
	display:none;
}
}




@media (max-width: 1000px){
    .breadcrumb-nav {
        overflow-x: auto;
        overflow-y: hidden;
        background: none;
        -webkit-mask-image: none;
        mask-image: none;
        max-width: 100% !important;
        width: max-content;
        padding-bottom: 0px;
    }	
.breadcrumb-nav ol{
    width: max-content;
    max-width: max-content;
	        padding-bottom: 2px;
			        padding-left: 25px;
}
}


/* ------- Dugi i kratki format datuma ------- */
.pubdate .date-short,
.vrobjstyl .date-short {
  display: none;
}

@media (max-width: 750px) {
  .pubdate .date-long,
  .vrobjstyl .date-long {
    display: none;
  }

  .pubdate .date-short,
  .vrobjstyl .date-short {
    display: inline;
  }
  
.rijecPise{
    display: none;
}	
  
}



@media (max-width: 500px){

	
	
.media-left.regartdsply article:nth-of-type(1) .news-item-title span {
    text-align: center;
}
	
	
.media-left.regartdsply .news-item-image video {
    width: 100%;
}	
.media-left.regartdsply  article:nth-of-type(1) .news-item-summary {
    padding-left: 20px;
    padding-right: 20px;
}
.media-left.regartdsply article:nth-of-type(1) .news-item-pretitle {
    margin-bottom: 15px;
    margin-left: 0px;
    max-width: 70%;
    text-align: right;
    padding-right: 20px;
    margin-right: 0px;
    line-height: 20px;
}
	
	
.media-left.regartdsply .news-item-text {
        padding-right: 0px;
        padding: 0px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }	
.media-left.regartdsply article:nth-of-type(3), .media-left.regartdsply article:nth-of-type(9), .media-left.regartdsply article:nth-of-type(17) {
margin-left: 0px;
        margin-right: 0px;
    }	
	

	
.media-left.regartdsply article:nth-of-type(3) .news-item-details, .media-left.regartdsply article:nth-of-type(9) .news-item-details, .media-left.regartdsply article:nth-of-type(17) .news-item-details {
        margin-left: 0px !important;
    }	
	
.media-left.regartdsply .news-item{
display:block;
    margin-bottom: 20px;
    padding-bottom: 10px;
        padding-left: 20px;
        padding-right: 20px;
}
.media-left.regartdsply  article:nth-of-type(1) .news-item{
        padding-left: 0px;
        padding-right: 0px;	
}
.media-left.regartdsply .news-item-image {
     max-width:100% !important;
	         margin-top: 12px;
    }
.media-left.regartdsply {
    padding-right: 0px !important;
    border-right: none !important;
}
.media-left.regartdsply .news-item-image img {
    max-height: none;
    min-height: auto;
}
.media-left.regartdsply .news-itemWrapper:nth-of-type(even) .news-item {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px !important;
    padding-right: 20px;
	border-right: 0px solid #ffffff;
}
.media-left.regartdsply article:nth-of-type(1) .news-item-title {
        text-align: center;
        padding-left: 25px;
        /* width: 100%; */
        /* padding: 25px; */
        padding-right: 25px;
        padding-bottom: 4px;
        box-sizing: border-box;
}
.media-left.regartdsply article:nth-of-type(1) .news-item-details {
    padding-left: 25px;
}

.media-left.regartdsply article:nth-of-type(3) .news-item-image img, .media-left.regartdsply article:nth-of-type(3) .news-item-image video, .media-left.regartdsply article:nth-of-type(9) .news-item-image img, .media-left.regartdsply article:nth-of-type(9) .news-item-image video, .media-left.regartdsply article:nth-of-type(17) .news-item-image img, .media-left.regartdsply article:nth-of-type(17) .news-item-image video {
    width: 100%;
}
    .media-left.regartdsply article:nth-of-type(3) .news-item-image, .media-left.regartdsply article:nth-of-type(9) .news-item-image, .media-left.regartdsply article:nth-of-type(17) .news-item-image {
        max-width: 45%;
        margin-right: 0px;
    }
.media-left.regartdsply article:nth-of-type(3) .news-item, .media-left.regartdsply article:nth-of-type(9) .news-item, .media-left.regartdsply article:nth-of-type(17) .news-item {
    text-align: left;
        margin-bottom: 20px;
        padding-bottom: 20px;
}	
	
	
.media-left.regartdsply article:nth-of-type(7) .news-item-text, .media-left.regartdsply article:nth-of-type(13) .news-item-text {
        padding-left: 0px;
        padding-top: 0px;
    }	
	
.media-left.regartdsply article:nth-of-type(7) .news-item, .media-left.regartdsply article:nth-of-type(13) .news-item {
    margin-bottom: 16px;
}	
	
.media-left.regartdsply article:nth-of-type(7), .media-left.regartdsply article:nth-of-type(13) {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }	
.media-left.regartdsply article:nth-of-type(3) .news-item-title span, .media-left.regartdsply article:nth-of-type(9) .news-item-title span, .media-left.regartdsply article:nth-of-type(17) .news-item-title span {
    text-align: left;
}	
	
}


@media (max-width: 450px) {
.media-left.regartdsply .news-item-image {
        max-height: 100% !important;
    }
}
@media (max-width: 400px){
.media-left.regartdsply article:nth-of-type(1) .news-item-title {
        text-align: center;
        padding-left: 15px;
        /* width: 100%; */
        /* padding: 25px; */
        padding-right: 15px;
        padding-bottom: 8px;
        box-sizing: border-box;
}	
	
}
@media (max-width: 350px) {
    .media-left.regartdsply article:nth-of-type(3) .news-item-image, .media-left.regartdsply article:nth-of-type(9) .news-item-image, .media-left.regartdsply article:nth-of-type(17) .news-item-image {
        width: 100% !important;
    }
}
@media (max-width: 350px) {
.media-left.regartdsply .news-item-text {
        margin-left: 0px;
    }
}



















@media (max-width: 500px){
	
.media-left.regartdsply article:nth-of-type(1) .news-item-title span {
    text-align: center;
}
	
.media-left.regartdsply .news-item-image video {
    width: 100%;
}	
.media-left.regartdsply  article:nth-of-type(1) .news-item-summary {
    padding-left: 20px;
    padding-right: 20px;
}
.media-left.regartdsply article:nth-of-type(1) .news-item-pretitle {
margin-bottom: 15px;
        margin-left: auto;
        max-width: 100%;
        text-align: right;
        padding-right: 30px;
        margin-right: auto;
        padding-left: 30px;
        line-height: 20px;
        float: none;
}

	
	
.media-left.regartdsply .news-item-text {
        padding-right: 0px;
        padding: 0px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }	
.media-left.regartdsply article:nth-of-type(3), .media-left.regartdsply article:nth-of-type(9), .media-left.regartdsply article:nth-of-type(17) {
margin-left: 0px;
        margin-right: 0px;
    }	
	

	
.media-left.regartdsply article:nth-of-type(3) .news-item-details, .media-left.regartdsply article:nth-of-type(9) .news-item-details, .media-left.regartdsply article:nth-of-type(17) .news-item-details {
        margin-left: 0px !important;
    }	
	
.media-left.regartdsply .news-item{
display:block;
    margin-bottom: 20px;
    padding-bottom: 10px;
        padding-left: 20px;
        padding-right: 20px;
}
.media-left.regartdsply  article:nth-of-type(1) .news-item{
        padding-left: 0px;
        padding-right: 0px;	
}
.media-left.regartdsply .news-item-image {
     max-width:100% !important;
	         margin-top: 12px;
    }
.media-left.regartdsply {
    padding-right: 0px !important;
    border-right: none !important;
}
.media-left.regartdsply .news-item-image img {
    max-height: none;
    min-height: auto;
}
.media-left.regartdsply .news-itemWrapper:nth-of-type(even) .news-item {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px !important;
    padding-right: 20px;
	border-right: 0px solid #ffffff;
}
.media-left.regartdsply article:nth-of-type(1) .news-item-title {
        text-align: center;
        padding-left: 25px;
        /* width: 100%; */
        /* padding: 25px; */
        padding-right: 25px;
        padding-bottom: 14px;
        box-sizing: border-box;
}
.media-left.regartdsply article:nth-of-type(1) .news-item-details {
    padding-left: 25px;
}

.media-left.regartdsply article:nth-of-type(3) .news-item-image img, .media-left.regartdsply article:nth-of-type(3) .news-item-image video, .media-left.regartdsply article:nth-of-type(9) .news-item-image img, .media-left.regartdsply article:nth-of-type(9) .news-item-image video, .media-left.regartdsply article:nth-of-type(17) .news-item-image img, .media-left.regartdsply article:nth-of-type(17) .news-item-image video {
    width: 100%;
}
    .media-left.regartdsply article:nth-of-type(3) .news-item-image, .media-left.regartdsply article:nth-of-type(9) .news-item-image, .media-left.regartdsply article:nth-of-type(17) .news-item-image {
        max-width: 45%;
        margin-right: 0px;
    }
.media-left.regartdsply article:nth-of-type(3) .news-item, .media-left.regartdsply article:nth-of-type(9) .news-item, .media-left.regartdsply article:nth-of-type(17) .news-item {
    text-align: left;
        margin-bottom: 20px;
        padding-bottom: 20px;
}	
	
	
.media-left.regartdsply article:nth-of-type(7) .news-item-text, .media-left.regartdsply article:nth-of-type(13) .news-item-text {
        padding-left: 0px;
        padding-top: 0px;
    }	
	
.media-left.regartdsply article:nth-of-type(7) .news-item, .media-left.regartdsply article:nth-of-type(13) .news-item {
    margin-bottom: 16px;
}	
	
.media-left.regartdsply article:nth-of-type(7), .media-left.regartdsply article:nth-of-type(13) {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }	
.media-left.regartdsply article:nth-of-type(3) .news-item-title span, .media-left.regartdsply article:nth-of-type(9) .news-item-title span, .media-left.regartdsply article:nth-of-type(17) .news-item-title span {
    text-align: left;
}	
	
}


@media (max-width: 450px) {
.media-left.regartdsply .news-item-image {
        max-height: 100% !important;
    }
}
@media (max-width: 400px){
.media-left.regartdsply article:nth-of-type(1) .news-item-title {
        text-align: center;
        padding-left: 15px;
        /* width: 100%; */
        /* padding: 25px; */
        padding-right: 15px;
        padding-bottom: 8px;
        box-sizing: border-box;
}	
	
}
@media (max-width: 350px) {
    .media-left.regartdsply article:nth-of-type(3) .news-item-image, .media-left.regartdsply article:nth-of-type(9) .news-item-image, .media-left.regartdsply article:nth-of-type(17) .news-item-image {
        width: 100% !important;
    }
}
@media (max-width: 350px) {
.media-left.regartdsply .news-item-text {
        margin-left: 0px;
    }
}













@media (max-width: 750px){
.contBezSlike{
	display:none;
}
#media-section-title i {
    margin-left: -28px;
    display: inline-block;
    margin-top: 0px;
	        margin-right: 15px;
}
.media-title i.ti {
    font-size: 20px;
    left: 4px;
}
}


@media (max-width: 500px){
.articleDetails_icons .fa-map,.articleDetails_icons .fa-timeline{
display:none;
}	
.author_nameSmall {
    font-size: 16px;
}	
.news-item-details time {
    margin-right: 10px;
}
.cmntcountsmall {
    border-bottom: none;
    padding-right: 4px;
    padding-left: 0px;
    background-color: transparent;
}
.news-item-pretitle {
    margin-bottom: 14px;
}
.news-item-summary {
margin-block-end: 10px;
}
.news-item-details {
    padding-top: 0px;
}
} 



#filterTheseCategories{
	margin: auto;
    display: block;
    padding: 8px 10px;
    margin-top: 5px;
    border-radius: 3px;
    border: 1px solid #bcbcbc;
    background-color: #f9f9f9;	
}
.allCatsList li a {
  display: block;          /* not flex */
  text-align: center;
  padding: 24px 25px;      /* fake vertical centering via padding */
  min-height: 100px;
  line-height: 1.3;
  hyphens: none;
}

.allCatsList li a i {
    margin-right: 8px;
    vertical-align: middle;
    display: block;
    margin: auto;
    margin-bottom: 7px;
}
.allCatsList li a span {
    color: #c35f1e;
    text-decoration: underline;
}
.allCatsList li a:hover span {
    color: #FFF;
    text-decoration: none;
}













/* ----------------------------------------------- */
/*  Horizontal scroll chevrons for media-nav       */
/* ----------------------------------------------- */

.media-nav {
    position: relative;
}

/* Chevrons: hidden by default, shown only when scrollable */
.media-nav .scroll-hint {
    position: absolute;
    top: -11px;
    bottom: 0;
    width: 138px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;       /* enabled only when scrollable */
    opacity: 0;
    transition: opacity 0.25s ease;
    z-index: 5;
/*     background: linear-gradient(to right, rgba(255,255,255,1),rgba(255,255,255,0.8), rgba(255,255,255,0)); */
    font-size: 26px;
    cursor: pointer;
    user-select: none;
}

@media (hover: hover) and (pointer: fine) {
.media-nav .scroll-hint {
    position: absolute;
        top: -25px;
}
.media-nav.scrollable .scroll-hint span {
    border: 2px solid #d1d1d1;
    border-radius: 10px;
}
}


.listanjeStyle_vijesti .scroll-hint {
	top: -12px;
}

/* When scrollable, enable pointer events */
.media-nav.scrollable .scroll-hint span{
    pointer-events: auto;
	        font-size: 28px;
			font-weight:bold;
	    color: #6e6e6e;
    width: 30px;
    margin-right:20px;	
}

/* desktop: chevrons clickable */
.media-nav.scrollable .scroll-hint span {
    cursor: pointer;
}

/* touch devices: hints only, don’t block drag/scroll */
@media (hover: none) and (pointer: coarse) {
    .media-nav.scrollable .scroll-hint span {
        pointer-events: none;   /* can’t “steal” the finger */
        cursor: default;
    }
}



.media-nav.scrollable .scroll-hint--left span{
    margin-left:20px;		
}

/* Left chevron */
.media-nav .scroll-hint--left {
    left: 0;
    justify-content: flex-start;
    padding-left: 6px;
    background: linear-gradient(to right, rgba(255,255,255,1),rgba(255,255,255,0.45), rgba(255,255,255,0));
}

/* Right chevron */
.media-nav .scroll-hint--right {
    right: 0;
    justify-content: flex-end;
    padding-right: 6px;
    background: linear-gradient(to left, rgba(255,255,255,1),rgba(255,255,255,0.45), rgba(255,255,255,0));
}

/* Show chevrons only when user *can* scroll horizontally */
.media-nav.scrollable .scroll-hint {
    opacity: 1;
}

/* Hide left chevron when at start */
.media-nav.at-start .scroll-hint--left {
    opacity: 0;
    pointer-events: none;
	width: 130px;
}

/* Hide right chevron when at end */
.media-nav.at-end .scroll-hint--right {
    opacity: 0;
    pointer-events: none;
	width: 130px;
}

/* Touch devices: keep chevrons but reduce width */
@media (max-width: 1000px) {
    .media-nav .scroll-hint {
        
        font-size: 24px;
    }
}
/* .media-nav[data-modulid="11"] .scroll-hint,.media-nav[data-modulid="8"] .scroll-hint,.media-nav[data-modulid="2"] .scroll-hint,.media-nav[data-modulid="13"] .scroll-hint{
	display:none;
} */



@media (max-width: 1000px) {
    .media-header {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }	
.media-nav {
    scrollbar-width: thin;           /* Firefox */
    scrollbar-color: transparent transparent; /* hidden when idle */
}

/* WebKit (Chrome, Safari, iOS) */
.media-nav::-webkit-scrollbar {
    height: 6px;
    background: transparent;        /* fully invisible when idle */
}

.media-nav::-webkit-scrollbar-thumb {
    background: rgba(120,120,120,0); /* invisible when idle */
    border-radius: 3px;
    transition: background 0.25s;
}

/* Appear only while scrolling (active state) */
.media-nav:active::-webkit-scrollbar-thumb,
.media-nav:focus::-webkit-scrollbar-thumb,
.media-nav:hover::-webkit-scrollbar-thumb {
    background: rgba(120,120,120,0.4); /* visible only on scroll or drag */
}
	
	
	
.remMaskk .media-nav{
    /* background: #4039543d; */
    backdrop-filter: blur(2px);
    border-radius: 3px;
	overflow:auto;
}
.remMaskk .media-nav.scrollable {
	overflow:visible;
}


.visokaNavigacija_kat_od_modula ul{
	    padding-left: 20px !important;
    padding-right: 20px !important;
}
.remMaskk .mediaDownCrumbs ul{
		padding-bottom: 0px;
        padding-right: 10px;
	    padding-left: 20px;
    padding-right: 20px;
}
.remMaskk .mediaDownCrumbs .scroll-hint--left {
    background: linear-gradient(to right, #403954, #4039548a, #40395400);
        height: 28px;
        top: 2px !important;
        border-radius: 3px;
	    left: -4px;
}
.remMaskk .mediaDownCrumbs .scroll-hint--right {
background: linear-gradient(to left, #403954, #4039548a, #40395400);
        height: 28px;
        top: 2px !important;
        border-radius: 3px;
	    right: -4px;
}
.remMaskk .mediaDownCrumbs.scrollable .scroll-hint span {
    color: #e4dfe9;
	font-size: 21px;
	font-weight:normal;
    display: block;
    margin-top: -3px;
}
.remMaskk .mediaDownCrumbs .scroll-hint {
    top: -6px;
}
.remMaskk .mediaDownCrumbs a,.remMaskk .mediaDownCrumbs h1,.remMaskk .seeAllCategories {
   
}




.remMaskk .visokaNavigacija_kat_od_modula .scroll-hint--left {
    background: linear-gradient(to right, #403954, #4039548a, #40395400);
        height: 33px;
        top: 2px !important;
        border-radius: 3px;
	    left: -4px;
}
.remMaskk .visokaNavigacija_kat_od_modula .scroll-hint--right {
background: linear-gradient(to left, #403954, #4039548a, #40395400);
        height: 33px;
        top: 2px !important;
        border-radius: 3px;
	    right: -4px;
}

 .remMaskk .visokaNavigacija_kat_od_modula.scrollable .scroll-hint span {
    color: #e4dfe9;
    margin-top: -3px;
}


.remMaskk .media-nav[data-modulid="2"].visokaNavigacija_kat_od_modula .scroll-hint--left{
        background: linear-gradient(to right, #000000, #0000008a, #00000000);
}
.remMaskk .media-nav[data-modulid="2"].visokaNavigacija_kat_od_modula .scroll-hint--right{
        background: linear-gradient(to left, #000000, #0000008a, #00000000);
}
.remMaskk .media-nav[data-modulid="2"].mediaDownCrumbs .scroll-hint--left{
        background: linear-gradient(to right, #000000, #0000008a, #00000000);
}
.remMaskk .media-nav[data-modulid="2"].mediaDownCrumbs .scroll-hint--right{
        background: linear-gradient(to left, #000000, #0000008a, #00000000);
}




}


.media-left article:nth-of-type(7) .contBezSlike,.media-left article:nth-of-type(13) .contBezSlike{
	height:0px;
}













.navAndMedia[data-modulid="18"]{
    background-color: transparent;
}










/* ------- Blok ispod pregleda autora ------- */
.autori_intro {
    max-width: 900px;
    margin: 40px auto 80px;
    padding: 0 20px;
    text-align: center;
    font-size: 16px;
    line-height: 1.65;
}

/* ------- Naslov "O našem timu" ------- */
.autori_intro h2 {
    font-size: 1.7rem;
    margin: 0 0 18px;
    font-weight: 600;
	    font-family: 'Bodoni Moda', serif;
}

/* ------- Podnaslov "Želite pisati..." ------- */
.autori_intro h3 {
    font-size: 1.2rem;
    margin: 32px 0 10px;
    font-weight: 600;
	    font-family: 'Bodoni Moda', serif;
}

/* ------- Odlomci ------- */
.autori_intro p {
    margin: 0 auto 10px;
    max-width: 60ch;
}

/* ------- Link na smjernice ------- */
.autori_intro a {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    /* ako imaš varijablu za boju linka, stavi je ovdje */
    /* color: var(--link-color); */
}

.autori_intro a:hover,
.autori_intro a:focus {
    text-decoration-thickness: 2px;
}













#media-section-title {
    margin: 0px;
    /* margin-bottom: -20px; */
    display: inline-block;
    vertical-align: text-top;
    border-radius: 0px;
    /* background: #3f3854; */
    /* color: #ffffff; */
    /* margin-right: 20px; */
    /* border-right: 1px solid #a3a3a3; */
    font-family: 'Playfair Display';
    letter-spacing: -1px;
    text-align: center;
    /* font-size: 40px; */
    /* margin-top: -107px; */
    /* text-decoration: underline; */
    margin-bottom: 8px;
    /* display: none; */
    color: #4f5056;
    border-bottom: 2px double #a0a0a0;
    padding-left: 20px;
    padding-right: 20px;
    font-size: clamp(26px, 3vw, 54px);
    position: relative;
    z-index: 1;
    margin-bottom: 9px !important;
    /* font-family: 'Oswald', sans-serif; */
    font-weight: normal;
    text-transform: uppercase;
    line-height: 80%;
    padding-right: 40px !important;
    pointer-events: none;
	    margin-top: 10px;
		    color: #3b3c43;
}

@media (max-width: 1000px) {
#media-section-title {
    padding-left: 60px !important;
    padding-right: 60px !important;
}
}

/* ------- Media header: title inline with category nav (all breakpoints) ------- */

@media (max-width: 1000px) {
    .breadcrumb-nav {
        overflow-x: auto;
        overflow-y: hidden;
        max-width: 100% !important;
        width: max-content;

        /* hide scrollbar */
        -ms-overflow-style: none;   /* IE / old Edge */
        scrollbar-width: none;      /* Firefox */
        position: relative;         /* for the fades below */
    }

    .breadcrumb-nav::-webkit-scrollbar {
        display: none;              /* Chrome / Safari / Opera */
    }
}
@media (max-width: 1000px) {
.imaMotoClass .media-header-inner {
    padding-bottom: 17px;
}	

.footerLatest_imageWrap img {
    object-position: top;
}


.most-read-feature {
    height: auto;
    width: auto;
}
.nwsItemNoImage .news-item-title span {
    margin-bottom: -3px;
}
    .most-read-feature img, .most-read-feature video {
        border-radius: 3px;
    }
.media-headerNoSubCat .listingSettings {
    bottom: -35px;
}	
    .media-header-inner::before,
    .media-header-inner::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: 24px;               /* width of the fade */
        pointer-events: none;
        z-index: 1;
		        height: 40px;
				display:none;
    }

    /* left fade */
    .media-header-inner::before {
        left: 0;
        background: linear-gradient(
            to right,
            #FFF 0%,               /* match header background color */
            rgba(255, 255, 255, 0) 100%
        );
    }

    /* right fade */
    .media-header-inner::after {
        right: 0;
        background: linear-gradient(
            to left,
            #FFF 0%,
            rgba(255, 255, 255, 0) 100%
        );
    }
	
	
	
.navAndMedia[data-modulid="2"] .media-header-inner::before {
        left: 0;
        background: linear-gradient(
            to right,
            #111 0%,               /* match header background color */
            rgba(17, 17, 17, 0) 100%
        );
    }

    /* right fade */
.navAndMedia[data-modulid="2"] .media-header-inner::after {
        right: 0;
        background: linear-gradient(
            to left,
            #111 0%,
            rgba(17, 17, 17, 0) 100%
        );
    }
	
.media-headerNoSubCat .media-header-inner::before{
	display:block;
}
.media-headerNoSubCat .media-header-inner::after{
	display:block;
}
    /* a bit of padding so text doesn't sit under the fades */
    .breadcrumb-nav ol {
        padding-left: 25px;
        padding-right: 25px;
    }
}