/* ======================================================================================================================================================
Masonry Grid
====================================================================================================================================================== */

.av-masonry{
	position: relative;
	overflow: hidden;
	clear: both;
}

.av-masonry-container{
	width: 100.4%;
	float: left;
	clear: both;
	position: relative;
}

.av-masonry-entry{
	position: relative;
	display: block;
	width: 24.90%;
	float: left;
	clear: none;
	text-decoration: none;
	visibility: hidden;
	opacity: 0;
}

/*	default - no css needed  */

/* Tablet Portrait size to standard 960 (devices and browsers) */


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */


.av-masonry-outerimage-container{
	overflow: hidden;
}

.av-masonry-outerimage-container,
.av-masonry-image-container{
	position: relative;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
}

.av-masonry-image-container{
	text-align: center;
	background-size: cover;
	background-position: center center;
}

.av-masonry-image-container img{
	display: block;
	margin: 0 auto;
}

#top .av-inner-masonry{
	overflow: hidden;
	background-color: transparent;
	margin:0;
}

.av-masonry-entry .avia-arrow{
	border: none;
	top: -5px;
}

.av-masonry-item-no-image .avia-arrow{
	display: none;
}

/*items loaded*/

/*gap variations between elements: no, 1px and large*/
.av-large-gap.av-masonry{
	padding: 15px 0 0 15px;
}

#top .av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry{
	position: relative;
	margin-right: 15px;
	margin-bottom: 15px;
}

/*firefox 1px gap fix*/


/*flex size*/
.av-flex-size .av-masonry-image-container{
	background-image: none !important;
}

/*fixed sized masonry (aka perfect grid)*/

/*overlay styling*/


/*masonry orientation*/

/*hover effect*/
#top .av-masonry-entry:hover{
	text-decoration: none;
}

.av-masonry-image-container, .av-masonry-pagination{
	transition: all 0.4s ease-in-out;
}

/*need to make sure that the scale transform doesnt mess up the image*/

/*masonry sorting*/

/*masonry pagination*/
.av-masonry-pagination{
	clear: both;
	z-index: 2;
	bottom: 20px;
	right: 20px;
	padding: 20px;
	display: block;
}

.av-large-gap .av-masonry-pagination{
	margin: 0 15px 15px 0;
}

.av-masonry-pagination .pagination{
	padding: 5px;
}

.av-masonry-pagination .pagination-meta{
	line-height: 30px;
}

/*masonry post types and variations*/
/*product*/

#top .av-masonry-entry.type-product .av-masonry-image-container{
	transform: scale(1);
}

#top .av-masonry-entry .price,
#top .av-masonry-entry .price span,
#top .av-masonry-entry del,
#top .av-masonry-entry ins{
	font-size: 14px;
}

#top .av-masonry-entry .onsale{
	top: 20px;
	right: 20px;
}

/*post types*/



/*masonry within columns/sections */
#top .container .av-masonry{
	background: transparent;
}

#top .container .av-masonry.av-large-gap{
	padding: 0;
	width: 102%;
	width: calc(100% + 15px);
}

#top .container .av-masonry.av-large-gap.av-masonry-gallery{
	padding-top: 15px;		/* changed with 4.8.6.1 to center images in columns  */
}


/*masonry fade_in/fade_out/grayscale/desat effect/blur */

@media only screen and (min-width: 1800px)
{
	.responsive.html_stretched .av-masonry-col-flexible .av-masonry-entry{
		width: 16.6%;
	}
}

@media only screen and (min-width: 989px) and (max-width: 1340px)
{
	.responsive .av-masonry-col-flexible .av-masonry-entry{
		width: 33.3%;
	}
}

@media only screen and (max-width: 767px)
{
	.responsive #top .av-masonry-entry{
		width: 100%;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px)
{
	.responsive #top .av-masonry-entry{
		width: 49.90%;
	}
}

@media only screen and (max-width: 480px)
{
	.responsive #top .av-masonry-entry{
		width: 100%;
	}
}

@media only screen and (min-width: 767px) and (max-width: 989px)
{
	.responsive .av-masonry-col-flexible.av-masonry-gallery .av-masonry-entry{
		width: 33.3%;
	}
}

@media only screen and (min-width: 767px) and (max-width: 989px)
{
	.responsive .av-masonry-col-flexible .av-masonry-entry{
		width: 49.90%;
	}
}