/* 
 Theme Name:   badgeboy
 Theme URI:    
 Description:  
 Author:       Maurice
 Author URI:   http://badge-boy.com
 Template:     hello-elementor
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/

body .wpfMainWrapper input[type=checkbox],
body input[type=radio] {
    display: none;
}

body .wpfMainWrapper input[type="radio"]+label {
    cursor: pointer;
    padding-left: 2rem;
    white-space: nowrap;
}

body .wpfMainWrapper input[type="radio"]:checked+label:before {
    background-color: #000000;
    height: 20px;
    margin: 4px;
    width: 12px;
    border-radius: 50%;
    height: 12px;
    content: "";
    position: absolute;
    left: 3px;
}

body .wpfMainWrapper .wpfCheckboxHier ul {
    margin-bottom: .5rem;
}

body .wpfMainWrapper li.active {
    background-color: black;
    color: white;
	
}

body .wpfMainWrapper li,
body .wpfMainWrapper li {
    display: inline-block;
    padding: .5rem;
    border: 1px solid black;
}

body .wpfFilterWrapper ul:not(.wpfButtonsFilter) li {
    padding-left: .5rem !important;
    margin-right: .5rem !important;
    margin-top: .5rem !important;
}

body .wpfFilterWrapper .wfpDescription {
    font-size: 1.5rem;
    margin-bottom: .25rem;
    font-weight: 400;
    font-family: "earlyman", sans-serif;
}

body .wpfFilterWrapper select {
    width: 100%;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
    border-radius: 0;
    background-color: white;
    font-family: 'earlyman';
    font-size: 1.25rem;
    padding: .5rem;
    border: 1px solid black;
}

button.wpfClearButton.wpfButton {
    background: none;
    border: none;
    text-decoration: underline;
    font-family: 'earlyman';
    font-weight: 300;
    font-size: 1.5rem;
}

button.wpfClearButton.wpfButton:hover {
    text-decoration: none;
}