/* \2025\css\article.css */


.adv-prepend-chunk {
  margin-right: .4em;
}
.adv-append-chunk {
  margin-left: .4em;
}

.clanak_wrapper {
  max-width: 1280px;
    
  margin: 0 auto;
  padding: 20px;
  line-height: 1.6;
  color: #333;
  transition: max-width 0.3s ease, transform 0.3s ease;
}

.clanak_nav {
  margin-bottom: 20px;
  border-bottom: 1px solid #cecece;
  padding-left:40px;
}
.clanak_wrapper .ti-telescope,.clanak_wrapper .ti-signature{
    font-size: 20px;
    padding-right: 10px;
	    vertical-align: middle;
}
.pocetnaKategorija{
	font-weight: bold;
    text-transform: uppercase;
    color: #000;
    letter-spacing: 0.7px;
}

.izabranaKategorija{
    border-bottom: 2px solid #393563;
}

.clanak_nav ul {
  list-style: none;
  display: flex;
  gap: 20px;
  margin-bottom: 0px;
      padding-inline-start: 0px;
}

.clanak_nav ul li a {
  text-decoration: none;
  color: #555;
  font-size: 0.9rem;
  transition: color 0.3s ease;
}

@media (hover: hover) and (pointer: fine) {
    .clanak_nav ul li a:hover {
        color: #000;
    }
}

@media (hover: none) and (pointer: coarse) {
    .clanak_nav ul li a:active {
        color: #000;
        text-decoration: underline;
    }
}
.pocetnaKategorija a{
	color: #000 !important;
}
.pocetnaKategorija a i{
	display: inline-block;
	transition:transform 0.25s;
	    min-width: 20px;
}
.pocetnaKategorija a:hover i{
	transform:rotate(360deg);
}

.clanak_header {
  margin-bottom: 20px;
}
.limitInnerWidth .clanak_title,.limitInnerWidth .clanak_lead_paragraph,.limitInnerWidth .clanak_date,.limitInnerWidth .icon-container{
	max-width: 1060px;	
}

.clanak_title {
    font-size: clamp(18px, 3vw, 44px);
    font-weight: normal;
    line-height: 1.22;
    letter-spacing: -0.4px;
    font-family: 'Poppins', sans-serif;
    font-family: 'Source Sans Pro', sans-serif;
    font-family: 'Titillium Web', sans-serif;
    font-family: 'Slabo 13px', serif;
    font-family: 'Source Serif Pro', serif;
    font-family: 'Libre Baskerville', 'Lora', serif;
    font-family: 'Merriweather', serif;
    
    margin-bottom: 42px;
    margin-top: 40px;
    color: #222;
    margin: 0px;
    padding: 0px;
    letter-spacing: 0em;
    line-height: 1em%;
    line-height: 1.3em;
    margin-top: 40px;
    margin-bottom: 40px;
    letter-spacing: -0.0em;
    font-family: "Merriweather", serif;
    font-weight: 300;
    letter-spacing: 0.02em;
    max-width: 840px !important;
    max-width: 65% !important;
		margin-bottom:55px;
		    margin-bottom: 25px;
			
  font-family: "Merriweather", monospace, "Times New Roman", serif;
			
}
.clanak_sidebar.right .clanak_title {
    font-size: clamp(18px, 3vw, 32px);	
}

.clanak_title .oswald{
    font-family: 'Oswald', serif;
    text-transform: uppercase;
    display: block;
    font-size: 150%;
}
.clanak_title span{
    font-weight: 800;
    letter-spacing: -0.4px;
    letter-spacing: 0em;
    
    color: #000000;
    font-family: 'Bodoni Moda', serif;
    font-size: 160%;
    
    padding-right: 7px;
    line-height: 1em;
	line-height: 1.05em;
    margin-bottom: 14px;
	    margin-bottom: 0.2em;
	display:block;
}

.lomljeniNaslovULiniji.clanak_title span{
	display:inline;
}

.clanak_title strong {
    color: #000;
    background-color: rgb(255 177 48 / 18%);
	background-color: rgb(48 50 255 / 6%);
}

.clanak_layout .clanak_title {
	margin-top:0px;
}

.clanak_lead_paragraph {
    font-size: 20px;
    color: #454545;
    margin-bottom: 8px;
    line-height: 132%;
    font-family: 'Frank Ruhl Libre', serif;
    padding-left: -10px;
    margin-left: 0px;
    
    
    
    
    border-left: 3px solid #d8cec8;
    padding-left: 21px;
    margin-top: 20px;
    margin: 0px;
    font-family: 'rnd', 'Roboto', sans-serif;
    letter-spacing: 0.3px;
}

.textPrednaslov{
    margin-top: 40px;
    margin-bottom: -22px;
    
    
    
    
    font-weight: 700;
    letter-spacing: 0.6px;
	letter-spacing: 2px;
    color: #605777;
    font-size: 15px;
    
    font-family: 'Poppins', sans-serif;
    font-family: 'Source Sans Pro', sans-serif;
    
    
    
    
    font-family: 'Merriweather', serif;
    background-color: #3c3353;
    width: fit-content;
    color: #f7f7f7;
    padding: 2px 6px;
    
    
    
    margin-left: 1px;
    
    border-left: 5px double #a3a09b;
    padding-left: 10px;
    padding-right: 13px;	
}
.bezLijevogRubnika{
    border-left: none;
    padding-left: 13px;
    padding-right: 13px;	
}

.clanak_lead_paragraph {
	margin-bottom:40px;	
}
.ikone_vrijemeObjave{
	margin-bottom:20px;		
}

.clanak_date,
.clanak_byline {
  font-size: 0.875rem;
  color: #777;
  margin-bottom: 5px;
      letter-spacing: 0.8px;
}
.clanak_date{
	margin-top: 0px;
	margin-bottom: 35px;
font-size: 15px;
margin-left: 25px;
font-family: 'Source Sans 3';
}
.clanak_date span{
	color: #ac8383;
}
.clanak_date i{
    color: #7a7a7a;
    font-size: 120%;
    vertical-align: middle;
    margin-top: -3px;
    display: inline-block;
    margin-right: 4px;
    margin-right: 8px;
	    min-width: 23px;
}

.clanak_byline {
	
    margin-left: auto;
    margin-right: auto;
    width: 100%;
	padding-bottom:20px;
}
.clanak_byline a{
    border-bottom: 1px solid #a3a3a3;	
}

        
        .icon-container {
            display: flex;
            align-items: center;
            gap: 0px; 
            font-size: 12px;
            color: black;
        }

        
        .iconcr {
			display: flex;
			align-items: center;
			gap: 5px;
			cursor: pointer;
			padding-left: 8px;
			padding-right: 8px;
			height: 24px;
        }
		.iconcr i{
    font-size: 16px;
    color: #8e8e8e;
			
		}
		.iconcr span{
font-size: 14px;
    color: #414141;
    padding-top: 2px;
	    font-family: 'Merriweather', serif;
		}

        
        .icon:hover {
			color: #000;
			background-color: #eae9f6;
			border-radius: 50px;
        }
        .icon:hover i{
            color: #000;
        }

.articlePlyrWrap { position: relative; }
.articlePlyrWrap .plyr__controls { position: relative; z-index: 3; }
.articlePlyrWrap .plyr__video-wrapper { position: relative; z-index: 1; }

.articlePlyrWrap .plyr.plyr--paused .plyr__video-wrapper iframe,
.articlePlyrWrap .plyr.plyr--ended  .plyr__video-wrapper iframe {
  filter: blur(6px);
  transform: scale(1.01);
  transition: filter .18s ease, transform .18s ease;
}

.articlePlyrWrap .plyr.plyr--paused .plyr__video-wrapper::after,
.articlePlyrWrap .plyr.plyr--ended  .plyr__video-wrapper::after {
  content: "";
  position: absolute; inset: 0;
  background: rgba(0,0,0,.12);
  pointer-events: none;
}

.articlePlyrWrap .articlePauseShield{
  position: absolute; inset: 0;
  display: none;          
  background: transparent;
  border: 0;
  z-index: 2;             
  cursor: pointer;
  pointer-events: none;   
}

.anketa_u_tekstu{
    border-bottom: 2px double #337FB7;
    margin-right: 8px;
    cursor: pointer;
    background-color: aliceblue;
    padding-left: 6px;
    border-radius: 4px;
}

@keyframes swing-once {
  0%   { transform: rotate(0deg); }
  20%  { transform: rotate(-10deg); }
  40%  { transform: rotate(8deg); }
  60%  { transform: rotate(-6deg); }
  80%  { transform: rotate(4deg); }
  100% { transform: rotate(0deg); }
}

.anketa_u_tekstu::after {
    content: "\e4e3";
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
margin-left: -13px;
    margin-left: -8px;
    color: #337fb5;
    font-size: 22px;
    padding: 4px 11px;
    padding-right: 0px;
    border-radius: 100px;
    display: inline-block;
    rotate: -12deg;
    margin-bottom: -11px;
    vertical-align: middle;
    transform-origin: top center; 
}

.anketa_u_tekstu:hover::after {
    animation: swing-once 0.6s ease-in-out 1;
}

#poll_overlay {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
    background-color: rgb(70 56 26 / 50%);
  display: none; 
  z-index: 9999;
}

.poll_modal{
	position: relative;
    width: 500px;
    max-width: 90%;
    min-height: 100px;
    background: #fff;
    margin: 20% auto;
    padding: 40px;
    padding-bottom: 50px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    font-family: 'Source Sans Pro', sans-serif;
    border-radius: 14px 4px 14px 80px;
    border-bottom: 6px solid #337fb5;
	
	
    background: 
    radial-gradient(circle, rgba(255, 255, 255, 0.9) 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:#FFF;
}
#generalPollContainer {
    position: relative;
    width: 580px;
    max-width: 90%;
    min-height: 100px;
    background: #fff;
    margin: auto;
    padding: 40px;
    padding-bottom: 50px;
	    padding-top: 10px;
		    margin-top: 20px;
    
    font-family: 'Source Sans Pro', sans-serif;
    border-radius: 0px;
    border-bottom: 2px solid #337fb5;
    background: 
    radial-gradient(circle, rgba(255, 255, 255, 0.9) 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:#FFF;
}

.poll_voted_option {
    font-weight: bold;
    text-decoration: underline;
    background: #f0f8ff;
    border-radius: 8px;
    position: relative;
    padding-left: 24px;
    cursor: default;
    margin-left: -24px;
    padding-right: 7px;
    margin-right: -7px;
}

.poll_voted_option::before {
  content: "✔";
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  color: #28a745; 
  font-weight: bold;
  font-size: 14px;
}

.poll_container .fa-bullhorn{
    margin-right: 15px;
    color: #337fb5;
    font-size: 30px;
    vertical-align: bottom;
}
.infoOAnketiDiscl{
    text-align: center;
    font-size: 14px;
    margin: auto;
    margin-top: 20px;
    color: #656565;
    font-family: Arial;
    line-height: 130%;
    max-width: 500px;
}

.poll_close_btn {
    position: absolute;
    top: -7px;
    right: -7px;
    background: transparent;
    border: none;
    font-size: 20px;
    cursor: pointer;
    padding: 0px 6px;
    background-color: #337fb5;
    border-radius: 20px;
    color: #FFF;
}
.poll_close_btn:hover{
	background-color: #325872;
}

#poll_modal_container h3 {
    margin-top: 0;
    font-size: 18px;
    margin-bottom: 18px;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 18px;
}

.poll_options_list {
  margin-bottom: 15px;
}
.poll_option_label {
    display: block;
    padding-bottom: 4px;
    padding-top: 3px;
    cursor: pointer;
    font-size: 18px;
    padding-right: 20px;
	color:#555;
}
.poll_option_label:hover{
    color: #000;
    background-color: aliceblue;
    border-radius: 10px 4px 4px 10px;
}

.poll_option_labelSlctd{
color:#000;	
}
.poll_option_labelSlctd input{
 opacity: 1 !important;
}

.poll_option_label input{
    width: 20px;
    height: 20px;
    vertical-align: text-bottom;	
	    margin-right: 10px;
		    opacity: 0.65;
}
.poll_option_label:hover input{
 opacity: 1;
}

#poll_vote_btn,.poll_vote_btn {
    padding: 8px 52px;
    background-color: #337fb5;
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    font-size: 20px;
    margin: auto;
    display: block;
    margin-top: 30px;
}
#poll_vote_btn:hover,.poll_vote_btn:hover {
  background-color: #005bb5;
}

.poll_results_list {
  margin-bottom: 15px;
}
.poll_result_row {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.poll_option_text {
  flex: 0 0 30%;
  margin-right: 10px;
  font-size: 16px;
}
.poll_bar_container {
  background: #eee;
  flex: 1;
  height: 12px;
  border-radius: 6px;
  margin-right: 10px;
  position: relative;
}
.poll_bar_fill {
  background-color: #28a745;
  height: 100%;
  border-radius: 6px;
  transition: width 0.3s ease;
}
.poll_percentage {
  flex: 0 0 50px;
  text-align: right;
  font-size: 14px;
}
.poll_total_votes {
    font-size: 14px;
    color: #858585;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 5px;
    padding-top: 50px;
}

@media(max-width: 480px){
  .poll_modal {
    margin: 20% auto;
    width: 90%;
  }
  .poll_option_text {
    flex: 0 0 40%;
  }
}

.clanak_layout {
    display: grid;
    grid-template-columns: auto minmax(0, 300px);
	grid-template-columns: auto minmax(200px, 300px);
    gap: 50px;
	grid-auto-rows: auto;
    align-items: start;
}
.clanak_layout > :nth-child(1):only-child {
    grid-column: span 2; 
}
.cllyblock{
	display:block;
}

.leftSidebar_innerStupac{
    width: 300px;
    float: left;
    margin-right: 50px;
    
    
    margin-top: 10px;
}

.sidebar_left_inText{
    width: 300px;
    float: left;
    margin-right: 50px;
}
.sidebar_right_inText{
    width: 300px;
    float: right;
    margin-left: 50px;
}

.clanak_main {
  display: flex;
  flex-direction: column;
}

.clanak_figure {
  margin:0px;
  margin-bottom: 20px;
}

.clanak_figure img {
    object-fit: cover;
    max-width: 100%;
	width: 100%;
	    height: auto;
}

.picoverimg{
    background-size: 105% auto !important;
background-position:center;
display:block;
line-height:0px;
cursor:pointer;
}

.lazy-image {
  height: auto;
  opacity: 0;
  transition: opacity 0.3s ease;
  aspect-ratio: 16 / 9;
}

.lazy-image.loaded {
  width: 100% !important;
  opacity: 1;
  aspect-ratio: auto;     
}

.videoContainerArticle video {
    width: 100%;
	    pointer-events: none;

}

.clanak_figure .videoContainerArticle{
	    width: 100%;
}

.videoContainerArticle {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.videoContainerArticle video {
  display: block;
  width: 100%;
  height: auto;
}
.videoContainerArticle .videoFade {
  position: absolute;
  inset: 0;
  background: #000;
  opacity: 0;
  transition: opacity 250ms ease; 
  pointer-events: none;
}
.videoContainerArticle.is-fading .videoFade { opacity: 1; }

.clanak_figure figcaption {
    font-size: 13px;
    color: #999;
    margin-top: 9px;
    line-height: 1.3;
    letter-spacing: 0.5px;
}
.wrapperForSideSection figcaption{
	font-size:18px;
}

.clanak_content{

	font-family: 'Source Serif Pro', serif;
}
.clanak_content .full_width_element {
  width: 100%;
  max-width: none;
  align-self: stretch; 
}
.clanak_content p,.clanak_content .gallery_intext,.clanak_content .gallery_unpacked,.clanak_content .nazivOveGalerije,.clanak_content youtube,.clanak_content .paradivider,
.clanak_content figure,
.clanak_content iframe,
.clanak_content blockquote,.wrapperForSideSection,.tableRegular,.inline-map,.karta_u_tekstu{
  max-width: 700px;
  width: 100% !important;
}

.ukloni_700px_limit p,
.ukloni_700px_limit .gallery_intext,
.ukloni_700px_limit .gallery_unpacked,
.ukloni_700px_limit .nazivOveGalerije,
.ukloni_700px_limit youtube,
.ukloni_700px_limit .paradivider,
.ukloni_700px_limit figure,
.ukloni_700px_limit iframe,
.ukloni_700px_limit blockquote,
.ukloni_700px_limit .wrapperForSideSection,
.ukloni_700px_limit .tableRegular,
.ukloni_700px_limit .inline-map,
.ukloni_700px_limit .karta_u_tekstu {
  max-width: none !important;
}

.uvedi_500px_limit p,
.uvedi_500px_limit .gallery_intext,
.uvedi_500px_limit .gallery_unpacked,
.uvedi_500px_limit .nazivOveGalerije,
.uvedi_500px_limit youtube,
.uvedi_500px_limit .paradivider,
.uvedi_500px_limit figure,
.uvedi_500px_limit iframe,
.uvedi_500px_limit blockquote,
.uvedi_500px_limit .wrapperForSideSection,
.uvedi_500px_limit .tableRegular,
.uvedi_500px_limit .inline-map,
.uvedi_500px_limit .karta_u_tekstu {
  max-width: 500px;
}

.clanak_content.centar p{
	color:#069;
}

.clanak_content blockquote {
  position: relative;
  margin: 2em 0;
  padding: 1.5em 2em 1.5em 3em;
    background: 
    radial-gradient(circle, rgba(255, 255, 255, 0.9) 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;
  border-left: 4px solid #ccc;
  font-style: italic;
  color: #333;
  font-size: 1.1em;
  line-height: 1.6;
  border-radius: 6px;
}

.clanak_content blockquote::before {
  content: "❝";
  position: absolute;
  top: 0.4em;
  left: 0.6em;
  font-size: 2em;
  color: #bbb;
  font-style: normal;
}

.clanak_content blockquote cite {
  display: block;
  margin-top: 1em;
  text-align: right;
  font-style: normal;
    color: #798d9f;
  font-size: 0.95em;
}

.videoContainerArticleBck {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
}

.videoContainerArticleBck::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.clanak_content blockquote.pullquote {
    float: left;
width: auto !important;
    max-width: 40% !important;
    margin: 0px;
    background: none;
    border-left: none;
    font-style: normal;
    font-weight: bold;
    font-size: 1.4em;
    line-height: 1.5;
    color: #111;
    padding: 14px 30px;
    border-radius: 0px;
    position: relative;
    margin-left: -180px;
    margin-top: 60px;
    margin-right: 50px;
    margin-bottom: 30px;
    background-color: #f6f3ee;
}
.clanak_content blockquote.pullquote.pullquote_right {
    float: right;
    margin-left: 50px;
    margin-right: -180px;
}
.clanak_content blockquote.pullquote.pullquote_nobck{
	padding: 0px;
	background-color: transparent;
}
.clanak_content blockquote.pullquote.pullquote_regText{
    font-size: 1em;
}

.clanak_sidebar .clanak_content blockquote.pullquote {
    margin-left: 0px;
}

.clanak_sidebar .timeline_wrapper {
    width: 100%;
}

.clanak_content blockquote.pullquote::before {
    content: "";
    display: block;
    width: 80px;
    height: 10px;
    background-color: #efe2c9;
    left: 0px;
    top: -20px;
}

.pullquote figure{
    margin: 0px;
    margin-top: 10px;	
}

.clanak_content .x_embed{
  max-width: 640px !important;
  width: auto !important;
  background:none !important;
  min-width: 550px;
}

.clanak_content .x_embed figcaption{
  max-width: 640px !important;
  color: #000;
  background: 
    radial-gradient(circle, rgba(255, 255, 255, 0.9) 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: #EEE;	
  border-radius: 6px;
  margin-top:15px;
}

.clanak_content figure{
  color: #000;
  background: 
    radial-gradient(circle, rgba(255, 255, 255, 0.9) 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: #FFF;
  border-radius: 0px 0px 4px 4px;
  margin: 0px;
  border-bottom: 1px solid #e7e7e7;
}
.clanak_content .naslovnaSlikaZaTekst{
	background:none;
	background-color: transparent;
	border-bottom: none;
}

.clanak_content .txele_large{
  max-width: 100vw !important;
  width: 200% !important;
}

.clanak_content td figure{
  margin: 0px;	
}

.clanak_content .txele_medium {
  max-width: 100vw !important;
  width: 120% !important;
}

.clanak_content .txele_mini img,
.clanak_content .txele_mini iframe,
.clanak_content .txele_mini video,
.clanak_content .txele_mini .articlePlyrWrap,
.clanak_content .txele_mini.gallery_intext,
.clanak_content .txele_mini.inline-map,
.clanak_content .txele_mini.include-map{
  width: calc(100% + 100px) !important;
  margin-left:-50px !important;
}

.clanak_content .txele_mini100 img,
.clanak_content .txele_mini100 iframe,
.clanak_content .txele_mini100 video,
.clanak_content .txele_mini100 .articlePlyrWrap,
.clanak_content .txele_mini100.gallery_intext,
.clanak_content .txele_mini100.inline-map,
.clanak_content .txele_mini100.include-map{
  width: calc(100% + 200px) !important;
  margin-left:-100px !important;
}

.clanak_content .txele_mini.gallery_intext{
  margin-left:0px !important;
}
.clanak_content .txele_mini100.gallery_intext{
  margin-left:0px !important;
}
.clanak_content .txele_mini100.gallery_intext figcaption {
  margin-left: 0px;
  margin-right: 0px;
}
.clanak_content .txele_mini.gallery_intext figcaption {
  margin-left: 0px;
  margin-right: 0px;
}

.clanak_content .txele_mini,
.clanak_content .txele_mini100 {
  background: none;
  background-color: transparent;
  border-bottom: none;
}
.clanak_content .txele_mini .image-meta{

}
.clanak_content .txele_mini figcaption,
.clanak_content .txele_mini100 figcaption {
  background: 
    radial-gradient(circle, rgba(255, 255, 255, 0.9) 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: #FFF;
  border-radius: 0px 0px 4px 4px;
  border-bottom: 1px solid #e7e7e7;	
  margin-left: -50px;
  margin-right: -50px;
}
.clanak_content .txele_mini100 figcaption {
  margin-left: -100px;
  margin-right: -100px;	
}

.clanak_content video{
  margin-bottom: -8px;	
}

.clanak_content .txele_stoposto {
  max-width: 100vw !important;
  width: 100% !important;
}

.clanak_content .txele_large iframe,
.clanak_content .txele_large video{
  max-width: none !important;
  width: 100% !important;
}
.clanak_content .txele_large youtube,
.clanak_content .txele_medium youtube{
  max-width: none !important;
  width: 100% !important;	
}

.clanak_content .txele_medium.inline-map,
.clanak_content .txele_medium.include-map{
  max-width: 100vw !important;
  width: 120% !important;
}
.clanak_content .txele_large.inline-map,
.clanak_content .txele_large.include-map{
  max-width: 100vw !important;
  width: 200% !important;
}
.clanak_content .txele_stoposto.inline-map,
.clanak_content .txele_stoposto.include-map{
    max-width: 700px !important;
  width: 100% !important;
}

.clanak_content .inline-map.txele_medium ,.clanak_content .karta_u_tekstu.txele_medium {
    max-width: none !important;
    width: 120% !important;
    margin-left: -12.5% !important;
 }

.clanak_content .txele_max,.clanak_content .txele_max{
    position: relative;
    left: 0%;
    right: auto;
    width: 100vw !important;
    margin-left: unset;
    max-width: 100vw !important;
    border-radius: 0px;
    width: calc(100vw - 15px) !important;
}

.clanak_content .tableMax{
    position: relative;
    left: 50%;
    right: 50%;
    width: 100vw !important;
    margin-left: -50.1vw;
    max-width: 100vw !important;
	border-radius: 0px;
}

.clanak_content youtube{
    display: block;
    width: 100% !important;
    background-color: aliceblue;
    max-width: none !important;
	position: relative;
}
.clanak_content youtube img{
    object-fit: cover;
    
	    margin: auto;
		cursor:pointer;
}
.clanak_content youtube::before {
    content: "\25B6";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    color: white;
    text-shadow: 0 0 8px black;
    pointer-events: none;
    font-family: Arial;
    letter-spacing: -5px;
    border: 10px solid #e9e3f5;
}

.clanak_content youtube:hover::before {
    animation: pulsePlayYt 1s infinite;
}

@keyframes pulsePlayYt {
    0% {
        box-shadow: 0 0 0 0 rgba(233, 227, 245, 0.7);
		border: 10px solid #e9e3f5;
    }
    50% {
        box-shadow: 0 0 15px 10px rgba(233, 227, 245, 0);
		border: 10px solid #d4cae7;
    }
    100% {
        box-shadow: 0 0 0 0 rgba(233, 227, 245, 0);
		border: 10px solid #e9e3f5;
    }
}

.clanak_content img{
    display:block;
}
.clanak_content figcaption{
    padding: 13px 24px;
    padding-bottom: 11px;
}

.clanak_content .txele_max figcaption{
    max-width: 1000px;
    margin: auto;

	    text-align: center;
}

.video_embed iframe{
    aspect-ratio: 16 / 9;
	    max-width: none !important;
}

.social_embed iframe{
	max-width:none;
}

.clanak_content figure {
  font-size: 16px;
  margin: 1.5em 0;
}

.clanak_content figure img {
  width: 100%;
  display: block;
}

.caption-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 0.5em;
  align-items: flex-start; 
  padding: 15px 20px;
  align-items: stretch;
}

.caption-text {
  flex: 1 1 auto;
}

.image-meta {
    flex: 0 0 auto;
    font-size: 12px;
    color: #5d5d5d;
    max-width: 170px;
    
    padding-left: 24px;
    margin-left: 10px;
    padding-top: 17px;
    background-color: #ebdc330f;
    letter-spacing: 0px;
    font-family: monospace;
    text-transform: uppercase;
    margin-top: -13px;
    margin-right: -24px;
    text-align: left;
    border-left: 1px dashed #b8b8b8;
    line-height: 150%;
    margin-bottom: -11px;
    padding-right: 19px;
	    padding-bottom: 13px;
}

.clanak_content figure.v2 {
	background: none;
	border-bottom:none;
}
.clanak_content figure.v2 .caption-row {
    display: block;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 0.5em;
    align-items: flex-start;
    padding: 15px 20px;
    align-items: stretch;
}
.clanak_content figure.v2 figcaption {
    padding: 11px 0px !important;
    padding-bottom: 11px !important;
}
.clanak_content figure.v2 .image-meta{
    display: inline;
    background-color: transparent;
    border-left: none;	
}
figure.v2 .right-indent {
    display: none;
}
figure.v2 .image-meta {
    max-width: none;
    padding-left: 6px;
}

.clanak_content figure.v3 {
	background: none;
	border-bottom:none;
}
.clanak_content figure.v3 .caption-row {
    display: block;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 0.5em;
    align-items: flex-start;
    padding: 15px 20px;
    align-items: stretch;
	background:none;
	    background-color: #363241;
		color:#FFF
}
.clanak_content figure.v3 figcaption {

}
.clanak_content figure.v3 .image-meta{
    display: inline;
    background-color: transparent;
    border-left: none;	
	color: #bcbcbc;
}
figure.v3 .right-indent {
    display: none;
}
figure.v3 .image-meta {
    max-width: none;
    padding-left: 6px;
}

.image-meta::before {
  font-family: 'tabler-icons'; 
  content: "\ea54"; 
  display: inline-block;
  margin-right: 6px;
  font-size: 1em;
}

#glavniTekst figure img{
	cursor:pointer;
}

.clanak_content table {
  width: 100%;
  border-collapse: collapse;
  margin: 2rem 0;
  font-family: 'Georgia', serif;
  font-size: 16px;
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.clanak_content thead {
  background-color: #525e74;
}

.clanak_content thead th {
  text-align: left;
  padding: 1rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  border-bottom: 2px solid #ccc;
  color: #FFF;
}

.clanak_content tbody tr {
  border-bottom: 1px solid #eee;
  transition: background-color 0.2s ease;
}

.clanak_content tbody tr:hover {
  background-color: #f2f2f2 !important;
}

.clanak_content td {
  padding: 0.8rem 1rem;
  color: #333;
  vertical-align: top;
  border: 1px solid #cfcfcf;
}

.clanak_content tbody tr:nth-child(odd) {
  background-color: #fafafa;
}

.clanak_content td{
  -webkit-user-select: none; 
  -ms-user-select: none; 
  user-select: none; 
}

.clanak_content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.clanak_content.lijevo{
align-items: flex-start;	
}
.clanak_content.full p{
    max-width: none !important;	
}

.clanak_content p,.wrapperForSideSection{
    margin-bottom: 1.5em;
	margin-bottom: 0.5em;
    font-size: 1.25rem;
    
    hyphens: auto;
    line-height: 160%;
    color: #000000;
margin-top: 1em;
}
.clanak_content h2{
	font-family: 'Bodoni Moda', serif;
    padding-bottom: 20px;
    font-size: 160%;
    
    padding-top: 30px;	
}

.clanak_content:not(.bezprvogvelikog) > p:first-of-type::first-letter {
    font-size: 40px;
    color: #000;
    float: left;
    font-size: 145px;
    line-height: 123px;
    margin-left: -3px;
    margin-top: -2px;
    font-family: serif;
    margin-right: 14px;
    font-size: 77px;
    line-height: 65px;
    margin-top: 3px;
    border-bottom: 3px solid #bd9898;
}

.clanak_content a{
    text-decoration: underline;
    background-color: aliceblue;	
}
.clanak_content a:hover{
background-color: #e3f1fd;	
}

.leaflet-control-zoom a{
	text-decoration:none;
	background-color:#38364d;
	color:#FFF;
	transition:background-color 0.5s;
}
.leaflet-control-zoom a:hover{
	background-color:#6a4b95;
}
.leaflet-bottom, .leaflet-top {
    z-index: 999;
}

.clanak_sidebar {
    
    padding-left: 0px;
    padding-top: 20px;
    
    margin-top: 10px;
    width: 100%;
}

.clanak_sidebar.right{
  height: max-content;           

  
  will-change: transform, opacity;
  transition: opacity .22s ease, transform .22s ease;
}

.clanak_sidebar.right.is-releasing-out{
  opacity: 0;
  transform: translateY(10px);
}
.clanak_sidebar.right.is-releasing-in{
  opacity: 0;
  transform: translateY(-10px);
}

.clanak_sidebar.right.released{
  position: static !important;
  top: auto !important;
  transform: none;
  opacity: 1;
}

.articleOuterContainer{
  overflow: visible !important;  
}

.kolekcija_sidebar_list{
  position: static !important;
  top: auto !important;
}

@media (max-width: 768px){
  .clanak_sidebar.right{
    position: static !important;
    top: auto !important;
  }
}

.clanak_sidebar_title {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 10px;
  text-transform: uppercase;
      
}

.clanak_sidebar_image {
	margin:0px;
  margin-bottom: 10px;
      overflow: hidden;
}

.clanak_sidebar_image img {
    width: 100%;
    
    
    object-fit: cover;
}

.clanak_sidebar_title span {
  color: #999;
  font-weight: normal;
  margin-left: 5px;
}
.clanak_sidebar_title .zastava{
    height: 20px;	
    vertical-align: text-bottom;
    margin-left: 4px;
}

.sidebar_block{
	margin-bottom:50px;
}

.kolekcija_sidebar_title{
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 10px;	
}

.kolekcija_sidebar_title span {
  color: #999;
  font-weight: normal;
  margin-left: 5px;
}
.kolekcija_sidebar_title .zastava{
    height: 20px;	
    vertical-align: text-bottom;
    margin-left: 4px;
}

.clanak_sidebar_list {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: sidebarCounter;
}

.clanak_sidebar_list span{
    color: #494659;
    
    font-weight: bold;
    font-size: 110%;
    letter-spacing: -0.2px;
    font-family: 'Source Sans Pro', sans-serif;
}

.kolekcija_sidebar_list{
    list-style: none;
    margin: 0;
    padding: 15px 20px 0;
    
    background-size: 3px 3px;
    
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
.leksikonSidebarList{
    border-top: 1px solid #CCC;
	padding-top:20px;
}

.kolekcija_sidebar_list li{
    margin:0 0 1em;
    padding:0 0 1em;
    font:16px/1.28 'gsr';
    letter-spacing:.5px;
    min-height:100px; 
}
.leksikonSidebarList li{
    min-height:70px;
	font-weight:bold;
}

.kolekcija_sidebar_list li > a{
    display: flex
;
    gap: 12px;
    align-items: flex-start;
    text-decoration: none;
    color: #4c4c4c;
    font-family: 'rnd', 'Roboto', sans-serif;
    
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 0.2px;
}

.kolekcija_sidebar_list li img.sidebar_thumb{
    flex:0 0 100px;     
    width:100px;
    height:100px;
    object-fit:cover;
    margin:0;           
    display:block;
	transition-delay: 0s;
	transition: all 0.1s ease;
}

.leksikonSidebarList li img.sidebar_thumb{
    width:70px;
    height:70px;	
}

.kolekcija_sidebar_list li:last-child{
    border-bottom:1px solid transparent;
}

.kolekcija_sidebar_list .currentTextInCollection {
    background:#4e3e5c;
    margin-left:-20px;
    margin-right:-20px;
    padding:15px 20px;
    position:relative;   
	color:#FFF !important;
}
.kolekcija_sidebar_list .currentTextInCollection a{
	color:#FFF !important;	
}

.kolekcija_sidebar_list .currentTextInCollection::before {
    content:"";
    position:absolute;
    left:-8px;        
    top:50%;
    transform:translateY(-50%);
    width:0;
    height:0;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent;
    border-right:8px solid #4e3e5c; 
}

.kolekcija_sidebar_list li.currentTextInCollection:first-child{
    margin-top:-15px;
}

.kolekcija_sidebar_list li > a .item_text{
    flex:1 1 auto;
}

.kolekcija_sidebar_list li {
	transition: all 0.2s ease;
transition-delay: 0s;
}

.kolekcija_sidebar_list a:hover {
    text-decoration:underline !important;
}

.kolekcijaSmallIkona,.leksikonIkonaside{
	    color: #8c8c8c;
}

.clanak_sidebar_list li {
    margin-bottom: 12px;
    counter-increment: sidebarCounter;
    font-size: 15px;
    line-height: 128%;
    border-bottom: 1px dashed #c3c3c3;
    padding-bottom: 10px;
    letter-spacing: 0.5px;
    padding-left: 0px;
}
.clanak_sidebar_list li::before {
    content: counter(sidebarCounter) ". ";
    
    color: #b42727;
    margin-right: 12px;
    
    font-size: 120%;
    
    
    
    margin-top: -1px;
    font-family: 'rnd';
	
    padding-left: 5px;
    padding-bottom: 2px;
    margin-left: -6px;
    padding-right: 3px;	
	padding-top:2px;
    border-radius: 3px;
	
	transition: background-color 0.15s, color 0.15s;
}
.clanak_sidebar_list li:hover::before{
    background-color: #554c7b;
    color: #FFF;

}

.sidebar_block.leksikon .leksikonIkonaside{
	display:inline-block;
	transition:transform 0.2s, color 0.4s;
}
.sidebar_block.leksikon:hover .leksikonIkonaside{
	 transform-origin: center;     
	transform:rotate(30deg);
	transition:transform 0.4s, color 0.4s;
	transition-delay: 0.1s;
	color:#069;
	
}

.sidebar_block.povezano {
    border-radius: 12px;
}

.povezano_sidebar_title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #222;
    margin: 0 0 5px;
    display: flex
;
    align-items: center;
    gap: 8px;
    border-bottom: 3px double #9c9c9c;
    padding-bottom: 6px;
}

.povezano_sidebar_title i {
    color: #666;
    font-size: 1rem;
}

.povezano_sidebar_list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.povezano_sidebar_list li {
}

.povezano_sidebar_list li:last-child {
    margin-bottom: 0;
}

.povezano_sidebar_list a {
    display: flex
;
    align-items: center;
    gap: 18px;
    text-decoration: none;
    color: #333;
    font-size: 0.95rem;
    line-height: 1.35;
    padding: 8px;
    transition: all 0.2s 
ease;
    border-bottom: 1px solid #dcdcdc;
}

.povezano_sidebar_list .sidebar_thumb {
    width: 55px;
    height: 55px;
    object-fit: cover;
    border-radius: 3px;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: transform 0.15s ease;
}

.povezano_sidebar_list a:hover {
    background: linear-gradient(270deg, #f4f3f0, transparent);
}

.povezano_sidebar_list a:hover .sidebar_thumb {
    transform: scale(1.25);
}

.povezano_sidebar_list a:focus {
    outline: none;
    background: #f0f0f0;
}

.povezano_sidebar_list span span {
    color: #494659;
    
    font-weight: bold;
    font-size: 100%;
    letter-spacing: -0.2px;
    font-family: 'Source Sans Pro', sans-serif;
}

.povezano_sidebar_list span i {
    transition: transform 0.2s ease;
display:inline-block;	
}
.povezano_sidebar_list a:hover span i{
	transform-origin: center;     
	transform:rotate(360deg);
	color:#069;
	
}

.vezkat_sidebar_title{
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 10px;
    color: #222;
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid #eee;
    border-bottom: 1px solid #c6c6c6;
    padding-bottom: 6px;
}

.vezkat_sidebar_list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.vezkat_sidebar_list li {
    margin-bottom: 5px;
    display: block;
    float: left;
}

.vezkat_sidebar_list li:last-child {
    margin-bottom: 0;
}

.vezkat_sidebar_list a {
	display: flex;
    align-items: center;
    gap: 2px;
    text-decoration: none;
    color: #333;
    font-size: 0.95rem;
    line-height: 1.35;
    border-radius: 8px;
    padding: 2px 6px;
	font-family:'gsr';
    font-family: 'Source Sans 3';
    letter-spacing: 0.2px;
	margin-left:4px;
	margin-bottom:3px;
}
.vezkat_sidebar_list a:hover{
    outline: 1px solid #d5d5d5;
    outline-offset: 1px;
background-color: #eae3d6;
}

.vezkat_sidebar_list a i {
    transition: transform 0.2s ease, border-radius 0.2s ease, filter 0.2s;
	filter: grayscale(1);
}

.vezkat_sidebar_list a:hover i {
    transform: scale(1.35);
	border-radius: 6px;
	filter: grayscale(0);
}

.sidebar_block.vezanekategorije{
	border-bottom: 1px solid #c6c6c6;
}
.globusvezikona{
	font-size:140%;
	color:#b8b8b8;
	margin-left:5px;
	transition: color 0.3s ease, transform 0.3s;
	
}
.sidebar_block.vezanekategorije:hover .globusvezikona{
	transform: scale(1.15);
	color:#578797;
}

.hash_sidebar_title{
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 10px;
    color: #222;
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid #eee;
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 6px;
}

.hash_sidebar_title i{
    color: #8d8d8d;
font-size:120%;	
display:inline-block;
	transition: transform 0.6s ease, color 0.2s ease;
}

.hash_sidebar_list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.hash_sidebar_list li {
    margin-bottom: 5px;
	margin-bottom: 12px;
    display: block;
    float: left;
	min-height:40px;
}

.hash_sidebar_list li:last-child {
    margin-bottom: 0;
}

.hash_sidebar_list a {
	display: flex;
    align-items: center;
    gap: 2px;
    text-decoration: none;
    color: #333;
    font-size: 0.95rem;
    line-height: 1.35;
    border-radius: 8px;
    padding: 2px 6px;
	font-family:'gsr';
    font-family: 'Source Sans 3';
    letter-spacing: 0.2px;
	margin-left:4px;
	margin-bottom:-4px;
	min-height:40px;
}
.hash_sidebar_list a:hover{
    outline: 1px solid #d5d5d5;
    outline-offset: 1px;
background-color: #eae3d6;
}

.sidebar_block.hash:hover .hash_sidebar_title i{
	 transform-origin: center;     
	transform:rotate(180deg);
	color:#069;
}

.hash_sidebar_list a i {
    transition: transform 0.2s ease, border-radius 0.2s ease;
}

.hash_sidebar_list a img {
    
    height: 40px;
    border-radius: 4px;
    margin-right: -15%;
	opacity:0.5;
	transition: opacity 0.3s ease, margin-right 0.3s ease;
}
.hash_sidebar_list a:hover img{
	opacity:1;
	margin-right: -6%;
}
.hash_sidebar_list a span {
background-color: #f7f6f2;
    padding-left: 4px;
	padding-right:4px;
    border-radius: 4px;
	font-weight:bold;
	    position: relative;
}
.hash_sidebar_list a span b{
    color: #ac8383;
	margin-right:3px;
}

.hash_sidebar_list a:hover span b{
	color:#069;
}

.clanak_sidebar_list a {
  text-decoration: none;
  color: #333;
}

.clanak_sidebar_list a:hover {
  text-decoration: underline;
}

.clanak_sidebar_list li {
    display: flex;
    align-items: flex-start;
}

.no_select {
    user-select: none;
    -webkit-user-select: none; 
    -moz-user-select: none;    
    -ms-user-select: none;     
}
.comment_body p{
    user-select: text !important;
    margin-left: -67px;
    padding-left: 67px;
    min-width: 270px;
    font-family: "Times New Roman";
    font-size: 18px;
    line-height: 140%;
    /* font-family: 'Source Serif Pro', serif; */
    letter-spacing: -0.1px;
    font-family: 'Source sans 3', serif;
}

.thisPViewing{
background-color: yellow;
  display: inline; 
}

.qtAndR{
	width:100%;
}

#comment_form,.reply_form{
	display: flex;
    align-items: flex-start;
    background: #f0ede8;
    padding: 15px;
    border-radius: 5px;
    margin: 20px auto;
	margin-bottom:100px;
	    margin-top: 0px;
}
.reply_form{
    
    margin-top: 10px;
    margin-bottom: 0px;
    border-radius: 3px 2px 20px 3px;
    
    border-bottom: 2px solid #dadada;
    box-shadow: 0px 0px 6px #00000014;
    margin-left: -37px;
	margin-left: -20px;
}
.editMyCommForm{
	margin-top:40px;
	background-color:#7ba582;
}

.vrijemeZaEditOstalo{
    font-size: 14px;
    background-color: #eeedeb;
    margin-left: -37px;
	margin-left: -20px;
    padding: 10px;
    margin-top: 20px;
    border-bottom: 1px solid #c8c8c8;
    text-align: center;	
}

#comment_text,.reply_text,.reply_Quotetext{
    flex-grow: 1;
    height: 300px;
    min-height: 120px;
    padding: 18px 30px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
    outline: none;
    resize: none;
    font-family: inherit;
    resize: vertical;
    font-size: 14px;
    line-height: 145%;
    font-family: 'rnd',"Times New Roman", Times, serif;	
	    
		
    letter-spacing: 0.2px;
}
.reply_text,.reply_Quotetext{
	min-width: auto;
	min-height: initial;
    width: 100%;
    box-sizing: border-box;
	    min-height: 68px;
}
.reply_text{
	min-height: 120px !important;
}
.reply_Quotetext{
	width: 100%;
	box-sizing: border-box;
	height: auto;
	margin-bottom: -10px;
	resize: none;
	background-color:#FFF;
	    border-radius: 5px 5px 0px 0px;
		padding-bottom: 0px;
		cursor: text;
		color: #000;
}

.commpubopts{
    width: 64px;	
}

#post_comment,.send_reply {
background-color: #4e4988;
    color: white;
    border: none;
    padding: 10px 15px;
    font-size: 24px;
    border-radius: 5px;
    cursor: pointer;
    margin-left: 10px;
    align-self: flex-start; 
}
#post_comment i,.send_reply i{
	display: inline-block;
	transition:transform 0.25s ease-in-out 0.2s;
}
#post_comment:hover i,.send_reply:hover i{
	transform:rotate(-90deg);
	transition:transform 0.25s ease-in-out 0.2s;
}
#post_comment:hover,.send_reply:hover {
    background-color: #4843C4;
}

#infoOn_comment,.info_reply{
    background-color: #d2e0f4;
    color: #606060;
    border: none;
    padding: 10px 15px;
    font-size: 24px;
    border-radius: 5px;
    cursor: pointer;
    margin-left: 10px;
    align-self: flex-start;
    margin-top: 10px;	
}
#infoOn_comment i,.info_reply i{
	display: inline-block;
	transition:transform 0.25s ease-in-out 0.2s;
}
#infoOn_comment:hover,.info_reply:hover {
    background-color: #76acd7;
    color: #FFF;
}

.info_reply{
	display:none !important;
}

#dontpost_comment,.dontsend_reply{
    background-color: #dddded;
    color: #606060;
    border: none;
    padding: 10px 15px;
    font-size: 24px;
    border-radius: 5px;
    cursor: pointer;
    margin-left: 10px;
    align-self: flex-start;
    margin-top: 10px;
	transition:background-color 0.15s ease-in-out;
}
#dontpost_comment{
	display:none;
}
#dontpost_comment i,.dontsend_reply i{
	display: inline-block;
	transition:transform 0.25s ease-in-out 0.2s;
}
#dontpost_comment:hover i,.dontsend_reply:hover i{
	transform:rotate(-90deg);
	transition:transform 0.25s ease-in-out;
}
#dontpost_comment:hover,.dontsend_reply:hover {
    background-color: #d14e4e;
    color: #FFF;
	transition:background-color 0.15s ease-in-out;
}

#comments_section h4{
    font-family: rnd;
    font-size: 20px;
    color: #555;
    letter-spacing: 0.7px;
    width: fit-content;
    margin: auto;
    margin-bottom: 0px;
    margin-top: 50px;
    margin-left: 61px;
    
    padding-left: 20px;
    padding-right: 20px;
}

#comments_section {
    max-width: 770px;
    margin: 70px auto;
    
}
#comments_section h3{
    text-align: center;
    font-family: 'rnd';
    font-size: 2em;
    border-bottom: 2px dotted #d5d5d5;
    max-width: 440px;
    margin: auto;
    margin-bottom: 40px;
    color: #222;
    font-size: 28px;
    /* font-family: 'Bodoni Moda'; */
    font-weight: normal;
}
#comments_section h3 i{
    color: #686989;	
}
.sortiranjeKomentaraBox label{
	color:#555;
	padding-right:4px;
}

.commentSnip {
    font-size: 12px;
    color: #999;
    font-style: italic;
    margin-right: 10px;
}

.comment {
    display: flex;
	
    padding: 15px;
    border-radius: 3px;
    margin-bottom: 30px;
	background: #f8f6f2;
	    position: relative;

	transition:height 0.12s ease, box-shadow 0.3s ease, border-radius 0.3s ease, background-color 0.3s ease, outline 0.3s ease;
	
	    padding-bottom: 5px;
	
	
background-image: 
  radial-gradient(circle, rgba(255,255,255,0.6) 10%, rgba(104,104,104,0.04) 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;	
    min-width: 260px;
}
.comment .comment {
	margin-bottom: 10px;
	transition:box-shadow 0.3s ease,outline 0.3s ease;
}
.comment .comment .comment .comment {
	margin-bottom: -2px !important;
	
}
.comment .comment .comment .comment:last-child {
    margin-bottom: 20px !important;
}

.comment::before{
    content: "";
    width: 100%;
    height: 100px;
    background: linear-gradient(to bottom, rgb(215 215 215 / 29%) 0%, rgb(0 0 0 / 0%) 100%);
    position: absolute;
    left: 0px;
    top: 0px;
}
.comment .comment::before,.comment.collapsedComment::before{
background:none;
}

.ovoJeNasUser{

}
.ovoJeNasUser::before{
    content: "";
    width: 100%;
    height: 100%;
    background-color: #dcd8ab36;
    position: absolute;
    left: -10px;
    top: -8px;
    border-radius: 50px;
    padding: 4px;
    outline: 2px dashed #afafaf;
    padding-right: 8px;
}

.collapsedComment .ovoJeNasUser::before,.zaokruzenoNe .ovoJeNasUser::before{
display:none;
}
.vrijedniKomentariDisplayCont .ovoJeNasUser::before,.mojprofil_komentari .ovoJeNasUser::before{
display:none;
}

.ovoJeNasUser .comment_author {
    
    
    
    
    border-bottom: 2px solid #a19aed;
    
}

    

.veryFirst_comment{
    border-radius: 30px 30px 3px 3px;	
    border-radius: 8px 8px 3px 3px;	
	
}
.veryFirst_comment::before {
    width: 0% !important;
}

.myNewCommentThisIs{
position: relative;
    z-index: 9999999 !important;
    
    border-radius: 15px !important;
    background-color: #e2feda !important;
	transition:height 0.12s ease, box-shadow 0.3s ease, border-radius 0.3s ease, background-color 0.3s ease;
}
.collapsedComment{
    height: 10px;
    cursor: pointer;
    transition: height 0.12s ease;
    box-shadow: none !important;
    border-bottom: 2px solid #d2d8e1;
    margin-left: 13px;
    border-left: 2px solid #f1f1f1;
    border-right: 2px solid #f1f1f1;
	    margin-bottom: 2px;
		    padding-bottom: 18px;
}

.collapsedComment .comment_replies{
	display:none;
}

.comment.reply{
	overflow:visible;
}

.comment.reply.collapsedComment{
    margin-bottom: -17px;
    border-bottom: 2px solid #d2d8e1;
    border-bottom: 2px solid #ededed;
    box-shadow: none !important;
}

.comment .comment.reply.collapsedComment:last-child {
        margin-bottom: 0px;
}

.comment:hover{
	
}

.comment .comment .comment{
    background-color: #fafafa  !important;
	    border-radius: 3px;
		box-shadow: 1px 1px 2px #cccccc;
}
.comment .comment .comment .comment{
    background-color: #e6e9eb  !important;
	    border-radius: 3px;
		    box-shadow: none;
}

.comment:nth-child(odd) {
    background: #f8f9fa;
	border-top:1px dashed #CCC;
	
background-image: 
  radial-gradient(circle, rgba(255,255,255,0.6) 10%, rgba(104,104,104,0.04) 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;		
	
}
.comment .comment:nth-child(odd) {
	margin-right: 0px;
	border-top:none;
}

.komentarNaKojiSeOdgovara{
    
    margin-left: -100px;
    margin-right: -100px;
    margin-bottom: 80px;
    margin-top: 30px;
    border-radius: 10px;
    outline: 2px dotted #3157aa2b;
    outline-offset: 9px;
}

.collapser{
	position: absolute;
    right: 10px;
    top: 5px;
    
    letter-spacing: 1px;
    color: #959595;
  user-select: none;
  -webkit-user-select: none; 
  -moz-user-select: none;    
  -ms-user-select: none;     
  z-index:1;
  cursor:pointer !important;
}
/* .collapser::after{
content: "";
    width: 200px;
    height: 50px;
    background-color: transparent;
    position: absolute;
    right:-25px;
    top: -15px;	
	 z-index:1;
	    cursor: zoom-out;
		cursor:pointer;
}
.collapser::before{
content: "";
    width: 900px;
    height: 50px;
    background-color: transparent;
    position: absolute;
    right:-25px;
    top: -15px;	
	cursor: zoom-out;
	cursor:pointer;
	 z-index:1;
} */
.collapsedComment .collapser::after,.komentarNaKojiSeOdgovara .collapser::after{
	cursor: pointer;
}
.collapsedComment .collapser::before,.komentarNaKojiSeOdgovara .collapser::before{
	cursor: pointer;
}
.comment_actions button{
	z-index:2;
	position:relative;
}
.collapser:hover{
	cursor:pointer;
	color:#069;
}

.collapser.spin {
    animation: spinAnimationCollapser 1.2s;
}
@keyframes spinAnimationCollapser {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.komentarNaKojiSeOdgovara .collapser:hover{
	color:#000;
	cursor:pointer;
	background-color:#EEE;
	padding-left:4px;
	margin-left:-4px;
	padding-right:4px;
	margin-right:-4px;
	border-radius:50px;
}
.collapsedComment .comment_left,.collapsedComment .comment_actions button,.collapsedComment .comment_body{
	display:none !important;	
}
.collapsedComment .comment_header{
    margin-top: -10px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}
.collapsedComment .comment_avatar{
    width: 25px;
    height: 25px;
	    margin-top: -2px;
}

.collapsedComment:hover .clpcomm{

}

.comment .comment.reply::before{
content: "";
    width: calc(100% + 75px);
    height: calc(100% + 20px);
    background-color: transparent;
    position: absolute;
    left: -55px;
    top: -15px;
}
.comment .comment .comment.reply::before{
    content: "";
    width: calc(100% + 150px);
    height: 100%;
    background-color: transparent;
    position: absolute;
    left: -112px;
    top: 0px;
}
.comment .comment .comment .comment.reply::before{
    content: "";
    width: calc(100% + 223px);
    height: 100%;
    background-color: transparent;
    position: absolute;
    left: -167px;
    top: 0px;
}

.comment .comment.reply::after {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% + 215px);
    height: 25px;
    background-color: transparent;
    margin-top: 10px;
    left: -165px;
    bottom: -25px;
}

.comment .comment .comment.reply::after {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% + 215px);
    height: 25px;
    background-color: transparent;
    margin-top: 10px;
    left: -165px;
    bottom: -25px;
}

.hasVotedHere .vote{
	opacity:0.1 !important;
	color: inherit !important;
	background-color: inherit !important;
}
.upvote.voted{
    background-color: #d0ecd7 !important;
    border-radius: 50px;
	opacity:1 !important;
}
.downvote.voted{
    background-color: #ffe0e0 !important;
    border-radius: 50px;
	opacity:1 !important;
}

.scrollToComForm{
    color: #2d2d2d;	
}
.scrollToComForm:hover{
	cursor:pointer;
	color: cadetblue;
}

.show_more_replies_btn,.show_more_comments_btn,.loadMoreReadings,.load-more-notifications{
position: relative;
    z-index: 10000;
    margin: auto;
    display: block;
    padding: 10px 40px;
    background-color: #879fb4;
    border: 1px solid #999;
    border-radius: 4px;
    margin-top: 20px;
    font-size: 20px;
    color: #FFF;
    border-bottom: 2px solid #5a5a5a;
	cursor:pointer;
background-image: 
  radial-gradient(circle, rgba(255,255,255,0.1) 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;
}
.show_more_comments_btn,.loadMoreReadings,.load-more-notifications{
	font-size: 18px;
    border-bottom: 4px solid #5a5a5a;	
    margin-bottom: 50px;	
	font-family: 'rnd', 'Roboto', sans-serif;
}
.load-more-notifications{
	margin-left:0px;
}
.show_more_replies_btn:hover,.show_more_comments_btn:hover,.loadMoreReadings:hover,.load-more-notifications:hover{
	 background-color: #54a455;
}
.show_more_replies_btn span,.show_more_comments_btn span,.loadMoreReadings span,.load-more-notifications span{
	 font-size:14px;
}

.imaKomentaraUnutra{
font-size: 14px;
    margin-left: 20px;
    color: #658bac;	
}
.imaKomentaraUnutra strong{
	color:#000;
}

.collapsedComment .comment_actions{
opacity: 1;
}

.quote_icon {
    position: fixed;
    background: #fff;
    border: 1px solid #ccc;
    padding: 2px 10px;
    border-radius: 20px;
    cursor: pointer;
    z-index: 9999;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    font-size: 20px;
	transform:rotate(0deg);
	transition:transform 0.2s ease-in-out,box-shadow 0.2s ease-in-out;
}
.quote_icon:hover{
    background: #cbefce;
	transform:rotate(-180deg);
	transition:transform 0.2s ease-in-out,box-shadow 0.2s ease-in-out;
    box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.2);

}

.comment_left{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 15px;
	    position: relative;
    z-index: 6;
    margin-top: -23px;
    padding-top: 20px;
	height: 80px;
}
.comment_left_dummy .vote_count{
    margin-top: 9px;	
}

.vote {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: #6c757d;
	display:inline-block;
}

.vote.upvote {
    transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-radius 0.2s, transform 0.2s;
}

.vote.upvote:hover {
    background-color: #78b384;
    color: #FFF;
    border-radius: 30px;
    transform: scale(1.4);
}

.vote.upvote:active {

}

.vote.downvote {
    transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-radius 0.2s, transform 0.2s;
}

.vote.downvote:hover {
    background-color: #d07c7c;
    color: #FFF;
    border-radius: 30px;
    transform: scale(1.4);
}

.vote.downvote:active {

}

.vote.upvote.voted:hover,
.vote.upvote.voted:active {
    background-color: inherit;
    color: inherit;
border-radius: 50px;
    transform: none;
    cursor: default;
    transition: none;
}

.vote.downvote.voted:hover,
.vote.downvote.voted:active {
    background-color: inherit;
    color: inherit;
border-radius: 50px;
    transform: none;
    cursor: default;
    transition: none;
}

.vote_count {
    font-size: 14px;
    font-weight: bold;
color: #bcbcbc;
}
.pozkom{
	color: #1eb043;
}
.negkom{
	color: #e15151;
}

.comment_right {
    flex-grow: 1;
    z-index: 2;
}

.comment_header {
    display: flex;
    align-items: center;
    margin-bottom: -5px;
    border-bottom: 1px dashed #b6b6b6;
    padding-bottom: 7px;
}

.avad_no .comment_header {
    margin-bottom: -5px;
    padding-bottom: 7px;
}

.comment_avatar {
    width: 40px;
    border-radius: 50%;
    margin-right: 10px;
	    z-index: 6;
		outline:2px solid transparent;
		    outline-color: transparent;
			transition: outline-color 0.2s;
}

.commentUserProfile_link{
    display: inline-block;
    position: relative;
    z-index: 6;
	    margin-right: 10px;
}
.collapsedComment .commentUserProfile_link{
margin-top: 5px;	
}
.commentUserProfile_link:hover .comment_author{
	text-decoration:underline;
}
.comment_author {
    font-weight: bold;
    margin-right: 10px;
    z-index: 6;
    display: inline-block;
    vertical-align: middle;
    margin-top: -27px;
    max-width: 360px;
    line-height: 70%;
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing: 0.2px;
    color: #484848;
	    margin-top: -49px;
		    white-space: nowrap;
    
}
.comment .comment .comment_author{
	max-width: 310px;
}
.comment .comment .comment .comment_author{
	max-width: 240px;
}
.comment .comment .comment .comment .comment_author{
	max-width: 180px;
	    font-size: 16px;
}

.scrollanoIstaknutoComm {
    animation: commHighlight 1s ease-out forwards;
}

@keyframes commHighlight {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 rgba(0,0,0,0);
    }
    20% {
        transform: scale(1.03);
        box-shadow: 0 8px 20px rgba(0,0,0,0.25);
    }
    60% {
        transform: scale(1.015);
        box-shadow: 0 4px 12px rgba(0,0,0,0.18);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 rgba(0,0,0,0);
    }
}

.collapsedComment .comment_author{
    margin-top: -13px !important;	
	font-size: 14px;
}
.commentUserProfile_link:hover .comment_author{
	
}
.commentUserProfile_link:hover .comment_avatar{
	outline:2px solid #069;
	transition: outline-color 1s;
}

.comment_time {
    font-size: 12px;
    color: gray;
	    z-index: 1;
	opacity:1;
	transition: opacity 0.25s;
	letter-spacing:0.5px;
	    margin-top: -22px;
}
.comment_time strong{
	letter-spacing:0px;
}

.comtm_sakrij{
	opacity:0;
	white-space:nowrap;
	width:0px;
	pointer-events: none;
	transition: opacity 0.25s;
	transition-delay: 0.18s;
}
.collapsedComment .comtm_sakrij{
	opacity:1 !important;
	    white-space: initial !important;	
	width:auto !important;	
	transition: opacity 0s;
	transition-delay: 0s;
}

.biggerDelayCmTm{
	visibility:hidden;
}
.collapsedComment .biggerDelayCmTm{
    visibility: visible;
    margin-top: -2px;
    margin-left: 10px;
}
.collapsedComment .biggerDelayCmTm::before {
    content: "\f017"; 
    font-family: "Font Awesome 5 Free";
    font-weight: 900; 
    margin-right: 4px;
}

.comment_body {
    font-size: 16px;
    color: #333;
	
}
.moveupKmntAuth .comment_author{
    margin-top: -50px;
}
.autoprijevodNote{
    font-size: 12px;
    padding: 0px 8px;
    width: fit-content;
    letter-spacing: 0.1px;
    font-family: monospace;
    font-weight: bold;
    color: #8d8d8d;
    margin-top: -19px;
    margin-left: 3px;
    border-radius: 0px 0px 6px 6px;
    padding-top: 3px;
    border: 1px solid #d2d2d2;
    float: right;
    display: block;
    position: absolute;
    left: 78px;
    top: 58px;
    top: 59px;
    border-top: none;
    border-left: none;
    border-right: none;
    padding-bottom: 1px;
    
    z-index: 10000;
}
.autoprijevodNote i{
    box-shadow: 0px 0px 5px #ffffff;	
}

.autoprijevodNote::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path stroke='none' d='M0 0h24v24H0z' fill='none'/><path d='M6 6h6a3 3 0 0 1 3 3v10l-4 -4m8 0l-4 4'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-left:3px;
}

.autoprijevodNote:hover{
	cursor:pointer;
    background: linear-gradient(to top, rgb(220 220 220), rgba(0, 0, 0, 0));
}

.avad_no .autoprijevodNote {
    left: 45px;
}

.collapsedComment .autoprijevodNote{
	display:none;
}

.comment_body{
  max-height: 1000px;
  overflow: hidden;
  position: relative;
}
.remComBoLimit{
    max-height: none;
    overflow: inherit;	
}

.ovflchckr{
    width: 100%;
    
    background-color: #7354c7;
    position: absolute;
    left: 0px;
    top: 939px;
    cursor: pointer;
    padding: 20px;
    box-sizing: border-box;
    border-bottom: 2px dashed #FFF;
}
.ovflchckr:hover{
	background-color: #2a7a22;
}
.ovflchckr::after {
    content: "Klikni za pregled cijelog komentara";
    
    
    
    width: 100%;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    display: block;
}

.comment_body h2{
    
    
    font-size: 20px;
    text-decoration: underline;
    text-align: center;
    font-family: 'Source Serif Pro', serif;
    letter-spacing: 0.5px;	
}

.comment_actions {
    margin-left: 5px;
    height: 0px;
    margin-top: 33px;
    opacity: 0;
    overflow: hidden;
	transition: opacity 0.2s ease;
	transition-delay: 0s;
	    z-index: 2;
		
		width:0px;
}

.unameWrp{
	position:relative;
}
#comment_text, .reply_text, .reply_Quotetext {
        box-sizing: border-box;
        width: 100%;
        padding: 18px 20px;
        font-size: 20px;
}
@media (min-width: 1000px){
	
.comment {
    padding-top: 30px;
}
	
	
	
	
#comment_text, .reply_text, .reply_Quotetext {
        font-size: 20px;
}	
.reply_Quotetext {
	font-size: 14px;
}
.comment_actions {
    margin-left: 5px;
    height: 0px;
    opacity: 0;
    overflow: hidden;
	transition-delay: 0s;
	    z-index: 2;
		
		width:0px;
}	
	
.comment_actions{
        height: 30px;
        margin-top: -11px;
        margin-left: 0px;
        width: max-content;
        overflow: visible;
        z-index: 12;
        position: absolute;
        background-color: #7695b1;
        border-radius: 16px;
        /* left: 10px; */
        padding-left: 6px;
        padding-right: 7px;
        border-bottom: 3px double #dcdcdc;
        opacity: 0;
	transition: opacity 0.2s ease, margin-top 0.1s ease;
        left: 100%;
}
.comment_actions_shown {
margin-top: -4px;
	transition: opacity 0.3s ease, margin-top 0.4s ease;
        transition-delay: 0.1s;
}
.comment_actions_shown{
	opacity:0;
}
.collapser {
font-family: sans-serif;
        position: absolute;
        right: -32px;
        /* top: 65px; */
        letter-spacing: 1px;
        color: #bababa;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        z-index: 1;
        cursor: pointer !important;
        z-index: 1;
        width: 30px;
        /* overflow: hidden; */
        margin-top: -27px;
        font-size: 14px;
        padding: 20px;
}
.collapsedComment .collapser {
        margin-top: 1px;
        font-size: 90%;
        right: 1px;
        color: #717171;
        font-weight: bold;
        margin-right: 2px;
        margin-top: 2px;
        padding: 0px;
	
}
.collapsedComment .collapser::before,.collapsedComment .collapser::after{
	display:none;
}
.collapsedComment .collapser:hover{
	color:#069 !important;
}
.collapsedComment .comment_actions {
        right: 39px;
        top: -27px;
		border:none;
		background-color:transparent;
    }

.comment_actions_shown {

    opacity: 1;
}
}





.reply_btn,.rplwqoute{
    background: none;
    border: none;
    color: #fbfbfb;
    font-size: 14px;
    cursor: pointer;
    background-color: #4e4988;
    border-radius: 10px;
    padding-bottom: 3px;
    border-bottom: 1.5px solid #4e4988;
    padding-left: 10px;
    padding-right: 23px;
    padding-right: 10px;
    border-radius: 10px;
    margin-right: 7px;
    vertical-align: text-bottom;
    margin-bottom: -1px;
}
.rplwqoute {
    padding-right: 6px;
}
.reply_btn i,.rplwqoute i{
    vertical-align: middle;	
}
.reply_btn i{
	margin-right:5px;
}
.reply_btn span{
    margin-bottom: 0px;
    vertical-align: bottom;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    padding-right: 4px;
    letter-spacing: 0.7px;	
}
.admcommbutton,.ikonaZaReferencuSrce{
background: none;
    border: none;
    color: #ffffff;
    font-size: 14px;
    cursor: pointer;
    background-color: #59a293;
    border-radius: 10px;
    padding-bottom: 2px;
    border-bottom: 1px solid #7b7b7b;
    transition: padding 0.2s;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    text-align: center;
}
.ikonaZaReferencuSrce{
	display:inline-block;
}
.admcommbutton:hover{
	background-color: #53c6ae;
}

.reply_btn:hover,.rplwqoute:hover{
	background-color: #618b6b;
}

.comment.reply {
    margin-left: 0px;
    background: #ffffff;
        border-left: 1px dashed #a4a4a4;
    margin-top: 20px;
    border-right: 1px solid #f5f5f5;
	position:relative;
	transition:border-color 0.2s ease;
}
.comment.reply:hover{
        border-left: 1px solid #EEE;	
	box-shadow: none;
	transition:border-color 0.2s ease;
	
}

.comment .comment .comment:hover{
background-image:
    
  radial-gradient(circle, rgba(255,255,255,1) 10%, rgba(104,104,104,0.07) 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;
}
.comment .comment .comment .comment:hover{
	    background-color: #fffef7 !important;
		    background: none;
			    outline: 2px dashed #d8d8d8;
    outline-offset: 6px;
			
}

.expand_replies {
    color: white;
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    margin-top: 10px;
    display: inline-block;
    background-color: #5f6a6d;
}
.expand_replies:hover{
	background-color: #6a6c82;
}
.expand_replies b{
	color:#fff191;
}

.expand_replies a {
    color: white;
    text-decoration: underline;
    cursor: pointer;
}

.repliedTo{
font-family: 'rnd','Source Serif Pro';
    /* background-color: #f9f5ef; */
    border-radius: 4px;
    padding-left: 0px;
    padding-right: 7px;
    letter-spacing: 0.5px;
    position: relative;
    z-index: 1;
    /* box-shadow: 6px 2px 10px #0000000f; */
    /* border-bottom: 1px solid #dbdbdb; */
    font-size: 90%;
    color: #838383;
}
.externalLink{
	cursor:pointer;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.externalLinkYouTube::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 0.3em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23ff0133' class='icon icon-tabler icons-tabler-filled icon-tabler-brand-youtube'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M18 3a5 5 0 0 1 5 5v8a5 5 0 0 1 -5 5h-12a5 5 0 0 1 -5 -5v-8a5 5 0 0 1 5 -5zm-9 6v6a1 1 0 0 0 1.514 .857l5 -3a1 1 0 0 0 0 -1.714l-5 -3a1 1 0 0 0 -1.514 .857z' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
}
.externalLink:hover{
	color:#069;
}
.externalLinkHref{
color: #069 !important;
    font-size: 14px;
    line-height: 160%;
    display: block;
}
#externalLinkDialog a.externalLinkHref {
    outline: none;
    text-decoration: underline;
}

.comment_body blockquote {
    position: relative;
    background-color: #f9f9f9;
    border-left: 4px solid #ccc;
    padding: 1em 1.2em 1em 2.8em;
    margin: 1em 0;
    font-style: italic;
    color: #444;
    border-radius: 6px;
    margin-top: -25px;
    z-index: 0;
    margin-left: -5px;
}

.comment_body blockquote::before {
    content: "❝";
    font-size: 1.8em;
    color: #bbb;
    position: absolute;
    left: 0.7em;
    top: 0.4em;
    font-family: serif;
}

.comment .comment .comment .comment_body blockquote{
    background-color: #f0f4f5;
}

.admcommbutton.favorited {
    
    color: #ffffff;
    background-color: #eb3d2c;
}

@media print {
  .najvisaNavigacija,
  img,
  .clanak_sidebar,
  .clanak_nav,
  .icon-container,
  .ti-signature,
  #comments_section,.imageDetsblmn {
    display: none !important;
  }
  
  h1::before {
    content: "URL izvor: " attr(data-print-url);
    display: block;
    margin-bottom: 20px;
    font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;

  }

  body { margin: 0; }
  .clanak_wrapper { max-width: 1440px; padding: 0; }
  .clanak_content,
  .clanak_byline { max-width: 100%; }
  .clanak_layout { display: block; }
  .clanak_header_inner { max-width: none; }

  
  a[href]:after {
    content: " (" attr(href) ")";
    font-size: 90%;
  }
 .clanak_date {
    margin-bottom: 5px;
}
}

:fullscreen {
    
    .najvisaNavigacija, .clanak_sidebar, .clanak_nav, .icon-container, .ti-signature, #comments_section,.inline-map {
        display: none !important;
    }

    
    body { margin-top: 0px; }
    .clanak_wrapper { max-width: 1440px; padding-top: 0px; }
    .clanak_content, .clanak_byline { max-width: 100%; }
    .clanak_layout { display: block; }
    .clanak_header_inner { max-width: none; }
}

::-webkit-full-screen {
    .najvisaNavigacija, .clanak_sidebar, .clanak_nav, .icon-container, .ti-signature, #comments_section,.inline-map {
        display: none !important;
    }
    body { margin-top: 0px; }
    .clanak_wrapper { max-width: 1440px; padding-top: 0px; }
    .clanak_content, .clanak_byline { max-width: 100%; }
    .clanak_layout { display: block; }
    .clanak_header_inner { max-width: none; }
}

::-moz-full-screen {
    .najvisaNavigacija, .clanak_sidebar, .clanak_nav, .icon-container, .ti-signature, #comments_section,.inline-map {
        display: none !important;
    }
    body { margin-top: 0px; }
    .clanak_wrapper { max-width: 1440px; padding-top: 0px; }
    .clanak_content, .clanak_byline { max-width: 100%; }
    .clanak_layout { display: block; }
    .clanak_header_inner { max-width: none; }
}

@media (max-width: 768px) {
	
}

 .wiki-loading {
    position: absolute;
    z-index: 9999;
    font-size: 16px;
    line-height: 1;
    opacity: 1;
    pointer-events: none;
    background-color: #ffffff;
    padding: 4px;
    border-radius: 100px;
    margin-top: -4px;
    margin-left: -30px;
	display:none;
    }
    
    @keyframes ti-spin { from { transform: rotate(0deg);} to { transform: rotate(360deg);} }
    .ti-spin { animation: ti-spin 1s linear infinite; display:block;}

.clanak_sidebar_image {
    cursor: pointer;
	width:100%;
}
.clanak_sidebar_image img{
	transition:width 0.4s;
}
.clanak_sidebar_image:hover img{
	width:110%;
	transform-origin: center;
}

.clanak_sidebar_title span,.kolekcija_sidebar_title span {
    cursor: pointer;
}
.clanak_sidebar_title span:hover,.kolekcija_sidebar_title span:hover{
    text-decoration:underline;
}

#article_sources {
    margin: auto;
    margin-top: 20px;
    max-width: 820px;
    min-width: 693px;
}
.clanak_wrapper_onEdit #article_sources{
	margin-left:40px;
}

#article_sources h3 {
    font-size: 1.1em;
    color: #333;
    margin-bottom: 15px;
    font-weight: 700;
    border-bottom: 1px solid #6a6a6a;
    padding-bottom: 5px;
    
    text-transform: uppercase;
    letter-spacing: 2px;
	    font-family: 'Source Serif Pro', serif;
}

#article_sources ol {
    list-style: none;
    padding: 0;
    margin: 0;
 list-style: decimal; 
     list-style: upper-roman;
}

#article_sources li {
    padding: 4px 15px;
    padding-top: 6px;
    border-bottom: 1px solid #e1e1e1;
    font-size: 1rem;
    color: #444;
    
    flex-direction: column;
    padding-left: 26px;
    padding-right: 0px;
	counter-increment: source-counter;
	

		transition: background-color 1s ease-in-out;
}

#article_sources li strong,#article_sources li em,#article_sources li a,#article_sources li .source_detailsInPage{
	display:block;
}
#article_sources li::marker {
	color: #ae6ae5;
    font-family: 'im';
}

#article_sources li:last-child {
    border-bottom: none;
}

#article_sources li strong {
    font-weight: 700;
    color: #222;
    font-size: 1.05rem;
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing: 0.3px;
}

#article_sources li em {
    font-style: italic;
    color: #667;
    font-size: 0.95rem;
}
#article_sources li .brstrbook{
	color: #b9a284;
}

#article_sources .citation_page {
    font-size: 0.9rem;
    color: #666;
    margin-top: 5px;
}

#article_sources .source_detailsInPage {
    font-size: 0.9rem;
    color: #555;
    margin-top: 5px;
    background: rgba(0, 0, 0, 0.03);
    padding: 8px;
    padding-left: 13px;
    padding-right: 14px;
    border-left: 3px solid #0073e6;
    border-radius: 2px;
    width: fit-content;
	position:relative;
	font-family: 'Libre Baskerville', 'Lora', serif;
	    margin-left: 20px;
	    margin-bottom: 15px;
    background: 
    radial-gradient(circle, rgba(255, 255, 255, 0.9) 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;
}
.arrowRefNaDesc{
    position: absolute;
    left: -26px;
    font-size: 30px;
    color: #0073e6;	
}

.ytReferenca{
    color: #8b8b8b;	
}
.ytReferenca span{
	color: #333;
	text-decoration:underline;
}

#article_sources a {
    color: #0073e6;
    text-decoration: none;
    font-weight: 500;
    word-break: break-word;
    margin-top: 5px;
    margin-top: 1px;
    margin-bottom: 7px;
}
#article_sources .youTubeLinke{
	color: #bc5252;
}
#article_sources a:hover {
    text-decoration: underline;
    color: #005bb5;
}

#article_sources ol {
    padding-left: 70px;
}

@media (max-width: 768px) {
#article_sources ol {
    padding-left: 30px;
}
    #article_sources {
        padding: 15px;
		    min-width: 0px;
    }
    
    #article_sources h3 {
        font-size: 1.3em;
    }
    
    #article_sources li {
        padding: 10px 12px;
    }
    
    #article_sources li strong {
        font-size: 1rem;
    }
    
    #article_sources a {
        font-size: 0.95rem;
    }
}

.izvorMeaning{
    background-color: aliceblue;
	cursor:pointer;
	transition: background-color 1s ease-in-out;
}
.izvorMeaning:hover{
	text-decoration:underline;	
}
.izvor sup{
    color: #9981e7;
    padding-right: 2px;
	font-family: 'im';
	display:inline-block;
	    line-height: 12px;
}
.izvor sup:hover{
	text-decoration:underline;
	color:#337a96;
}

@keyframes spinAnimation {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(720deg); }
}

.sup-animate {
    animation: spinAnimation 1.2s ease-in-out;
}

.highlighted{
    background-color: yellow !important;  
    transition: background-color 1s ease-in-out;
}

.referencaScrollArrow{
	background-color: #a27bc3;
    margin-right: 7px;
    color: #ffffff;
    border-radius: 3px;
    cursor: pointer;	
}
.referencaScrollArrow:hover{
	background-color: #4068e9;
}

.zaKomentiranjeJePotrebnaPretplata{
	padding: 15px 22px;
    background-color: aliceblue;
    border-bottom: 2px solid #555;
    font-style: italic;
	text-align:center;
	width: 758px;
	    width: auto;
}
.josNemaKomentara{
    padding-bottom: 70px;
    text-align: center;
    font-size: 120%;
    letter-spacing: 1px;	
}

.sortiranjeKomentaraBox{
text-align: center;
margin-bottom: 60px;
    margin-top: -20px;	
}
.sortiranjeKomentaraBox select{
    padding: 6px 20px;
    
    border-radius: 9px;
    border-color: #cccccc;
    background-color: #f1e6d2;
	    font-family: 'rnd', 'Roboto', sans-serif;
	    font-weight: bold;
}
.komentariSettingsForUser{
display: inline-block;
    color: #858585;
    margin-left: 6px;
    border: none;
    padding: 7px;
    border-radius: 6px;
    background-color: #f0e7d3;
    border: 1px solid #CCC;
    padding-bottom: 6.2px;
}
.komentariSettingsForUser:hover{
	color: #069;
	cursor:pointer;
}

#preferencesForm{
	margin-top:10px;
}
#preferencesForm input[type="checkbox"] {
width: 20px;
    height: 20px;
    vertical-align: bottom;
    margin-bottom: 2px;
    margin-right: 7px;
}
#preferencesForm input[type="radio"] {
width: 20px;
    height: 20px;
    vertical-align: bottom;
    margin-bottom: 2px;
    margin-right: 7px;
}
#preferencesForm label{
	display:inline-block;
}
#preferencesForm select{
    padding: 7px 8px;
    background-color: aliceblue;
    border-radius: 4px;
    margin-top: 5px;
    margin-bottom: 5px;
}
#preferencesForm div{
    padding: 2px 12px;
    border: 1px solid #dddddd;
    margin-bottom: 10px;
    border-radius: 2px;
	    color: #000 !important;
}
.cmbj_nocolor{
	background:transparent !important;
	background-color:transparent !important;	
	border-top: 1px solid #dddddd !important;
}

.cmbj_nocolor blockquote{
	background:transparent !important;
	background-color:transparent !important;	
}
.cmbj_nocolor::before {
	background:transparent !important;
	background-color:transparent !important;	
}
.comment .comment .cmbj_nocolor {
	background:transparent !important;
	background-color:transparent !important;
}
.comment .comment .comment .cmbj_nocolor {
	background:transparent !important;
	background-color:transparent !important;
}
.comment .comment .comment .comment .cmbj_nocolor {
	background:transparent !important;
	background-color:transparent !important;
}
.comment .comment  .comment .cmbj_nocolor,.comment .comment  .comment .cmbj_nocolor:hover {
	background:transparent !important;
	background-color:transparent !important;
}

.napomenaZaGnjezda{
    font-size: 14px;
    line-height: 110%;
    text-align: left;
    padding: 20px 20px !important;
    border: none !important;
    color: #707070;
    border-top: 2px solid #db9797 !important;
    margin-top: 20px;
	display:none;
}
.napomenaZaGnjezda strong{
color:#000;
}

.avad_no .comment_avatar{
	visibility:hidden !important;
    width: 0px;
    margin-right: -5px;
	    height: 42px;
}
.collapsedComment.avad_no .comment_avatar{
	height:auto;
}
.avad_no .comment_left {
    padding-top: 24px;
}

#comments_section[data-wide="1"] {
  max-width:none;
      max-width: 1200px;
}

#comments_section[data-minimal="1"] .comment{
margin-bottom: 0px;
}
#comments_section[data-minimal="1"] .comment.reply{
    margin-top: 4px;
}

#comments_section[data-minimal="1"] .comment.reply:last-child {
    margin-bottom: 20px !important;
	border-radius:3px 3px 10px 10px !important;
}

.paywall_message {
    background-color: #FFF;
    z-index: 999;
    margin-top: 10px;
    font-family: 'Source Serif Pro', serif;
}

.coverAndOgrada {
	position: absolute;
    width: 100%;
    background-color: black;
    transform: translateX(-50%);
    left: 50%;
    height: 300px;
    background: rgb(248, 246, 241);
    background: linear-gradient(0deg, rgba(248, 246, 241, 1) 0%, rgba(248, 246, 241, 0.5) 35%, rgba(248, 246, 241, 0) 85%);
    background: linear-gradient(0deg, rgba(248, 246, 241, 1) 0%, rgba(248, 246, 241, 0.5) 40%, rgba(248, 246, 241, 0) 100%);
    z-index: 1;
    
    pointer-events: none;
    margin-top: -400px;
}
.cnprg0{
	margin-top: -430px;
}
.coverAndOgrada:before {
    background: linear-gradient(-45deg, #ffffff 16px, transparent 0), linear-gradient(45deg, #ffffff 16px, transparent 0);
    background-repeat: repeat-x;
    background-size: 32px 32px;
    content: " ";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 32px;
    z-index: 1;
}

.whiteExtendToBottom{
    width: 100%;
    
    background-color: #ffffff;
    position: absolute;
    
    pointer-events: auto;
    margin-top: 300px;
}

.pretplataCallInfo{
	width: 100%;
    max-width: 1200px;
    
    
    margin: auto;
    margin-top: 100px;
}
.zaNastavak_morateBitiPretplatnik{
text-align: center;
    margin-top: 60px;
    font-size: 26px;
    font-family: rnd;
    letter-spacing: 0px;
    color: #44536e;
    border-bottom: 1px dashed #b0b0b0;
    font-weight: normal;
}
.izaberiteJednuOdOpcija{
    color: #503963;
    margin: auto;
    font-size: 18px;
    letter-spacing: 0.8px;
    margin-top: 10px;
    padding-bottom: 20px;
    max-width: 1020px;
    margin-bottom: 0px;
    font-family: 'Poppins', sans-serif;
    text-align: center;
}

.inline-map{

	    border-radius: 8px;
}

#mapPreview {
  width: 100%;
  height: 500px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.leaflet-popup-content-wrapper {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 4px;
    padding: 14px 8px;
    font-family: 'Georgia', serif;
    font-size: 15px;
    color: #111;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    max-width: 280px;
    line-height: 1.4;
    
    overflow-wrap: break-word;
    white-space: normal;
    
    
    left: 1px;
    margin-top: -130px;
    width: max-content;
    font-family: 'Source Sans Pro', sans-serif;
    text-align: center;
    line-height: 115%;
}
.leaflet-popup-tip-container {
  display: none; 
}

.advanceMapTooltip {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 4px;
    padding: 14px 8px;
    font-family: 'Georgia', serif;
    font-size: 15px;
    color: #111;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    max-width: 280px;
    line-height: 1.4;
    
    overflow-wrap: break-word;
    white-space: normal;
    
    
    left: 1px;
    margin-top: -40px;
    width: max-content;
    font-family: 'Source Sans Pro', sans-serif;
    text-align: center;
    line-height: 115%;
}

.advanceMapTooltip a {
  color: #cc0000;
  font-weight: bold;
  text-decoration: none;
}

.advanceMapTooltip a:hover {
  text-decoration: underline;
}
.advanceMapTooltip i.fa-external-link {
  float: right;
  margin-top: 4px;
      margin-left: 7px;
}
.leaflet-tooltip {
    white-space: normal;
}
.leaflet-popup-close-button{
	display:none;
}

.leaflet-marker-icon .fa{
    background-color: #069;
    border: 5px solid #FFF;
    border-radius: 100px;
    padding: 12px;
    margin-left: -17px;
    margin-top: -17px;
    box-shadow: 2px 2px 8px #00000087;
	font-size:24px;
}

.map-label {
	font-size: 16px;
    color: #000;
    background: rgba(255, 255, 255, 0.8);
    padding: 6px 10px;
    border-radius: 4px;
    width: max-content !important;
    height: max-content !important;
    max-width: 250px;
    font-family: 'Source Sans Pro', sans-serif;
    text-align: center;
    line-height: 125%;
	font-weight: bold;
}

.twitter-tweet,.instagram-media{
	    margin: auto !important;
}

.wikiInfo {
    background-color: #f6f6f6;
    border-radius: 10px;
    padding-left: 6px;
    margin-right: 4px;
    border-bottom: 1px solid #dbdbdb;
    position: relative;
    transition: background-color 0.3s ease;
}
.wikiInfo:hover {
    background-color: #f4f0e9;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.wikiInfo::after {
    content: "";
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    margin-left: 0.2em;
    vertical-align: middle;
    border-radius: 50%;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-brand-wikipedia'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 4.984h2' /%3E%3Cpath d='M8 4.984h2.5' /%3E%3Cpath d='M14.5 4.984h2.5' /%3E%3Cpath d='M22 4.984h-2' /%3E%3Cpath d='M4 4.984l5.455 14.516l6.545 -14.516' /%3E%3Cpath d='M9 4.984l6 14.516l6 -14.516' /%3E%3C/svg%3E");
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: -3px;
    margin-top: -2px;
    box-shadow: 1px 1px 2px #00000080;
    transform: rotate(-15deg);
    animation: swingOut 0.3s ease-out forwards;
}

.wikiInfo:hover::after {
    animation: swingIn 0.6s ease-out forwards;
}

@keyframes swingIn {
    0% {
        transform: rotate(-15deg);
    }
    40% {
        transform: rotate(8deg);
    }
    70% {
        transform: rotate(-4deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

@keyframes swingOut {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-15deg);
    }
}

.wiki-popup {
    position: absolute;
    z-index: 9999;
    background: white;
    border: 1px solid #ccc;
    max-width: 400px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    font-size: 14px;
    border-radius: 4px;
    overflow: hidden;
    line-height: 150%;
    padding-bottom: 10px;
    
    
    opacity: 0;
    display: none;
    transition: opacity 0.1s ease-in-out;
}
.wiki-popupWider{
	max-width: 550px;
}

.wiki-popup.show {
    display: block;
    opacity: 1;
}

.wiki-popup-inner {
    display: flex;
}

.wiki-popup a {
    text-decoration: none;
    padding-bottom: 7px;
    margin-bottom: 7px;
    display: block;
    border-bottom: 1px solid #e3e3e3;
    letter-spacing: 0.7px;
}
.wiki-popup a:hover {
    color: #069;
}

.wiki-popup .wiki-thumb {
    width: 120px;
    object-fit: cover;
    flex-shrink: 0;
    max-height: 220px;
    padding: 20px;
}

.wiki-popup .wiki-content {
    padding: 10px;
    flex-grow: 1;
    overflow: hidden;
}

.wiki-popup-link {
    text-decoration: none;
    color: inherit;
    pointer-events: auto;
}
.wiki-popup-link:hover {
    text-decoration: none;
}

.articleOuterContainer{
	overflow:hidden;
	    min-height: auto;
		    margin-bottom: 100px;
}
body{
min-height: 110vh;	
}
.timeline_wrapper {
  margin: 30px 0;
  width: 700px;
}
.clanak_sidebar .timeline_wrapper {
    width: 100%;
}

.timeline_wrapper h3{
    text-align: center;
    border-bottom: 2px dashed #0073aa;
    width: fit-content;
    margin: auto;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 150%;
color: #0073aa;	
}

.timeline_wrapper .timeline_inner {
  display: flex;
  position: relative;
  justify-content: center;
  gap: 60px;
}
.timeline_siroki{
	width:100%;
}

.timeline_maxi{
    position: relative;
    left: 50%;
    right: 50%;
    width: 100vw !important;
    margin-left: -50.1vw;
    max-width: 100vw !important;
	border-radius: 0px;
}

.timeline_line {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 12px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D'12'%20height%3D'40'%20viewBox%3D'0%200%2012%2040'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M6%2C0%20C9%2C10%203%2C10%206%2C20%20C9%2C30%203%2C30%206%2C40'%20stroke%3D'%230073aa'%20fill%3D'none'%20stroke-width%3D'2'/%3E%3C/svg%3E");
  background-repeat: repeat-y;
  background-position: center;
  background-size: contain;
  transform: translateX(-50%);
  z-index: 0;
}

.imageDetsblmn{
	color:#343434 !important;
}

.imageDetsblmn span{
	color:#b8b8b8;
}

.timeline_crvena .timeline_line{
background-image: url("data:image/svg+xml,%3Csvg%20width%3D'12'%20height%3D'40'%20viewBox%3D'0%200%2012%2040'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M6%2C0%20C9%2C10%203%2C10%206%2C20%20C9%2C30%203%2C30%206%2C40'%20stroke%3D'%23c73030'%20fill%3D'none'%20stroke-width%3D'2'/%3E%3C/svg%3E");
}
.timeline_crvena .timeline_date{
	color:#c73030;
}
.timeline_crvena .timeline_event::before{
  border: 2px solid #c73030;	
}
.timeline_has_bg.timeline_crvena .timeline_event{
	background:#fff9f9;
}

.timeline_zuta .timeline_line{
background-image: url("data:image/svg+xml,%3Csvg%20width%3D'12'%20height%3D'40'%20viewBox%3D'0%200%2012%2040'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M6%2C0%20C9%2C10%203%2C10%206%2C20%20C9%2C30%203%2C30%206%2C40'%20stroke%3D'%23dfaa15'%20fill%3D'none'%20stroke-width%3D'2'/%3E%3C/svg%3E");
}
.timeline_zuta .timeline_date{
	color:#9e6924;
}
.timeline_zuta .timeline_event::before{
  border: 2px solid #dfaa15;	
}
.timeline_has_bg.timeline_zuta .timeline_event{
	background:#fffdf7;
}

.timeline_crna .timeline_line{
background-image: url("data:image/svg+xml,%3Csvg%20width%3D'12'%20height%3D'40'%20viewBox%3D'0%200%2012%2040'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M6%2C0%20C9%2C10%203%2C10%206%2C20%20C9%2C30%203%2C30%206%2C40'%20stroke%3D'%23000'%20fill%3D'none'%20stroke-width%3D'2'/%3E%3C/svg%3E");
}
.timeline_crna .timeline_date{
	color:#000;
}
.timeline_crna .timeline_event::before{
  border: 2px solid #000;	
}

.timeline_crvena h3{
    border-color: #c73030;
	color: #c73030;
}
.timeline_zuta h3{
    border-color: #dfaa15;
	color: #9e6924;
}
.timeline_crna h3{
    border-color: #000;
	color: #000;
}
.timeline_siva h3{
    border-color: #989898;
	color: #989898;
}
.timeline_ljubicasta h3{
    border-color: #5f507e;
	color: #5f507e;
}

.timeline_crvena .timeline_icon{
	color: #c73030;
}
.timeline_zuta .timeline_icon{
	color: #dfaa15;
}
.timeline_crna .timeline_icon{
	color: #000;
}
.timeline_siva .timeline_icon{
	color: #989898;
}
.timeline_ljubicasta .timeline_icon{
	color: #5f507e;
}

.timeline_siva .timeline_line{
background-image: url("data:image/svg+xml,%3Csvg%20width%3D'12'%20height%3D'40'%20viewBox%3D'0%200%2012%2040'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M6%2C0%20C9%2C10%203%2C10%206%2C20%20C9%2C30%203%2C30%206%2C40'%20stroke%3D'%23989898'%20fill%3D'none'%20stroke-width%3D'2'/%3E%3C/svg%3E");
}
.timeline_siva .timeline_date{
	color:#989898;
}
.timeline_siva .timeline_event::before{
  border: 2px solid #989898;	
}

.timeline_icon{
    font-size: 30px;
    float: right;
    margin-right: -20px;
    margin-left: 20px;
    margin-top: 3px;	
}
.timeline_right .timeline_icon{
    float: left;
    margin-right: 20px;
    margin-left: -20px;
    margin-top: 3px;	
}

.timeline_ljubicasta .timeline_line{
background-image: url("data:image/svg+xml,%3Csvg%20width%3D'12'%20height%3D'40'%20viewBox%3D'0%200%2012%2040'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M6%2C0%20C9%2C10%203%2C10%206%2C20%20C9%2C30%203%2C30%206%2C40'%20stroke%3D'%235f507e'%20fill%3D'none'%20stroke-width%3D'2'/%3E%3C/svg%3E");
}
.timeline_ljubicasta .timeline_date{
	color:#5f507e;
}
.timeline_ljubicasta .timeline_event::before{
  border: 2px solid #5f507e;	
}
.timeline_has_bg.timeline_ljubicasta .timeline_event{
	background:#f4f2ff;
}

.timeline_line {
  animation: waveScroll 6s linear infinite;
}

@keyframes waveScroll {
  from { background-position-y: 0; }
  to   { background-position-y: 40px; }
}

.timeline_column {
  width: 45%;
  position: relative;
  z-index: 1;
}

.timeline_left .timeline_event {
  text-align: right;
}

.timeline_right {
  padding-top: 80px; 
}

.timeline_right .timeline_event {
  text-align: left;
}

.timeline_event {

  border-radius: 4px;
  padding: 15px;
  margin-bottom: 40px;
  position: relative;
}
.timeline_has_bg .timeline_event{
  background: #f9f9f9;
  border: 1px solid #ddd;	
}

.timeline_event::before {
  content: "";
  position: absolute;
  top: 20px;
  width: 12px;
  height: 12px;
  background: #fff;
  border: 2px solid #0073aa;
  border-radius: 50%;
  z-index: 2;
}

.timeline_left .timeline_event::before {
  right: -33px;
}

.timeline_right .timeline_event::before {
  left: -33px;
}

.timeline_linije .timeline_event::before {
    content: "";
    position: absolute;
    top: 20px;
        width: 28px;
    height: 5px;
    background: #0073aa;
    
    border-radius: 0px 10px 10px 0px;
    z-index: 0;
}
.timeline_linije .timeline_right .timeline_event::before {
	border-radius: 10px 0px 0px 10px;
   
}
.timeline_linije.timeline_crvena .timeline_event::before{
	background:#c73030;
}
.timeline_linije.timeline_crna .timeline_event::before{
	background:#000;
}
.timeline_linije.timeline_zuta .timeline_event::before{
	background:#dfaa15;
}
.timeline_linije.timeline_ljubicasta .timeline_event::before{
	background:#5f507e;
}
.timeline_linije.timeline_siva .timeline_event::before{
	background:#989898;
}

.timeline_prazno .timeline_event::before{
	background:#FFF;
	border-color:transparent;
}
.timeline_nema .timeline_event::before{
	background:transparent;
	border-color:transparent;
}

.timeline_text_veliki .timeline_headline{
	font-size:26px;
    font-size: 26px;
    line-height: 128%;
    margin-bottom: 10px;
}
.timeline_text_veliki .timeline_description{
	font-size:22px;
}
.timeline_image{
	
}
.timeline_image img{
    max-width: 100px;
    border-radius: 7px;
    display: inline-block;
}

.timeline_date {
  font-size: 14px;
  font-weight: bold;
  color: #0073aa;
  margin-bottom: 6px;
      font-family: 'rnd', 'Roboto', sans-serif;
}
.timeline_headline {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0px;
 font-family: 'Source Sans 3';
 font-family: 'gsb';
 letter-spacing:0.5px;
    line-height: 128%;
    margin-bottom: 6px;
	    font-family: "rnd";
}
.timeline_description {
  font-size: 16px;
  line-height: 1.4;
}

blockquote.bq_ver2{
    font-family: "Georgia", "Times New Roman", Times, serif;
    /* font-weight: 700; */
    text-align: center;
    color: #222;
    line-height: 1.2;
    /* font-size: clamp(24px, 4.0vw, 30px); */
    position: relative;
    max-width: 590px;
    margin: 3rem auto;
    padding: 4.25rem 1rem 1.25rem;
    border: 0;
    background: transparent;
    font-style: normal;
    font-family: 'Source Sans Pro', sans-serif;
	font-family: 'Source Serif Pro', serif;
	    margin-bottom: 32px;
}

blockquote.bq_ver2 cite{
    display: block;
    margin-top: 1rem;
    font-style: italic;
    font-weight: 400;
    color: #3d3d3d;
    font-size: clamp(14px, 1.6vw, 20px);
    text-align: center;
	font-family: 'Source Sans Pro', sans-serif;
}

blockquote.bq_ver2::before{
    content: "“";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -1.15rem;
    font-family: "Georgia", "Times New Roman", Times, serif;
    font-size: clamp(36px, 6.8vw, 134px);
    font-size: clamp(78px, 6.8vw, 134px);
    line-height: 1;
    color: #c6c6c6;
    
    border-radius: 2px;
    padding-left: 10px;
}

blockquote.bq_ver2::after{
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 1.7rem;                  
  height: 1px;

  
    background: linear-gradient(#5c5c5c, #5c5c5c) left 50% / calc(50% - 2.5rem) 1px no-repeat, linear-gradient(#5c5c5c, #5c5c5c) right 50% / calc(50% - 2.5rem) 1px no-repeat;
  
}

#live-updates-box {
    margin: auto;
}
.lup_cont{
    margin-left: -180px;	
}

#live-updates-box h2 {
    font-size: 16px;
    color: #bb5c5c;
    text-align: center;
    letter-spacing: 1px;
    margin-bottom: -18px;
    letter-spacing: 0.5px;
    position: relative;
    z-index: 1;
}

#live-updates-title{
    text-align: center;
    margin-bottom: 0px;
    font-size: 30px;
    margin-top: 50px;
    font-family: 'MyWebFont';
    font-family: 'tm3';
    font-family: 'rnd';	
}
#live-updates-title b{
	
	color: #bb5c5c;
}

.uzivoPojasnjenje{
    border-bottom: 5px double #b3b3b3;
    padding-bottom: 20px;
    margin-bottom: 70px;
    text-align: center;
    font-size: 16px;
    color: #515151;
    position: relative;
    
    box-shadow: 0px 40px 30px #0000000f;
    padding: 20px;
    width: fit-content;
    
    
    
    
    margin: auto;
    margin-bottom: 100px;
    border-radius: 0px 0px 7px 7px;
}
.uzivoPojasnjenje div{
    
    
    
    line-height: 130%;
	    width: 580px;
}

.live-update-item {
    width: 700px;
    margin: auto;
    padding: 10px 30px;
    border: 1px solid #bebebe;
    background-color: #ffffff;
    border-radius: 7px;
    border-top: 1px solid #dcdcdc;
    margin-bottom: 70px;
    border-bottom: 6px double #848484;
    position: relative;
    box-shadow: none;
    background-image:   radial-gradient(circle, rgba(255,255,255,1) 10%, rgba(104,104,104,0.07) 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;
	outline:0px;
    transition: box-shadow 0.3s 
ease, outline 0.3s;
    box-shadow: 0px 30px 30px #0000003d;
}

.live-update-item[data-text-scale="2"] p{
	font-size:120%;
}
.live-update-item[data-text-scale="3"] p{
	font-size:150%;
line-height: 140%;
}
.live-update-item[data-text-scale="4"] p{
	font-size:200%;
	    line-height: 120%;
}

.live-update-item[data-text-scale="2"] .live-update-title{
	font-size:150%;
}
.live-update-item[data-text-scale="3"] .live-update-title{
	font-size:180%;
}
.live-update-item[data-text-scale="4"] .live-update-title{
	font-size:240%;
	    line-height: 110%;
}

.live-update-item[data-display-mode="2"]{
    margin-left: auto !important;
    margin-right: auto !important;
    width: 120% !important;
    padding-bottom: 40px;	
}
.live-update-item[data-display-mode="2"] .live-update-title{
    margin-bottom: 0px;
    text-align: center;
    margin-top: 30px;
}

.live-update-item[data-style-variant="2"],.live-update-item[data-style-variant="2"] p,.live-update-item[data-style-variant="2"]{
	background:none;
    background-color: #000 !important;
	color:#FFF;
}
.live-update-item[data-style-variant="2"] .txele_norm.v2 .caption-text,.live-update-item[data-style-variant="2"] .txele_norm.v2 .image-meta{
	color:#FFF;
}

.live-update-item[data-style-variant="3"],.live-update-item[data-style-variant="3"] p,.live-update-item[data-style-variant="3"]{
	background:none;
    background-color: #952b2b !important;
	color:#FFF;
}
.live-update-item[data-style-variant="3"] .txele_norm.v2 .caption-text,.live-update-item[data-style-variant="3"] .txele_norm.v2 .image-meta{
	color:#FFF;
}

.live-update-item[data-style-variant="4"],.live-update-item[data-style-variant="4"] p,.live-update-item[data-style-variant="4"]{
	background:none;
    background-color: transparent !important;
	background-image:none !important;
	    box-shadow: none;
		border:none;
}
.live-update-item[data-style-variant="4"]{
    border-top: 1px solid #868686;
    border-radius: 0px !important;
	
}
.live-update-item[data-style-variant="4"]:hover{
	border-bottom:none;
}
.live-update-item[data-style-variant="4"] .txele_norm.v2 .caption-text,.live-update-item[data-style-variant="4"] .txele_norm.v2 .image-meta{
	
}

.live-update-item[data-style-variant="2"] .liveUpdateDirectUrl:hover,.live-update-item[data-style-variant="3"] .liveUpdateDirectUrl:hover{
	color: #FFF;
	transform:scale(1.2);
}

.live-update-item[data-style-variant="2"] .admin-live-btn, .live-update-item[data-style-variant="3"] .admin-live-btn{
    color: #FFF;
}
.live-update-item[data-style-variant="2"] .admin-live-btn:hover, .live-update-item[data-style-variant="3"] .admin-live-btn:hover{
    color: #333;
}

.live-update-item:nth-child(even) {
width: 520px;
        background-color: #e4dfd6;
	    background-color: #f5eddf91;
    margin-left: 330px;
    margin-right: -330px;
    background-image:   radial-gradient(circle, rgba(255,255,255,1) 8%, rgba(104,104,104,0.07) 20%),
  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>");
      border-radius: 3px 3px 0px 0px;
}

.live-update-item time {
    display: block;
    font-size: 0.85rem;
    color: #797979;
    position: absolute;
    top: -28px;
    right: 12px;
	letter-spacing:0.5px;
	    z-index: 0;
}
.live-update-item:nth-child(even) time {
    margin-left: 30px;
	left: 12px;
	right:auto;
}

.live-update-item:first-of-type time {
    left: 12px;
}

    
.live-update-item:not(:first-of-type) time::before {
    content: "";
    display: block;
    width: 1px;
    height: 71px;
    background-color: #bebebe;
    left: 14px;
    top: -43px;
    position: absolute;
    z-index: 0;
    background: linear-gradient(180deg, #747474, #888);
}

.live-update-item figure {
    margin-top: 0px;
    margin-bottom: 15px;
}

.live-update-item a {
    text-decoration: underline;
    background-color: #e2dab8;
    color: #000;
	transition: background-color 0.2s, padding 0.2s, margin 0.2s, color 0.2s;
}

.live-update-item:nth-child(even) a {
    background-color: #fff2bc;
}

.live-update-item a:hover {
    background-color: #596268;
    color: #FFF;
    text-decoration: none;
    border-radius: 2px;
    padding-left: 4px;
    margin-left: -4px;
    padding-right: 4px;
    margin-right: -4px;
}

.live-update-item time strong{
	color:#000;
}
.uzivoTimeIkona{
    color: #444;
    margin-right: 6px;
    font-size: 20px;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    margin-left: 2px;
    padding-top: 1px;
    margin-top: -5px;
	transition: color 0.2s;
}
.uzivoTimeIkona::after{
    content: "";
    position: absolute;
    width: 25px;
    height: 24px;
    background-color: #ebebeb;
    left: 0px;
    top: -1px;
    z-index: -1;
    border-radius: 20px;
    background: linear-gradient(180deg, #e8e8e4, #f6f5f1);
}

.live-update-item:first-of-type .uzivoTimeIkona::after {
	display:none;
}

.live-update-item:hover{
border-bottom: 6px double #101010;
    box-shadow: 0px 20px 30px #00000078;
}

.live-update-item:hover .uzivoTimeIkona {
    color: #557696;	
}
.live-update-item:hover time {
    color: #000000;
}
.pinnedUzivo{
    position: absolute;
    right: 20px;
    top: -18px;
    font-size: 20px;
    
    color: #be6c6b;
}
.liveAndPinned{
    border-bottom: 5px solid #dd5e5e;
    border-radius: 10px 10px 3px 3px;
    background-color: #fbf3e6 !important;	
	width: 700px !important;
}

.live-update-title {
    margin: 0px;
    padding: 0px;
    line-height: 100%;
    margin-bottom: 14px;
    margin-bottom: -10px;
    padding-bottom: 10px;
    margin-top: 10px;
    letter-spacing: 0px;
    font-size: 24px;
    position: relative;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 140%;
    border-bottom: 1px dashed #bdbdbd;
    font-family: 'rnd', 'Roboto', sans-serif;
}
.lut_noBorder{
	border-bottom: 1px dashed transparent;
	padding-bottom: 18px;
}

.live-update-content {

}
.bezTitleaLive{
    margin-top: -7px;	
}

.live-update-item:last-child {
    border-bottom: 9px double #bebebe;
  border-radius:10px 10px 4px 4px;
}

@media (max-width: 600px) {
  #live-updates-box {
    padding: 15px;
  }

  .live-update-title {
    font-size: 1rem;
  }

  .live-update-content {
    font-size: 0.95rem;
  }
}

.live-update-item blockquote{
    background: #fbf9f2;
    box-sizing: border-box;
    border-right: 1px solid #d8d8d8;
    border-bottom: 2px dashed #dcdcdc;	
}

.liveUpdateDirectUrl {
    cursor: pointer;
    position: absolute;
    right: 9px;
    bottom: 6px;
    color: #8f8f8f;
	display:none;
}
.live-update-item:hover .liveUpdateDirectUrl{
	display:block;
}
.liveUpdateDirectUrl:hover{
	color: #000;
	transform:scale(1.2);
}

.scrolledTOSegment{
	outline: 13px solid #806b5524;
}
.situacijaPregledDetalja{
    margin: auto;
    margin-bottom: 100px;
    width: 700px;
    padding: 20px;
    background-color: #f4f3ef;
    font-size: 16px;
    text-align: center;
    border-bottom: 2px solid #c1bdb1;
    border-radius: 3px;
	    font-family: 'Source Serif Pro', serif;
		margin-top: 50px;
}
.situacijaPregledDetalja i{
    color: #797fae;
    margin-right: 10px;
    vertical-align: middle;
    font-size: 24px;
}

.nk_lu_item.dm-2 { padding: 12px; }

.nk_lu_item.sv-2 { background:#000; color:#fff; }       
.nk_lu_item.sv-3 { background:#b30000; color:#fff; }    
.nk_lu_item.sv-4 { background:transparent; }

.nk_lu_item.ts-2 { font-size: 1.2em; }
.nk_lu_item.ts-3 { font-size: 1.5em; }
.nk_lu_item.ts-4 { font-size: 2.0em; }

.thisArticleIsSaved,.thisArticleIsSaved:hover{
    background-color: #95c79d;
    border-radius: 20px;	
}
.thisArticleIsSaved i,.thisArticleIsSaved:hover i{
    color: #FFF;	
}

.star-rating {
  display: flex;
  gap: 4px;
      justify-content: center;
}

.star {
  width: 32px;
  height: 32px;
}

.paradivider,.paradivider2{
    background-image: url(/2025/assets/dividers/dvr1.png);
    width: 100%;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0px;
    border: none;
	    margin-left: -14px;
}
.paradivider2{
    background-image: url(/2025/assets/dividers/dvr2.png);
}

.tockastidizajngore_manje{
background-image: radial-gradient(#5b6c90 1px, transparent 1px);
background-size: 20px 20px; 	
}
.tockastidizajngore_vece{
    background-image: radial-gradient(#3e3955 3px, transparent 2px);
    background-size: 25px 25px;	
}

.clbf_lijevo{
	text-align:left;
}

.clbf_lijevo .clanak_title {
    max-width: none;
    margin: 0px;
    text-align: left;
    padding-left: 0px;
    padding-right: 0px;
}
.clbf_lijevo .clanak_nav ul {
    justify-content: left;
    padding-inline-start: 0px;
}
.clbf_lijevo .clanak_byline {
    max-width: none;
    text-align: left;
}
.clbf_lijevo .clanak_date {
    text-align: left;
    margin-top: 0px;
}
.clbf_lijevo .icon-container {
    justify-content: left;
	margin-left: -8px;
}
.clbf_lijevo .clanak_lead_paragraph {
    padding-left: 0px;
    padding-right: 0px;
    text-align: left;
    border-left: none;
}

:root{
  --gal-gap: 10px;        
  --grid-fixed-h: 180px;  
  --grid-min-w: 220px;    
  
}

.gallery_intext{
  position: relative;
  width: 100%;
  margin: 0;
  padding-bottom: 13px;
  margin-bottom: -6px;
}
.gallery_intext::before{

}
.clanak_wrapper_onEdit .gallery_intext::before{ display:none; }

.intext-slider{
  display: flex;
  overflow: hidden;
  height: inherit;
}
.intext-slider figure{
  flex: 0 0 100%;
  box-sizing: border-box;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
.intext-slider figure img{
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: top;
}
.expandImageFromGal{
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  transform: translateZ(0);
  font-size: 100px; color:#fff;
  z-index: 11; padding: 40px;
  opacity: 0; transition: opacity .2s ease;
  cursor: zoom-in;
  
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.expandImageFromGal:hover{
  opacity: 1;
  animation: spinexpnd 5s ease infinite;
}
@keyframes spinexpnd{
  0% { color:#fff; } 54.5% { color:#ffc360; } 100% { color:#fff; }
}

.nopadmetarw{ padding:0 !important; }

.clanak_content figure.actglimm{
  border-bottom: 1px solid #e7e7e7;
  box-shadow: 0 0 10px #f4f4f4;
  border-top: 3px solid #413a53;
}

.unpackgal, .fullscreengal{ cursor:pointer; }
.unpackgal i, .fullscreengal i{
  vertical-align: bottom; font-size: 20px; padding: 0 8px 0 10px;
}
.unpackgal:hover i, .fullscreengal:hover i{ color:#f1c94b; }

.modal-image-open { overflow: hidden; }

#fullscreenImageOverlay{
  position: fixed; inset: 0;
  background: rgb(0 0 0 / 85%);
  overflow: auto;
  cursor: grab;
  z-index: 9999;
  display: flex; align-items: start; justify-content: center;
}
#fullscreenImageOverlay img{
  display: block;
  max-width: none;
  margin: 0 auto;
  user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
  
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: -1;
}
.fscr_prev, .fscr_next{
  position: fixed; top: 50%;
  color: #fff;     background-color: #5c5c5c;
  padding: 20px; font-size: 2em; cursor:pointer;
  opacity: 0; transition: opacity .1s;
}
.fscr_prev::after, .fscr_next::after{
  content:""; position:absolute; width:100%;
  left:-50px; top:-100vh; height:500vh; padding:27px;
      width: 500px;
}
.fscr_next::after{
	left:-550px
}
.fscr_prev{ left: 0; border-radius: 4px; margin-left: 60px; }
.fscr_next{ right:0; border-radius: 4px; margin-right:60px; }
.fscr_prev:hover, .fscr_next:hover{ opacity: 1; }

.limitHeight{ cursor: zoom-out !important; }
.limitHeight img{ max-height:100%; }
.limitWidth img{ max-width:100% !important; }

.intextctrlnobord{ border-radius:0 !important; }

.right-indent{
  float: right;
  width: 158px;
  height: 25px;
  margin-left: 10px;
}
.dthv_0 .right-indent{ display:none; }

.intext-slider figure .caption-row{
  position: relative;
  bottom: 0; left: 0; right: 0;
  display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;
  padding: 15px 20px;
  background: rgba(255,255,255,.95);
  box-shadow: 0 -2px 6px rgba(0,0,0,.1);
  font-family: gsr; letter-spacing: 1px;
  background-color: #f8f5f0;
}
.caption-text{
  flex: 1 1 auto; margin: 0; line-height: 1.4;
  font-family: 'Source Sans 3'; font-size: 90%;
}
.gallery_intext .caption-text{
  margin-right: 0; text-align: justify; padding: 0;
}
.gallery_intext .image-meta{
  position: absolute; right: 20px; bottom: 100%;
  flex: 0 0 auto; font-size: 12px; color: #e2e2e2;
  max-width: 100%;
  padding: 4px 20px 0 14px; margin-left:10px;
  background-color: #0000007d; letter-spacing: 0;
  font-family: monospace; text-transform: uppercase; text-align:left;
  border-left: 1px dashed #000; line-height: 150%;
  border-radius: 4px 0 0 0;
  margin-bottom: 0px;
      padding-bottom: 6px;
}

.intext-controls{
  position: absolute; right: 0; top: calc(100% - 43px);
  display: flex; align-items: center; font-size: 14px;
  padding: 6px 4px; margin-top:-8px;
  border-bottom: 1px solid #d6d6d6; border-radius: 0;
  z-index: 1000; color: #535353; background: transparent;
}
.intxcontop.intext-controls{
  color:#cfcfcf; border-bottom:1px solid #6d6d6d; border-radius:1px 8px 2px 4px;
}
.intext-controls button{
  pointer-events: all; background: transparent; border:0;
  font-size: 24px; line-height: 1; cursor:pointer;
  padding: 4px 8px; border-radius: 4px; transition: color .2s;
  color: #9189a4;
}
.intext-controls button:hover{ color:#ff6f24; }

.intext-counter{ pointer-events:none; font-weight:bold; padding-top:5px; }
.intext-counter u{ text-decoration:none; position:relative; display:inline-block; }

.tempoverlayfg{ position:absolute !important; z-index:1; width:100% !important; }
.tempoverlayfg img{ width:100%; }

.gallery_arrow{
  position: absolute; top: 50%; transform: translateY(-50%);
  font-size: 2rem; color: rgb(0 0 0 / 80%); cursor: pointer;
  z-index: 10; padding: .5em; pointer-events:auto;
  display:flex; align-items:center; justify-content:center;
  opacity: 0; transition: opacity .2s ease;
  height:100%; width:45%;
}
.galinner{
  background-color: transparent; border: 2px dashed transparent;
  width: 70px; height: 70px; border-radius: 50%;
  text-align: center; transition: background-color .2s ease;
}
.galinner i{ vertical-align: bottom; display:inline-block; transform-origin:center; }

.gallery_arrow:hover{ color:#ffc360; }
.intext-slider:hover .gallery_arrow{ opacity:1; }
.gallery_arrow_left{ left: 10px; color:#d6cff4; justify-content:left; }
.gallery_arrow_right{ right:10px; color:#d6cff4; justify-content:right; }

.gallery_arrow:hover .galinner i{ animation: spin-once-delay 1.1s ease infinite; }
.gallery_arrow:hover .galinner{
  background-color: rgb(158 188 217 / 40%);
  border: 2px solid #413a53; transition: border .1s ease, background-color 1s ease;
}
@keyframes spin-once-delay{
  0%{ transform: rotate(0); }
  54.5%,100%{ transform: rotate(360deg); }
}

.intext-slider img{ cursor:pointer; }
.intxcontop{ top: 30px; background:#413a53; padding-left:10px; z-index:12; }
.galfitContain img{ object-fit: contain !important; }

.gallery_unpacked{ margin: 24px 0 12px; }
.gallery_unpacked .intext-slider{
  display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 16px; height: auto; overflow: visible;
}
.gallery_unpacked figure{ display:block !important; width:100%; margin:0; border-radius:2px !important; box-shadow: none; }
.gallery_unpacked figure:hover{
  outline: 4px solid #413a53; box-shadow: 10px 10px 10px #a3a3a3;
}
.gallery_unpacked figcaption,
.gallery_unpacked .gallery_arrow,
.gallery_unpacked .expandImageFromGal{ display:none !important; }
.clanak_content .gallery_unpacked figure img{
  width:100% !important; height:100%; max-height:200px; margin-left:0 !important;
}
.gallery_unpacked figure.ui-sortable-helper{
  width:100px !important; height:100px !important; max-width:100px !important;
}

.clanak_content .nazivOveGalerije{
  width: max-content !important;
  font-family: 'rnd'; font-weight: normal; letter-spacing: 1.6px;
  font-size: 18px; color:#fff; background:#413a53;
  padding: 4px 22px 6px 14px; margin: 20px 0 -24px 0;
  border-radius: 14px 14px 0 0; position: relative; z-index: 1111;
  border-radius: 4px 4px 0 0;
}
.nazivOveGalerije i{
  color:#695798; vertical-align: sub; font-size: 24px; margin-right: 10px;
}

.komentariInicijativa{
  padding: 20px 20px 20px 71px;
  background:#f5f1ed; border-radius:10px; margin: -20px auto 50px;
  max-width: 370px; font-size: 17px; line-height: 140%;
  font-family: 'Source Serif Pro', serif; position: relative;
  transition: background-color .2s;
}
.komentariInicijativa i{
  position: absolute; left:16px; font-size:40px; color:#8586a4; transition: color .2s;
}
.komentariInicijativa::after{
  content:""; position:absolute; bottom:-13px; left:75%; transform:translateX(-50%);
  width:0; height:0; border-left:12px solid transparent; border-right:12px solid transparent;
  border-top:15px solid #f5f1ed; transition: left .6s ease-in-out, border-color .2s;
}
.komentariInicijativa:hover{ background:#e5eef6; cursor:default; }
.komentariInicijativa:hover::after{ border-top:15px solid #e5eef6; left:50%; }
.komentariInicijativa:hover i{ color:#2b2d68; }

.comment_blocked_notice{
  background:#fff4f4; border:1px solid #e0b4b4; color:#a94442;
  padding: 15px 20px; border-radius:8px; font-size:15px; line-height:1.5;
  margin: 15px 0; width: 760px;
}
.comment_blocked_notice a{ color:#a94442; font-weight:bold; text-decoration:underline; }
.comment_blocked_notice a:hover{ text-decoration:none; }
.pretfoffnotice{ text-align:center; padding:20px; margin-top:60px; font-size:24px; }

.galleryContainerArticle{ margin:8px 0 12px; position: relative; }
.galleryContainerArticle .galleryHero{
  position:relative; width:100%;
  aspect-ratio: var(--hero-ar, 16/9);
  overflow:hidden; border-radius:3px; background:#f6f7f8;
}

.gHeroLayer{
  position:absolute; inset:0; opacity:0;
  transition: opacity var(--gal-fade-ms,260ms) var(--gal-ease,cubic-bezier(.2,0,.2,1));
  will-change: opacity;
}
.gHeroLayer.is-in{ opacity:1; }

.gHeroMedia,
.galleryHero img, .galleryHero video,
.galleryHero .plyr__video-embed, .galleryHero .video_embed{
  width:100%; height:100%; object-fit:cover; display:block;
}

.galleryHero .gHeroCaption{
  position:absolute; left:0; right:0; bottom:0; color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,.5);
  padding:10px 12px; font-size:15px; line-height:1.35;
  background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.45) 90%);
  pointer-events:none;
}
.gHeroCaption .credit{ font-size:12px; opacity:.85; }
.gHeroCaption.type4, .gHeroCaption.type3{     bottom: auto;
    left: 0px;
    top: 0px;
	transition: left 0.5s;
    background: none; }

.gLightbox .gHeroCaption.type4,.gLightbox .gHeroCaption.type3{ 
    display:none;
}

.design-1.mode-variable .galleryHero:hover .gHeroCaption.type4, .design-1.mode-variable .galleryHero:hover .gHeroCaption.type3{ left: 50px; }

.galleryContainerArticle .plyr--video{ height:100%; }

.galleryThumbs{
    display: grid
;
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    gap: 30px;
    margin-top: 22px;
    
    padding: 8px;
    border-radius: 6px;
}

:root{
  --gThumb-radius: 3px;
  --gThumb-border: #e9e7ef;
  --gThumb-bg: #fff;
  --gThumb-shadow: 0 4px 10px rgba(24,24,40,.08);
  --gThumb-shadow-hover: 0 10px 22px rgba(24,24,40,.15);
  --gThumb-accent: #ab85c4;
  --gThumb-accent-weak: color-mix(in oklab, #ab85c4 26%, white);
  --gThumb-badge-bg: #765d89;
}

.gThumb{
  padding:0; border:0; background:transparent; cursor:pointer; border-radius:0;
  -webkit-tap-highlight-color: transparent; appearance:none; outline:none;
}

.gThumb .gThumbInner{
  position:relative;
  display:grid;
  border:1px solid var(--gThumb-border);
  background:var(--gThumb-bg);
  border-radius:var(--gThumb-radius);
  overflow:hidden;
  box-shadow: var(--gThumb-shadow);
  transition:
    box-shadow .18s ease,
    border-color .18s ease,
    transform .18s ease;
  will-change: transform;
}

.gThumb img{
  display:block;
  width:100%;
  height:78px;            
  object-fit:cover;
  transition: transform .25s ease, filter .25s ease, opacity .25s ease;
  will-change: transform;
}

.gThumb .gThumbInner::after{
  content:"";
  position:absolute; inset:0 0 auto 0; height:26%;
  background: linear-gradient(to bottom, rgba(255,255,255,.35), rgba(255,255,255,0));
  pointer-events:none;
  transition: opacity .25s ease;
  opacity:.75;
}

.gThumb.is-active .gThumbInner,
.gThumb[aria-selected="true"] .gThumbInner{
  box-shadow: 0 0 0 3px var(--gThumb-accent-weak), var(--gThumb-shadow);
  border-color: transparent;
}
.gThumb.is-active .gThumbInner,.gThumb.is-active:hover .gThumbInner{    outline: 4px solid #75558b;
    
    transition: transform .25s ease, box-shadow 0.25s, outline 0.25s, width 0.25s;
    width: 110%;
    margin-left: -5%;
    z-index: 1;
	}

.gThumb:hover .gThumbInner{
  box-shadow: var(--gThumb-shadow-hover);
  transform: translateY(-3px);
}
.gThumb:hover img{
  filter: saturate(1.05) contrast(1.02);
}
.gThumb:hover .gThumbInner::after{ opacity: .55; }

.gThumb:focus-visible .gThumbInner{
  box-shadow: 0 0 0 3px var(--gThumb-accent), var(--gThumb-shadow);
  border-color: transparent;
}

.gThumb:active .gThumbInner{ transform: translateY(0); }
.gThumb:active img{  }

.gBadgePlay{
  position:absolute; right:8px; bottom:8px;
  font-size:13px; line-height:1;
  background:var(--gThumb-badge-bg);
  color:#fff; padding:6px 8px;
  border-radius:8px;
  box-shadow: 0 6px 14px rgba(0,0,0,.22);
  display:inline-grid; place-items:center;
  transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
  opacity:.94;
  
  backdrop-filter: saturate(120%) blur(2px);
}
.gThumb:hover .gBadgePlay{
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(0,0,0,.28);
  opacity:1;
  background:#069;
}

.gThumb .gThumbInner::before{
  content:"";
  position:absolute; inset:0;
  background:
    linear-gradient(120deg, transparent 40%, rgba(255,255,255,.22) 50%, transparent 60%);
  transform: translateX(-100%);
  opacity:0;
  pointer-events:none;
  transition: transform .6s ease, opacity .3s ease;
}
.gThumb:hover .gThumbInner::before{
  transform: translateX(100%);
  opacity:1;
}

@media (prefers-reduced-motion: reduce){
  .gThumb .gThumbInner,
  .gThumb img,
  .gBadgePlay,
  .gThumb .gThumbInner::before,
  .gThumb .gThumbInner::after{
    transition: none !important;
  }
}

.gNavWrap{
  position:absolute; z-index:7; right:12px; top:8px;
  width:96px; height:50px; opacity:0; transition: opacity .5s .15s;
}
.galleryContainerArticle[data-height-mode="2"] .gNavWrap{ top:38px; }
.galleryContainerArticle:hover .gNavWrap{ opacity:.4; }
.gNavWrap:hover{ opacity:1 !important; transition-delay:0s; }

.gNav{
  position:absolute; top:50%; transform:translateY(-50%);
  width:32px; height:32px; border-radius:50%;
  border:1px solid rgb(0 0 0 / 34%); background:#fff; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 2px 8px rgb(0 0 0 / 38%);
}
.gPrev{ left:8px; } .gNext{ right:8px; }
.gNav span{
  font-size:30px; line-height:1; font-family:'rnd','Roboto',sans-serif;
  display:block; margin-top:-4px; color:#676767;
}
.gNext span{ margin-left:2px; }
.gNav:hover span{ color:#f36115; }
.gNav:hover{ background:#fff4cc; }
.gNav:active{ background:#b39071; }
.gNav:active span{ color:#fff; }

.gDots{ display:flex; gap:6px; justify-content:center; margin:12px 0 2px; }
.gDot{ width:12px; height:12px; border-radius:20px; background:#d0d3d8; border:0; cursor:pointer; }
.gDot:hover{ background:#555; }
.gDot.is-active{ background:#a19279; }

.galleryHero{ position:relative; }
.gNavOverlay{ position:absolute; inset:0; pointer-events:none; }

.galleryContainerArticle.design-2.mode-variable.controls-above .gNavOverlay{
	display:none;
}

.gNavOverlay .gNav{
  pointer-events:auto; position:absolute; top:50%; transform:translateY(-50%);
  width:36px; height:36px; border-radius:50%;
  border:1px solid rgba(0,0,0,.12); background:#fff; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 2px 8px rgba(0,0,0,.12);
  z-index:7; opacity:0; transition: opacity .2s;
}
.gNavOverlay .gPrev{ left:18px; } .gNavOverlay .gNext{ right:18px; }
.galleryHero:hover .gNav{ opacity:1; }
.galleryContainerArticle[data-height-mode="2"] .gNav{ top:28px; }

.galleryContainerArticle.design-1,
.galleryContainerArticle.design-2{ display:flex; flex-direction:column; }
.galleryContainerArticle.design-1 .galleryHero { order:1; }
.galleryContainerArticle.design-1 .galleryThumbs { order:2; }
.galleryContainerArticle.design-2 .galleryHero { order:1; }
.galleryContainerArticle.design-2 .gDots      { order:2; }

.galleryContainerArticle.controls-above.design-1 .galleryThumbs{ order:0; margin-bottom:10px; }
.galleryContainerArticle.controls-above.design-1 .galleryHero  { order:1; }
.galleryContainerArticle.controls-above.design-2 .gDots        { order:0; margin-bottom: 20px;
    margin-top: -10px; }
.galleryContainerArticle.controls-above.design-2 .galleryHero  { order:1; }

.gGridItem{
  position:relative; padding:0; border:0; border-radius:3px; overflow:hidden;
  cursor:pointer; background:#fff; border:1px solid #eee;
  outline: 2px solid transparent;	
  transition:outline 0.2s;
}
.gGridItem:hover{
    outline: 2px solid #9187a7;	
}

.gGridItem .gBadgePlay{ position:absolute; right:8px; bottom:8px; }

.galleryContainerArticle.mode-fixed.design-3 .galleryGrid{
  display:grid; gap: var(--gal-gap);
  grid-template-columns: repeat(auto-fill, minmax(var(--grid-min-w, 220px), 1fr));
}
.galleryContainerArticle.mode-fixed.design-3 .gGridItem img{
  width:100%; height: var(--grid-fixed-h, 180px); object-fit: cover; display:block;
}

.galleryContainerArticle.mode-variable.design-3 .galleryGrid{ column-gap: var(--gal-gap); }
.galleryContainerArticle.mode-variable.design-3 .galleryGrid.fallback-columns{ column-width: var(--grid-min-w, 220px); column-gap: var(--gal-gap); }
.galleryContainerArticle.mode-variable.design-3 .galleryGrid.fallback-columns .gGridItem{
  display:block; margin: 0 0 var(--gal-gap); break-inside: avoid;
}
.galleryContainerArticle.mode-variable.design-3 .gGridItem img{
  width:100%; height:auto; object-fit: contain; display:block;
}

.galleryContainerArticle.mode-variable.design-3 .galleryGrid.is-packery{
  position: relative;   
  column-gap: 0;
}
.galleryContainerArticle.mode-variable.design-3 .galleryGrid.is-packery .gGridItem{
  margin: calc(var(--gal-gap)/2);
  box-sizing: border-box;
  
}

.galleryContainerArticle.mode-variable.design-3 .galleryGrid.not-ready{
  opacity: 0; visibility: hidden;
}
.galleryContainerArticle.mode-variable.design-3 .galleryGrid.is-ready{
  opacity: 1; visibility: visible; transition: opacity 220ms ease;
}

:root{
  --lb-max-w: 2600px; 
  --lb-max-h: 92vh;   
}

.gLightbox[hidden]{ display:none; }
.gLightbox{
  position: fixed; inset: 0;
  background: #000;
  z-index: 9999;
  display: flex; align-items: center; justify-content: center;
  padding: 24px;
}

.gLbInner{
  width: min(var(--lb-max-w, 2600px), 96vw);
  max-height: var(--lb-max-h, 92vh);
  aspect-ratio: var(--lb-ar, 16/9);
  background: #000;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}

.gLbInner .gHeroLayer{
  position: absolute; inset: 0;
  opacity: 0;                
  z-index: 0;
  transition: opacity var(--gal-fade-ms,260ms) var(--gal-ease,cubic-bezier(.2,0,.2,1));
  background: #000;          
  will-change: opacity;
     background: radial-gradient(black, #5a656a);
}
.gLbInner .gHeroLayer.is-in{
  opacity: 1;
  z-index: 1;                
}
.gLbInner .gHeroLayer.is-out{
  opacity: 0;                
  z-index: 0;
}

.gLightbox .gHeroMedia,
.gLightbox .plyr--video,
.gLightbox .plyr__video-embed,
.gLightbox .video_embed{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
 
}

video.gHeroMedia,.gLightbox .plyr--video,
.gLightbox .plyr__video-embed,
.gLightbox .video_embed{
    
 
}

.gLbClose{
    position: absolute;
    top: 34px;
    right: 24px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    background: rgb(255 255 255 / 80%);
    cursor: pointer;
    font-size: 20px;
    line-height: 1;
    color: #333;
    display: flex
;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(6px);
    transition: background-color 0.25s 
ease, color 0.25s 
ease, transform 0.25s 
ease, box-shadow 0.25s 
ease;
    z-index: 5;
}

.gLbClose:hover{
  background: #fff;
  color: #e53935;              
  transform: rotate(90deg);    
  box-shadow: 0 4px 10px rgba(0,0,0,0.35);
}

.gLbClose:active{
  transform: scale(0.9) rotate(90deg);
  background: #f8f8f8;
}

.gLbDots{
position: absolute;
    bottom: 18px;
    left: 40px;
    right: 40px;
    display: flex;
    gap: 8px;
    justify-content: center;
    z-index: 1;
}

.gLightbox .gDot{
  width: 18px; height: 18px;
  border-radius: 50%;
  background: #555;
  border: 2px solid #aaa;
  padding: 0;
  cursor: pointer;
  position: relative;
  overflow: hidden;

  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    background-color 0.25s ease;
}
.gLightbox .gDot::after{
  content: "";
  position: absolute; inset: 0;
  border-radius: 50%;
  background: #fff;
  transform: scale(0);
  transition: transform 0.35s cubic-bezier(.4,0,.2,1);
}
.gLightbox .gDot:hover{
  transform: scale(1.2);
  border-color: #fff;
  background: #777;
}
.gLightbox .gDot.is-active::after{
  transform: scale(1);
}
.gLightbox .gDot.is-active{
  border-color: #fff;
  background: #999;
}

.gLightbox .gLbMeta{
  position: absolute; left: 0; right: 0; bottom: 65px;
  display: flex; gap: 12px; align-items: flex-end; justify-content: center;
  color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.5);
  
      z-index: 1;
}
.gLightbox .gLbIndex{
  font-weight: 600; padding: 4px 8px;
  background: rgba(0,0,0,.35); border-radius: 12px;
}
.gLightbox .gLbText{
  max-width: min(90vw, 1000px);
  padding: 6px 10px;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.45) 90%);
  border-radius: 6px;
}
.gLightbox .gLbText .cap{ font-size: 15px; line-height: 1.4; }
.gLightbox .gLbText .credit{ font-size: 12px; opacity: .9; margin-top: 2px; }

.gLbSide{
  position:absolute; top:50%; transform:translateY(-50%);
  width:56px; height:56px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background: rgba(255,255,255,0.92);
  color:#333;
  box-shadow: 0 8px 22px rgba(0,0,0,.25), 0 2px 8px rgba(0,0,0,.15);
  backdrop-filter: blur(6px);
  cursor: pointer; user-select: none;
  z-index: 3; opacity: 0;
  transition: opacity .25s ease, transform .22s ease, box-shadow .22s ease;
}

.gLbHotzone{
  position:absolute; top:0; bottom:0; width:15%;
  z-index: 2; 
         bottom: 20%;
}
.gLbHotzone.left{ left:0; }
.gLbHotzone.right{ right:0; }

.gLbHotzone:hover + .gLbSide,
.gLbSide:hover{
  opacity: 1;
}



@media (hover: none) and (pointer: coarse) {
    .gLbHotzone,.gLbSide{
display:none;
    }
}




.gLbSide:hover{
  transform:translateY(-50%) scale(1.06);
  box-shadow: 0 10px 26px rgba(0,0,0,.28), 0 3px 10px rgba(0,0,0,.18);
}
.gLbSide:active{
  transform:translateY(-50%) scale(.94);
  background:#fff;
  box-shadow: inset 0 2px 8px rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.2);
}

.gLbPrev{ left:68px; }
.gLbNext{ right:68px; }

.gLbSide::before{
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border: 3.5px solid currentColor;
    border-top: none;
    border-right: none;
    transform: rotate(45deg);
    margin-left: -5px;
}
.gLbPrev.gLbSide::before{
	margin-left: 3px;
}
.gLbNext::before{ transform: rotate(-135deg); }
.gLbPrev::before{ transform: rotate(45deg); }

.gLbInner .gHeroLayer{
  background:#000;
}

.gHeroLayer.swiping{
  transition: none !important;
  cursor: grabbing;
}

.gLbRail{
  position:absolute; top:0; bottom:0; width:18%;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer; z-index:3;
  background: linear-gradient(to right, rgba(0,0,0,.08), transparent);
  opacity: 0; transition: opacity .25s ease;
}
.gLightbox:hover .gLbRail{ opacity: 1; }
.gLbRailPrev{ left:0; transform:none; }
.gLbRailNext{ right:0; transform:none; }

.gLbInner{
  cursor: grab;
  touch-action: none;         
  user-select: none;
}
.gLbInner.dragging{
  cursor: grabbing;
}
.gLbInner *{
  user-select: none;
}

.galleryContainerArticle .galleryHero{
  touch-action: pan-y;
  cursor: grab;
}
.galleryContainerArticle .galleryHero.is-grabbing{ cursor: grabbing; }

.galleryContainerArticle .galleryHero .gHeroLayer{
  transition:
    opacity var(--gal-fade-ms,260ms) var(--gal-ease,cubic-bezier(.2,0,.2,1)),
    transform 180ms ease;
  will-change: opacity, transform;
}

.galleryContainerArticle .heroSwipeZone{
  position:absolute; top:0; bottom:0; width:50%;
  z-index:2;
  pointer-events:none;
  cursor: grab;
  touch-action: pan-y;      
  opacity: 0;               
  transition: opacity .18s ease;
  background: linear-gradient(to right, rgba(0,0,0,.03), rgba(0,0,0,0));
}
.galleryContainerArticle .heroSwipeZone.left  { left:0;  }
.galleryContainerArticle .heroSwipeZone.right { right:0; }
.galleryContainerArticle .heroSwipeZone:hover {}

.galleryContainerArticle .galleryHero{
  cursor: grab;
  touch-action: pan-y;      
  user-select: none;
}
.galleryContainerArticle .galleryHero.is-grabbing{ cursor: grabbing; }

.galleryContainerArticle .galleryHero .gHeroLayer{
  transition:
    opacity var(--gal-fade-ms,260ms) var(--gal-ease,cubic-bezier(.2,0,.2,1)),
    transform 180ms ease;
  will-change: opacity, transform;
}

.gLbInner{
  cursor: grab;
  touch-action: pan-y;  
  user-select: none;
}
.gLbInner.dragging{ cursor: grabbing; }

.galleryHero,
.heroSwipeZone {
  touch-action: pan-y pinch-zoom;
}

.gLbInner,
.gLbInner img,
.gLbInner .plyr__controls {
  touch-action: pan-y pinch-zoom;
}

.ytp-pause-overlay-container,.ytp-pause-overlay{
	display:none !important;
}

.blurThisVid,
.blurThisVid--off {
  
  transition: filter .45s ease, transform .45s ease, opacity .45s ease;
  will-change: filter, transform, opacity;
}

.blurThisVid {
  filter: blur(18px);
  transform: scale(1.03);     
  opacity: 1;                 
  pointer-events: none; 
}

.blurThisVid--off {
  filter: blur(0);
  transform: scale(1);
  opacity: 1;
  pointer-events: none; 
}

.plyr iframe { border-radius: inherit; overflow: hidden; }

video.mp4-background {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  pointer-events: none;
}

video.mp4-background::-webkit-media-controls {
  display: none !important;
}

.gLbIndex,.credit,.credit{
  user-select: none;       
  -webkit-user-select: none; 
  -moz-user-select: none;    
  -ms-user-select: none;     
}

h1 .satellite-wrap .fa-satellite-dish {
    font-size: 100%;
    color: #626262;
    position: relative;
    margin-right: -10px;
}

.ikone_vrijemeObjave{
    display: flex;	
}
.ikone_vrijemeObjave .clanak_date {
    margin-bottom: 0px;
}

.h1min-18 {
  font-size: clamp(18px, 2.2vw, 24px);
}

.h1min-20 {
  font-size: clamp(22px, 2.6vw, 28px);
}

.h1min-21 {
  font-size: clamp(24px, 2.8vw, 32px);
}

.h1min-22 {
  font-size: clamp(22px, 3.0vw, 36px);
}

.h1min-23 {
  font-size: clamp(23px, 3.2vw, 36px);
}

.h1min-24 {
  font-size: clamp(24px, 3.4vw, 40px);
}

.ne_prikazuj_prednju_ikonu .pocetnaKategorija i{
	display:none;
}

.txtLinkDesign_purple{
    background-color: #615280 !important;
    color: #FFF !important;	
}
.txtLinkDesign_red{
    background-color: #c71e1e !important;
    color: #FFF !important;	
}
.txtLinkDesign_blue{
    background-color: #069 !important;
    color: #FFF !important;	
}
.txtLinkDesign_yellow{
    background-color: #ffdb8a !important;
}

.glavneSekcijeCentar a.glavneSekcijeCentarSelected, .glavneSekcijeCentar a.glavneSekcijeCentarSelected:hover {
    background: #f7f6f2;
}

 
 
 
 @media (max-width: 1200px){
 .clanak_wrapper {
    padding: 20px 50px;
}
} 
 
@media (max-width: 1100px){
.clanak_content blockquote.pullquote.pullquote_right {
    margin-right: -100px;
}		
}

@media (max-width: 1000px){

.clanak_content{
	        width: 100%;
}	

.clanak_before_content{
    padding: 0px 60px;	
}
.clanak_wrapper {
    padding: 60px;
}
	
.uzivoPojasnjenje div {
    width: auto;
}
.clanak_content blockquote.pullquote.pullquote_right {
    margin-right: 0px;
}	
.clanak_content .inline-map.txele_medium, .clanak_content .karta_u_tekstu.txele_medium {
    width: 100% !important;
    margin-left: 0% !important;
        max-width: 100% !important;
}
.clanak_content .txele_stoposto.inline-map, .clanak_content .txele_stoposto.include-map {
    max-width: 100% !important;
    width: 100% !important;
}
.clanak_content p, .clanak_content .gallery_intext, .clanak_content .gallery_unpacked, .clanak_content .nazivOveGalerije, .clanak_content youtube, .clanak_content .paradivider, .clanak_content figure, .clanak_content iframe, .clanak_content blockquote, .wrapperForSideSection, .tableRegular, .inline-map, .karta_u_tekstu {
    max-width: 100% !important;
    width: 100% !important;
}

.clanak_layout {
    grid-template-columns: auto minmax(200px, 240px);
}
.clanak_title {
    max-width: 80% !important;
}

.clanak_content .txele_mini img, .clanak_content .txele_mini iframe, .clanak_content .txele_mini video, .clanak_content .txele_mini .articlePlyrWrap, .clanak_content .txele_mini.gallery_intext, .clanak_content .txele_mini.inline-map, .clanak_content .txele_mini.include-map {
    width: 100% !important;
    margin-left: 0px !important;
}

.clanak_lead_paragraph {
    padding-left: 20px;
    padding-right: 20px;
}
.timeline_wrapper {
    width: 100%;
}
.uzivoPojasnjenje {
    width: auto;
}

blockquote.bq_ver2 {
    box-sizing: border-box;
}
.clanak_content .nazivOveGalerije {
    
    box-sizing: border-box;
}
.clanak_content .x_embed {
    min-width: 100% !important;
	border-bottom:none !important;
}
.timeline_wrapper .timeline_inner {
    display: block !important;
}

  .timeline_wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
  .timeline_line {
    left: 20px;
  }
  .timeline_column {
    width: 100%;
    padding: 0;
  }
  .timeline_event {
    margin-left: 40px;
    margin-right: 20px;
    text-align: left !important;
  }
  .timeline_event::before {
    left: -28px !important;
    right: auto !important;
  }

.clanak_title {
    max-width: 100% !important;
}
.isprintajClanak,.pokreniFullScreen{
	display:none;
}
.icon-container .ti-book{
	display:none;	
}
.clanak_date {
  color: #8B0000;
}

.clanak_date {
  
  font-size: 0; 
}

.clanak_date i,
.clanak_date time {
  font-size: initial; 
}
.clanak_date .fa-clock{
	display:none;	
}
.estreadtimeicon{
	display:none;		
}
}

@media (max-width: 700px){
.inline-map-viewport{
	max-height:500px;
}
.clanak_before_content{
    padding: 0px 40px;	
}
.clanak_wrapper {
    padding: 40px;
}
.clanak_content p, .wrapperForSideSection {
    font-size: 18px;
}
.timeline_event {
    margin-bottom: 0px;
}
.caption-row {
    display: block;
}
.image-meta {
    max-width: none;
    padding-left: 14px;
    margin-left: 0px;
    padding-top: 5px;
    margin-top: 5px;
    margin-right: 0px;
    text-align: left;
    border-left: none;
    margin-bottom: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    display: block;
}
.expandImageFromGal{
	display:none;
}
.clanak_content figure {
    margin-bottom: 0px;
}

.clanak_content blockquote.pullquote {
    max-width: 50% !important;
    font-size: 22px;
}

}

@media (max-width: 600px){
.clanak_before_content{
    padding: 0px 20px;	
}
.clanak_wrapper {
    padding: 40px;
	        padding: 20px;
}
#live-updates-title {
    font-size: 20px;
    margin-top: 20px;
}
.uzivoPojasnjenje {
    margin-bottom: 20px;
}
.clanak_content figcaption {
    padding: 0px;
    padding-bottom: 8px;
    text-align: left !important;
}
}

.slika img{
    max-width: 100%;	
	    width: 100%;
		    margin-top: 5px;
}

.slika,.slika:hover {
    background-color: transparent !important;
    text-decoration: none !important;
}
.slika strong {
    margin-top: 6px !important;
    display: block;
    /* font-weight: normal; */
    font-size: 14px !important;
    font-family: 'Rnd' !important;
    line-height: 140% !important;
	border:none !important;
	padding:0px !important;
	padding-bottom:5px !important;
}

@media (max-width: 1024px){
.clanak_layout {
    display: block;
}
.clanak_nav ul {
    margin-block-start: 0px;
} 
.textPrednaslov {
    margin-top: 20px;
    margin-bottom: -2px;
}
.galleryThumbs {
    gap: 20px;
    margin-top: 6px;
}
.kolekcija_sidebar_list {
    padding: 8px 0px 0;
}
.kolekcija_sidebar_list li {
    padding: 0 0 0px;
}
.gNavWrap{
	display:none;
}
.galleryContainerArticle .galleryHero {
    border-radius: 0px;
}
.clanak_content figure {
    margin: 4px 0px;
}
.clanak_nav {
    padding-left: 10px;
}
.ghstde{
        opacity: 1 !important;
}
}

.pubdate .date-short { display: none; }

@media (max-width: 500px) {
  .pubdate .date-long { display: none; }
  .pubdate .date-short { display: inline; }
  
.clanak_byline {
    padding-bottom: 0px;
	    margin-bottom: 0px;
		    margin-block-start: 0px;
} 
.clanak_figure {
    margin: 0px;
    margin-bottom: 10px;
}
.clanak_header {
    margin-bottom: 0px;
	        margin-bottom: 10px;
}
.ikone_vrijemeObjave {
    margin-bottom: 0px;
}
.clanak_title {
    margin-top: 20px;
    margin-bottom: 20px;
}

.clanak_lead_paragraph {
    margin-bottom: 20px;
}
.clanak_date {
    margin-bottom: 8px;
}
.clanak_title span {
    font-size: 30px;
}
.clanak_lead_paragraph {
    font-size: 17px;
}

}

@media (max-width: 400px){
.clanak_date {
    margin-left: 5px;
}
}

@media (max-width: 340px){
.iconcr {
    padding-left: 4px;
}
    .clanak_title {
        margin-bottom: 10px;
    }

}

.clanak_content .table-wrap{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;

  
  min-width:0;     
  flex:1 1 auto;   
}
@media (min-width: 1000px){
.clanak_content .table-wrap{
  width:700px;
}	
}

@media (max-width: 1000px){

.clanak_content .table-wrap{
  width:100%;
}
  .clanak_content .table-wrap table{
        width: max-content;
        max-width: 700px;
  }
}

.comment_replies{
    margin-left: -50px;
}




@media (min-width: 1025px){
.comment_replies{
    margin-left: 30px;
	position:relative;
}
.comment_replies::before{
        content: "";
        position: absolute;
        left: 45px;
        top: -7px;
        width: 14px;
        height: 14px;
        background-color: #ffffff;
        transform: rotate(45deg);
        border: 1px solid #cccccc;
        border-radius: 2px;
}
.cmbj_nocolor .comment_replies::before{
    display:none;
}

.comment .comment .comment_replies::before{
        background-color: #fafafa;
}
.comment .comment .comment .comment_replies::before{
        background-color: #e6e9eb;
}
.comment .comment .comment .comment_replies:hover::before{
        background-color: #fffef7;
}

.comment .comment .comment_replies{
margin-left: -25px;
}
.comment .comment_replies .comment:first-of-type {
    padding-top:30px;
}
.comment .comment .comment_replies .comment:first-of-type {
    padding-top:20px;
}



.collapsedComment{
 padding-top: 15px !important;
}


.comment .comment .comment .comment_replies{
margin-left: -25px;
}
.comment_replies .comment_body {
    margin-left: -40px;
}
.mbdd{
        margin-left: 0px !important;
}
.comment_body p {
    padding-right: 10px;
}
	
	

	
	
	
.comment .comment .comment_body p {
margin-left: 0px;
    padding-left: 22px;
}	
.comment .comment .comment .comment_body p {
margin-left: 0px;
    padding-left: 5px;
}	
.comment .comment .comment .comment .comment_body p {
margin-left: 0px;
    padding-left: 0px;
}	
	
	
}

@media (max-width: 1025px){
.comment_author {
font-size: 15px;
        color: #000;
        text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.6), 1px -1px 1px rgba(255, 255, 255, 0.6), -1px 1px 1px rgba(255, 255, 255, 0.6), 1px 1px 1px rgba(255, 255, 255, 0.6);
        position: absolute;
        left: -51px;
        top: 101px;
        backdrop-filter: blur(2px);
        padding-right: 6px;
        padding-left: 6px;
}
.comment_body p {
        padding-left: 10px;
        padding-right: 10px;
        margin-left: auto;
}
.commentUserProfile_link {
    margin-left: 20px;
}
.comment_time {
position: absolute;
        width: 100px;
        
        line-height: 108%;
        
        right: 0px;
        top: 36px;
        width: 230px;
        top: 13px;
        font-size: 11px;
        text-align: right;
        right: 16px;
        text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.6), 1px -1px 1px rgba(255, 255, 255, 0.6), -1px 1px 1px rgba(255, 255, 255, 0.6), 1px 1px 1px rgba(255, 255, 255, 0.6);
}

.autoprijevodNote {
        left: 4px;
    top: 89px;
}
.avad_no .autoprijevodNote{
        left: 11px;	
}

.commentUserProfile_link {
    height: 44px;
}

.commentUserProfile_link.moveupKmntAuth{
height: 80px;
}

.reply_btn span{
	display:none;
}

.comment_body {
        margin-left: -49px;
        line-height: 120%;
		        margin-top: 7px;
}
.vote_count {
position: absolute;
        left: 44px;
        top: 28px;
}
.avad_no .vote_count{
        left: 0px;	
}
.comment_left {
    width: 32px;
}
.vote.upvote {
        width: 36px;
        height: 36px;
        border-radius: 50px;
        margin-top: 1px;
        box-shadow: 4px 1px 4px #72727229;
        margin-right: 0px;
        margin-left: 150px;
}
.vote.downvote {
        width: 36px;
        height: 36px;
        border-radius: 50px;
        margin-top: -37px;
        margin-right: -241px;
        box-shadow: 4px 1px 4px #72727229;
}


.avad_no .vote.upvote {
        margin-top: -3px;
        margin-left: 70px;
    }
.avad_no .vote.downvote {
        margin-top: -36px;
        margin-right: -171px;
    }
.comment_header {
    padding-bottom: 6px;
    margin-left: -23px;
}
.comment .comment .comment {
    border-radius: 4px;
    box-shadow: 1px 1px 2px #cccccc;
}

.comment_body blockquote {
    margin-bottom: 7px;
}

.comment {
    box-shadow: 0px 12px 25px #0000000d;
    border-top: 2px dashed #ffffff;
}

.comment:nth-child(odd) {
    box-shadow: none;
}
.repliedTo {
    margin-bottom: -12px;
    display: block;
    width: fit-content;
}

.comment:nth-child(odd)::after {
content: "";
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 40px;

background: linear-gradient(360deg, #f7f6f2, transparent);
}

.comment:nth-child(odd) .comment::after{
background: none;
}
.comment_body blockquote {
    padding: 15px 15px 14px 23px;
}
.comment_body blockquote::before {
    left: 5px;
}

.comment .comment.reply::after {
    display:none !important;
}
.unameWrp {
    position: relative;
    /* background-color: aqua; */
    width: 100%;
}
    .comment_actions {
        margin-left: 0px;
        height: auto;
        margin-top: -1px;
        opacity: 1;
        overflow: visible;
        transition: opacity 0.1s 
ease;
        z-index: 2;
        display: block;
        width: 187px;
        position: absolute;
        right: 20px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        scrollbar-width: none;
        top: -5px;
        /* left: 200px; */
        right: 0px;
        border-radius: 10px;
        box-shadow: 4px 5px 5px #e7e7e7;
        border-right: 1px solid #ffffff;
    }
.collapser {
    display: none;
}

.comment_actions::after{
        content: "»";
        position: absolute;
        right: 7px;
        top: 4px;
        z-index: 11;
        color: #8f8f8f;
	
}

.comment_actions_inner{
        width: max-content;
        padding: 0px;
        padding-left: 14px;
        margin-left: 0px;
        background: linear-gradient(45deg, #00000000, #00000029);
        border-radius: 10px;
        margin-top: 0px;
		        padding-right: 14px;
}
.copyCommentDirLink{
        margin-left: 20px;
}

.admcommbutton, .ikonaZaReferencuSrce {
    vertical-align: super;
}
.favoriteComm-btn{
        margin-left: -5px;	
}
.reply_btn {
    border-radius: 20px;
    width: 40px;
        height: 36px;
    margin-right: 10px;
        margin-left: -12px !important;
        border-bottom: none;
color: #7d7d7d;
background-color:transparent;
}
    .rplwqoute {
        margin-left: -14px !important;
    }
.reply_btn, .rplwqoute {
    font-size: 25px;
}
.reply_btn:hover, .rplwqoute:hover {
    background-color: transparent;
}
.reply_btn {
	        margin-left: -8px;
}
/* state on BUTTON, not icon */



.comment .comment .comment .comment_actions,.comment .comment .comment .comment .comment_actions {
    width: 130px;
}

.comment_avatar {
        margin-top: -6px;
        position: absolute;
        left: -47px;
        top: 0px;
}
.reply_form .comment_avatar {
	display:none;
}
.comment_left_dummy{
    width: 0px;	
}
.comment_left_dummy .vote_count{
        left: 56px;
        top: 17px;
}
.avad_no .comment_left_dummy .vote_count {
        left: 16px;
        top: 17px;
    }
.isdmy1{
	margin-left:40px;
}

.comment .comment.reply::after {
    display:none !important;
}
.comments_list{
        padding: 40px;
}

.comment .comment.reply::before {
    width: 100%;
}
.comment .comment .comment.reply::before {
    width: 100%;
}
.comment .comment .comment .comment.reply::before {
    width: 100%;
}

#comment_form, .reply_form {
    display: block;
    border-radius: 0px;
}
#comment_form .comment_avatar,.comment_form .comment_avatar{
    display:none !important;	
}

.reply_Quotetext{
	font-size:14px;
}
.commpubopts {
    width: auto;
margin-top: 4px;
        text-align: center;
}
.reply_form .commpubopts {
    margin-top: -10px;
    margin-bottom: 10px;	
}
#post_comment, .send_reply {
    margin-left: 0px;
}
#infoOn_comment, .info_reply {
    margin-top: 0px;
}

.reply_form {
    border-bottom: 2px solid #a7a7a7;
    box-shadow: none;
    margin-left: -50px;
    border-radius: 24px !important;
    margin-bottom: 10px;
    padding: 0px;
margin-bottom: 70px;
}
.komentarNaKojiSeOdgovara {
    margin-left: inherit;
    margin-right: inherit;
    margin-bottom: inherit;
    margin-top: inherit;
    border-radius: inherit;
    outline: 0px dotted #3157aa2b;
}

.vote.downvote i{
    margin-top: 3px;
    display: block;	
}
.optzawidthcomm{
	display:none;
}

.vrijemeZaEditOstalo {
    background-color: #e7e2da;
    margin-left: -51px;
    margin-top: -60px;
    margin-bottom: 60px;
    border-radius: 8px;
    box-sizing: border-box;
    line-height: 120%;
    font-size: 13px;
    text-align: left;
}
.vrijemeZaEditOstalo u{
color: #ffffff;
    background-color: #646464;	
}

.ovoJeNasUser::before {
        content: "";
        width: 100px;
        height: 80px;
        background-color: #dcd8ab36;
        position: absolute;
        left: -30px;
        top: -20px;
        border-radius: 200px;
        padding: 4px;
        outline: 2px dashed #afafaf;
        padding-right: 8px;
        min-width: 110px;
        padding-bottom: 30px;
        z-index: 111;
}

}

@media (min-width: 1025px){
.vote{
    opacity: 0;
}
.comment:hover .vote{
	 opacity: 1;
}
}

@media (max-width: 700px){
.comments_list{
        padding: 0px;
}
.comment_body {
font-size: 15px;
}
}

@media (max-width: 388px) {
    .comment_actions {
        margin-right: -15px;
        border-radius: 10px 0px 0px 10px;
    }
}
@media (max-width: 365px) {
    .comment_actions {
        margin-right: -15px;
        border-radius: 10px 0px 0px 10px;
    }
    .reply_btn {
        margin-right: 3px;
    }
    .comment_actions {
        width: 171px;
    }
	
    .vote.upvote {
        margin-left: 150px;
    }	
    .vote.downvote {
        margin-right: -231px;
    }	
	
}
.ignoreThisUser{
	background-color:#ceaba4 !important;
}


@media (max-width: 280px) {
    .comment_actions {
        width: 30px;
    }
    .vote.upvote {
        margin-left: 140px;
    }
    .vote.downvote {
        margin-right: -221px;
    }
.comment_time{
	display:none;	
}
.comment_replies {
    margin-left: -57px;
}
.comment_body p{
        min-width: 0px !important;
}
}

.hasVotedHere .vote {

	box-shadow:none;
}
.downvote.voted {
    background-color: transparent !important;
}
.downvote.voted i{
	color:#d58080;
}
.upvote.voted {
    background-color: transparent !important;
}
.upvote.voted i{
	color:#74ab82;
}

.collapsedComment .comment_time strong {
    display:none;
}

.comment:hover {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  transition-delay:0.3s;
}

.comment .comment:hover {
  box-shadow: initial;
}

.thisInPovez,.thisInPovez:hover{
    color: #ffffff !important;
	background:none !important;	
    background-color: #919ca4 !important;	
}
.thisInPovez span {
    color: #ffffff !important;	
}
.thisInPovez i {
    display:none !important;	
}


/* ------- Upvote osnovni stil ------- */
.upvote {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease;
}

/* ------- Animacija za upvote ------- */
.upvote.voted {
    animation: upvote-grow-spin-pop 1.5s ease-out forwards;
}

@keyframes upvote-grow-spin-pop {
    0% {
        transform: scale(1) rotate(0deg);
    }
    20% {
        transform: scale(1.3) rotate(45deg);
    }
    60% {
        transform: scale(1.3) rotate(360deg);
    }
    80% {
        transform: scale(1.6) rotate(360deg);
    }
    100% {
        transform: scale(1) rotate(360deg);
    }
}


.downvote.voted {
    animation: sadDroop 0.6s ease-in-out 2;
    transform-origin: top center;
}

@keyframes sadDroop {
    0%   { transform: rotate(0deg); }
    25%  { transform: rotate(-8deg); }
    50%  { transform: rotate(0deg); }
    75%  { transform: rotate(-4deg); }
    100% { transform: rotate(0deg); }
}













/* ------- Galerija: hover overlay kao Flickr ------- */

.galleryContainerArticle.mode-fixed.design-3 .gGridItem {
    position: relative;
    overflow: hidden;
}

/* Omot za hover-info */
.gGridHoverMeta {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 12px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 10px;

    color: #ffffff;
    font-size: 13px;
    line-height: 1.3;
    font-family: "Source Sans 3", system-ui, sans-serif;

    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.55) 40%,
        rgba(0, 0, 0, 0.8) 100%
    );

    transform: translateY(100%);
    opacity: 0;
    transition:
        transform 0.22s ease-out,
        opacity 0.22s ease-out;
}

/* Text blok (lijevo) */
.gGridHoverText {
    min-width: 0;
}

.gGridHoverTitle {
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gGridHoverCredit {
    font-size: 11px;
    opacity: 0.9;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

/* Akcije (desno) */
.gGridHoverActions {
    display: flex;
    gap: 6px;
    flex-shrink: 0;
}

.gGridHoverActions button {
    border: none;
    padding: 5px 6px;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.55);
    color: #ffffff;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.gGridHoverActions button i {
    font-size: 16px;
}

/* Heart za favorite */
.gGridFav i {
    transition: transform 0.16s ease, color 0.16s ease;
}
.gGridFav:hover i {
    transform: scale(1.18);
    color: #ff5a7b;
}

/* Komentari */
.gGridComment i {
    transition: transform 0.16s ease, color 0.16s ease;
}
.gGridComment:hover i {
    transform: scale(1.1);
    color: #ffd85a;
}

/* Prikaži overlay na hover (desktop) */
@media (hover: hover) and (pointer: fine) {
    .galleryContainerArticle.mode-fixed.design-3 .gGridItem:hover .gGridHoverMeta {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Na mobitelu neka overlay bude stalno vidljiv (nema hovera) */
@media (hover: none) and (pointer: coarse) {
    .gGridHoverMeta {
        transform: translateY(0);
        opacity: 1;
    }
}









/* Mobile: lightbox uses full viewport, image full height */
@media (max-width: 768px) {
    .gLightbox {
        padding: 0;                 /* remove 24px padding that caused scrolling */
    }

    .gLightbox .gLbInner {
        width: 100vw !important;
        height: 100vh !important;
        max-width: 100vw !important;
        max-height: 100vh !important;
        aspect-ratio: auto !important;
        border-radius: 0;
    }

    .gLightbox .gHeroLayer {
        inset: 0;                   /* make sure layer covers full box */
    }

    .gLightbox .gHeroMedia {
        width: 100%;
        height: 100%;
        object-fit: cover;        /* keep full image visible, no crop */
        display: block;
    }
}

.gHeroMedia {
    transition: object-fit 0.25s ease;
}
.gHeroMedia {
    touch-action: manipulation; /* reduces delays / ghost clicks */
    transition: object-fit 0.25s ease;
}



/* ------- Share popup ------- */
.share-popup {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.5);
    z-index: 9999;
}

.share-popup.is-visible {
    display: flex;
}

.share-popup_inner {
    background: #fff;
    padding: 16px 20px;
    max-width: 400px;
    width: 100%;
    border-radius: 8px;
}

.share-popup_title {
    font-weight: 600;
    margin-bottom: 10px;
}

.share-popup_link_wrapper {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
}

#share_popup_url {
    flex: 1;
    padding: 6px 8px;
    border: 1px solid #ccc;
}

.share-popup_buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.share_btn {
    padding: 6px 10px;
    font-size: 13px;
    border-radius: 4px;
    text-decoration: none;
    border: 1px solid #ddd;
}
.uuwpub1 .comment.ovoJeNasUser{
background-color: #e6f2fd;
}