/*
* @author: Mike Lilli
*/

#inspiration-carousel > footer.projects
{
	padding: 17px 18px 17px 15px;
}
#inspiration-carousel > footer.projects > .filterWrap
{
	display:block; float:none; clear:both;
}
.ie #inspiration-carousel > footer.projects > .filterWrap
{
	zoom:1;
}
#inspiration-carousel > footer.projects > .filterWrap:after
{
	display:block; clear:both; visibility:hidden;
	height:0;
	content:".";
}
#inspiration-carousel > footer.projects > .filterWrap > .filters
{
	float:left;
}
#inspiration-carousel > footer.projects > .filterWrap > .sort
{
	float:right;
}
#inspiration-carousel > footer.projects h3
{
	display:inline-block;
	margin-right:12px;
	font-size:15px;
    padding-left:10px;
}
#inspiration-carousel > footer.projects label
{
	display:inline-block;
	margin-right: 15px; padding-top:8px;
	color:#999;
	font-size:14px;
}
#inspiration-carousel > footer.projects .custom-select
{
	min-width:175px;
}
#inspiration-carousel > footer.projects .filters .custom-select {
	min-width: 160px;
	float: right;
}

#project-browser,
#project-browser section.active-filters,
#project-browser section.pagination,
#project-browser section.results ul.project-grid
{
	float:none; clear:both;
}

#project-browser:after,
#project-browser section.active-filters:after,
#project-browser section.pagination:after,
#project-browser section.results ul.project-grid:after
{
	display:block; clear:both; visibility:hidden;
	height:0;
	content:".";
}
.ie #project-browser,
.ie #project-browser section.active-filters,
.ie #project-browser section.pagination,
.ie #project-browser section.results ul.project-grid
{
	zoom:1;
}

#project-browser
{
	position:relative;
}

#project-browser section.results
{
}
#project-browser section.results ul.project-grid
{
	margin:20px 0 0 -20px;
}
#project-browser section.results ul.project-grid li
{
	position:relative; float:left;
	margin:0 0 20px 20px; padding:0;
	width:305px;
}

#project-browser section.pagination.first
{
	padding:0 0 20px 0;
}
#project-browser section.pagination.last
{
	padding:20px 0 0 0;
}
#project-browser section.pagination .page-info
{
	float:left;
	min-width:170px;
	margin:5px 0 10px 0;
	color:#888;
}
#project-browser section.pagination .page-info em
{
	font-style:normal;
}
#project-browser section.pagination .results-per-page
{
	float:left;
	margin:0 0 0 15px;
}
#project-browser section.pagination nav
{
	float:right;
	padding:7px 0 0 0;
}

#project-browser section.pagination nav .current-page
{
	display:inline-block;
	margin:0 15px;
	font-size:12px; color:#888;
}
#project-browser section.pagination nav button.prev,
#project-browser section.pagination nav button.next
{
	display:inline-block;
	margin:0; padding:0 13px 0 0;
	background:url(/img/ui/icon-sprite.png) no-repeat 100% -582px;
	font-size:12px; font-weight:bold; color:#ED1C27; text-trans.filterWrap:uppercase;
	border:0;
}
#project-browser section.pagination nav button.prev
{
	padding:0 0 0 13px;
	background-position:0 -704px;
}
#project-browser section.pagination nav button.next:hover
{
	color:#222;
	background-position:100% -4147px;
}
#project-browser section.pagination nav button.prev:hover
{
	color:#222;
	background-position:0 -4336px;
}
#project-browser section.pagination nav button.prev.disabled,
#project-browser section.pagination nav button.next.disabled
{
	color:#CCC;
	cursor:default;
	background-position:100% -643px;
}
#project-browser section.pagination nav button.prev.disabled
{
	background-position:0 -765px;
}

/* Tablet Portrait */

@media only screen and (min-width:768px) and (max-width:1023px) {

	#inspiration-carousel > footer.projects .filters .custom-select,
	#inspiration-carousel > footer.projects .sort .custom-select
	{
		min-width:100px;
		max-width: 110px;
	}

	#inspiration-carousel > footer.projects {
		padding: 17px;
	}
}

/* Mobile Portrait & Landscape */

@media only screen and (max-width:767px)
{
	.template-6 #main > .row-1 > .col-2 > h1
	{
		display:none;
	}
	.template-6 #main > .row-1 > .col-2
	{
		margin:0 0 20px 0;
	}
	.breadcrumb
	{
		margin:0;
	}
	#inspiration-carousel > footer.projects
	{
		padding:17px 18px;
	}
	#inspiration-carousel > footer.projects > .filterWrap
	{
		display:block;
	}
	#inspiration-carousel > footer.projects > .filterWrap > .filters,
	#inspiration-carousel > footer.projects > .filterWrap > .sort
	{
		float:none;
	}
	#inspiration-carousel > footer.projects h3
	{
		display:block;
		margin-right:0;
	}
	#inspiration-carousel > footer.projects label
	{
		display:block;
		margin-right:0; padding:8px 0 0 8px;
	}
	#inspiration-carousel > footer.projects .sort
	{
		margin-top:15px; padding:0;
	}
	#inspiration-carousel > footer.projects .custom-select
	{
		width:100%;
	}

	#project-browser .count-per-page
	{
		height:33px;
	}
	#project-browser .count-per-page span
	{
		line-height:33px;
		background-position:100% -876px;
	}

	#project-browser section.pagination
	{
		position:relative;
	}
	#project-browser section.pagination nav
	{
		float:none; position:relative;
	}
	#project-browser section.pagination.first nav
	{
		display:none;
	}
	#project-browser section.pagination.first .results-per-page
	{
		position:absolute;
		top:0; right:0;
	}
	#project-browser section.pagination.first .page-info
	{
		display:block;
		padding:0 153px 0 0;
		min-width:0;
	}
	#project-browser section.pagination.last
	{
		padding:5px 0 0 0;
		min-height:21px;
		border:0;
	}
	#project-browser section.pagination.last .page-info,
	#project-browser section.pagination.last .results-per-page
	{
		display:none;
	}
	#project-browser section.pagination.last nav
	{
		padding:0;
	}
	#project-browser section.pagination.last nav button.prev,
	#project-browser section.pagination.last nav button.next
	{
		font-size:18px;
	}
	#project-browser section.pagination.last nav button.prev
	{
		position:absolute;
		top:0; left:0;
		padding-left:17px;
		background-position:0 -1067px;
	}
	#project-browser section.pagination.last nav button.prev:hover
	{
		background-position:0 -4655px;
	}
	#project-browser section.pagination.last nav button.next
	{
		position:absolute;
		top:0; right:0;
		padding-right:17px;
		background-position:100% -386px;
	}
	#project-browser section.pagination.last nav button.next:hover
	{
		background-position:100% -4590px;
	}
	#project-browser section.pagination.last nav button.next.disabled
	{
		background-position:100% -1001px;
	}
	#project-browser section.pagination.last nav button.prev.disabled
	{
		background-position:0 -1133px;
	}

	#project-browser section.pagination.last nav .current-page
	{
		display:block;
		text-align:center;
	}

	#inspiration-carousel > footer.projects .filters .custom-select {
		margin-bottom: 15px;
		margin-top: 15px;
	}

}