/* Product Category Page */

#bascoCategoryQuickLinks ul {
	width: 100%;
	list-style: none;
	text-align: center;
	margin: 30px 0px 0px 0px;
}

#bascoCategoryQuickLinks ul li {
	padding: 11px 18px;
	display: inline-block;
	font-size: 14px;
	margin-left: 4px;
	margin-right: 4px; 
	margin-bottom: 8px;
	color: var(--bascoBlack);
	background: #f4e2dc;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

#bascoCategoryQuickLinks ul li:hover, 
#bascoCategoryQuickLinks ul li.selected {
	background: #d8b3a7;
	color: #FFFFFF;
}

#bascoCategoryQuickLinks ul li a {
	color: var(--bascoBlack);
	text-decoration: none;
}

#bascoCategoryQuickLinks ul li:hover a,
#bascoCategoryQuickLinks ul li.selected a{
	color: var(--bascoBlack);
	text-decoration: none;
}



.campaignListing {
	width: 100%;
	height: calc(100% - 5px);
}

.campaignListing .campaignTitle {
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 40px;
	font-family: "harri", sans-serif;
	font-weight: 700;
}

.campaignListing a, .campaignListing a:hover, .campaignListing a:focus {
	color: #FFFFFF !important;
}

.campaignListing .campaignListingOverlay {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.15);
}

.campaignListing .btnGreen {
	padding: 12px 25px;
    background: #228c22 !important;
    color: #FFFFFF;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    font-family: 'IM Fell English', serif;
    font-size: 16px;
    cursor: pointer;
}


@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	
	#bascoCategoryQuickLinks ul {
		display: flex;
		overflow-x: scroll;
	}	

	#bascoCategoryQuickLinks ul li a,
	#bascoCategoryQuickLinks ul li:hover a,
	#bascoCategoryQuickLinks ul li.selected a {
		display: block;
		white-space: nowrap;
	}


	.campaignListing .campaignTitle {
		font-size: 26px;
	}

}

ul.bascoFilters {
	width: 100%;
	list-style: none;
}

ul.bascoFilters li {
	width: 100%;
	padding: 18px 0px;
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
	background: #000000 url('/images/filter/white-arrow-right.svg') center right no-repeat;
	background-size: 22px;
	background-position: right 10px center;
	cursor: pointer;
}


.filterContent {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 999;
	display: none;
	background: #000000;
	top: 0px;
}


.filterOptions ul {
	list-style: none;
	width: 94%;
	height: 100vh;
}

.filterOptions ul li {
	width: 100%;
	padding: 18px 0px;
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
	background: #000000 url('/wp-content/themes/basco/images/filter/white-arrow-right.svg') center right no-repeat;
	background-size: 22px;
	background-position: right 10px center;
	cursor: pointer;
}

.filterOptions ul a,
.filterOptions ul a:hover,
.filterOptions ul a:focus {
	color: #FFFFFF !important;
	cursor: pointer;
}

.filterTitle {
	font-size: 16px;
	margin-bottom: 10px;
}

.woof_container {
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
}

.categoriesLeft .bascoCatList li a, .woof_radio_label {
	font-size: 14px !important; 
}

.woof_list_radio input[type=radio] {
	display: none !important;
}