/* ---- button ---- */

/*
.filterbutton,
.sorterbutton {
  display: inline-block;
  padding: 0.5em 1.0em;
  background: rgba(15, 15, 15, 0.95);
  border: 1px solid #f1f1f1;
  color: #f1f1f1;
  font-size: 1.125rem;
  cursor: pointer;
  font-weight: 100;
}
*/

/* ---- isotope ---- */
.isotope-container,
.item-list ul.isotope-container {
  padding: 0;
  margin: 0;
}

.isotope-element,
.item-list ul li.isotope-element {
  transition: all 0.5s;
  margin: 1.4% 2.1% 2.1% 0.1rem;
  width: 22%; 
  height: auto;
  padding: 0;
  background:#fff;

  /*border: 1px solid #666;*/
 
}
.isotope-element .views-field-title{
	padding:5%;
}
.front .isotope-element .views-field-title {
	padding:10%;
}
.pane-frontpage-frontpage-isotope-books ul li.isotope-element,

.pane-frontpage-frontpage-biblio ul li.isotope-element {
	background:#111;
	color:#fff;
	
}

.wide .isotope-element,
.wide .item-list ul li.isotope-element {
  width: 29%;
}

.tight .isotope-element,
.tight .item-list ul li.isotope-element {
  /*margin: 0.68% 0.68% 0 0;*/
  margin: 1% 0 2% 1.5%;
}

.image-only .isotope-element,
.image-only .item-list ul li.isotope-element {
  border: none;
}
 
.tight.image-only .isotope-element,
.tight.image-only .item-list ul li.isotope-element {
  margin: 0.12% 0.32% 0 0; /* 0.12% 0.12% 0 0; */
  
}

.lounge {
  margin-top: 0.4rem;
}

.lounge .isotope-element,
.lounge .item-list ul li.isotope-element {
  max-width: 70px; /* 90px; */
  max-height: 70px; /* 90px; */
}

.black .isotope-element,
.black .isotope-element {
  background: #111;
}

.content .isotope-element li a {
  text-align: center;
  -webkit-transition: all .7s ease-out;
  -ms-transition: all .7s ease-out;
  transition: all .7s ease-out;
}

.content .isotope-element a:hover {
  text-decoration: underline;
}

.content .isotope-element a img {
  border: none;
  background: none;
  padding: 0;
  margin: 0 auto;
  box-shadow: none;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
  transition: all 1s ease-out;
}
.content .isotope-element a img:hover {
  -webkit-filter: hue-rotate(180deg);
  filter: hue-rotate(180deg);
}


/*
.view-display-id-frontpage_projects {
  max-width: 92%;
}
*/

.view-display-id-frontpage_projects .item-list ul.isotope-container {
  margin: 0 1% 0 3.5%;
  width:100%;
}

/*
.view-display-id-frontpage_projects .item-list ul.isotope-container {
  margin: 0 1% 0 3.5%;
}
*/
.page-taxonomy .view.view-kuda-taxonomy .view-content .item-list .isotope-options li{
	padding:1%;
}
 @media screen and (max-width: 960px) {
 
    .isotope-element {
	  width:100%;
	  margin:5% 0;
	 }
 }