/*
	Isotope-style for Elina Ahlback Agency 2016
*/

* { box-sizing: border-box; }

/* ---- grid ---- */

#isotope-grid {
  max-width: 1200px;
}

/* clearfix */
#isotope-grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- grid-item ---- */

#isotope-grid .pieni-book-box {
	width: 170px;
	/* height: 260px; */
	min-height: 425px;
	display: block;
	margin-bottom: 20px;
	margin-right: 15px;
	margin-left: 15px;

}
#isotope-grid .is-showing-items .pieni-book-box {
  opacity: 1; /* reveal when ready */
}
#isotope-grid .author-box {
	min-height: 315px;

}
.button-group {
	text-align: center;
	margin: 5px 0 25px 0;
}

@media screen and (max-width: 820px ) {
	#isotope-grid .pieni-book-box {
		width: 162px;
		min-height: 445px;
		margin-bottom: 15px;
		margin-right: 6px;
		margin-left: 14px;
	}
}

@media screen and (max-width: 510px ) {
	#isotope-grid .pieni-book-box {
		width: 140px;
		min-height: 445px;
		margin-bottom: 10px;
		margin-right: 3px;
		margin-left: 8px;
	}
}



/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */