/*Wrapper styling*/
.listing--container {
	overflow: visible;
}

/* Styling Filter */

.sidebar-main {
	display: none;
}
h1.search--headline b {
	/*color: #ff8c00;*/
	color: #000000;
}
.fl-logo {
	display: inline-block;
	float: right;
}
span.fl-mobile-logo {
	display: none;
	float: right;
}

h2.findologic.filter--headline {
	padding: 0px 0px 5px 0px;
	padding: 0rem 0rem .3125rem 0rem;
	margin: 0px 0px 20px 0px;
	margin: 0rem 0rem 1.25rem 0rem;
	line-height: 24px;
	line-height: 1.5rem;
	border-bottom: 1px solid #dadae5;
}
.findologic.search--cat-filter {
	margin: 0px 0px 10px 0px;
	margin: 0rem 0rem 0.625rem 0rem;
}
.delete--filter-btn .filter--delete {
	height: 34px;
	height: 2.125rem;
	padding: 4px 4px 4px 10px;
	padding: .25rem .25rem .25rem .625rem;
	line-height: 24px;
	line-height: 1.5rem;
	display: block;
	position: relative;
	overflow: hidden;
}
.clear,
.findologic.filter--content::after,
.findologic.sub-filter--content::after {
	content: '';
	display: table;
	clear: both;
}
.findologic.filter--sub-content {
	display: inline-block;
	float: left;
	*width: 33%;
}
.findologic.sub-filter--content.has-border {
	border-top: 1px solid #dadae5;
	padding-top: 10px;
	padding-top: .625rem;
}
.action--filter-btn .filter--trigger .fl-action--collapse-icon {
	padding: 0px 10px 0px 10px;
	padding: 0rem .625rem 0rem .625rem;
	line-height: 24px;
	line-height: 1.5rem;
	background-color: #fa5d27;
	background-image: -ms-linear-gradient(top, #fa5d27, #d9400b);
	background-image: linear-gradient(to bottom, #fa5d27 0%, #d9400b 100%);
	border-radius: 3px;
	background-clip: padding-box;
	display: inline-block;
	color: #fff;
	float: right;
}
.action--filter-options #findologic-filter {
	padding-top: 10px;
	padding-top: 0.625rem;
}
.action--filter-options .filter--container {
	display: block;
}
.action--filter-options .filter--trigger--more {
	width: 98%;
	text-align: center;
	margin: 10px 1%;
	margin: .626rem 1%;
	display: block;
	border-bottom: 1px solid #dadae5;
}
.action--filter-options .filter--more.collapse--content {
	border: none;
	z-index: 700;
}

/* clearing filters container */
.action--filter-options .filter--more.collapse--content::after {
	content: "";
	display: table;
	clear: both;
}
.filter-panel--more label {
	cursor: pointer;
}
.filter-panel--more .icon--arrow-down,
.filter-panel--more .icon--arrow-up {
	font-size: 7px;
}
.findologic .FindologicPromotion {
	position: relative;
	top: 10px;
	margin-bottom: 10px;
}
.product--box .product--badges {
	z-index: 501;
}
.left-action .filter-panel {
    width: 100%;
}
.left-action .sidebar-main {

}
.left-action .delete--filter-btn{
    width: 90%;
}

/*  leftside filter default style */
.sidebar-main.off-canvas {
	overflow: visible;
}

/* hide all filters button */
.sidebar-main.off-canvas .action--filter-btn {
	width: 90%;
}
.sidebar-main.off-canvas .filter-panel--flyout {
	position: static;
}

.sidebar-main.off-canvas .filter-panel.is--collapsed {
	height: 100%;
}

.sidebar-main.off-canvas .filter-panel {
	margin-left: 0;
}

/*Changed in order to re-style color & vendor image filter*/

/* color filter style */
.filter-color-style {
	width: 45px;
	height: 45px;
	margin-right: 5px;
	margin-bottom: 4px;
	border: 1px solid #dadae5;
	border-radius: 3px;
	/*padding: 2px;*/
	vertical-align: middle;
}
.filter-color-style:hover {
	border: 1px solid #d9400b;
}
li.filter-panel--option.fl-li-color {
	display: inline-block;
}

/* color filter checkbox style */
li.filter-panel--option.fl-li-color .filter-panel--label {
	padding: 0;
}
li.filter-panel--option.fl-li-color .filter-panel--checkbox {
	width: 1px;
	height:1px;
}
li.filter-panel--option.fl-li-color .filter-panel--checkbox input[type="checkbox"]:checked ~ .checkbox--state {
	background: none;
}
li.filter-panel--option.fl-li-color .filter-panel--checkbox input[type="checkbox"]:checked ~ .checkbox--state:before {
	font-size: 14px;
	padding-left: 14px;
	padding-top: 10px;
}

/* vendor filter style*/
.filter-vendor-style {
	margin-bottom: 5px;
}
li.filter-panel--option.fl-li-vendor .filter-panel--label {
	padding: 0 15px;
}

/* chosen vendor filter */
.filter--active .fl-vendor-image {
	width: 100px;
	display: inline;
	vertical-align: middle;
}

li.filter-panel--option.fl-li-vendor .filter-panel--checkbox input[type="checkbox"]:checked ~ .checkbox--state {
	opacity: 0;
}

/* color and vendor style for same function */
li.filter-panel--option.fl-li-color .filter-panel--checkbox:hover,
li.filter-panel--option.fl-li-vendor .filter-panel--checkbox:hover {
	border-color: transparent;
}
li.filter-panel--option.fl-li-color .filter-panel--checkbox,
li.filter-panel--option.fl-li-vendor .filter-panel--checkbox {
	border: none;
}


@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {

	.filter-panel--more {
		display: table;
		width: 100%;
	}

}

@media screen and (min-width: 48em) {
	.clear.head {
		clear: none;
	}
	.findologic.search--cat-filter {
		margin: 0px 0px 20px 0px;
		margin: 0rem 0rem 1.25rem 0rem;
	}
	.action--filter-btn .filter--trigger .fl-action--collapse-icon {
  		display: none;
  	}
	.delete--filter-btn {
		width: 190px;
		width: 11.875rem;
		margin: 0px 20px 0px 10px;
		margin: 0rem 1.25rem 0rem .625rem;
	}
}
@media screen and (min-width: 78.75em) {
	.delete--filter-btn {
		width: 20%;
		margin-right: 2%;
	}
}

@media screen and (max-width: 480px) {
	.fl-logo {
		display: none;
	}
	span.fl-mobile-logo {
		display: block;
	}
}
