/**
 * Placerholder css
 */
.wookmark-placeholder
{
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  background-color: #eee;
  border: 1px solid #dedede;
  z-index: -1;
}

/**
 * Grid container
 */
.wookmark-wrap,
.wookmark1-wrap
{
  position: relative; /** Needed to ensure items are laid out relative to this container **/
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: block;
}


/**
 * Grid items
 */
.wookmark-wrap li,
.wookmark1-wrap li
{
  display: block;
  opacity: 1;
  text-align: center;
  list-style-type: none;
  float: left;
  width: 300px;
}



@media (min-width: 560px) 
{
	.wookmark-wrap li,
	.wookmark1-wrap li
	{
		width: 49%;
	}
}

@media (min-width: 768px) 
{
	.wookmark-wrap li,
	.wookmark1-wrap li
	{
		width: 32.7%;
	}
}

@media (min-width: 992px) 
{
	.wookmark-wrap li,
	.wookmark1-wrap li
	{
		width: 303px;
	}
}

@media (min-width: 1280px) 
{
	.wookmark-wrap li,
	.wookmark1-wrap li
	{
		width: 380px;
	}
}


.wookmark-wrap.animated li,
.wookmark1-wrap.animated li
{
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.wookmark-wrap li.wookmark-inactive,
.wookmark1-wrap li.wookmark-inactive
{
  visibility: hidden;
  opacity: 0;
}

.wookmark-wrap li:hover,
.wookmark1-wrap li:hover
{
  background-color: #fafafa;
}

.wookmark-wrap img,
.wookmark1-wrap img
{
  display: block;
}

.wookmark-wrap .image,
.wookmark1-wrap .image
{
	position: relative;
	/*overflow: hidden; - izklopljeno zaradi oznake NOVO */
}

.wookmark-wrap .wookmark-overlay,
.wookmark1-wrap .wookmark-overlay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	opacity: 0;
	transition: all 0.5s ease;
}

.wookmark-wrap .wookmark-caption,
.wookmark1-wrap .wookmark-caption
{
	color: #fff;
	font-size: 16px;
	margin-top: 12px;
	/*
	background-color: rgba(0, 0, 0, 0.2);
	*/
}

.wookmark-wrap .image .photo-credit,
.wookmark1-wrap .image .photo-credit
{
	position: absolute;
	color: #fff;
	font-size: 11px;
	bottom: 0px;
	left: 10px;
}


.wookmark-wrap .image:hover .wookmark-overlay,
.wookmark1-wrap .image:hover .wookmark-overlay
{
	opacity: 1;
}

.wookmark-wrap a,
.wookmark1-wrap a
{
  color: #555;
  text-align: center;
  /* display: table-cell; */
  width: 200px;
  height: 200px;
  font-size: 2em;
  font-weight: bold;
  text-decoration: none;
}