﻿

div[class*="listelement-facet-"] {
    margin-bottom:2rem;
    }

/*
=======================================================================
	Facets List
=======================================================================
*/

 .facets-list {
    padding: 0   
    }

.facet-dropdown {
    width: 100%;
    }   

.facets-list input {
    cursor: pointer;
    display: block;
    float: left;
    margin-right: 10px;
    }

.facets-list ul {
    margin:0;padding:0;list-style:none;
    }

.facets-list ul li {
    list-style: none outside none;
    }

.facets-list label{
    text-align: left;
    clear: left;
    }


@media (min-width:768px) {
        .facets-list,
        .element-facet-currentfilter a {font-size: 1.4rem;}
    }

/*
=======================================================================
	Facets Linklist
=======================================================================
*/

.listelement-facet-linklist a {
    clear: left;
    float: left;
    }

.listelement-facet-linklist a.selected {
    text-decoration: underline;
    }

/*
=======================================================================
	Facets Tablist
=======================================================================
*/

.listelement-facet-tablist {background:none!important;padding:0!important;}

.listelement-facet-tablist ul {margin-bottom:-10px;}
.listelement-facet-tablist ul li a {
    display:inline-block;margin:0 1.5rem 1.5rem 0;float:left;border: 2px solid #004E8B;
    padding:1rem 1.5rem;
    }
.listelement-facet-tablist ul li a:hover {background: #004E8B!important;}
.listelement-facet-tablist ul li.active a {background: #004E8B!important;color:#fff!important;}

.listelement-facet-tablist ul li a:focus,
.listelement-facet-tablist ul li a:hover,
.listelement-facet-tablist ul li.active a {
    background: #404040;
    color:#fff;
    text-decoration:none;
    }


/*
=======================================================================
	Facets Checkbox and Radio
=======================================================================
*/

.facets-list li input[type="checkbox"],
.facets-list li input[type="radio"] {
    display: none;
    }

.facets-list li input ~ label {position:relative;padding-left:20px;font-weight:400;}

.facets-list li input ~ label:before {
    position:absolute;
    top:0;
    left:0;
	font-family: FontAwesome;
    margin-right:10px;
	}

.facets-list li input[type="checkbox"] ~ label:before {content: "\f096";}
.facets-list li:hover input[type="checkbox"] ~ label:before,
.facets-list li.active input[type="checkbox"] ~ label:before {
	content: "\f14a";
	}

.facets-list input[type=checkbox]:checked + label:before { content: "\f046"; } /* checked icon */

.facets-list li input[type="radio"] ~ label:before {content: "\f10c";}
.facets-list li:hover input[type="radio"] ~ label:before,
.facets-list li.active input[type="radio"] ~ label:before {
	content: "\f192";
	}

.facets-list input[type=radio]:checked + label:before { content: "\f192"; } /* checked icon */

.facets-list li input ~ label:hover {
	cursor:pointer;
	}


/*
=======================================================================
	Facets Radio
=======================================================================
*/






/*
=======================================================================
	Element Facet
=======================================================================
*/

*[class*='element-facet-'] {
    background: #f3f3f3;
    padding:1.5rem;  
    }

*[class*='element-facet-'] h2,
*[class^="element-"] #facetBox h2 {
    font-size: 2rem!important;
    margin-top:0;
    }

/*
=======================================================================
	Facet Currentfilter
=======================================================================
*/

.bttn-clearfilter {
    background:none;
    color:#004E8B;
    padding:1rem 1.5rem;
    border: 2px solid #004E8B;
    margin-top:0;
    }

.bttn-clearfilter:after {
    font-family: FontAwesome;
    content: "\f00d";
    margin-left:10px;
    float:right;
    }

.bttn-clearfilter:hover,
.bttn-clearfilter:focus {
    background: #004E8B;
    color: #fff;
    text-decoration: none;
    border: 2px solid #004E8B;
    }


.currentfilter-selectedfacets a {
    background:#004E8B;
    color:#fff;
    padding:1rem 1.5rem;
    border: 2px solid #004E8B;
    }

.currentfilter-selectedfacets a:after {
    font-family: FontAwesome;
    content: "\f00d";
    margin-left:10px;
    float:right;
    }

.currentfilter-selectedfacets a:hover,
.currentfilter-selectedfacets a:focus {
    background: #96D7FF;
    color: #004E8B;
    text-decoration: none;
    border: 2px solid #96D7FF;
    }

.bttn-searchstring {
    }
.bttn-searchstring:hover {
    }









element-facet-currentfilter > * {margin-bottom:}

.currentfilter-selectedfacets {padding: 0;margin:0;}

.currentfilter-selectedfacets li {
    list-style: none outside none;
    float: left;
    padding: 0 10px 10px 0;
    }

.currentfilter-selectedfacets li a:after {
    font-family: FontAwesome;
    content: "\f00d";
    margin-left:10px;
    }



@media (min-width:768px) {
    .currentfilter-selectedfacets li {float: none;width:100%;margin-right:0;}
    .currentfilter-selectedfacets li a {width:100%;}
    }

@media (min-width:991px) {
    }

@media (min-width:1200px) {
    }



/*
=======================================================================
	Facet Collapse
=======================================================================
*/

.collapse-controls a {display:block;}
.collapse-controls a:after {
    font-family: FontAwesome;
    float: right;
    }

.collapse-controls a:after {
    content: '\f055'!important; /* plus */
    }

.collapse-controls a[aria-expanded="true"]:after {
    content: '\f056'!important; /* minus */
    }

.collapse-controls a[aria-expanded="false"]:after {
    content: '\f055'!important; /* plus */
    }

@media (min-width:768px) {
    .collapse-controls a:after {
        content: '\f056'!important; /* minus */
        }
    }


/*
=======================================================================
	Facet aspNetDisabled
=======================================================================
*/

.facets-list .aspNetDisabled {
    color: lightgrey;
    }

.facets-list .aspNetDisabled .facet-count {
    display: none;
    }