/* //www.color-hex.com/color/399ee5 */
	#iskanec { background: #ffffff;
			border-top: 1px solid silver; border-left: 1px solid silver; border-right: 1px solid silver;
	}
/* scroll to top */
.scrollup{
    position:fixed;
		width:32px;
		height:32px;
		line-height:32px;
    bottom:28px;
    right:20px;
		background: var(--main);
		color:#fff;
		border:0px solid var(--secondary);
		-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
.scrollup:hover { background:var(--main); color:#fff; }

a.scrollup {
	color:#fff;
	outline:0;
	text-align: center;
	opacity:0.7;
}

a.scrollup:hover,a.scrollup:active,a.scrollup:focus {
	opacity:1;
	text-decoration:none; color:#fff;
}
a.scrollup i {
	margin-top: 7px;
	color: #fff;
}
a.scrollup i:hover {
	text-decoration:none;
	color:#fff;
}		

.foto_bottom_right { position:absolute; z-index: 10; font-weight: normal; font-family:'Montserrat','Helvetica Neue',Arial,sans-serif; text-decoration: none; padding: 10px 20px; text-shadow: none; background-color: rgba(0,0,0,0.4); text-transform: none; font-size: 12px; letter-spacing: 2px; color:#fff; border-radius:5px; bottom:0px; right:0px; }

#naslovna { font-size:14px; color:#878787; text-align:justify;}
#naslovna br { margin-bottom:1em; }
#naslovna h4 { color:#878787; font-weight:bold; }

.projekt_detail {text-transform: none; }
.mfp-arrow { height: 110px; }
button.mfp-close { background:transparent; }
#nastej li { list-style: inside; margin-left:10px;}

ul.page-numbers {
    list-style: none;
    margin: 0;
    padding: 0;
    clear: both;
    overflow: hidden
}
ul.page-numbers li {
    float: left;
    margin: 0 4px 4px 0
}
ul.page-numbers li a {
    display: block;
    width: 25px;
    line-height: 25px;
    text-align: center;
    height: 25px;
    background-color: #eee;
	vertical-align:middle;
}
ul.page-numbers li a:hover {
    color: #fff;
	background-color: #56bced;
}
ul.page-numbers li span.current {
    color: #fff;
	background-color: #006BB7;
    display: block;
    line-height: 25px;
    text-align: center;
    width: 25px;
    height: 25px;
}

.post-title { margin-top:0px; }

.b-message { margin-bottom:20px; }
.message-error { color:red; }
.message-success { color:#009900; }

.ClimbList {
    padding: 5px 25px 5px 0px;
    display: block;
    border-top: 1px solid silver;
    text-decoration: none;
    font-size: 0.8em;
    cursor: pointer;
}
.ClimbList:hover { background:#66CCFF; color:#000000; }

.rec_count {
	display:inline-block;
	text-align:center;
    width: 32px;
    height: 32px;
    line-height: 32px;
    background: #006BB7;
    color: #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#vsebina img {
  max-width: 100%;
  max-height: 100%;
}

#vsebina ol { }

#vsebina li { margin-left:40px !important; }

.fa-dot-circle-o {
    padding-top: 7px;
}

.banner_link:link, .banner_link:active, .banner_link:visited {
	color: #fff;
	text-transform: none;
	border: none;
	background:#00AEEF;
	/*font-size: 13px;
	letter-spacing: 2px;
	font-family: Montserrat;
	border-radius: 0px;*/
	display: inline-block;
	transition: .4s;
	border-radius:5px;
	padding:5px 10px;
}				
		
.banner_link:hover {
	background:#000;
	color: #fff;
}		

#pzs_link a:hover { background:transparent !important; }
/* #005172 - modra; 	#fdc82f - rumena */
		
/*.footer_abstract a { color:var(--secondary); } */
		
.right_link:link, .right_link:active, .right_link:visited { color:var(--main); font-size: 13px; }	
.right_link:hover { color:#000 !important;}	
		
#page_content ul { margin-left: 2em; }
.thread_count { border-radius:50%; background-color:var(--main); color:#fff; padding:0px 5px; font-size:12px !important;}

.forum-topic {
	padding:10px 20px; border-radius:10px;
	border:1px solid var(--main_half);		
	margin-bottom:40px; 
}		
.forum-post {
	padding-top:20px;
	margin-bottom:20px;
	border-top:1px solid var(--main_half);
}
		
.forum-avatar {
    width: 40px;
    height: 40px;
	text-align:center;
    border: 1px solid #e1e1e1;
	color:var(--main);
	background-color:var(--main_half);
    padding: 10px;
	vertical-align: middle;
    border-radius: 50%;
	display:inline-block;
}
.forum-data {
	display:inline-block;
    margin-left:20px;
    /*margin-bottom: 5px;*/
}
		
.forum-content { margin-left:60px;}
.modal-content { width:100%; }

.modal-title { font-weight:bold; color:var(--main);}
		
.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2));

}
/*
@media (min-width:768px) {
	 .modal-dialog {
		  width:600px;
		  margin:200px auto;
	 }
	 .modal-content {
		  -webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);
		  box-shadow:0 5px 15px rgba(0,0,0,.5)
	 }
	 .modal-sm { width:300px }
}
*/		


.tp-simpleresponsive a.tp-caption {
    position: absolute;
    top: unset !important;
    bottom: 10px !important;
    left: unset !important;
    right: 10vw !important;
}

.tp-simpleresponsive span.tp-caption {
    position: absolute;
    top: unset !important;
    bottom: 10px !important;
    left: unset !important;
    right: 25vw !important;
} 

.required { color:red !important; }

.first_page_img img {
    padding: 30px;
    height: 250px;
    object-fit: contain;
    background-color: var(--main_light) !important;
    margin-bottom: 10px;
    transition: transform .2s;
}

.gradient_tab {
background: #000000; /* Old browsers */
background: -moz-linear-gradient(top,  #000000 0%, #e5e5e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #000000 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #000000 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

.gradient_footer {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b2b2b2+0,000000+100 */
background: #b2b2b2; /* Old browsers */
background: -moz-linear-gradient(top,  #b2b2b2 0%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #b2b2b2 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #b2b2b2 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2b2b2', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.gradient_btn {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,b2b2b2+50,000000+100 */
background: #000000; /* Old browsers */
background: -moz-linear-gradient(top,  #000000 0%, #b2b2b2 50%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #000000 0%,#b2b2b2 50%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #000000 0%,#b2b2b2 50%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	
}


.hb-info .page1 {
        margin: 20px 0 15px;
        height: 6rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
}

.hb-info .abstract_page1 {
    text-align: justify;
    margin-bottom: 2em;
    font-size: 1em;
    height: 11.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}


.pz_banner { margin-top:2rem; opacity:.7; transition: 0.5s;}
.pz_banner:hover { opacity:1; }