/* ---- hero masonry ---- */
.hero-masonry {
	background: white;
	padding: 0;
	margin-bottom: 20px;
}
.hero-masonry:after {
	content: '';
	display: block;
	clear: both;
}
.hero-item,
.hero-masonry .grid-sizer {
	width: 46.8%; /* just a lil under  47 */
	margin: 15px 1.5%;
	float: left;
}

/* Necessary for proper sizing with margins */
.hero-masonry .grid-sizer {
	position: absolute;
}
/* Calculated with left and right margins of 1% */
/* Widths less than 720px */
.hero-item.w2 {
	width: 96.9%;
	/* this is just a hack so we don't have to resize the images on the home page */
	max-width: 660px;
}
.hero-item.w4 {
	width: 96.9%;
}
.hero-item.w3 {
	width: 96.9%;
	max-width: 96.9%;
}

/* Widths 720px and greater */
/* Enough width for 4 columns */
/* @media screen and ( min-width: 720px ) { */
@media screen and ( min-width: 760px ) {
	.hero-item,
	.hero-masonry .grid-sizer {
		width: 21.9%;
	}
	.hero-item.w2 {
		width: 46.8%; /* just a lil under 48 */
	}
	.hero-item.w3 {
		width: 71.7%;
		max-width: 71.7%;
	}
}
.allowToggle {
	cursor: pointer;
	/* 
	background-image: url(../images/magnifier_zoom_in.png);
	background-repeat: no-repeat;
	background-position: 8px 4px;
	*/
}
.w2.allowToggle {
	/* background-image: url(../images/magnifier_zoom_out.png); */
}
/*  exapanding / collapsing blocks */
.allowToggle .expandBlock {
        font-size: 20px;
        display: block;
        position: absolute;
        top: 4px;
        right: 10px;
}
.allowToggle.w2 .expandBlock {
        display: none;
}
.allowToggle.w2 .collapseBlock {
        font-size: 20px;
        display: block;
        position: absolute;
        top: 4px;
        right: 10px;
}
.allowToggle .collapseBlock {
        display: none;
}