/*
Theme Name: Znameniti cuvaj
Theme URI: http://virtualna.nsk.hr
Author: NSK web team - Filip Loncar & Branimir Matijacic
Description: Izložbeni način prikaza
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: responsive, bootstrap 4

*/

<style>
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
</style>

header{
	padding:0;}

body.page{
	}

.page .content{
}
iframe{
	height: 100vh;
	width: 100vw;
	}

.posts-containter-headline {
	text-align: center;	
}

.posts-container {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;	
	margin: 5rem 0;
}

#content {
	margin-bottom: 5rem;	
}

body.single-post{
}
a.date-active{
	font-weight:800 !important;}

.single-post .content{
background: #f7f7f7;
    padding: 25px 20px;
    border-radius: 8px;
	height: auto!important;
}

.page .content {
	height: auto!important;}

a {
	color:#466bff !important;
}

a:hover {
	color:#999 !important;
}
.timeline{
	overflow:hidden;
	
	}

.wrap{display:flex;}
.timeline ul{
    white-space: nowrap;
    list-style: none;
	}
	
.timeline ul li{
	width: 100%;
    height: 100%;
    display: inline-block;
	}
	
#dates{
	display:flex;
	justify-content: space-between;
}

html {overflow-x: hidden;}

body {
font-size: 1.125rem!important;	
overflow-x: hidden;
}

.lSPager {
	display:none !important;}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
}
 
.navigation li {
display: inline-block;
margin: 11px 0px;
}


.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #73B5E6;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
}
 
.navigation li a:hover,
.navigation li.active a {
    background-color: #0061A8;
}


h1, h2, h3, h4, h5, h6{
	}

h1{font-size:1.9rem !important;}

h2{font-size:2.5rem !important;}

h3{font-size:1.6rem !important;}

h4{font-size:1.5rem !important;}

h5{font-size:1.4rem !important;}

h6{font-size:1.3rem !important;}


#breadcrumbs{
    list-style:none;
    margin:0 0 30px 0;
	padding:0;
    overflow:hidden;
}
  
#breadcrumbs li{
    display:inline-block;
    vertical-align:middle;
    margin-right:15px;
}
  
#breadcrumbs li a{
	color:#274FC2;}

#breadcrumbs .item-current{
	color:#000000;
	font-weight:100;} 
 
#breadcrumbs .separator{
    font-size:14px;
    font-weight:100;
    color:#0061A8;;
}

#copy {
    font-size: 10px;
    text-align: center;	
    margin-top:20px;	
}

body{
   
	}

#back-top {
	position: fixed;
	bottom: 30px;
    right: 20px;
    z-index: 19;
	
}

#back-top a {
	display: block;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #0061A8;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #0061A8;
}



.glyphicon-chevron-up{
font-size: 20px;
padding: 10px;
}

.glyphicon-search{
	color:#F5AB35;
	font-size: 20px;
    margin-right: 10px;}

/* arrow icon (span tag) */
#back-top span {
	width: 50px;
	height: 50px;
	margin-bottom: 7px;
	background: #496DDA;
	border: 1px solid #496DDA;

	/* rounded corners */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	/* transition */
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
#back-top a:hover span {
	background-color: #1D398C;
}


.glyphicon-chevron-up::before {
    content: "\e113";
	color: #fff;
}

.glyphicon-chevron-up:hover::before {
    content: "\e113";
	color: #fff;
}


a, a:hover {
		
	}
	
.nav-search{margin: 6px -10px 6px 0;}

.navbar-toggler{
	color: #0061A8;	}

.glyphicon-chevron-down{font-size:14px;}

.navbar-nav{
	list-style:none;
	}
	
.navbar-nav ul {
	padding: 10px 0 10px 0;
	}
	
.navbar-nav > li {
padding: 0 30px 0 0;
font-size: 18px;
	}

.navbar-nav > li + li {
    margin-left: 0;
    margin-top: 0;
}

.navbar-nav > li:visited {
	background:#373635 !important;
	}
	

.navbar-nav > li a {
	color:#415363 !important;	
	transition: color 0.5s;
}

.navbar-nav > li a:hover {
	color:#F5AB35 !important;
	transition: color 0.5s;
}

.navbar-nav > li a:focus{
	color:#F5AB35;

}

.navbar-nav> li a:active{
	color:#F5AB35;

}


.navbar-nav > .active > a,
.navbar-nav > .active > a:hover, 
.navbar-nav > .active > a:focus, 
.navbar-nav > .current_page_item a, 
.navbar-nav > .current_page_item a:hover, 
.navbar-nav > .current_page_item a:focus, 
.navbar-nav > .current_page_parent a, 
.navbar-nav > .current_page_parent a:hover, 
.navbar-nav > .current_page_parent a:focus {
	text-decoration: underline;
}
.current-menu-item  {
	text-decoration: underline;
}

.current-menu-item a {
	text-decoration: underline;
}

.dropdown-menu > li > a {
    clear: both;
    display: block;
    font-weight: 400;
    line-height: 1.42857;
    padding: 3px 20px !important;
    white-space: nowrap;
}

.dropdown-menu > li > a:hover {
    clear: both;
    display: block;
    font-weight: 400;
    line-height: 1.42857;
    padding: 3px 20px !important;
    white-space: nowrap;
}


.navbar-toggle {
    color: #ef8b00;
	font-size:3em;
	float:left;
    margin-bottom:0;
    margin-right: 0;
    margin-top: 0;
    padding: 0;
    position: relative;
}

html {
  position: relative;
  min-height: 100%;
}

.footer {
  position: absolute;
  text-align:center;
  left: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  min-height: 150px;
  border-top:#274FC2 solid 1px;
  padding:40px 10px 10px 10px;
  font-size:13.9px;
  background: #fff;
}

.footer p{text-align:center;}

.footer li{list-style:none;}

.footer li a{color:#274FC2;font-size: 17px;}

.text {
white-space: pre-line;	
}

.timeline ul li {position:relative; visibility: hidden; display: none;}
.timeline ul li.active { 
visibility: visible;
transition: visibility 2s ease-in-out 2s; 
position:relative; 
display: inline-block;
}

 footer {display: none!important;}

.glyphicon:before {font-size: 60px;}
.wrap a	{
	position: relative;
    flex-direction: column;
    display: flex;
    justify-content: center;
	text-decoration: none!important;}


.naslovi {max-width: 150px;}
	
.naslovi span {
	font-size: 14px;
    font-style: italic;
    line-height: 1;	
}	

ul {margin-bottom: 0!important;}
.datum {display:none;}

/* importano na klijentov zahtjev */
/************************************/
/************************************/
/************************************/
/************************************/
/* FONT, TEXT SIZE AND COLOR */

/* ------------- STYLES - VIRTUALNA LANG ----------------------- */

/* MENU ITEMS POZICIJA I FONT SIZE */
.menu {
  justify-content: center;
  height: fit-content !important;
  padding: 20px;
}

.menu li {
  padding: 0px 15px;
  font-size: large;
}



/* SLIKE U GALERIJI - ZAOBLJENI UGLOVI */

img {
  border-radius: 30px;
}

/* CITATI */
blockquote em {
  font-weight: bold;
  font-size: large;
  padding-left: 4rem;
}


/* FONT, TEXT SIZE AND COLOR */

* {
  font-family: "Fira Sans", sans-serif;
}


h1 {
  font-size: 2.9rem !important;
}

h2 {
  font-size: 2rem !important;
}

h2.gallery__item-title {
  font-size: 2.3rem !important;
  font-family: "Fira Sans", sans-serif;
}

h3 {
  font-size: 1.4rem !important;
}

p {
  font-size: 1.3rem !important;
}

.single-post .content h1,
.page div.content h1,
.archive .content h1,
.single-post .content h2,
.page div.content h2,
.archive .content h2,
.single-post .content h3,
.page div.content h3,
.archive .content h3,
p {
  color: #333;
}

/* MARGINS */

div.posts-container {
  margin: 1.2rem 0;
}
h2.posts-containter-headline {
  margin-top: 6rem;
}

/* Posts and pages headings' margins */
.single-post .content h1,
.page div.content h1 {
  margin-bottom: 3rem;
}
.single-post .content h2,
.page div.content h2 {
  margin-bottom: 2.5rem;
}
.single-post .content h3,
.page div.content h3 {
  margin-bottom: 2rem;
}


/* LINKS IN MENU */

div.menu-menu-1-container .menu li a {
	color: #7b7b7b !important;
	text-decoration: none;
	font-weight: bold;
}

div.menu-menu-1-container .menu li a:hover {
  color: #d9d9db !important;
  text-decoration: none;
}

div.menu-menu-1-container .menu li.current-menu-item a {
  color: #d9d9db !important;
  text-decoration: none;
}

/* LINKS ON HOME PAGE */

.gallery__item-link {
  color: #7b7b7b !important;
  background-color: #d9d9db;
}

.gallery__item-link:hover {
  color: #d9d9db !important;
  background-color: #7b7b7b;
}

/* LINKS IN TEXT */

p a {
  color: #000000 !important;
  text-decoration: underline;
}

p a:hover,
p a:active {
  color: #d9d9db !important;
  background: #7b7b7b;
}

/* LINKS IN SINGLE POSTS */

a {
  color: #7b7b7b !important;
  text-decoration: none;
}

a:hover {
  color: #000000 !important;
  text-decoration: none;
}


/* LINKS IN LIGHTBOX */

a.ngg-simplelightbox:hover,
a.ngg-simplelightbox:active {
  background: transparent;
}

/* PAGES AND SINGLE BLOG POSTS APPEARANCE */

.page div.content,
.single-post div.content {
  background: #d9d9db;
  margin: auto;
  width: 60%;
  text-align: justify;
}

/* PAGES AND SINGLE BLOG POSTS APPEARANCE */

.page div.content,
.single-post div.content {
  background: #d9d9db;
  margin: auto;
  width: 60%;
  text-align: justify;
}

/* PAGES AND SINGLE BLOG POSTS APPEARANCE */

.page div.content,
.single-post div.content {
  background: #d9d9dbbf;
  margin: auto;
  width: 60%;
  text-align: justify;
}

h2>.posts-containter-headline {
  font-size: 1rem;
}

/* BLOG POSTS ARCHIVE APPEARANCE */

.breadcrumbs {
  color: #d9d9db !important;
  font-size: 2rem;
  text-align: center;
}

.breadcrumbs li a {
  color: #d9d9db !important;
  text-decoration: none;
}

.breadcrumbs li a:hover {
  color: white !important;
  text-decoration: underline;
}

.bread-current {
color: #d9d9db;
}

.archive h1 {
  visibility: hidden;
}

.archive .content {
  margin: auto;
  width: 45%;
}

.fotografija {
  text-align: center;
  background-color: #d9d9dbbf;
  padding: 1.5em 3em;
  border-radius: 2em 2em 0em 0em;
}

.fotografija img {
  border-radius: 2em;
}

.clanak-bez-slike {
  text-align: justify;
  background-color: #d9d9dbbf;
  padding: 1.5em 3em;
  border-radius: 0em 0em 2em 2em;
}

.clanak-bez-slike a {
  color: #333 !important;
}

.clanak-bez-slike a:hover {
  color: #000000 !important;
  text-decoration: underline;
}

.clanak-bez-slike p a {
  color: #000000!important;
  text-decoration: underline;
}

.clanak-bez-slike h2 {
  font-weight: 600;
  text-align: center;
}

/* GALLERY - UNDER IMAGE TEXT APPEARANCE */
.ngg-imagebrowser p {
  text-align: justify;
  font-size: 1rem !important;
}


/************************************/
/************************************/
/************************************/
/* import kraj */


@media only screen and (min-width:300px) and (max-width:479px)  {
	.menu {
		flex-wrap: wrap;}
	.menu li {
		width: 100%;
		margin: 1em;	
	}

}

@media only screen and (min-width:480px) and (max-width:575px)  {
	.menu {
		flex-wrap: wrap;}
	.menu li {
		width: 100%;
		margin: 1em;	
	}
}

@media only screen and (min-width:576px) and (max-width:767px)  {
		.menu {
		flex-wrap: wrap;}
	.menu li {
		width: 100%;
		margin: 1em;	
	}
}

@media (min-width: 767px) and (max-width:992px) {

}

@media (min-width: 992px) and (max-width:1024px) {

}

@media (min-width: 992px) and (max-width:1200px) {

}


@media (min-width: 992px) and (max-width:1200px) {



}

@media (min-width: 1200px) and (max-width:1380px) {
	
}


@media (min-width: 992px) and (max-width:1250px) {

}


@media only screen and (min-width:768px) and (max-width:1024px)  {

}

@media only screen and (min-width:1025px) and (max-width:1200px)  {
	
}


.menu {
display: flex;
    flex-direction: row;
    background: #000;
    height: 50px;
    padding: 10px;
    /* flex-wrap: wrap; */
}

header {
	padding: unset!important;	
}

body.single .content .col-sm-12 p:nth-child(2), body.single .content .col-sm-12 p:nth-child(3), body.single .content .col-sm-12 p:nth-child(4) {display: none;!important}

span.right, span.left {
    font-size: 20px;
    color: #000!important;
}

span.right a, span.left a {
    font-size: 20px;
    color: #131313!important;
}

p:has(img), div.aligncenter:has(img) {
  display: flex;
  flex-direction: column;
  justify-content: center;
      align-items: center;
}

.aligncenter {
      clear: both;
    text-align: center;
    margin: 0 auto;
}